/*
 Theme Name:   Cosine Child
 Theme URI:    https://codegearthemes.com/cosine-child/
 Description:  Cosine Child Theme
 Author:       CodeGearThemes
 Author URI:   https://www.codegearthemes.com
 Template:     cosine
 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:  cosine-child
*/
@font-face {
    font-family: 'Goudy';
    src: url('./fonts/goudos-webfont.woff2') format('woff2'),
         url('./fonts/goudos-webfont.woff') format('woff'),
         url('./fonts/goudos-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-Roman.eot');
    src: url('./fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Avenir-Roman.woff2') format('woff2'),
        url('./fonts/Avenir-Roman.woff') format('woff'),
        url('./fonts/Avenir-Roman.ttf') format('truetype'),
        url('./fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-----Navigation---------*/
#site-navigation .menu-toggle{
    color: #fff;
}

#site-navigation .menu-toggle .menu-bar{
    color: #fff;
    background: #fff;
}

/*-----General Custom---------*/
.section-rollover{
    background-attachment: fixed;
    background-size: cover !important;
}

.vc_btn3{
    font-family: Merriweather !important;
    font-size: 15px !important;
}

/*--------Alternate Section--------*/
.cosine-alternate .odd .wpb_column:first-child{
    margin-left: auto;
    order: 2; 
}

.cosine-alternate .wpb_text_column p{
    color: #fff;
}

.native-featured .wpb_wrapper{
    position: relative;
}

.native-featured .wpb_text_column{
    position: absolute;
    bottom: 0px;
    background: rgba(0,0,0,0.5) !important;
    width: 100%;
    padding: 15px;
    margin-bottom: 0px;
}

.native-featured-black .wpb_text_column{
    background: rgba(0,0,0,0.7) !important;;
}

.native-featured-black img{
    box-shadow: none !important;
}

/*   Blog Page Layout  */
#secondary{
    background: #fff;
    margin-top: 30px;
    padding-top: 15px;
    border-radius: 5px 5px 0 0;
}

.template-blog-wrapper{
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;    
}

.cosine-posts-layout .post{
    margin-bottom: 30px;
}

.cosine-posts-layout .post img{
    width: 100%;
    height: auto;
}

.cosine-posts-layout .beta{
    clear: left;
}

.cosine-posts-layout .post:last-child{
    margin-bottom: 0;
}

.cosine-posts-layout .entry-meta{
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.cosine-posts-layout .entry-meta li:before{
    display: none;
}


.cosine-posts-layout .entry-title{
    text-align: center;
    text-transform: uppercase;
    font-family: serif;
}

.cosine-posts-layout .entry-title{
    margin-bottom: 30px;
}

.cosine-posts-layout .divider{
    border-bottom: 1px solid #e9e9e9;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: -ms-calc(100% - 60px);
    margin: 30px auto;
    float: none;
    border-top: 0px;
}

.cosine-posts-layout .entry-title a{
    color: #000;
    text-transform: uppercase;
    font-family: Georgia;
    font-size: 21px;
    font-weight: normal;
}

.cosine-posts-layout .posted-date{
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.cosine-posts-layout .posted-date span{
    font-size: 12px;
    font-weight: 700;
    margin-right: 1px;
    display: inline-block;
    color: #fff;
    background: #000;
    padding: 2px 12px;
    border-radius: 2px;
    border: 0;
}

.cosine-posts-layout .cosine-read-more{
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.cosine-posts-layout .entry-summary{
    text-align: center;
    padding: 30px 0;
}

.cosine-posts-layout .read-more-link{
    text-transform: uppercase;
    background: #000;
    border: 2px solid #000 !important;
    color: #fff;
    line-height: 37px;
    display: inline-block;
    padding: 0 24px;
    font-size: 12px;
    text-decoration: none;
}

.cosine-posts-layout .read-more-link:hover{
    background: #000;
    color: #fff;
}

.cosine-posts-layout .layout-second .entry-title{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

.cosine-posts-layout .layout-second .entry-summary{
    padding: 0px;
}

.cosine-posts-layout .layout-second .entry-meta-top-wrapper{
    margin-top: 15px;
}

.cosine-posts-layout .layout-second .posted-date{
   margin: 10px 0;
   line-height: 1;
} 

.cosine-posts-layout .layout-second .posted-date span{
    background: transparent;
    color: #999;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0px;
}

.comments-area{
    margin-bottom: 30px;
}

.single .main--banner{ 
    margin-bottom: 0px;
}

.cosine-posts-layout .social-share{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 15px;
}

.cosine-posts-layout .social-share a{
    margin:  0 15px;
    color: #000;
}

.cosine-posts-layout .entry-meta .post-categories{
    padding: 0px;
}

.secondary .widget{
    border-top: 0px;
    font-size: 14px;
    background-color: #101213;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    color: #fff;
}

.secondary .widget h2{
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    position: relative;
    line-height: 36px;
    letter-spacing: 3px;
    display: block;
    position: relative;
    border-bottom: 1px solid #ececee;
    font-family: Georgia;
}

.secondary .widget ul{
    list-style: none;
}

.secondary .widget ul li a{
    color: #fff;
}

.secondary input[type="search"].search-field{
    border: 1px solid #fff;
}

.secondary .tagcloud a{
    color: #ccc;
    line-height: 17px;
}

.secondary .tagcloud a:hover{
    color: #fff;
}

.single .post .entry-title{
    margin-top: 15px;
    font-family: georgia, palatino;
    color: #000;
}

/*----------Wildlife Page & Page Footer--------*/
.footer-background{
    background-size: 100% !important;
}

/*-------Responsive Queries-----------*/
@media screen and (max-width: 1080px){
    .section-rollover{
        background-size: 100% auto !important;
        background-position: center !important;
        background-attachment: scroll;
    }
}

@media screen and (max-width: 991px){
    #site-navigation{
        position: initial;
    }
    
    #site-navigation .menu-toggle{
        position: absolute;
        top: -35px;
        right: 0px;
        z-index: 9999;
    }
    
    #section_header_top{
        display: block !important;
    }
    
    #site-navigation .naigation-wrapper ul{
        display: block !important;
        float: left;
    }
    
    #site-navigation .naigation-wrapper > ul > li{
        width: 100% !important;
        display: block !important;
        float: left !important;
        position: relative;
    }
    
    #site-navigation .naigation-wrapper > ul > li a{
        padding: 7.5px 0 7.5px 15px!important;
        display: block;
        text-align: left !important;
        float: left;
        color: #fff;
        width: 100%;
    }
    
    #site-navigation .naigation-wrapper > ul > li.menu-item-has-children > a::after{
        top: 15px;
        border-color: #fff;
        right: 15px;
        pointer-events: none;
    }
    
    .site-header.center #site-navigation .naigation-wrapper ul ul{
        background: transparent;
        position: relative;
        top: 0;
        width: 100%;
        margin-left: 15px;
    }
    
    #site-navigation .sub-menu li a {
        background: #222 !important;
        color: #ccc !important;
    }
    
    #site-navigation.active .naigation-wrapper:after {
        content: "";
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0,0,0,0.7);
        z-index: -1;
        top: 0;
        left: 0;
    }
    
    #site-navigation.active .menu-toggle{
        height: 30px;
        width: 30px;
    }
    
    #site-navigation.active .menu-toggle .menu-bar:first-child{
        transform: rotate(45deg);
    }
    
    #site-navigation.active .menu-toggle .menu-bar:last-child{
        transform: rotate(-45deg);
        top: -9px;
        position: relative
    }
    
    #site-navigation.active .menu-toggle .menu-bar.bar-middle{
        display: none;
    }
}

@media screen and (max-width: 767px){
    .secondary{
        padding: 0 15px !important;
    } 
    
    .cosine-alternate .odd .wpb_column:first-child{
        order: unset;
    }  
    
    .native-featured .vc_column_container{
        width: 33.33%;
        display: inline-block;
    }
}

@media screen and (max-width: 572px){
    .native-featured .vc_column_container{
        width: 100%;
    }
    
    .native-featured .vc_column_container img{
        width: 100%;
    }
    
}

@media screen and (max-width: 480px){
    .main-navigation .naigation-wrapper{
        max-width: 100%;
    }
    
    .social-widget{
        width: 100%;
        top: 100%;
        -webkit-transform: translate(0,-100%);
        -moz-transform: translate(0,-100%);
        -ms-transform: translate(0,-100%);
        -o-transform: translate(0,-100%);
        transform: translate(0,-100%);
        background: #222;
        padding: 5px 0;
        z-index: 1;
    }
    
    .social-widget ul{
        margin: 0px;
        text-align: center;
    }
    
    .social-widget ul  li{
        display: inline-block;
        margin: 0 5px;
    }

    .social-widget ul  li a{
        border-radius: 100%;
    }
}