/*Golf Pages style*/
:root {
	--body_colour : #4A4A4A;
	--title_colour : #4A4A4A;
	--link_colour : var(--grass_green);
	--link_colour_hover : var(--sand);
	--button_bg: transparent;
	--button_colour: #4A4A4A;
	--button_bg_hover: var(--grass_green);
	--button_colour_hover: #FFFFFF;
	--blue : #2A7297;
}
.owl-dots .owl-dot.active span, .sbi-owl-dots .sbi-owl-dot.active span {
    border-color: var(--grass_green);
}
.searchToggle .searchform.openSearch input.s {
	background: var(--grass_green);
}
.headGroup .button:hover {
	background-color: var(--sand);
	border-color: var(--sand);
}
.fixedHeader .mainLogo {
	width:769px;
}
.mainLogo-head {
	width:300px;
}
.menu-toggle:hover .toggleIcon span, .menu-toggle:hover .toggleIcon span:before, .menu-toggle:hover .toggleIcon span:after, .fixedHeader .menu-toggle:hover .toggleIcon span, .fixedHeader .menu-toggle:hover .toggleIcon span:before, .fixedHeader .menu-toggle:hover .toggleIcon span:after,
.fixedHeader .headGroup .searchSubmit:hover, .headerSearch .searchSubmit:hover {
    background-color: var(--sand);
}
#menu-main {
	--link_colour_hover:var(--sand);
}
.standard-pager-site.inner-vc span.cycle-pager-active {
	border-color:var(--forest_green);
}
#navbar ul.socials {
	--link_colour : var(--sand);
}
/*Home*/
.bodyContent ul:not([class]) li:not([class]):before {
	background-color: var(--sand);
}

.dynamic-staff-carousel:before {
	background-color:var(--forest_green);
}
.dynamic-staff-carousel .staff_carousel_content:after {
	background-color:var(--sand);
}
.callout {
	--button_bg_hover:var(--grass_green);
}
.callout.hasbg {
	--button_bg_hover:var(--grass_green);
}
.bodyContent .st-parallax .set-for-parallax .callout {
	    --button_bg: var(--white);
    --button_colour: var(--gray);
    --button_bg_hover: var(--grass_green);
    --button_colour_hover: var(--white);
}
.dynamic-video-block a .image-item-inner:before {
	border-left-color: var(--forest_green);
}
.dynamic-video-block a:hover .image-item-inner:after {
	background-color: var(--forest_green);
}
.st-parallax .set-for-parallax .callout {
	--button_bg:var(--white);
	--button_colour:var(--gray);
    --button_bg_hover: var(--forest_green);
    --button_colour_hover: var(--white);
}
.homeContent .dynamic-poi:before {
	background-color:var(--sand);
}
.homeContent .dynamic-poi:after {
	content: '';
    width: 100%;
    height: 396px;
    max-width: 400px;
    background-color: var(--forest_green);
    -webkit-mask-image: none;
    mask-image: none;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.bodyContent .callout .calloutContent:after {
	background-color: var(--sand);
}
.bodyContent .faq:hover .faq-question, .bodyContent .faq.open .faq-question {
    background: var(--sand);
    color: var(--white);
}
.bodyContent .callout:before {
	background-color: var(--forest_green);
}
.dynamic-web-links a:hover,
a.button.image_doc:hover, a.document-link:hover {
	border-color: var(--grass_green);
    background: var(--grass_green);
    color: var(--white);
}
.sbi_follow_btn span {
    border: 1px solid var(--gray) !important;
    min-width: 184px !important;
    display: inline-block;
    border-radius: 0 !important;
    padding: 9px 20px 9px 20px;
    background: transparent;
    font-size: 18px !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    text-align: center !important;
    font-family: "din-condensed", sans-serif;
    border-radius: 0 !important;
}
.sbi_follow_btn span:hover {
    border-color: var(--sand) !important;
    background: var(--sand) !important;
    color: var(--white) !important;
}
/*footer*/
footer#footer:before {
	background-color:var(--forest_green);
}
footer#footer:after {
	background-color:var(--sand);
}
footer#footer ul {
    --link_colour_hover: var(--sand);
}
footer#footer .button:hover {	
    border-color: var(--sand);
    background-color: var(--sand);
    color: var(--white);
}
.shape-ft-bg {
	background-color:transparent;
	mask-image:none;
	background-image: url(../images/golfball.svg);
	background-repeat: no-repeat;
	background-size:60%;
    height: 418px;
	background-position:top left;
    mask-position: top left;
}
@media (max-width:1540px) and (min-width:992px){
	.shape-ft-bg {
    	background-size: 80%;
   		width: 15%;
		height:520px
	}
}
@media (max-width:991px){
	.shape-ft-bg {        
        width: 170px;
        height: 180px;
        mask-size: contain;
        bottom: 350px;
        right: 0px;
    }
}
/*Inner*/
.page-banner:after,
.body-container:before {
	background-color:var(--sand);
}
.sidebarSec {
	background-color: var(--forest_green);
}