/*
Theme Name: Cherry Child
Template: cherry
Version: 2.0
Author: Haintheme
Author URI: http://haintheme.com
Theme URI: http://haintheme.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, fluid-layout, custom-background, threaded-comments, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/



/*

STRUTO NOTES BY WALTER 
- The original "Cherry Template" has it's own style
- The changes below affect the original Cherry look and feel to align it to the Struto design
- Removing the styles below will make the template go back to it's original style state

/* ---- COMMENTS ENCLOSED LIKE THIS MEAN THAT THEY ARE UNIQUE TO WELLPLACE ---- */






/*********************************************************************************************
    HOME PAGE
*********************************************************************************************/



/* -- Prevent Logo From Touching Screen On Scroll Top -- */

/*affects navigation height of the background*/
.site-header.headroom--not-top{
/*     height: 80px; */
}

/*affects navigation contents(logo & links)*/
.site-header{
/*    padding-top: 10px;*/
}


/* -- Change Top Menu Font Size -- */
.site-header .primary-navigation a{
    font-size: 15px;
/*    font-weight: 600;*/
}
/*.site-header .primary-navigation ul{
    font-size: 16px;
    font-weight: 600;
}*/

/* -- Change Top Menu "BOOK NOW" Style -- */

/* deal with "BOOK NOW" border part */
.site-header .primary-navigation > div > ul > li.is-button, .site-header .primary-navigation .primary-menu > ul > li.is-button
{
    border: solid 4px #EAC34E;
    text-transform: uppercase;
    
}

.site-header .primary-navigation > div > ul > li.is-button:hover, .site-header .primary-navigation .primary-menu > ul > li.is-button:hover
{
    border: solid 4px #EAC34E;
    text-transform: uppercase;
    background: #EAC34E;
    
}


/* deal with "BOOK NOW" text part */

.site-header .primary-navigation > div > ul > li.is-button > a, .site-header .primary-navigation .primary-menu > ul > li.is-button > a{
    color: #EAC34E !important;
    background: none;
}

.site-header .primary-navigation > div > ul > li.is-button > a, .site-header .primary-navigation .primary-menu > ul > li.is-button > a:hover{
    color: white !important;
    background: none;
}

/* -- Change Sub Top Menu Opacity Style -- */
/*.sub-menu{
    opacity: 1 !important;
}

.sub-menu:hover{
    opacity: 0.9 !important;
}*/

/** -- SITE CUSTOM SECTIONS -- **/ 

/* ---- Give Every Section Padding Top & Bottom of 100px ---- */

/* -- Banner Section -- */
.padding_mobile_view{
    background-position: center;
    background-position:0px 300px !important;
}
#custom_section_padding{
    padding: 100px 0; 
}

#gallery_home_section{
    padding: 100px 0;
}

#commissioners_section{
    padding: 40px 0
}

#meet_our_team{
    padding: 100px 0;
}

#meet_our_team img{
    padding-top: 20px;
}

#activity_booking{
    padding: 100px 0; 
}

#advice{
    padding: 100px 0;
}

#about{
    padding: 100px 0;
}

/** -- end./  SITE CUSTOM SECTIONS -- **/ 


/* -- Make Banner Header Bold -- */

.ht-brand-banner.preset-1 .brand-area .second-line{
    font-weight: bold;
}

/* -- Style Banner Sub Header  */ 

/*This class should be added to the text block element of the "HOME" page (do it in the backend)*/
.custom_sub_header{
   text-align: center; 
    color: white; 
    width:70%; 
    margin:0 auto; 
    line-height:250%;
    
}

/* Affects Banner Sub Header */
.ht-brand-banner.preset-1 .brand-area .third-line{
    text-align: center; 
    color: white; 
    width:70%; 
    margin:0 auto; 
    line-height:200%;
    padding-top: 15px;
    font-size: 1.1em; /* Makes font a look a bit bolder */ 
}


/* -- Change Heading Group Style (Found Under Cherry's Elements In Visual Page Builder) -- */

.ht-heading-group.pipe .title span{
    font-size: 45px;
}

/* -- Change Learn More Button Style -- */

.ht-buttons .ht-button.border {
    line-height: 49px;
    border: solid 4px #71BEC6;
}

.ht-buttons .ht-button.border:hover {
    line-height: 49px;
    /*border: solid 4px #6dacbe;*/
    background: #71BEC6;
    color: white !important;
}

.ht-buttons .ht-button{
    height: 54px;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
}

/* -- Change Learn More Button Style -- */

.ht-menu.preset-brief .entry-title{
    font-size: 15px;
}

/* Cafe */
#cafe .ht-heading-group .tiny-subtitle{
    margin-bottom: 40px;
    color:#f1bb50;
    font-size: 1.15em;
}


/* ---- Remove Table Borders In Commissioners Section ---- */
.fw-table table > thead > tr > th{
    border-top: 0px !important;
}

.fw-table table > tbody > tr > td{
    border-top: 0px !important;
}

.fw-table table > thead > tr > th{
    border-bottom: 0px !important;
}

/* -- Reduce Image Size Of All Images In The Specials Section -- */

#specials_home2 img{
    border-radius: 50%;
    max-width: 150px;
    max-height: 150px;   
}

/* -- Add Padding To "Special Offers" Sub Heading Style -- */

.ht-heading-group .tiny-subtitle{
    margin-bottom: 40px;
    
    font-size: 1.15em;
}

.ht-buttons.center{
    font-weight: bold;
}

/* -- Home Page CONTACT Form Elements -- */
.ht-contact-form input[type="text"], .ht-contact-form textarea, .ht-contact-form select{
    border: 2px solid #44949D;
    background: #44949D !important;
    color: #fff !important;
}

.ht-contact-form input[type="text"]:focus, .ht-contact-form textarea:focus, .ht-contact-form select:focus{
    border: 2px solid #44949D;
    background: rgba(0, 0, 0, 0.1) !important;
    color: #fff !important;
}

.ht-contact-form .ht-button {
    color: #fff !important;
    border-radius: 0;
    border: solid #44949D 4px;
  	background-color:#44949D !important;
}

.ht-contact-form .ht-button:hover {
    color: #44949D !important;
    border-radius: 0;
    border: solid #44949D 4px;
  	background-color:#fff !important;
}


/* -- Change BOOKINGS Form Elements -- */

/* -- Style Booking Form Elements -- */
.ht-reservation.transparent input[type="text"], .ht-reservation.transparent select, .ht-reservation.transparent textarea{
    border: 0;
    background: #44949D !important;
    color: white !important;
}

/* -- Change The Color Of Form  Input Icons -- */
.ht-reservation fieldset > div label::before{
    color: #A6E2EA;
}
/* -- Change Form Box Place  Holder Color For Different Browsers --*/

/* -- Change Placeholder Color  --*/
#activity_booking ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #A6E2EA !important;
   opacity:  1;
}

#activity_booking :-moz-placeholder{ /* Firefox 18- */
   color:    #A6E2EA !important;
   opacity:  1;
}

#activity_booking ::-webkit-input-placeholder{
   color:    #A6E2EA !important;
   opacity:  1;
}

#activity_booking :-ms-input-placeholder{
   color:    #A6E2EA !important;
   opacity:  1;
}

.ht-reservation.transparent input[type="text"]{
/*    background: #44949D !important;*/
}

/* ---- Adds Dark-Blue Border On Hover ---- */

.ht-reservation.transparent input[type="text"]:hover, .ht-reservation.transparent select:hover, .ht-reservation.transparent textarea:hover{
    border: solid #41949C 3px;
    background: none !important;
}

/* ---- Make Form Elements Have A Unique Blue Background ---- */

/* Affects The Message Box */
.ht-reservation.transparent textarea {
/*    background: #44949D !important;*/
/*    opacity: 0.6;*/
}

.ht-reservation.transparent textarea:hover{
    background: none !important;
}


/*Make Form Left Column Equal To 50%*/
.ht-reservation fieldset.contact{
    width: 50%;
}

/*Make Form Right Column Equal To 50%*/
.ht-reservation fieldset.reservation{
    width: 50%;
}


/* -- Pre-Footer Text Alignment Plus Remove Bottom Padding-- */

.site-pre-footer{
    text-align: left;
    /*text-align: center;*/
    padding-bottom: 0px;
}

/* -- Add Bottom Border On Pre-Footer -- */

.pre-footer-bottom-border{ 
    border-bottom: solid 2px #3c3c3c;
    max-width: 1170px;
    margin:0 auto;
}

/* -- Change Pre-footer Heading Style -- */

.pre-footer-heading-color, .site-pre-footer .widget .widget-title{
    font-family: inherit !important;
    font-size: 20px;
}


/* Site Pre-footer Color*/
.site-pre-footer .widget{
    color: white !important;
}

/* -- Prefooter Link Color -- */
.site-pre-footer .widget a{
    color: white !important;
}


/* -- Change Footer Widget 2 & Widget 3 Style -- */

.footer_contact_details{
  line-height: 220%;  
}

/* -- Change Footer Widgets  --*/

.widget.widget_nav_menu{
    line-height: 200%;
}



/* Reduce space between message form field & other input elements "BOOKINGS SECTION" */
.ht-reservation fieldset.other .message textarea{
    margin-top: -25px;
}

/* Footer Icons Remove Background */
.site-footer .socials a{
    background:none;
    line-height: 0px;
}

/* Footer Icons Remove Background */
.site-footer .socials a:hover{
    background:none;
    line-height: 0px;
}


/* -- Change Reservation (Bookings) Form Button -- */

.secondary-bg-color, .ht-reservation button, .ht-reservation button.solid, .site-header .primary-navigation .cart .widget_shopping_cart_content .buttons a, .widget.widget_archive > ul > li a:hover::before, .widget.widget_categories > ul > li a:hover::before, .widget.widget_pages > ul > li a:hover::before, .widget.widget_meta > ul > li a:hover::before, .widget.widget_recent_comments > ul > li a:hover::before, .widget.widget_recent_entries > ul > li a:hover::before, .widget.widget_calendar table #today, .widget.widget_tag_cloud .tagcloud a:hover, .post.sticky .entry-media .inner .sticky-icon, .fw_menu.sticky .entry-media .inner .sticky-icon, .post .entry-content button, .fw_menu .entry-content button, .post.entry-content button, .fw_menu.entry-content button, .post .entry-content input[type="submit"], .fw_menu .entry-content input[type="submit"], .post.entry-content input[type="submit"], .fw_menu.entry-content input[type="submit"], .post .entry-content button.solid, .fw_menu .entry-content button.solid, .post.entry-content button.solid, .fw_menu.entry-content button.solid, .post .entry-content input.solid[type="submit"], .fw_menu .entry-content input.solid[type="submit"], .post.entry-content input.solid[type="submit"], .fw_menu.entry-content input.solid[type="submit"], .paging-navigation .page-numbers:hover, .paging-navigation .page-numbers.current{
    border: solid 4px white;
    background: none !important;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}

.ht-reservation button:hover{
    background: white !important;
    color: #41949C;
}




/* -- Add Color To The Word "STIR" In Footer -- */

.wellplace_color{
    color: #77C8C9;
    text-transform: uppercase;
    font-weight: bold;
}


/* -- Custom Header -- */
 .background .overlay{z-index:-1 !important;}
 .background .bg-area{z-index:-1 !important;}

#page-heading p{    
	color: #fff !important;
    text-align: center;
    padding: 20px 0px;
    max-width: 75%;
    margin: auto;
}


/*********************************************************************************************
    end ./ HOME PAGE
*********************************************************************************************/






/*********************************************************************************************
   ABOUT PAGE
*********************************************************************************************/


/* -- CEO Section -- */

.ceo_italics_text{
    text-align: center;
    color: white;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 200% !important;
}

.ceo_text{
    text-transform: uppercase;
    text-align: center;
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 20px;
}

.ceo_name{
    text-align: center; 
    font-size: 14px;
    font-weight: bold;
}

/* -- Remove Activity Booking Button Padding */

#activity_booking .ht-reservation fieldset.button-wrapper{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

#activity_booking .ht-reservation button{
    margin: 0; 
}


/*********************************************************************************************
    end ./ ABOUT PAGE
*********************************************************************************************/






/*********************************************************************************************
   ACTIVITIES PAGE
*********************************************************************************************/

/* Create Custom Style For Header (Didn't find what you are looking for)*/

/* Adds Border Top & Bottom Around The Header Text */
.did_not_find{
   border-top: solid 2px rgb(241, 107, 114);
   border-bottom: solid 2px rgb(241, 107, 114);
    width: 50%;
    margin: 0 auto;
    line-height: 80%;
}

/* Styles The Header Text*/
.special_activities{
    font-size: 45px;
    font-weight: bold;
    color: rgb(241, 107, 114);
    line-height: 1.3;
}

/* Sub Header Styling Comes Here  */
.suggestion{
    color: rgb(241, 107, 114);
    padding: 20px 0;
    font-size: 1.1em;
}

/* Target Form Button */
#did_not_find .ht-contact-form .ht-button{
    color: rgb(241, 107, 114) !important;
    border-radius: 0;
    border: solid rgb(241, 107, 114) 4px; 
}

#did_not_find .ht-contact-form .ht-button:hover{
    color: white !important;
    background: rgb(241, 107, 114) !important;
    opacity:1 !important;
}


/* -- Change Form Box Place  Holder Color For Different Browsers --*/

/* -- Change Placeholder Color  --*/
#did_not_find .ht-contact-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #A7A7A7 !important;
   opacity:  1;
}




/*********************************************************************************************
    end ./ ACTIVITIES PAGE
*********************************************************************************************/








/*********************************************************************************************
   COMMISSIONERS PAGE
*********************************************************************************************/




#advice .ht-buttons .ht-button.border{
    width:150px;
}

#about .ht-buttons .ht-button.border{
width:auto;
}



/*********************************************************************************************
    end ./ COMMISSIONERS PAGE
*********************************************************************************************/









/*********************************************************************************************
   SPECIAL OFFERS PAGE
*********************************************************************************************/

/* -- Change The Color Menu Prices To A Deeper Pink -- */


#specials_menu img{
    border-radius: 50%;
    max-width: 160px;
    max-height: 160px;
    width: 209px;
    height: 209px;
}

#specials_menu .ht-buttons .ht-button.border{
    padding-left: 40px;
    padding-right: 40px;
}

.price{
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 700;
    color: #E56775;
/*  color: #78c9cd ;*/
    
}

.specials_header{
    font-size: 17px;
    font-weight: 700;
}

.specials_text{
    float: left;
    max-width: 80%; 
}






/*********************************************************************************************
    end ./ SPECIAL OFFERS PAGE
*********************************************************************************************/



/*********************************************************************************************
   EVENTS PAGE
*********************************************************************************************/



#page-heading.background h2 span{
    border-top: 5px solid;
    border-bottom: 5px solid;
}



/* -- Change The Search Button Style -- */

.ht-button.br-50{
    color: #78C9CD !important;
    border-radius: 0;
    line-height:0;
    border: solid #78C9CD 3px;
    text-transform: capitalize !important;
    background: none !important;
}

.ht-button.br-50:hover{
    color: white !important;
    background: #78C9CD !important;
    opacity: 1 !important;
}

/* -- Change The Read More Style -- */

.event-list-template .read-more{
    color: #78C9CD !important;
    font-weight: 600 !important;
}

/* Events Button Styling */
.ht-button solid{
    border: solid 4px red;
    color: red !important;
}

.ht-button solid br-50{
    background: red !important;
}

/* Change Date Picker Button Color In the Serach Section At The Top Of The Content Layout*/

.dtpicker-buttonCont .dtpicker-button, .dtpicker-buttonCont .dtpicker-button.solid{
    border: solid 3px #78C9CD !important;
    background: #78C9CD !important;
    
}

/* space between event list items & footer */

.events_footer_spacer{
    padding-bottom:60px;
}

/* -- Deal with Mustash icon on search -- */
.cherry-motif::before{
    content:"";
}

/*********************************************************************************************
    end ./ EVENTS PAGE
*********************************************************************************************/






/*********************************************************************************************
   EVENTS INTERNAL PAGE
*********************************************************************************************/

/* -- DEAL WITH THE UNIQUE MENU STYLE FOR THIS PAGE -- */

/* -- This is for dealing with custom nav look under the news & events section -- */

/* -- Start With The Bottom Border -- */
.header-main2{  
    border-bottom: solid 1px #F0F0F0;
}

/* -- This will change the custom nav link color (just uncomment the color selection below) -- */
.header-main2 li a{
/*    color: yellow !important;*/
}




/* Change Google Calendar & ICAL Export Buttons */

.details-event-button button{
    background: #77C8C9 !important;
    border: solid 2px #77C8C9 ;
    color: #EAC34E !important;
}

/* Reduce Margin Bottom (100px) On All Pages Not Built By Page Builder */

.main-content:not(.page-builder)
{
    margin-bottom: 0px;
}


/*********************************************************************************************
    end ./ EVENTS INTERNAL PAGE
*********************************************************************************************/





/*********************************************************************************************
   NEWS PAGE
*********************************************************************************************/

/* -- Change The Top Header Style -- */

.entry-post-header .entry-title{
    font-family: inherit;
}

.event-single .entry-header{
    text-align: left;
    font-family: inherit !important;
    color: #6ccad3;
}

.event-single .entry-title{
    font-family: inherit;
    font-size: 50px;
}

/* Change Side Bar Recent Posts Hover Color */

/* Affects The Text */
.widget.widget_archive > ul > li a:hover, .widget.widget_categories > ul > li a:hover, .widget.widget_pages > ul > li a:hover, .widget.widget_meta > ul > li a:hover, .widget.widget_recent_comments > ul > li a:hover, .widget.widget_recent_entries > ul > li a:hover{
    color:#78c9cd !important;
}

/* Affects The Bukket Style */
.widget.widget_recent_entries > ul > li a:hover:before{
    content: '';
    width: 8px;
    height: 8px !important;
    display: inline-block;
    background: #78c9cd !important;
    margin-right: 10px;
    position: relative;
    top: -4px;
    border: none;
}

/* Blog Author Name Color */

.meta-author{
    color: #78c9cd !important;
}



/* Read More or Continue Reading Link Color*/

.secondary-color, .ht-button.no-bg, .dtpicker-buttonCont .dtpicker-button.no-bg, .fw-section-header .title, .ht-feature-boxes.default a, .ht-brand-banner.preset-2 .brand-area .third-line, .ht-menu .isotope-filter li.is-filtered a, .ht-menu .readmore, .ht-menu.preset-detail .entry-prices, .ht-menu.preset-brief .entry-price, .ht-menu.preset-set .entry-price, .ht-menu.preset-grid .entry .entry-inner .entry-content .entry-excerpt, .ht-menu.preset-grid .entry .entry-inner .entry-content .entry-price, .ht-heading-group-v2 .entry-content a, .ht-testimonial.preset-01 .entry-metas .name, .post-list .entry-content .post-categories a:hover, .search-result .entry-content .post-categories a:hover, .post-list .entry-content .meta-author, .search-result .entry-content .meta-author, .post-list .entry-content .entry-title a:hover, .search-result .entry-content .entry-title a:hover, .post-list .entry-content .read-more, .search-result .entry-content .read-more, .ht-reservation button.no-bg, .ht-team .entry-socials a, #back-to-top, .site-header .primary-navigation .search-toggle > a, .site-header .primary-navigation .cart .widget_shopping_cart_content a:hover, .mobile-nav-menu .close, .site-pre-footer .entry-nav a, .site-footer .socials a, .site-footer .copyright a:hover, .widget.widget_archive > ul > li a:hover, .widget.widget_categories > ul > li a:hover, .widget.widget_pages > ul > li a:hover, .widget.widget_meta > ul > li a:hover, .widget.widget_recent_comments > ul > li a:hover, .widget.widget_recent_entries > ul > li a:hover, .widget.widget_calendar table tbody td a, .widget.widget_tag_cloud .tagcloud a, .widget.widget_nav_menu a:hover, .sidebar .woocommerce-sidebar-title, .sidebar > .woocommerce a:hover, .sidebar > .woocommerce ul li a:hover, .sidebar > .woocommerce.widget_price_filter .price_slider_amount button.no-bg, .post .entry-content button.no-bg, .fw_menu .entry-content button.no-bg, .post.entry-content button.no-bg, .fw_menu.entry-content button.no-bg, .post .entry-content input[type="submit"].no-bg, .fw_menu .entry-content input[type="submit"].no-bg, .post.entry-content input[type="submit"].no-bg, .fw_menu.entry-content input[type="submit"].no-bg, .post .entry-title a:hover, .fw_menu .entry-title a:hover, .post .entry-foot-meta .tags a:hover, .fw_menu .entry-foot-meta .tags a:hover, .post .entry-foot-meta .social-links ul a:hover, .fw_menu .entry-foot-meta .social-links ul a:hover, .post .entry-author-meta .social-links a:hover, .fw_menu .entry-author-meta .social-links a:hover, .event-list-template .read-more{
    color: #78c9cd !important;
}


/*********************************************************************************************
    end ./ NEWS PAGE
*********************************************************************************************/






/*********************************************************************************************
   NEWS INTERNAL PAGE
*********************************************************************************************/


/* CHANGE HEADER STYLE  */

/* Affects Position */
.entry-post-header{
    text-align: left;
    width:60%;
    margin: 0 auto;
    font-family: inherit;
}

.entry-title{
    font-family: inherit !important;
    color: #6ccad3;

}



/*********************************************************************************************
    end ./ NEWS PAGE
*********************************************************************************************/





/*********************************************************************************************
   CONTACT US PAGE
*********************************************************************************************/

.page-id-399 .ht-contact-form input[type="text"], .page-id-399 .ht-contact-form textarea, .page-id-399 .ht-contact-form select{
    border: 2px solid #79c1cf;
    background: #fff !important;
    color: #79c1cf !important;
}

.page-id-399 .ht-contact-form input[type="text"]:focus, .page-id-399 .ht-contact-form textarea:focus, .page-id-399 .ht-contact-form select:focus{
    border: 2px solid #79c1cf;
    color: #79c1cf !important;
}

.page-id-399 .ht-contact-form .ht-button {
    color: #79c1cf !important;
    border-radius: 0;
    border: solid #79c1cf 4px;
  	background-color:#fff !important;
}

.page-id-399 .ht-contact-form .ht-button:hover {
    color: #fff !important;
    border-radius: 0;
    border: solid #79c1cf 4px;
  	background-color:#79c1cf !important;
	opacity: 1;
}




/*********************************************************************************************
    end ./ NEWS & EVENTS INTERNAL PAGE
*********************************************************************************************/
   



/*********************************************************************************************
    HOME PAGE SPECIAL STYLE FOR QUICK LINKS FOOTER MENU & BACK TO TOP ICON
*********************************************************************************************/


/* -- Logo Width -- */

.site-header .site-title{
    width: 25%;
}

/* -- Deal With Nav Links (Width, Fonts) -- */

.site-header .primary-navigation{
    float: right;
    width: auto;
}


/* -- Change Quick Links Hover Color To Light Blue -- */
    .site-pre-footer .widget a:hover{
    color: #6ccad3 !important;
}


/* Back To Top */
#back-to-top{
    color: rgb(235, 98, 108) !important;
}

/*********************************************************************************************
   end ./ HOME PAGE SPECIAL STYLE FOR QUICK LINKS FOOTER MENU
*********************************************************************************************/








/*********************************************************************************************
 *********************************************************************************************
 *********************************************************************************************

AND HERE THEY START THEM MEDIA QUERIES - Responsiveness

*********************************************************************************************
*********************************************************************************************
*********************************************************************************************/







@media (max-width: 1250px) {
    
    /* -- Logo Width -- */

    .site-header .site-title{
        max-width: 20%;
    }

    /* -- Deal With Nav Links (Width, Fonts) -- */

    .site-header .primary-navigation{
        float: right;
        width: 79%;
    }
    
    
    /* Make Navigation Fit When Screen Size Reduces */
    
    /*Affects Padding*/
    .site-header .primary-navigation{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .site-header .primary-navigation > div > ul > li > a, .site-header .primary-navigation .primary-menu > ul > li > a{
        padding: 0 13px;
    }
    /*Affects Font Size*/
    .site-header .primary-navigation a{
/*        font-size: 15px !important;*/
    }
    
}

@media (min-width: 1200px) {
/* Blog Masonry Layout */

.masonry-layout{
    margin-bottom: 80px;
}

.post .post-thumbnail{
	height:520px;
}

.masonry-layout .post .post-thumbnail{
	min-height: 220px;
    max-height: 220px;
}

.col-sm-8  .post-thumbnail {
    height: auto;
}

.post-wrapper {
    margin: 0 7px 50px;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    height: 420px;
    max-height: 700px;
    padding: 20px 15px;
    border: 1px solid #ccc;
	width: 31%;
}
}


@media (min-width: 992px) and (max-width: 1199px) {
	

/* Blog Masonry Layout */

.masonry-layout{
    margin-bottom: 20px;
}

.post .post-thumbnail{
	height:420px;
}

.masonry-layout .post .post-thumbnail{
	min-height: 170px;
    max-height: 170px;
}

.col-sm-8  .post-thumbnail {
    height: auto;
}

.post-wrapper {
    margin: 0 7px 50px;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    height: 420px;
    max-height: 700px;
    padding: 20px 15px;
    border: 1px solid #ccc;
	width: 31%;
}
}
    
 @media (max-width: 1199px) {   
        /*Affects Font Size*/
    .site-header .primary-navigation a{
        font-size: 13px !important;
    }
    
    /* Reduce Special Offerings Menu Image Size   */
    
    #specials_menu img{
        border-radius: 50%;
        max-width: 150px;
        max-height: 150px;   
    }
    
    /* Events Page - Find Event Button (Reduce Font Size) */
    .ht-button.br-50{
        font-size: 12px;
    }

}





@media (min-width: 768px) and (max-width: 991px) {


    
/* Blog Masonry Layout */

.masonry-layout{
    margin-bottom: 20px;
}

.post .post-thumbnail{
	height:320px;
}

.masonry-layout .post .post-thumbnail{
	min-height: 120px;
    max-height: 120px;
}

.col-sm-8  .post-thumbnail {
    height: auto;
}

.post-wrapper {
    margin: 0 7px 50px;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    height: 420px;
    max-height: 700px;
    padding: 20px 15px;
    border: 1px solid #ccc;
	width: 31%;
}
}

@media (max-width: 991px) {


    
    /* -- Hide Primary Menu Links & Replace With Humburger Menu --  */
    
    /* -- Turns Menu Links Off -- */
    .site-header .primary-navigation ul{
        display: none;
    }
    
    .primary-navigation{
        display: none;
    }
    
    /* -- Turns Burger Menu On -- */
    .site-header .mobile-nav-toggle {
        float: right;
        display: inline-block;
        width: 60%;
  }
    
    /*  Change Humburger Menu Background Color  */
    .site-header .mobile-nav-toggle-button .icon-bar{
        background: rgb(121, 193, 207);
    }
    
    
    /* -- Logo Width -- */

    .site-header .site-title{
        max-width: 40%;
    }

    /* -- Deal With Nav Links (Width, Fonts) -- */

    .site-header .primary-navigation{
        float: left;
        
    }
        
 


    
    /* Make Navigation Fit When Screen Size Reduces */
    
    /*Affects Padding*/
    .site-header .primary-navigation{
        padding-left: 0px !important;
    }
    
    /*Affects Font Size*/
    .site-header .primary-navigation a{
        font-size: 14px !important;
    }
    
    
    .ht-heading-group.pipe .title span{
        font-size: 40px;
    }
    
    #commissioners_section .fw-col-sm-6{
        width: 100%
    }
    
    /* Reduce Image Size */
    #specials_home2 img{
        border-radius: 50%;
        max-width: 130px;
        max-height: 130px;
        padding-right: 10px;
    }
    
    /* Reduce Specials Image Size */
    #specials_menu img{
        max-width: 125px;
        max-height: 125px;
    }
    
    /* -- Activities Page Header "didn't find what you were looking for" --  */
    .did_not_find{
        width: 80%
    }
/* ------------------------------------------------------------------------------------------- 
    SPECIALS PAGE - tablet
------------------------------------------------------------------------------------------- */
    
    /* Reduce Special Offerings Menu Image Size   */
    
    #specials_menu img{
        border-radius: 50%;
        max-width: 120px;
        max-height: 120px;   
    }
    
    /*  Reduce Special Offers Text Cotainer Width  */
    .specials_text{
        max-width: 86%;
    }
    
    /* Reduce Special Offers Header Font-Size   */
    .specials_header{
        font-size: 14px;
    }
    
    /*  Reduce Special Offers Price Font Size  */
    .price{
        font-size: 13px;
    }
    
    
/* ------------------------------------------------------------------------------------------- 
    EVENTS PAGE
------------------------------------------------------------------------------------------- */    
    /* Events Page - Find Event Button (Reduce Font Size) */
    .ht-button.br-50{
        font-size: 9px;
    }
    
    
    
}

 /* Home Page - Custom Header (Resize heading border) */
@media (min-width: 767px) and (max-width: 1450px) {
#page-heading.background h2{
     max-width: 90%;
     margin:auto;
	}
#page-heading.background  {
  margin-bottom:0 !important;
}
}




@media (max-width: 767px) {
    
    /*    Reduce Burger Menu Width Size From 60% To A Suitable "auto" Size */
    .site-header .mobile-nav-toggle{
        width:auto;
    }
    
    /*  Change Humburger Menu Background Color  */
    .site-header .mobile-nav-toggle-button .icon-bar{
        background: rgb(121, 193, 207);
    }
    
    /*  Reduce Logo size  */
    .site-header .site-title a img {
        margin-top:-15px;
        width: 90%;
    }
    
        /* -- Logo Width -- */

    .site-header .site-title{
       width: 50% !important;
    }
    
    .site-header .site-title{
        max-width: unset;
        width: 50%;
    }   

    /*  Reduce Banner Size  */
    #padding_mobile_view{
        padding: 150px 0 !important;
    }
    
    /* Change Banner Header Font Size + Bottom Padding To Center The Text */
    
    .ht-brand-banner.preset-1 .brand-area .second-line{
        font-size: 60px;
/*        padding-bottom: 50px;*/
    }
    
    .ht-heading-group.pipe .title span{
        font-size: 40px !important;
    }
    
    .post-wrapper {
    margin-bottom: 60px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
	}
    
    /*   Third Line Banner Text (sub text in banner)*/
    .ht-brand-banner.preset-1 .brand-area .third-line{
        font-size: 14px;
    }
    
    /* Add Margin Below Learn More Button  */
    .ht-buttons .ht-button.border{
        margin-bottom: 80px;
        margin-top: 30px;
    }
    
    #custom_section_padding .ht-buttons .ht-button.border{
        margin-bottom: 30px;
    }
    
    /* Activities - add margin-bottom:20px to bold title text    */
    .activity_title{
        margin-bottom: 20px;
        margin-top: 40px !important;
        font-weight:bold;
        
    }
    
    .activity_text{
        margin-bottom: 40px;
    }
    
    
    /* Commissioners Table To Start Being Responsive Here (white-space etc)   */
    
    #commissioners_section{
        padding-left: 0px;
    }
    
    #commissioners_section .fw-table > table > thead > tr > th, .fw-table > table > tbody > tr > th, .fw-table > table > tfoot > tr > th, .fw-table > table > thead > tr > td, .fw-table > table > tbody > tr > td, .fw-table > table > tfoot > tr > td{
        white-space: unset !important;
    }
    
    
    #commissioners_section .fw-table{
        border: 0;
    }
    
    /*    -- Gallery Section - Reduce Padding -- */
    #gallery_home_section{
    padding: 60px 0px 0px 0px;
    }
    
    
    /*  Make Special Offers Section Bottom Margin Smaller  */
    #specials_home2{
        margin-bottom: 0px !important;
    }
    /*  Remove Spacer Between Special Offers Elements (divider in the backend)  */
    .fw-divider-space{
        display: none;
    }
    
    /* Center Align Special Offers   */
    .fw-col-inner .fw-col-content{
        text-align: center;
    }
    
    /*  Add margin to special offers elements  */
    .fw-col-inner{
        margin-bottom: 10px;
    }
    
    /*  Center Prefooter Text  */
    .site-pre-footer{
        text-align: center;
    }

    
/*   -- Place Space Between Gallery & Text Above It -- */
    #about_get_to_know_us .ht-images-grid{
    padding-top:50px;
}

/*   -- Change Activities Section Heading "Didn't find what you are looking for?" */
    .special_activities{
        font-size: 40px;
    }
    
    
/*  -- Remove White Spaces From Each Section -- */
    .fw-main-row{
        margin-bottom: 0px !important;
    }
    
    
    
/* ---------------------------------------------------------------------------------------
    ABOUT PAGE
---------------------------------------------------------------------------------------- */
    
    #about_get_to_know_us{
        padding-bottom: 100px;
    }
    
    #not_homepage{
        padding-top: 115px !important;
    }
    
    #about_get_to_know_us img{
        margin-top: 40px;
    }
    

/* ---------------------------------------------------------------------------------------
    ACTIVITIES & PRICING PAGE
---------------------------------------------------------------------------------------- */
    
    
/*    #did_not_find{
        padding:50px !important;
    }
*/    
    

    
/* ---------------------------------------------------------------------------------------
   Commissioners PAGE
---------------------------------------------------------------------------------------- */
#advice{
    padding: 50px 0;
}

#about{
    padding: 50px 0;
}

    
/* ---------------------------------------------------------------------------------------- 
    SPECIALS PAGE
---------------------------------------------------------------------------------------- */
    
    /*  Remove Special Offers Custom Spacers (Divider 60px in the backend)  */
    .fw-divider-space{
        display: none
    }
    
    /* Increase Width Of Individula Specials Item Text*/
    .specials_text{
        max-width: 100%;
        margin-bottom: 30px;
    }
    
    /*  Move Price Closer To Title Of Menu Item On Offer */
    .price{
        right: 20%;
    }
    
    /* Reduce Section Padding   */
    #specials_menu{
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    
/* ---------------------------------------------------------------------------------------- 
    Events PAGE
---------------------------------------------------------------------------------------- */
    
    /*   Center Recent Posts */
    .widget.widget_archive, .widget.widget_categories, .widget.widget_pages, .widget.widget_meta, .widget.widget_recent_comments, .widget.widget_recent_entries{
        text-align: center !important;
    }
    
    
}

@media (max-width: 561px) {
    
    /* Change Banner Header Font Size */
    
    .ht-heading-group.pipe .title span{
        font-size: 0px;
    }
    
    .ht-brand-banner.preset-1 .brand-area .second-line{
        font-size: 40px !important;
    }
    
    /*  Reduce "Get To Know Us Font Size"  */
    .ht-heading-group.pipe .title span{
        font-size: 30px !important;
    }
    
    /* -- Homepage - Reduce Commissiners Table Font Size-- */
    #commissioners_section .fw-table > table > thead > tr > th, .fw-table > table > tbody > tr > th, .fw-table > table > tfoot > tr > th, .fw-table > table > thead > tr > td, .fw-table > table > tbody > tr > td, .fw-table > table > tfoot > tr > td{
        font-size: 14px;
    }
    
    
    /*  Move Price Closer To Title Of Menu Item On Offer */
    .price{
        right: 10%;
    }
    
    .special_activities{
        font-size: 30px;
    }
}

@media (max-width: 520px) {

	#page-heading.background h2{
     	max-width: 90%;
     	margin:auto;
		}
}

@media (max-width: 470px) {


    
    #about_get_to_know_us{
        padding: 50px 0 !important;
        margin: 0 !important;
        }
    
    #meet_our_team{
        padding:50px 0;
    }
    
    #activity_booking{
        padding: 50px 0;
    }
    
    #not_homepage{
        padding-top: 115px !important;
    }
    
    #custom_section_padding{
        padding: 50px 0; 
    }
    
    #custom_section_padding img{
        padding: 20px 0; 
    }
}


@media (max-width: 414px) {
    /* Change Banner Header Font Size */
    .ht-brand-banner.preset-1 .brand-area .second-line{
        font-size: 35px !important;
    }
}


@media (max-width: 411px) {
    
    
    
    /*  Move Price Closer To Title Of Menu Item On Offer */
    .price{
        right: 7%;
    }
    
    /*  --  Banner Text Not On Home Page - Reduce Padding -- */
    #not_homepage{
        padding-top:175px !important; 
    }
    
}

@media (max-width: 374px) {
    
    /*  Reduce Banner Size  */
    #padding_mobile_view{
        padding: 100px 0 !important;
    }
    
    /* Change Banner Header Font Size */
    .ht-brand-banner.preset-1 .brand-area .second-line{
        font-size: 27px !important;
    }
    
    #stir_gallery{
        padding-left: 10px;
    }
    
    /*  Move Price Closer To Title Of Menu Item On Offer */
    .price{
        right: 0;
    }
}


@media (max-width: 360px) {
    
    /*  --  Banner Text Not On Home Page - Reduce Padding -- */
    #not_homepage{
        padding-top:175px !important; 
    }
    
    /* Reduce Column Padding For Gallery Items (pictures) On the Homepage */
    .col-xs-3{
        padding-left: 8px !important;
        padding-right: 8px !important;
    }   
    
    .special_activities{
        font-size: 25px;
    }
}

/* Cookie Notice */
#cn-notice-text a{
	color:white;
	text-decoration:underline;
}



/* Menu edits */
.site-header.headroom--not-top .primary-navigation > div > ul > li > a, .site-header.headroom--not-top .primary-navigation .primary-menu > ul > li > a{
	padding: 0 10px !important;
}