/*
Theme Name: Child Theme for Bellhop
Theme URI: https://www.sktthemes.org/shop/free-videographer-wordpress-theme

Author: SKT Themes Parent / Child Modifications by Jacob Medley on behalf of Bellhop
Author URI: https://www.sktthemes.org

Template: skt-videography

Description: SKT Videography is a movie, film, youtube, reels, short cinema, videography, photography, portfolio and similar kind of website template. It comes packed with 90+ other templates which are compatible in Elementor and also some 7-8 Gutenberg editor compatible templates too. Multipurpose, easy to use and works with most popular plugins like WooCommerce and contact form 7.  Documentation: https://www.sktthemesdemo.net/documentation/skt-videography-doc/

Version: 1.2

Tested up to: 5.7.2

Requires PHP: 5.6

License: GPL-2.0-or-later

License URI: https://www.gnu.org/licenses/license-list.html#GPLv2

Text Domain: skt-videography

Tags: two-columns,right-sidebar,full-width-template,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments,featured-images,footer-widgets,translation-ready,rtl-language-support,custom-logo,editor-style,custom-header,blog,e-commerce,portfolio

SKT Videography is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).
SKT Videography WordPress Theme has been created by SKT Themes(sktthemes.org), 2021.
SKT Videography WordPress Theme is released under the terms of GNU GPL
*/



@media only screen and (min-width: 980px){
    .book-a-move a {
        border: 2px solid #16D3A9;
        background: none;
        height: 50px;
        padding: 0px 40px;
        white-space: nowrap;
        border-radius: 100px;
    }
    }
    
    .header {
        border-bottom: 2px solid rgb(245, 247, 249);
    }
    
    .site-description {
        visibility: hidden;
        height: 1px;
        overflow: collapse;
    }
    .cattitle_wrap h1 {
            padding: 20px;
        background: rgba(0, 0, 0, .8 );
    }
    
    
    a.ReadMore {
      font: 400 17px/22pxAssistant;
      background-color: #fd6500;
      padding: 13px 35px;
      color: #fff;
      display: inline-block;
      border-radius: 40px;
      -moz-border-radius: 40px;
      -webkit-border-radius: 40px;
      margin-top: 25px;
        float: right;
    }
    
    @media only screen and (max-width: 380px){
    .logo img {
        height: auto;
        width: 120px;
        max-height: 90px;
        max-width: 266px;
    }
    }
    
    .post-comment {
        display: none;
    }
    
    .post-categories {
        display: none;
    }
    .footerarea h5 {
        font-size: 16px;
        margin: 0px 0 15px 0;
    }
    
    .footerarea .cols-3 h5:after {
        content: '';
        border-bottom: 1px solid #ffffff;
        display: table;
        width: 80%;
        padding: 20px 0 0 0;
    }
    #footer-wrapper {
        border-top: solid 1px #e1eaf1;
        background: #ffffff;
    }

    #footer-wrapper .menu-item a {
        color: #747C82;
        font-size: 14px;
    }
    #footer-wrapper h5 {
        color: #6994F4;
        font-size: 14px;
        margin: 0;
    }
    #footer-wrapper a:after, #footer-wrapper a:after {
        content: '';
    }

    #footer-wrapper .sub-menu a  {
        color: #747C82;
    }

    .footerarea .cols-3 h5:after { 
        padding: 0;
        margin-bottom: 15px;
    }
    
    .social-icons a {

        width: 60px;
    
        height: 60px;
    
        line-height: 60px;
    
        text-align: center;
    
        vertical-align: middle;
    
        display: inline-block;
    
        transition: 0.6s;
    
        -moz-transition: 0.6s;
    
        -webkit-transition: 0.6s;
    
        -o-transition: 0.6s;
    
        margin: 0;
    
        padding: 0;
    
        border-radius:250px;
    
        -moz-border-radius:250px;
    
        -webkit-border-radius:250px;
    
        background-color:#fff !important;
    
    }

    #footer-wrapper .social-icons a:link, .social-icons a:visited {
        background-color:#fff !important;
    }
    .social-icons a:hover {
        background-color:#fff !important;
    }
    
    .social-icons .fb {

        background: url(images/Facebook.svg) no-repeat center center;
    
    }
    
    .social-icons .tw {
    
        background: url(images/Twitter.svg) no-repeat center center;
    
    }
    
    .social-icons .in {
    
        background: url(images/LinkedIN.svg) no-repeat center center;
    
    }
    
    .social-icons .insta {
    
        background: url(images/Instagram.svg) no-repeat center center;
    
    }
    
    .social-icons .yt {
    
        background: url(images/Youtube.svg) no-repeat center center;
    
    }
    .footerinfobox {
        padding: 0 0 40px 0;
        float: none;
        border-bottom: none;
    }

    #copyright-area {
        background: #ffffff; 
        color: #e1eaf1;
    }

    .copyright-txt {

        padding: 30px 0;
      
        float: none;
      
        text-align: center;
      
        font-size: 16px;
      
        font-family: 'Assistant';
      
        line-height: 1.9em;
      
        border-top: 1px solid #e1eaf1;
        color: #747C82;
      }

      


@media screen and (max-width: 767px) {
    .post-thumb {
        width: 100%;
        float: none;
        display: block;
        margin: 5px 25px 5px 0;
        height: 220px;
        overflow: hidden;
    }
}
#navigate-main {
    float: right;
    padding: 0;
    padding-right: 15px;
}

@media screen and (max-width:1169px) and (min-width:768px) {
    #navigate-main {
        float: right !important;
    }
}

@media screen and (max-width:1023px) and (min-width:979px) {
    #navigate-main {
        float: none !important;
        padding-top: 20px;
        text-align: right;
    }
}


@media screen and (max-width: 767px) {
    .cattitle_wrap h1 {
        font-size: 26px;
    }
    }
    
    
    .header {
        height: 100px;
    }
    
    @media screen and (max-width: 980px) {
        .header {
        height: 98px; 
    }
    }
    
    body.wp-custom-logo .logo {
        padding: 30px;
    }
    
    @media screen and (max-width: 767px) {
    article.sticky {
        padding: 10px;
        background: #ebfffb;
    }
    }
    
    
    article.sticky {
        padding: 30px;
        background: #ebfffb;
    }
    
    article.sticky .post-thumb {
        width: 100%;
        height: 320px;
    }
    
    article.sticky .post-thumb:before {
    content: "featured";
        background: #16d3a9;
        position: absolute;
        /* top: 45px; */
        color: #fff;
        padding: 6px 28px;
        margin-top: 20px;
    }
    
    button.menu-toggle {
        background: #fff;
        border: none;
    }
    button.menu-toggle span:first-of-type {
    display: none;
    }
    
    .logo {
        background: #fff;
    }
    
    @media screen and (min-width: 480px) and (max-width: 767px) {
    .menu-toggle {
        top: 28px;
    }
    }
    
    article figure > iframe {
        max-width: 600px;
        width: 100%;
    }