/*
 Theme Name: TD - Breaking Glass Pictures (BGP) Child Theme
 Theme URI: https://wordpressforbroadcasters.com
 Author: The WPB team
 Description: BGP Child theme.
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background
 Text Domain: td-bgp-child
 Template: td-bgp
*/

/*--------------------------------------------------------------------General Styles*/
body {font: normal 300 16px/24px 'Lato', Arial, Helvetica, sans-serif;color: #ffffff;-webkit-font-smoothing: antialiased;background: url('') no-repeat fixed top center #D2D2D2;padding-top: 0;}

::selection {
background: #000000;/* WebKit/Blink Browsers */
color: #fff
}

::-moz-selection {
background: #000000;/* Gecko Browsers */
color: #fff
}


/* WP Links Button */

.btn-wp-links {
background-color: #ffffff;
border-color: #ffffff;
}

.btn-wp-links:hover {
background-color: #ffffff;
border-color: #ffffff;
}

.btn-wp-links a {
color: #000
}

.btn-wp-links a:hover {
color: #000;
}


/* Edit Links Button */

.btn-edit-link {
background-color: #222;
border-color: #222;
}

.btn-edit-link a {
color: #fff
}

.btn-edit-link a:hover {
color: #fff
}

/*************************************************************************
Brand Colors--------------------------------------Links, hover, background
**************************************************************************/

a, .color-brand { color: #ffffff}
.bg-brand {background-color: #ffffff}
.border-secondary {border-color: #ffffff}
.hover-color-brand:hover {color: #ffffff}
.hover-bg-brand:hover {background-color: #ffffff}

/* Secondary color () */
.color-secondary {color: #ffffff}
.bg-secondary {background-color: #ffffff}
.border-secondary {border-color: #ffffff}
.hover-color-secondary:hover {color: #ffffff}
.hover-bg-secondary:hover {color: #ffffff}


/* Light color (light) */
.color-light {color: #fff}
.bg-light {background-color: #fff}
.border-light {border-color: #fff}
.hover-color-light:hover {color: #fff}
.hover-bg-light:hover {background-color: #fff}
.hover-border-light:hover {border-color: #fff}


/* Dark color (light-grey)  */
.color-light-grey {color: #d7d7d7}
.bg-light-grey {background-color: #d7d7d7}
.border-light-grey {border-color: #d7d7d7}
.hover-color-light-grey:hover {color: #d7d7d7}
.hover-light-grey:hover {background-color: #d7d7d7}
.hover-border-light-grey:hover {border-color: #d7d7d7}


/* Dark color */
.color-dark {color: #534b29}
.bg-dark {background-color: #534b29}
.border-dark {border-color: #534b29}
.hover-color-dark:hover {color: #534b29}
.hover-bg-dark:hover {background-color: #534b29}
.hover-border-dark:hover {border-color: #534b29}

/*-------------------------------------------------------------
Pagenation
--------------------------------------------------------------*/

.pagination span, .pagination a {
color: #fff;
background: #000 none repeat scroll 0 0;
}

.pagination a:hover {
color: #000000;
background: none repeat scroll 0 0 #cdcdcd;/*hover color*/
}

.pagination .current {
color: #000000;
background: #cdcdcd none repeat scroll 0 0;
}

/*-- -----------------------------------------------------------
Entry Titles
--------------------------------------------------------------*/

.entry-title a {color: #ffffff;}
.entry-title a:hover {color: #ffffff}

/*-- -----------------------------------------------------------
Widget Title
--------------------------------------------------------------*/

.section-title {color: #ffffff;}
.section-title a {color: #ffffff;}
.section-title a:hover {color: #ffffff}
.sponsored {color: #ffffff}


/*-- -----------------------------------------------------------
Meta
--------------------------------------------------------------*/

.article-meta {color: #ffffff;}
.article-meta a {color: #ffffff}
.article-meta a:hover {color: #ffffff}
.author {color: #ffffff}

/*--------------------------------------------------------------------Homepage Custom Styles*/

.storefront-primary-navigation {
	display:block;
}
.page-template-template-homepage .entry-header h1 {
	display:block;
}
.elementor-thumbnails-swiper {
	display:block;
}
.header-widget-region {
	display:block;
}
.home .header-widget-region {
	display: block !important;
}
.home .header-widget-region .col-full {
    margin: auto -100px;
    max-width: none;
}
.site-header {
    display: block;
    overflow: visible;
    background-color: #127ABE;
    color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
}
.wpb-slider {
    left: 0px !important;
}
.header-widget-region .widget {
    padding: 0em 0 !important;
}
/*Navigation Custom Styles - Media Queries*/
@media (min-width: 1346px) {
    .widget_product_search {
        margin-left: 0px;
    }
}
@media (min-width: 1700px) {
    .woocommerce-active .site-header .site-branding img {
        margin-left: 0px!important;
    }

}
@media (min-width: 768px) {
    #masthead>.col-full {
        display:flex;
        align-items:center;
        justify-content: space-between;
        max-width:1600px;
        margin:0 auto;
    }
    .woocommerce-active .site-header .site-branding {
        width: 15%;
        margin-right: 0;
        margin-bottom:0!important;
    }
    .storefront-primary-navigation {
        width:87%;
        display: block;
        margin-right: 0;
        /*min-width: 1000px;*/
        margin-left: 0;
    }
    #site-navigation {margin-right:0!important;}
    .woocommerce-active .site-header .main-navigation {width:83%}
    .primary-navigation {margin-top:0!important;margin-left:0!important}
    .main-navigation ul.menu, .main-navigation ul.nav-menu {margin-left:0!important}
    .woocommerce-active .site-header .site-search {margin:0!important;}
    .site-header {padding:10px 0!important;margin:0!important}
    .single-product .storefront-breadcrumb {
        margin: 0 !important;
    }
}
@media (max-width: 1345px) {
    .woocommerce-active .site-header .site-search {display:none!important}
    .woocommerce-active .site-header .main-navigation {width:100%}
}
@media (max-width: 1063px) {
    .storefront-primary-navigation {width:80%}
}
@media (max-width: 768px) {
    .site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {max-width:150px}

}
/*--------------------------------------------------------------------Inside Page Custom Styles*/

/*Navigation Custom Styles*/

.storefront-sticky-add-to-cart {
    color: #6d6d6d;
    background-color: #1f1f1f;
    margin-top: 50px;
}
.storefront-sticky-add-to-cart__content-title {
	color: #ffffff;
}