/*
 Theme Name:   Billy Joel
 Description:  Billy Joel, Twenty Sixteen Child Theme
 Author:       45PRESS
 Author URI:   http://www.45press.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  billy-joel
*/

@import 'assets/css/colorbox.css';
@import 'assets/css/flexslider.css';
@import 'assets/css/style.css';
.video-detail .content p {
    margin: 0 0 10px 0
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px)
}

iframe {
    max-width: 100%
}

@media(max-width:767px) {
    #cboxTitle {
        position: static
    }
    .page-title {
        padding: 15px 10px 10px 10px
    }
    .page-title .filter {
        position: static;
        width: 100%
    }
}

#header-form {
    display: inline-block;
    vertical-align: middle;
    max-width: 265px
}

#header-form .form-group {
    margin-bottom: 0
}

#header-form .form-control {
    background-color: #e3dfdc;
    border-color: #e3dfdc;
    border-radius: 0;
    height: 30px;
    font-style: italic;
    font-weight: normal
}

#header-form .btn {
    background-color: #e3ae53;
    border-color: #e3ae53;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 12px;
    line-height: 1em
}

#header-form .btn:hover,
#header-form .btn:focus {
    background-color: #f6c673;
    border-color: #f6c673;
    color: #fff
}

.fancybox-wrap iframe {
    max-width: 100%
}

@media(max-width:767px) {
    .fancybox-inner {
        -webkit-overflow-scrolling: touch!important;
        overflow: scroll!important
    }
    body.page-template-page-newsletter .page-title {
        display: none
    }
}

body.page-template-page-events .sidebar-upcoming-events {
    display: none
}

.footer-bottom .footer-connect ul li a[href*="instagram"] {
    background-position: -228px -98px;
}

.footer-bottom .footer-connect ul li a[href*="instagram"]:hover,
.footer-bottom .footer-connect ul li a[href*="instagram"]:focus {
    background-position: -228px -140px;
}