/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 


    
    /* Global */
   
    /* Homepage */
    
        /* Main Menu */
        #menu-main-menu ul.sub-menu .menu-item:hover{
            background-color: #98A4C0;
        }
        #menu-main-menu ul.sub-menu .menu-item a:hover{
            color: #031F87;    
        }
    
        /* Scarborough Yacht Club Services */
        .fl-photo-caption-hover{
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: transparent;
            opacity: 100 !important;
        }
        .fl-photo-caption-hover h1{
            color: #FFF;
            text-align: center;
            font-family: Mulish;
            font-size: 22px;
            font-style: normal;
            font-weight: 900;
            line-height: normal;    
            color: white;
        }
        .fl-photo-caption-hover p a{
            color: #FFF;
            text-align: center;
            font-family: Quicksand;
            font-size: 13px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-decoration-line: underline;
            color: white;
        }
        
        
        /* Upcoming Events */
        .UpcomingEvents .pp-content-post{
            display: flex;
            align-items: center;    
        }
        .UpcomingEvents div.BlogContentLeft {
            float: left;
            width: 40%;
        }
        .UpcomingEvents div.BlogContentRight {
            width: 60%;
            float: right;
        }
        .UpcomingEvents div.BlogContentRight .pp-content-grid-post-text{
            padding: 0;
        }
        .UpcomingEvents .pp-content-grid-post-image{
            padding: 0;
        }
        .UpcomingEvents .pp-content-grid-post-text{
            padding-left: 0;
            padding-right: 0;
        }
        .UpcomingEvents h3.pp-content-grid-post-title a{ 
            color: #000;
            font-family: Mulish;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }
        .UpcomingEvents div.pp-content-grid-post-more-link{
            background: #031F87;  
            margin-top: 20px;
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 20px;
            padding-right: 20px;
            display: inline-block;
            border-radius: 20px;
        }
        .UpcomingEvents div.pp-content-grid-post-more-link a{
            color: #FFF;
            font-family: Quicksand;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
        .UpcomingEvents .pp-content-grid-content{
            color: #828282;
            font-family: Quicksand;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;   
            margin-top: 10px;
        }
        .UpcomingEvents .pp-content-grid-post-meta{
            color: #828282;
            font-family: Quicksand;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-top: 10px;
        }
        
        /* News */
        .News h3.pp-content-grid-post-title a{ 
            color: #224891;
            font-family: Mulish;
            font-size: 25px;
            font-style: normal;
            font-weight: 800;
            line-height: 32px; 
            margin-bottom: 10px;
        }
        .News .pp-content-grid-post-more-link{
            margin-top: 10px;    
        }
        .News div.pp-content-grid-post-more-link a{
            color: #E29739;
            font-family: Quicksand;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-decoration-line: underline;
        }
        .News .pp-content-grid-post-meta{
            color: #224891;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-bottom: 10px;
        }

        /* General Information Tabs */
        .GeneralInfoTabs .pp-tabs-label.pp-tab-active .pp-tab-title, 
        .GeneralInfoTabs .pp-tabs .pp-tabs-label.pp-tab-active:hover .pp-tab-title, 
        .GeneralInfoTabs .pp-tabs .pp-tabs-label:hover .pp-tab-title, 
        .GeneralInfoTabs .pp-tabs .pp-tabs-label:focus .pp-tab-title{
            font-weight: 700 !important;  
            color: #224891;
        }
        .GeneralInfoTabs .pp-tabs-panels .pp-tabs-panel-content{
            border-top: 1px solid #E29739 !important;
            border-bottom: none !important;
            border-right: none !important;
        }
        .GeneralInfoTabs .pp-tab-title{
            padding-left: 20px;    
        }

        /* Contact Form */
        .ContactUsForm div.wpforms-container-full{
            margin-top: 0 !important;     
        }
        .ContactUsForm .wpforms-container .wpforms-field{
            padding: 5px !important;   
        }
        
        
        /* Videos */
        .ShareSocial h2.widgettitle{
            color: #000;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;    
        }
        
        /* News */
        .NewsPosts h3.pp-content-grid-post-title{
            margin-bottom: 20px;
        }
        .NewsPosts h3.pp-content-grid-post-title a{ 
            color: #E29739;
            font-family: Mulish;
            font-size: 32px;
            font-style: normal;
            font-weight: 400 !important;
            line-height: 32px; 
            margin-bottom: 10px;
        }
        .NewsPosts div.pp-content-grid-post-more-link a{
            color: white;
            font-family: Quicksand;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            background-color: #224891;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-right: 30px;
            padding-left: 30px;
            border-radius: 30px;
            margin-top: 10px;
        }
        .NewsPosts .pp-content-grid-post-meta{
            color: #224891;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-bottom: 10px;
        }
        .NewsPosts .pp-content-grid-content{
            margin-bottom: 30px;
            color: #000;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
        .NewsPosts .pp-content-grid-pagination li a.page-numbers{
            text-align: center;
            font-family: Mulish;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            color: #031F87;
        }
        .NewsPosts .pp-content-grid-post{
            display: flex;
            flex-direction: column;
            height: 750px;
        }
        
            
        
        /* News Inner */
       body.post-template-default.single.single-post h1.fl-heading span.fl-heading-text{
            color: #224891;
            font-family: Mulish, sans-serif;
            font-size: 42px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }
        body.post-template-default.single.single-post .fl-module.fl-module-fl-post-content{
            color: #000;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 30px */
        }
        body.post-template-default.single.single-post .fl-post-info-date{
            display: block;
            color: #E29739;
            font-family: Quicksand;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
        body.post-template-default.single.single-post .fl-post-info-author{
            color: #224891;
            font-family: Quicksand;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;    
        }
        body.post-template-default.single.single-post .fl-post-info-author::before{
            content: 'By ';
            color: #000;
        }
        body.post-template-default.single.single-post .fl-post-info-sep{
            display: none;    
        }
        body.post-template-default.single.single-post .fl-post-info-terms a{
            color: #E29739;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;    
        }
        body.post-template-default.single.single-post .fl-post-info-terms::before{  
            content: 'CATEGORIES: ';
            color: #181919;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%; /* 30px */
        }
        body.post-template-default.single.single-post .fl-comments #respond{
            width: 800px;
            margin: auto;  
        }
        body.post-template-default.single.single-post .fl-comments #fl-comment-form-submit{
            background: #224891;  
            border-radius: 0;
            border: none;
            width: 100%;
            padding-top: 15px;
            padding-bottom: 15px;
            color: #FFF;
            text-align: center;
            font-family: Quicksand;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }
        body.post-template-default.single.single-post .fl-comments h3#reply-title{
            color: #224891;
            text-align: center;
            font-family: Quicksand;
            font-size: 42px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;    
        }
        body.post-template-default.single.single-post .fl-comments label{
            display: none;
        }
        body.post-template-default.single.single-post .fl-comments p{
            color: #181919;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 30px */
        }
        body.post-template-default.single.single-post .fl-comments p a{
            color: #E29739;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
        body.post-template-default.single.single-post .fl-comments textarea#fl-comment{
            border: 1px solid #98A4C0;
            background: #FFF;   
            border-radius: 0;
        }
        body.post-template-default.single.single-post .fl-comments-list h3.fl-comments-list-title{
            color: #224891;
            font-family: Quicksand;
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;    
        }
        body.post-template-default.single.single-post .fl-comments-list .comment-meta span.comment-avatar{
            float: left;
            margin-right: 10px;
        }
        body.post-template-default.single.single-post .fl-comments-list .comment-meta .comment-author-link{
            display: block;
            margin-left: 10px;
        }
        body.post-template-default.single.single-post .fl-comments-list .comment-meta .comment-author-link a{
            color: #181919;
            text-align: center;
            font-family: Quicksand;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;    
        }
        body.post-template-default.single.single-post .fl-comments-list .comment-meta .comment-date{
            color: #E29739;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;    
        }
        body.post-template-default.single.single-post .fl-comments-list .comment-content{
            border: none;    
        }
        body.post-template-default.single.single-post .fl-comments-list .comment-reply-link{
            color: #E29739;
            font-family: Quicksand;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-decoration-line: underline;    
            text-align: left;
        }
        
        
        

/* Portrait and Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) {}

/* Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

@media only screen and (min-width: 375px) and (max-width: 767px) {
    
        /* About The Club */
        .SYCHistory .pp-infolist-icon-inner img{
            display: none;
        }
        .SYCHistory .pp-infolist-wrap .pp-list-item-content{
            display: block;    
        }
        
        
        
}