/*
Theme Name: Gunston Hall
Theme URI:
description: >-
  A child theme of wp-bootstrap-starter
Author: Bean Creative
Author URI: http://beancreative.com
Template: wp-bootstrap-starter
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: gunston-hall
*/


/* BRAND COLOR REFERENCE */
/*
blue -          1b315f
burgundy-       821c39
gold-           d8b93f
storm grey-     a29e99
tan-            c1ab7d
weatherburn-    546965

secondary
brown-          4f2d09
light brown-    88735a
light grey-     9ab0a8
weird red-      d46d67
light yellow-   dfd771
green-          5da683
*/


body {
    font-family: "open-sans",sans-serif;
    color:#000;
    line-height: 1.5;
    font-size: 100%;
    background: url(img/background-page.jpg) no-repeat center top #f3f2f0;
    background-attachment: fixed;
    background-size: cover;
    padding-top:130px;
}

body.home {
    padding-top:0;
}

#page {
    overflow-x: hidden;
    max-width: 100vw;
}

/* SET BODY PADDING FOR LANDING AND OTHER SPECIFIC PAGES */
body.page-template-page-landing,
body.page-template-page-landing-no-sidebar,
body.page-template-page-blog-landing,
body.single-post,
body.single-news {
    padding-top:100px;
}
@media only screen and (max-width: 959px) {
    body.page-template-page-landing,
    body.page-template-page-landing-no-sidebar,
    body.page-template-page-blog-landing,
    body.single-post,
    body.single-news {
        padding-top:67px;
    }
}


/* BASIC TEMPLATE OVER RIDES */
.container {
    max-width: 1300px;
    position: relative;
}
.container.margin-fix {
    padding-left:30px;
    padding-right:30px;
}

.site-content,
.vc_desktop #content.site-content {
    /*padding-top: 60px;*/
}

.site-content > .container {
    background: white;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.5);
}
.site-content.no-background > .container {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}



/* instagram feed stuff */
.sb_instagram_header {
    display: none;
}

#sb_instagram #sbi_images {
    padding: 0 !important;
    margin: 0;
}
#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
    width: 23%;
    margin: 0 1% 30px !important;
}

@media only screen and (max-width: 768px) {
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item {
        width: 48% !important;
    }
}
@media only screen and (max-width: 480px) {
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item {
        width: 98% !important;
    }
}


#sb_instagram .sbi_photo_wrap {
    padding: 8px;
    background-color: white;
}
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-repeat: repeat-x;
    padding: 10px 20px !important;
    color: white !important;
    font-weight: 700;
    background-color: #1b315f !important;
    border-width: 0 !important;
    transition: all 0.2s ease-in-out;
    white-space: normal;
    margin: 0 18px;
    border-radius: 0;
    font-family: "adobe-garamond-pro",serif;
    font-size: 16px;
}


/* BASIC TEXT AND LINK STYLES */

h1 {
    font-family: "adobe-garamond-pro",serif;
    font-weight: 300;
    font-size: 2.6rem;
    color: black;
}
h1.entry-title {
    font-size: 1.31rem;
    border-bottom: 0px solid #eaecef;
    font-size: 2.6rem;
}
.hero-content h1 {
    font-size: 3rem;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    color: black;
}

h2 {
    font-family: "adobe-garamond-pro",serif;
    font-weight: 300;
    font-size: 1.8rem;
    color: black;
}
.entry-content > h2 {
    margin-top:1em;
}
h3 {
    font-family: "adobe-garamond-pro",serif;
    font-weight: 300;
    font-size: 1.4rem;
    color: black;
}
h4 {
    font-family: "adobe-garamond-pro",serif;
    font-size: 1.2rem;
    font-weight: 300;
    color: black;
}
.vc_gitem-post-data-source-post_title {
    font-family: "adobe-garamond-pro",serif;
    font-size: 1.2rem;
    font-weight: 300;
    color: black;
}

h5 {
    font-family: "adobe-garamond-pro",serif;
    font-size: 1rem;
    font-weight: 300;
    color: black;
}
h6 {
    font-family: "adobe-garamond-pro",serif;
    font-size: .8rem;
    font-weight: 300;
    color: black;
}


blockquote {
    margin: 0 0 1rem 1rem;
    font-size: 1.7em;
    line-height: 1.2em;
    font-family: "adobe-garamond-pro",serif;
}

.entry-meta {
    display: none;
}


a, .vc_custom_heading a, .vc_gitem-link {
    /*color: #1b315f;*/
    color: #32549a;
}
a:hover, a:active,
.vc_custom_heading a:hover, .vc_custom_heading a:active,
.vc_gitem-link:hover, .vc_gitem-link:active {color:#4D90CD;}
a:visited, .vc_custom_heading a:visited, .vc_gitem-link:visited {
    /*color: #1b315f;*/
    color: #32549a;
}


/* HEADER STUFF */
.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    position: absolute;
    top: 21px;
    transition: top 0.2s ease-in-out;
	z-index: 10000; /* fix some clickability issue with certain overlaps in logo */
}
/*
.logo-link {
    display: block;
    width: 110px;
    height: 140px;
    background-image: url(/wp-content/themes/gunston-hall/img/gunston-halllogo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;
}
.logo-link.minimized {
    width: 31px;
    height: 39px;
}
*/
.print-logo {max-width: 150px; margin:10px auto;}
.logo-link {
    width: 132px;
    display: block;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}

header#masthead {
    background: #fff;
    height: 100px;
    position: fixed;
    top: 0;
    transition: all 0.2s ease-in-out;
    width: 100%;
    box-shadow: 0 0 0.8rem rgba(0,0,0,.2);
    padding:0;
    z-index: 10000;
}

header#masthead.nav-down {
    /*top: 0;*/
    height: 100px;
}
header#masthead.nav-up {
    /*top: -76px;*/
    height: 70px;
}
header#masthead.nav-up .navbar-brand {
    top: 4px;
}
header#masthead.nav-up .logo-link {
    width: 91px;
}

@media only screen and (max-width: 959px) {
    .navbar-brand {
        top: 12px;
    }
    .logo-link {
        width: 92px;
    }
    header#masthead.nav-up .logo-link {
        width: 43px;
    }
}

/* small screen masthead over-rides */
@media only screen and (max-width: 959px) {
    header#masthead {
        height: 67px;
    }
    header#masthead.nav-down {
        height: 67px;
    }
    header#masthead.nav-up {
        height: 47px;
    }
}


body.admin-bar header#masthead,
body.admin-bar header#masthead.nav-down {
    top: 32px;
}
body.admin-bar header#masthead.nav-up {
    /*top: -44px;*/
}
body.admin-bar header#masthead.nav-up .navbar-brand {
    /*top: -80px;*/
}

/* masthead link color over riders */
header#masthead .navbar-nav > li > a {
    color: #000 !important;
    font-weight: 700 !important;
    text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);
}
header#masthead .navbar-nav > li > a:hover,
header#masthead .navbar-nav > li.current_page_item > a {
    color: #000 !important;
}


body.home header#masthead {
    background: url(/wp-content/themes/gunston-hall/img/background-blue-alpha-85.png);
}
body.home header#masthead.nav-down {
    background: url(/wp-content/themes/gunston-hall/img/background-blue-alpha-85.png);
}
body.home header#masthead .mega-menu > li > a {
    color: #fff !important;
}
body.home header#masthead .mega-menu > li > a:hover,
body.home header#masthead .mega-menu > li.current_page_item > a {
    color: #EA6F46 !important;
}
body.home header#masthead .search-icon {
        color:white !important;
    }
/* mobile menu toggle button color over ride */
body.home .edfm-toggle > div {
    background-color: #fff;
}


/* MAIN NAV */
#mega-menu-wrap-primary {
    position: absolute !important;
    top: 44px !important;
    right: 0;
    transition: all 0.2s ease-in-out;
    padding-top:10px;
}
header#masthead.nav-up #mega-menu-wrap-primary {
    top: 30px !important;
}
body.logged-in #mega-menu-wrap-primary {

}
header#masthead.nav-down #mega-menu-wrap-primary {
    padding-top: 10px !important;
    transition: all 0.2s ease-in-out;
}
header#masthead.nav-up #mega-menu-wrap-primary {
    padding-top: 0 !important;
    transition: all 0.2s ease-in-out;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item a.mega-menu-link {
    font-family: "adobe-garamond-pro",serif !important;
    font-weight: 300;
    font-size: 2rem;
    transition: all 0.2s ease-in-out !important;
}
@media only screen and (max-width: 1100px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item a.mega-menu-link {
        font-size: 1.6rem;
    }
}
header#masthead.nav-up #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item a.mega-menu-link  {
    font-size: 1.5rem;
}

/* SUB MENUS */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    padding:0 10px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    line-height: 1.5em !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 1em !important;
    font-family: "open-sans",sans-serif !important;
    text-align: left;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link:after {
    display:none !important; /*turn off submenu arrow*/
}

/*
.search-icon {
    position: absolute;
    top: 25px;
    right:0;
    transition: all 0.2s ease-in-out;
}
header#masthead.nav-up .search-icon {
    top: 12px;
}
.login-button {
    position: absolute;
    top: 15px;
    right: 50px;
    transition: all 0.2s ease-in-out;
}
header#masthead.nav-up .login-button {
    top: 7px;
    padding: 5px 20px !important;
}
@media only screen and (max-width: 400px) {
    header#masthead .login-button {
        top: 24px;
        padding: 2px 10px !important;
        font-size: 12px;
        margin:0;
    }
    header#masthead.nav-up .login-button {
        top: 12px;
        padding: 2px 10px !important;
        font-size: 12px;
        margin:0;
    }
}
*/

/* UTILITY NAV BAR */
.menu-utility-nav-container {
    position: absolute;
    top: 2px;
    right:15px;
}
@media only screen and (max-width: 959px) {
    .menu-utility-nav-container {
        display:none;
    }
}
#menu-utility-nav {
    list-style: none;
    margin:0;
    padding:0;
}
#menu-utility-nav li {
    list-style: none;
    display: inline-block;
}
#menu-utility-nav li a {
    display: block;
    font-size: 12px;
    padding:4px 6px;
    margin: 0 3px;
    transition: all 0.2s ease-in-out !important;
    color:#666;
}
body.home #menu-utility-nav li a {
    color:#fff;
}
body.home #menu-utility-nav li a:hover {
    color:#dfd771;
}
#menu-utility-nav li a:hover {
    color:#000;
}

.menu-utility-nav-container .button {
    font-size: 12px;
    font-weight: 700;
    text-transform: none;
    background: #003162;
    transition: all 0.2s ease-in-out !important;
}

.menu-utility-nav-container .button:hover {
    background: #0b437b;
}
.menu-utility-nav-container .button.red {
    background: #990539;
}
.menu-utility-nav-container .button.red:hover {
    background: #b4174e;
}
.menu-utility-nav-container .button a {
    color:white !important;
    text-decoration: none !important;
}
.menu-utility-nav-container .button a:hover {
    color:white !important;
    text-decoration: none !important;
}
header#masthead.nav-up #menu-utility-nav li a {
    padding:2px 6px;
}

.search-icon a {
    font-size: 15px !important;
    padding:0;
}
.search-icon {
    padding: 4px 10px 4px 5px;
}
.search-icon:hover {
    cursor: pointer;
}

/* logged in/out toggles */
.btn.logged-out {
    display:inline-block;
}
.btn.logged-in {
    display:none;
}
body.logged-in .btn.logged-in {
    display:inline-block;
}
body.logged-in .btn.logged-out {
    display:none;
}

@media only screen and (min-width: 961px) {
    .edfm-toggle-wrapper {
        display: none;
    }
}
@media only screen and (max-width: 960px) {
    .search-icon {
        display: none;
    }
    .login-button {
    }
    .edfm-toggle-wrapper {
        display: block;
    }
    #mega-menu-wrap-primary {
        display: none !important;
    }
}

/* LANDING PAGE TEMPLATE */
body.page-template-page-landing {}





/* HERO AREA */
#hero-wrapper {
    display: table;
    width: 100%;
    /*max-width: 1600px;*/
    margin: 0 auto;
    background-image: url(/wp-content/themes/gunston-hall/img/background-hero-primary.jpg);
    background-position: center bottom;
    background-size: cover;
    /*background-color: #232324;*/
    background-color:#F5F5F5;
    padding-bottom: 0;
    padding-top: 70px;
    max-width: 1300px;
}
#hero-wrapper .content-area {
    display:table;
    min-height: 400px;
}
@media only screen and (max-width: 767px) {
    #hero-wrapper .content-area {min-height: 200px;}
}
@media only screen and (max-width: 540px) {
    #hero-wrapper .content-area {min-height: 150px;}
}


body.home #hero-wrapper .content-area {
    padding-top:100px;
    padding-bottom:0px;
    min-height: 500px;
}
@media only screen and (max-width: 1200px) {
    body.home #hero-wrapper .content-area { padding-top:100px; padding-bottom:0px;}
}
@media only screen and (max-width: 767px) {
    body.home #hero-wrapper .content-area { padding-top:70px; padding-bottom:0px;}
}
@media only screen and (max-width: 540px) {
    body.home #hero-wrapper .content-area { padding-top:70px; padding-bottom:0;}
}


#hero-wrapper .content-area > h1 {
    margin:0 0 .5em 0;
}
#hero-wrapper .content-area > p {
    max-width: 600px;
    margin: 0 auto;
}
.hero-content {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    padding: 40px 0 20px;
}
#hero-wrapper.short .content-area {
    min-height:130px;
}
.hero-content.dark {}
.hero-content.dark h1,
.section-dark h1 {color: white;}
.section-dark .header-icon {color: white;}
.hero-content.dark p {color: white; font-weight: 500;}
.hero-content.left {text-align: left;}
.hero-content.left h1 {width: 100%; margin-left: 0; margin-right: 0;}
.hero-content.right {text-align: right;}
.hero-content.right h1 {width: 100%; margin-left: 0; margin-right: 0;}
.hero-content .divider {display: block; border-bottom:1px solid #95989A; max-width: 200px;}
.hero-content.dark .divider {border-top:1px solid #fff;}

.hero-sub-header {
    max-width: 800px;
    margin:0 auto;
    font-size: 1.3em;
}

.primary_hero_text {
    font-family: "adobe-garamond-pro",serif;
    font-weight: 300;
    font-size: 2rem;
    color: white !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}
.secondary_hero_text {
    font-family: "adobe-garamond-pro",serif;
    font-weight: 300;
    font-size: 1.5rem;
    color: white !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}

.no-hero {
    padding-top:150px;
}

.overlay-blue {
    background-image:url(/wp-content/themes/gunston-hall/img/background-ovelay-dark-blue.png);
    background-size: cover;
}




/* CONTENT CALLOUTS */

.content-callout {
    margin-bottom:30px;
}

.content-callout .vc_gitem-zone {
    color:white;
    background-color: #25305F !important;
}

.content-callout .vc_gitem-zone-c {
    min-height: 300px;
}
@media only screen and (max-width: 767px) {
    .content-callout .vc_gitem-zone-c {
        min-height: initial;
    }
}

/*
.vc_pageable-slide-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vc_pageable-slide-wrapper .content-callout {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

*/


#primary, #secondary {
    /*padding-top:30px;
    padding-bottom:60px;
    trying to fix right margin bug
    min-height: auto !important; */
}
@media only screen and (max-width: 991px) {
    #secondary {
        /*padding-top:0;
        padding-bottom:30px;*/
    }
}

.body-region {
    background:white;
    margin-top: 15px;
    padding: 40px 0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.no-breadcrumb {
    margin-top:51px;
}


/* GENERAL PAGE LAYOUT TWEAKS */
.hentry {
    /*margin-bottom: 60px;*/
}
.entry-content {
    margin: 0 0 0;
}


/* IMAGE BORDERS */
.border-white img {
    padding:8px;
    background-color: white;
    box-shadow: 0 0 0.8rem rgba(0,0,0,.2);
}

/* Box Shadow Class */
.box-shadow {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}

/* HOME PAGE STUFF */

body.home #hero-wrapper {
    /*max-width: 1600px;*/
    min-height: 600px;
}


.section-dark {
    color:white;
}

.section-dark a {
    color:white;
}

.section-dark .btn {
    color:white;
}

.row.callouts {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    min-height: 380px;
}

.row.callouts .vc_column-inner {
    height:100%;
}

.home .entry-header {
    display: none;
}
.home .site-content {
    padding:0 !important;
}


/* SEARCH BAR */
.search-bar {
    position: absolute;
    width: 100%;
    top: 100px;
    right: 0;
    height: 50px;
    text-align: right;
    display: none;
}
header#masthead.search-open {
    height: 160px;
}
header#masthead.search-open.nav-up {
    /*top: -126px;*/
}
body.admin-bar header#masthead.search-open.nav-up {
    /*top: -94px;*/
}
header#masthead.search-open .search-bar {
}
.search-bar .search-submit {
}



/* BREADCRUMBS AND SHARING BUTTON */
.breadcrumb-bar-wrapper {
    font-size: 11px;
    color: #999;
    width: 100%;
    margin: 20px 0 5px 0;
    padding: 0 5px
}

.breadcrumb-bar-wrapper a {
    color: #999
}

.sharing-wrapper {
    float: right
}

.addthis_tool {
}




/* MISC TEXT STYLES */
.quotation {font-style: italic; font-size: 2.5em !important; text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);}
.attribution {font-size:.9em;}

/* CALLOUTS */
.callout.col-lg-4 {
    max-width: 32%;
}
@media only screen and (max-width: 1100px) {
    .callout.col-lg-4 {
        max-width: 96%;
        margin: 0 auto 20px;
    }
}

.callout-white {
    padding:20px 15px;
    background:white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.icon-callout {max-width:75px; height: auto;}
.callout-icon-col {float: left; width:30%; max-width: 90px;}
.callout-content-col {float: left; width:70%;}

@media only screen and (max-width: 1200px) {
    .callout-icon-col {float: left; width: 10%; max-width: none; min-width: 90px;}
    .callout-content-col {float: left; width:83%;}
}

@media only screen and (max-width: 660px) {
    .callout-icon-col {float: none; width: 100%; max-width: none; min-width: 0; text-align: center; margin-bottom:10px;}
    .callout-content-col {float: none; width:100%; text-align: center;}
}


.feature-image-callout {
    background-size: cover !important;
    transition: all 0.2s ease-in-out !important;
}
.feature-image-callout:hover {
    background-size: 102% !important;
    transition: all 0.2s ease-in-out !important;
}
.feature-image-callout .vc_custom_heading h3 {
    color: white;
    margin-bottom: 0;
    transition: all 0.2s ease-in-out;
}
.feature-image-callout:hover .vc_custom_heading h3 {
    margin-bottom: .5em;
}

.callout-clickable {
    transition: all 0.2s ease-in-out;
    /*margin-top:0;*/
    margin-bottom: 30px;
    width:100%;
}
.callout-clickable:hover {
    /*margin-top:-15px;
    margin-bottom: 45px !important;*/
    transition: all 0.2s ease-in-out;
}
.callout-clickable:hover .vc_column-inner {
    cursor: pointer;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1) !important;
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1) !important;
    transition: all 0.2s ease-in-out;
}




/* INFO BOX CALLOUT */
.info-box,
.info-box h3 {
    color:white !important;
}


.callout-header-border {
    margin:0 -30px;
    padding:8px 30px;
    border-bottom: 1px solid #ccc;
}





.primary-nav-tabs-row {
    margin-top:-80px;
}
.single-conference .primary-nav-tabs-row {
    margin-top:0;
}
.primary-nav-tabs-row .vc_tta-tabs-container {
    background: #fff;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.03);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.03);
    text-transform: uppercase;
    margin-bottom: 50px !important;
    margin-top:-60px;
}

.primary-nav-tabs-row .vc_tta-panels-container {
    max-width: 1300px;
    margin: 0 auto;
}

.vc_tta-tabs-container ul,
.vc_tta-tabs-container li {
    list-style: none;
}
.vc_tta-tabs-container li::before {
    display: none !important;
}

.primary-nav-tabs-row .vc_tta-tabs-container .vc_tta-tab > a {
    font-weight: 300 !important;
}
.primary-nav-tabs-row .vc_tta-tabs-container .vc_tta-tab.vc_active > a {
    color: #1b315f !important;
    font-weight: 700 !important;
    border-bottom: 3px solid #1b315f !important;
}







/* page content blocks */

.vc-callout-white.vc_column_container {
    margin-bottom:30px;
    padding:10px 15px;
}

.callout-clickable .vc_column-inner,
.vc-callout-white.vc_column_container .vc_column-inner {
    background:white;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    padding: 20px 30px 10px 30px;
}

/* version with blue top border... */
.vc-callout-white-border.vc_column_container {
    margin-bottom:30px;
    padding:10px 15px;
}
.vc-callout-white-border.vc_column_container .vc_column-inner {
    background:white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    padding: 4px 30px 10px 30px;
    border-top:6px solid #1b315f;
}

/* image captions */
.vc_figure-caption {
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}



/* BUTTONS */
.btn, .vc_btn3,
.btn:visited, .vc_btn3:visited,
.nav-previous a, .nav-next a, .btn-primary {
    padding:10px 20px;
    color:white !important;
    font-weight: 700;
    background-color: #1b315f !important; /* Old browsers */
    border-width: 0 !important;
    transition: all 0.2s ease-in-out;
    white-space: normal;
    margin: 0 18px;
    border-radius:0;
    font-family: "adobe-garamond-pro",serif;
    font-size: 1.2rem;
}

.btn:hover, .btn:active, .vc_btn3:hover, .vc_btn3:active,
.nav-previous a:hover, .nav-next a:hover {
    background-color: #711731 !important; /* Old browsers */
}

.btn.transparent, .btn.transparent:visited,
div.transparent a, div.transparent a:visited {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b315f+0,4d90cd+100 */
    background: transparent !important;
    border: 1px solid #1b315f !important;
    color: #1b315f !important;
    margin:1px;
}

.btn.transparent:hover, div.transparent a:hover {
    color: #1b315f !important;
    background: transparent !important;
    padding: 10px 30px !important;
}

.btn.large, .btn.large:visited {
    padding:10px 30px !important;
    color:white !important;
    font-size: 30px;
    font-weight: 300;
}

.btn.small {

}

input[type=button] {
    padding: 10px 20px;
    color: white;
    font-weight: 700;
    background-color: #1b315f;
    border-width: 0;
    transition: all 0.2s ease-in-out;
    border-radius: 0;
    font-family: "adobe-garamond-pro",serif;
}
input[type=button]:hover {
    background-color: #711731;
}

/* footer buttons */
.img-button, .img-button:visited {
    padding:23px 10px 23px 10px !important;
    margin:0 !important;
    color:#ecc428 !important;
    font-size: 28px;
    font-weight: 300;
    background-color:#711731 !important;
    background-size: cover !important;
    min-height: 118px;
    width: 100%;
    line-height: 1.3em;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.img-button:hover, .img-button:active {
    color:#fff !important;
}
.btn01 {background-image: url(/wp-content/themes/gunston-hall/img/background-button-01.jpg) !important;}
.btn02 {background-image: url(/wp-content/themes/gunston-hall/img/background-button-02.jpg) !important;}
.btn03 {background-image: url(/wp-content/themes/gunston-hall/img/background-button-03.jpg) !important;}
.btn04 {background-image: url(/wp-content/themes/gunston-hall/img/background-button-04.jpg) !important;}


/* dark transparent buttons */
.section-dark .btn.transparent, .section-dark .btn.transparent:visited {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b315f+0,4d90cd+100 */
    background: transparent !important;
    border: 1px solid white !important;
    color: white !important;
}

.section-dark .btn.transparent:hover, .section-dark .btn.transparent:active {
    color: white !important;
    background: transparent !important;
    padding: 10px 30px !important;
}

.btn.green {
    background:#83B240 !important;
    color:white;
}
.btn.green:hover, .btn.green:active {
    background:#96c552 !important;
    color:white;
}
.btn.white {
    background:#fff !important;
    color:#1b315f !important;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.btn.white:hover, .btn.white:active {
    background:#dfd771 !important;
    color:#1b315f !important;
}




/* READ MORE LINKS */
.read-more {
    color:#1b315f !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    margin:20px 0;
    transition: all 0.2s ease-in-out;
    display: block;
}
.read-more:hover, .read-more:active {
    color:#4D90CD !important;
    text-decoration: none;
    margin-right:-5px;
}

.read-more i {
    transition: all 0.2s ease-in-out;
    margin-left: 20px;
    vertical-align: bottom;
    border: 2px solid;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    padding: 7px 0 0 2px;
    font-size: .7rem;
}
.read-more:hover i {
    margin-left:25px;
}

.wpb_wrapper .fa-chevron-right:before {
    padding-left: 7px;
}


.section-dark .read-more {
    color:#fff !important;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.section-dark .read-more:hover, .section-dark .read-more:active {
    color:#fff !important;
    text-decoration: none;
    margin-right:-5px
}

/* "Back to..." LINKS */
.back-to {
    color:#1b315f !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    margin:20px 0;
    transition: all 0.2s ease-in-out;
    display: block;
}
.back-to:hover, .back-to:active {
    color:#4D90CD !important;
    text-decoration: none;
    margin-left:-5px;
}

.back-to i {
    transition: all 0.2s ease-in-out;
    margin-right: 20px;
    vertical-align: bottom;
    border: 2px solid;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    padding: 7px 2px 0 0;
    font-size: .7rem;
}
.back-to:hover i {
    margin-right:25px;
}

.wpb_wrapper .fa-chevron-left:before {
    padding-right: 7px;
}

/* BLOG LANDING PAGE GRID */
.blog-landing-page-grid .vc_row:after,
.blog-landing-page-grid .vc_row:before {
    display: none;
}

.blog-landing-page-grid > .vc_gitem-zone-mini > div {
    position:relative;
    top:auto;
    left: auto;
    height: auto;
}

.blog-landing-page-grid > .vc_gitem-zone-mini .vc_gitem-col {
    padding:0 10px;
}

.blog-landing-page-grid.vc-gitem-zone-height-mode-auto:before {
    padding-top: 0 !important;
}


/* post thumbnails and such */
.has-post-thumbnail .post-thumbnail {
    margin-bottom:20px;
}

.entry-meta {
    font-size: .8rem;
    margin-bottom: 1em;
}


/* WIDGETS AND SIDEBAR STUFF */

#secondary .widget,
.wpb_widgetised_column .widget {
    margin-bottom:60px;
}

#secondary .widget-title,
.wpb_widgetised_column .widget-title {
    /*border-bottom: 1px solid #ccc;
    padding-bottom: 10px;*/
}

.textwidget .size-thumbnail {
    max-width: 110px;
}

/*recent posts*/
.rpwe-li {background:#f9fafb; }
.rpwe-block li {
    border-bottom: 0px solid #eee;
}
.rpwe-title {font-weight: 700;}
.rpwe-thumb {
    border: 0px solid #EEE!important;
    padding: 0 !important;
}


.widget_categories select,
.widget_archive select {
    width:100%;
    padding:10px;
}

.widget_categories .widget-title,
.widget_archive .widget-title {
    border-bottom: 0px solid #ccc !important;
    padding-bottom: 0 !important;
}

/* Featured Page Widget */
#fpw-featured-image {
  width: 100%;
  margin: 0 auto;
  background-position: center bottom;
  background-size: cover;
  background-color: #F5F5F5;
  padding-bottom: 0;
  padding-top: 30px;
  max-width: 1300px;
}


.dpe-flexible-posts a:hover {
    text-decoration: none;
}

#fpw-featured-image .container {
    background: rgba(0, 0, 0, .2);
    padding-top: 30px;
    margin-top: -30px;
}

#fpw-featured-image .row {
    min-height: 200px;
}

.featured-post-content {
    text-align: center;
}


.featured-post-content .widget-title  {
    color: white;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}
.featured-post-content p {
    color: white;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}


.featured-post-title .title {
      background-color: #1b3162;
    color: white;
    padding: 10px 20px;
    text-align: center;
}





/* IN THIS SECTION NAVIGATION */
.bsn-list {
    list-style: none;
    margin:0;
    padding:0;
    border-top:2px solid #737373;
}
.bsn-list .children {
    list-style: none;
    margin:0 0 0 10px;
    padding:0;
}
.bsn-list li {
    list-style: none;
    margin:0;
    padding:0;
}
.bsn-list li.current_page_item a {
    color:black;
}
.bsn-list .children a {
    border-bottom:0px solid #737373;
    font-size: .8em;
}

.bsn-list li a {
    display: block;
    padding:10px 0;
    font-size: .9em;
    border-bottom:1px solid #737373;
    color:#737373;
    line-height: 1.1em;
}
.bsn-list .page_item_has_children.current_page_item a {
    border-bottom:0px solid #737373;
}

/* hide children unless current */

.bsn-list .children {
    display:none;
}
.bsn-list .current_page_item .children,
.bsn-list .current_page_ancestor .children {
    display:block;
}


/* convert better section nav menu to select for mobile... */
.better-section-nav select {
    width: 100%;
    display:none;
    padding:8px 4px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .better-section-nav select {display:block;}
  .better-section-nav ul {display:none;}
    
    #secondary section {
        display: none; /* hide all the sidebar sections */
    }
    #better-section-nav-2 {
        display: block !important; /* show section nav */
        margin-bottom: 0 !important;
    }
    #better-section-nav-2 .widget-title {
        display: none !important;
    }
}



/* MISC VC EDITOR TEXT STYLES */
.vc_gitem-post-data-source-post_title {
    font-weight: 700;
    margin-bottom:0 !important;
}
.vc_gitem-post-data-source-post_title p {
    margin-bottom:0;
}
.vc_gitem-post-data-source-post_author {
    float: left;
    font-size: 12px;
    color:#404549;
    border-right:1px solid #404549;
    padding-right:8px !important;
    margin-right:8px !important;
}
.vc_gitem-post-data-source-post_author > div:before {
    content:"By ";
}
.vc_gitem-post-data-source-post_date {
    float: left;
    font-size: 12px;
    color:#404549;
}

.vc_gitem-post-data-source-post_categories {
    float:left;
    font-size: 12px;
    font-weight: 700;
    border-left:1px solid #404549;
    margin-left:8px !important;
    padding-left:8px !important;
}
.vc_gitem-post-data-source-post_excerpt {
    clear: both;
    margin-top:15px;
}


/* attempting to fix right margin bug */
.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin-right: 0 !important;
}


/* tweaking tab container on small screens */
@media only screen and (max-width: 767px) {
    .vc_tta-container {
        width: 92%;
        margin: 15px auto;
    }
}



/* post grids on small screens */
@media only screen and (max-width: 767px) {
    .vc-gitem-zone-height-mode-auto {
        min-height: 0 !important;
    }
    .vc-gitem-zone-height-mode-auto:before {
        display: none !important;
    }
    .vc-gitem-zone-height-mode-auto .vc_gitem-zone-mini {
        position: relative !important;
    }
    .vc-gitem-zone-height-mode-auto .vc_gitem-row-position-top  {
        position: relative !important;
    }

    .vc_gitem-zone-a .vc_gitem-row-position-middle,
    .vc_gitem-zone-b .vc_gitem-row-position-middle {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }

}











/* IMAGES AND ALIGNMENT */

@media only screen and (max-width: 767px) {
    .alignright,  .alignleft {float:none; margin:0 0 1em 0;}
}







/* pageable container margin fix */
.vc_grid.vc_row.vc_grid-gutter-25px .vc_pageable-slide-wrapper {
    margin-right: 0 !important;
}


.vc_grid.vc_row.vc_grid-gutter-25px .vc_grid-item {
    padding-right: 0 !important;
}

.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
    padding-bottom: 0 !important;
}




/* MOBILE MENU STUFF */
/* toggle button */
.edfm-toggle-wrapper {
    position: relative;
    margin-top: 0;
    top: auto !important;
}
body.admin-bar .edfm-toggle-wrapper {
    margin-top: -33px;
}
.edfm-toggle {
    transition: top 0.2s ease-in-out;
    z-index: 99999; /*pull under wp admin bar*/
    position: fixed;
    height: 43px;
    width: 50px;
    background:transparent !important;
}
.edfm-toggle,
.edfm-toggle.toggle-down {
    top: 15px;
    right:0;
}
.admin-bar .edfm-toggle,
.admin-bar .edfm-toggle.toggle-down {
    top: 47px;
}

.edfm-toggle.toggle-up {
    top: 2px;
}
.admin-bar .edfm-toggle.toggle-up {
    top: 34px;
}

.edfm-fly-menu-wrapper-inner #searchform {
    width: 90%;
    margin: 0 auto;
}

/* off canvas menu tweaks */
.edfm-fly-menu-wrapper-inner {
    z-index: 99998; /* pull under toggle button*/
}
.edfm-fly-menu-wrapper-inner a:hover {
    text-decoration: none;
}

.edfm-title-wrap span.edfm-title {
    font-weight: 700 !important;
}
.edfm-submenu .edfm-title-wrap span.edfm-title {
    font-weight: 300 !important;
}
.edfm-submenu  a.edfm-menu-link:after {
    border-bottom-width: 0px !important;
}
.edfm-submenu ul li:before {
    border-right-width: 0px !important;
}

/* search form */
.edfm_side_menu_template_2 .edfm-fly-menu-wrapper-inner button[type="submit"] {
    background: #EA6F46;
}

/* Forms */
.form-control {
    padding: 10px 20px;
  }

/* event carousel */

.rpc-post-carousel4.rpc-box.rpc-bg.style6 {
    background-color: white;
    padding: 8px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}

.wcp-carousel-main-wrap .rpc-post-carousel4 .rpc-post-title {
    font-family: "open-sans",sans-serif;
}

.wcp-carousel-main-wrap .rpc-post-carousel4 .rpc-post-title a {
    color: #1b315f;
}

.vc_grid-owl-nav.vc_grid-owl-nav-color-blue > div {
    color: #1b315f !important;
    transition: all 0.2s ease-in-out;
}


@media only screen and (min-width: 767px) {
    .event-grid-info-wrapper {
        min-height: 250px !important;
    }
    
    .page-id-351 .event-grid-info-wrapper {
        min-height: 322px !important;
    }
}





/* carousel with vc element */
.event-carousel-gitem .vc_grid-item-mini {
    background: white;
    padding: 8px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}

.event-carousel-gitem p {
    margin-bottom: 0;
}

.vc_gitem-zone.vc_gitem-zone-c.event-carousel-gitem {
    padding: 8px;
    margin: 15px;
}

.vc_gitem-zone.vc_gitem-zone-a.carousel-date {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    overflow: initial;
}
.carousel-date-grid {
    padding: 0 !important;
}

.carousel-date-grid .p-2 {
    padding: 0 !important;
}


@media only screen and (min-width: 767px) {
    .tribe-events-event-image {
        float: left;
        max-width: 300px;
        margin-right: 50px;
    }
}


/* ninja form stuff */
.nf-response-msg {
    text-align: center;
    background:white;
    padding:10px;
    border:1px solid #ccc;
    border-radius: 5px;
}


/* NOTIFICATION BAR STUFF */
body.has-mtsnb {
    margin-top:100px;
}
body.logged-in.has-mtsnb .mtsnb {
    top:132px;
}
.mtsnb-hidden {display: none;}

.mtsnb {
    background:#ECC426 !important;
    color:#000 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) !important;
    
}
.mtsnb-text {
    padding: 0 0 0 11% !important;
    display: block;
    font-family: "adobe-garamond-pro",serif;
    font-size: 1.3em !important;
}

.mtsnb-button {
    background:#003162 !important;
    color:white;
    font-weight: bold;
    border-radius: 0 !important;
    font-family: "adobe-garamond-pro",serif;
    font-size: 1em !important;
    margin-right:-11% !important;
}
.mtsnb-hide {
    background:#003162 !important;
    color:white;
    font-weight: bold;
    border-radius: 0;
    padding: 3px 6px !important;
    margin-top: -12px !important;
}

/* NOTIFCATION BAR MOBILE OVER RIDERS */
@media only screen and (max-width: 960px) {
    body.has-mtsnb {
        margin-top:67px;
    }
    body.logged-in.has-mtsnb .mtsnb {
        top:100px;
    }
    .mtsnb-text {
        padding: 23px 0 0 0 !important;
    }
    .mtsnb-hide {
        margin-top: -12px !important;
    }
    .mtsnb-button {
        margin-right:0% !important;
    }
}



/* Back to Top */
a#totop {
    background: #990539;
    z-index: 99997 !important;
}

#scroll-to-top {
    display: none !important;
}

/* GDPR */

button.mgbutton {
    border-radius: 0 !important;
} 
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container div.moove-gdpr-info-bar-content button.mgbutton {
    border-radius: 0;
}



/* STORE AND WOO COMMERCE STUFF */
.woocommerce-products-header {
    padding-right: 15px;
    padding-left: 15px;
}

.woocommerce .button {
    background-color: #003162 !important;
    border-radius:0 !important;
    color:white !important;
    font-family: "adobe-garamond-pro",serif;
}
.woocommerce-loop-product__title {
    font-size: 1.3em !important;
}
.woocommerce-result-count {
    font-size: .8em !important; 
}
.woocommerce-ordering select {
    font-size: .8em !important;
}
.woocommerce .price {
    color: #000 !important;
}
.product_meta {
    font-size: .8em !important;
}
.woocommerce-page .entry-title {
    display: none;
}
.woocommerce .form-row {
    display: block !important;
}

.woocommerce .select2-selection--single {
    height: 50px !important;
}
.woocommerce .select2-selection__rendered {
    line-height: 50px !important;
}
.woocommerce .select2-selection__arrow {
    height: 50px !important;
}
/* hide tabs on product page */
.woocommerce .wc-tabs {
    display: none;
}


/* FOOTER STUFF */
#colophon {
    background:#1b315f !important;
    color:white !important;
    font-size: 12px !important;
}
#footer-widget {
    background-image: url(/wp-content/themes/gunston-hall/img/background-hero-primary.jpg);
    background-size: auto;
    background-position: center top;
    padding-bottom: 30px;
    padding-top: 30px;
    color: white;
}
#footer-widget p {
    font-size: 12px !important;
}

#footer-widget strong {
    color: #d8b93f;
}

#footer-widget a {
    color: white;
}

.footer-1 {
    padding-top:40px;
}

@media only screen and (max-width: 767px) {
    .footer-2 {
        text-align: center;
    }
}


/* footer links */
#text-4 {text-align: center;}

.menu-footer-menu-container {
    text-align: center;
}
#menu-footer-menu {
    margin:0 auto;
    padding: 0 0 10px;
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    max-width: 900px;
}
#menu-footer-menu li {
    margin:0;
    padding:0;
    list-style: none;
    display: inline-block;
}
.sfmsb-follow-social-buttons {
    text-align: center;
}
.sfmsb-follow-social-buttons a {
    display: inline-block;
    float: none;
    margin:0 5px !important;
}
.sfmsb-text {
    display: block;
    font-size: 12px !important;
    font-weight: 700;
    color:#d8b93f;
}
/*footer banner ad*/
#media_image-2 {
    text-align: center;
}

.site-info {
    text-align: center;
    margin-top: 10px;
    padding-top:10px;
    font-size: 12px;
    color:#76839f;
}





/* ================================================== */
/* ================================================== */
/* ================ PRINT STYLES ================== */
/* ================================================== */
/* ================================================== */
@media only screen {
    .printme {display: none;}
}
@media only print {
    .printme {display: block;}
    .navbar {display: block;}
    .edfm-fly-menu-wrapper,
    #footer-widget #sfmsb_settings-2,
    #footer-widget #text-4,
    #footer-widget #text-5,
    #footer-widget .btn,
    #totop,
    .post-navigation,
    #secondary,
    #mega-menu-wrap-primary,
    #moove_gdpr_cookie_info_bar,
    .menu-utility-nav-container,
    .search-bar,
    .breadcrumb-bar-wrapper,
    .footer-1
    {display:none !important;}
    
    #masthead {top:0 !important;}

    #hero-wrapper .content-area {
        min-height: 0;
    }
    .hero-content {
        padding: 0 0;
    }
    .content-area {
        width:100% !important;
        flex: none !important;
        max-width: initial;
    }
}