/*
 Theme Name:   Flat-Bootstrap Child
 Theme URI:    http://pianopricepoint.com
 Description:  Flaat Bootstrap child theme
 Author:       Glen Barkman
 Author URI:   http://pianopricepoint.com
 Template:     flat-bootstrap
 Version:      1.0.0
*/
.navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }

.header .content-header {
    min-height: 0px;
}

.pt-cv-readmore {
    color: #16a085 !important;
    background-color: #ffffff !important;
    border: none !important;
}

.site-branding > a {
    background-image: url(https://pianopricepoint.com/wp-content/uploads/2019/01/Piano-Price-Point-Logo.png);
}  
.site-branding > a {
  display: inline-block;
  width: 400px;
  height: 92px;  background-size: contain;  
  background-repeat: no-repeat;           
  background-position: center center;
}

.site-branding > a img {
  opacity: 0;
}

@media only screen and (max-width: 479px) {
  .site-branding > a { 
    width: 300px;
    height: 93px;
  } 
}

.page-id-1754 header.content-header {
    display:none;
}

/* headlines with lines */
.decorated{
     overflow: hidden;
     text-align: center;
 }
.decorated > span{
    position: relative;
    display: inline-block;
}
.decorated > span:before, .decorated > span:after{
    content: '';
    position: absolute;
    top: 66%;
    border-bottom: 3px solid
	#5e5e5e;
    width: 591px; /* half of limiter*/
    margin: 0 20px;
}
.decorated > span:before{
    right: 100%;
}
.decorated > span:after{
    left: 100%;
}

/* lightbox opacity  */
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 1 !important;
}

.mfp-iframe-holder .mfp-content
{
    max-width: 1200px !important;
}

@media only screen and (max-width: 600px) {
    body {
        font-size: 18px;
    }
}

details {
     padding: .5em .5em 0 .5em;
}

summary {
	outline:none;
    font-weight: bold;
    margin: -.1em -.1em 0;
    padding: 0 .5em .5em .5em;
}

details[open] {
    padding: .5em .5em 0 .5em;
}


/* floating iframes */
.float-right {
float: right;
}

/* clearing iframe formatting */
.clear-both {
    clear: both;
}

.n2-section-smartslider {
    clear: both;
}
