@charset "utf-8";
/* NRBO WPBASE 4 */

/*#5991BF 89,145,191,0.5
colour1 = #5991C0 rgba(89,145,192,1)
colour1b = #79c0de rgba(121,192,222,1)
colour2 = #6C7F73 rgba(108,127,115,1)

colour3 = #669966
#0F1015
#3E3E3C
cta = #f65124
*/


/* Overrides */


/*gutenberg editor width*/
/*.wp-block{max-width:100% !important;}*/

.components-button {display: block!important;}

/*full width image block */
.entry-content .alignwide {margin-left  : -80px; margin-right : -80px;}
.entry-content .alignfull {margin-left  : calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width    : 100vw;}
.alignfull img {width: 100vw;}

.wp-block-image img {border-radius: 3px;}

.row {max-width: 85rem!important;}
.wp-block-button__link {
font-size: 1.1rem;
cursor: pointer;
padding: 0.5rem 0.7rem;
margin-top: 0.7rem;
background-color: #669966;
color: #fff;
border: solid 1px #57675D;
transition: background-color 600ms ease-out 50ms;
}
.wp-block-button__link:hover {background-color: rgba(0,0,0,0.9);}
.tabs {background: #f0f0f0;}
.tabs-title > a:hover { background: #fefefe;color: #258faf; border-radius: 28px;}

label {}

.wpcf7-form {width: 98%!important; margin: 0 auto!important;}
.wpcf7-submit {
cursor: pointer;
padding: 0.3rem 0.5rem;
margin-top: 0.7rem;
background-color: #669966;
color: #fff;
border: solid 1px #57675D;
width: 100px;
height: 30px;
border-radius: 28px;
transition: background-color 600ms ease-out 50ms;
}
.wpcf7-submit:hover {background-color: rgba(0,0,0,0.9);}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {width: 80%; margin: 0;}


.contact-form {width: 98%;}
.form-label, .form-input, .form-button {float: left!important;}

#primary-menu .current_page_item, .mobile-nav  .current_page_item {background-color: #6C7F73;}
#primary-menu li.current_page_item {}
.current_page_item a, .current_page_item a:hover, .current_page_item a:focus {color: #fff!important;}

/* woocommerce */

span.woocommerce-Price-currencySymbol {float: none; font-weight: 600;}
.wc-block-grid__product span, span.woocommerce-Price-amount {float: none; font-size: 1.125em; font-weight: 600;}
/*.single-product, .summary {background: #fff!important;}*/
.woocommerce div.product form.cart .variations td.label {
    padding: 0.6em;
}
/*.woocommerce div.product form.cart .variations {background: #fff!important;}*/


/* TYPOGRAPHY Styles */


body {margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; background-color: #f0f0f0; max-width: 100%; overflow-x: hidden;}

h1, h2, h3, h4, h5 {font-family: 'Rasa', serif; color: #3E3E3C;}

h1 {font-weight: 600;}
#front-page h1 {margin-top: -1rem;}
h2 {font-size: 2rem!important;}
.wp-block-column h3 {border-bottom: solid 5px #0F1015;}
article p {font-family: 'Open Sans', sans-serif; font-size: 0.9735rem; text-align: justify;}
span {float: left; width: 100%; font-size: 0.875rem; font-weight: 300;}
a {color:#5991BF; font-weight: 600; font-size: 1rem;}
a:hover {text-decoration: underline;}
blockquote {font-size: 0.875rem; font-weight: 300;}
h3.widget-title {font-size: 1.375rem!important;}
.widget-area {float: left; width: 100%; margin-bottom: 1rem; border: solid 1px rgba(255,255,255,1); background-color: rgba(255,255,255,0.6); border-radius: 28px; padding: 0.875rem;}
.tabs-panel {background-color: rgba(255,255,255,0.6); border-radius: 28px;}
.vertical .tabs-title {margin-bottom: 0.875rem;}
img {border: solid 1px rgba(0,0,0,0.3);}
.entry-title {text-shadow: 0px 0px 10px rgba(255,255,255,0.8);}
hr {border-bottom: solid 2px #79C0DE!important;}

.footer-link a {font-size: 0.875rem; color: #fff; padding: 0.2rem 0.6rem 0.2rem 0;}


/* NAVIGATION Styles */


#navigation {position: relative; float: left; width: 100%; background-color: #fff; border-bottom: solid 6px rgba(108,127,115,1); z-index: 9998;}

.fixed {position: fixed!important;}


#navigation li {float: left; width: 12.5%; text-align: center; padding-top: 0.4rem;}
#navigation a {color: #0F1015; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.05rem; padding: 0rem 0.5rem 0.3rem 0.5rem; text-transform: uppercase;}
#navigation a:hover {color: #3E3E3C;}
#primary-menu {float: left; width: 100%;}
#secondary-menu {float: left; width: 100%;}
#secondary-menu li {float: left; width: 100%;}
#secondary-menu a {font-size: 0.875rem; color: #fff; padding: 0.2rem 0.6rem 0.2rem 0;}
#toggle-mobile-menu {float: right; width: 100%; width: 35px; display: none; z-index: 9998; cursor: pointer;}
#toggle-mobile-menu img {border: none;}
#mobile-menu {position: relative; float: left; width: 100%; margin: 1rem auto; display: none;}
#mobile-menu nav li {}
#mobile-menu nav li:last-child {margin-bottom: 0.5rem;}
#open-mobile-nav {float: right; display: block; opacity: 1;}
#close-mobile-nav {float: right; display: none; opacity: 0;}

nav {}
nav ul { width: 100%; list-style: none; margin: 0px; padding: 0px;}
nav a {font-size: 1.1rem;}
nav a:hover, nav a:focus {}

.mobile-nav li {}


/* LAYOUT Styles */


#front-page article {border: none; background-color: rgba(255,255,255,0);}
article {display: table; border: solid 1px rgba(255,255,255,1); background-color: rgba(255,255,255,0.6); border-radius: 28px; padding: 0.875rem; margin-bottom: 1.3rem;}
header {position: relative; float: left; width: 100%; min-height: 10vh; background-color: rgba(89,145,191,1); border-bottom: solid 3px #79c0de;}
footer {float: left; width: 100%; min-height: 5vh; padding: 2rem 0 3rem 0; background-color: rgba(108,127,115,1); border-top: solid 7px rgba(121,192,222,1);}
#content {float: left; width: 100%; min-height: 85vh; padding-top: 1.4rem; padding-bottom: 2.5rem;}
#content-page {float: left; width: 100%; min-height: 85vh; padding-top: 2.5rem; padding-bottom: 2.5rem;}

#site-title a {color: #fff;}
#site-title > p > a {font-family: 'Rasa', serif; font-size: 3rem!important; font-weight: 300;}
#site-title > p:nth-child(1) > a:nth-child(1) , #site-title > h1:nth-child(1) > a:nth-child(1) {font-family: 'Rasa', serif; font-size: 3rem!important; font-weight: 300;}
#site-title  p {line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem!important;}


#site-logo {position: relative;max-width: 50%; margin: 10px auto; text-align: center; padding: 0.4rem; background-color: #fff; z-index: 99; border: solid 1px #000;}
#site-logo img {}
#site-description {float: left; width: 100%; color: #fff; font-size: 1.2rem; margin-top: -27px;}
#social {float: left; width: 50%; color: #fff; font-size: 1.2rem; margin-top: -3px;}
#social-mobile {display: none;}
#contact {float: right; width: 100%; padding-top: 0.875rem; color: #fff; font-size: 1.2rem; text-align: right;}

#feature-image {}
#copyright {padding-top: 1.3rem; font-size: 0.765rem; color: #3E3E3C; text-align: center;}
.search-form {float: left; width: 100%;}
.search-category {float: left; width: 50%;}

#map {text-align: center;}
#google-map {margin-bottom: 1.4rem 0; display: none;}
#toggle-map { margin: 0.7rem 0; cursor: pointer;}
#toggle-map button {cursor: pointer;}
#close-map {display: none;margin: 0.7rem 0;}

#gototop {width: 100%; margin: 1.4rem auto; text-align: center; cursor: pointer;}

#friends {position: relative; width: 100%;}
#mobile-items {float: left; width: 100%; background-color: rgba(89,145,192,1);}

.kt-title-item {}

.kt-tab-title {background: #fff!important; border-radius: 28px!important; border: solid 1px rgba(0,0,0,0.15)!important;}
.kt-tabs-title-list li.kt-tab-title-active .kt-tab-title {background: #669966!important; border-radius: 28px!important; border: solid 1px #57675D!important;}
.kt-tabs-content-wrap > .wp-block-kadence-tab {background: rgba(255,255,255,0.7)!important; border: solid 1px rgba(255,255,255,1)!important; border-radius: 28px; margin-top: 1rem;}

.kt-tabs-layout-vtabs .kt-tabs-title-list li .kt-tab-title {margin: 0px 4px 8px 0px;}
.kt-tabs-layout-vtabs .kt-tabs-content-wrap > .wp-block-kadence-tab {margin-top: 0;}

.kt-tabs-accordion-title {margin: 4px 0px 8px 0px;}
.kt-tab-title-active a {background: #669966!important;}

/*Slideshow*/

#slideshow {position: relative; float: left; width: 100%; max-width: 100%; max-height: 690px; overflow: hidden; background-image: url("../../images/header_1.jpg");}
#slideshow img {border-bottom: solid 1px #3E3E3C;}
#slideshow-overlay {position: absolute; float: left; width: 100%; min-height: 70vh;}
.slick-dots {bottom: 25px!important; font-size: 1rem; width: 6%!important; left: 47%; background: rgba(255,255,255,0.3); border-radius: 28px;}
.slick-dots li {margin: -8px 5px 5px 2px!important;}
.slick-dotted.slick-slider {margin-bottom: 0px!important;}


#cart-wrapper {float: right; width: 240px; display: none;}
#cart-wrapper::before , #cart-wrapper-mobile::before{
float: left;
    font-family:WooCommerce;
    content: "\e01d";
    font-size:1.6rem;
    margin-top:-10px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
	color: #f0f0f0;
}
#cart {float: right; min-width: 160px; background-color: rgba(255,255,255,0.8);}
#cart-wrapper-mobile {float: right; width: 100%; padding-top: 4px; display: none;}
#cart a {}
.woocommerce-cart {}
#cart-items {float: left; min-width: 100px; padding-left: 0.7rem;}
#cart-amount {float: left; min-width: 100px;}
#cart span.woocommerce-Price-currencySymbol {display: inline; width: 14px;}

#lightbox {position: fixed; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.8); z-index: 9999; display: none;}
#lightbox-image {max-width: 80%; height: auto; margin: 3rem auto; text-align: center;}
#lightbox-image img {width: auto; max-height: 85%; border: solid 3px #fff;}
#close-lightbox {font-size: 3rem; float: right; color: #fff;}


/* SINGLE POST Styles  */



/* PAGINATION Styles */


#pagination {}
#pagination-controls {float: left; width: 100%; height: 42px;}
#go-prev {float: left; width: 50%; height: 42px;}
#go-next {float: right; width: 50%; height: 42px;}
.nav-subtitle-left {text-align: left;}
.nav-title-left {text-align: left;}
.nav-subtitle-right {text-align: right;}
.nav-title-right {text-align: right;}


/* GENERAL CLASSES */


.left {float: left; width: 50%;}
.right {float: right; width: 50%;}
.noPad {padding: 0px!important;}
.icon {float: left; width: 40px; height: 40px; padding: 7px; margin: 9px 0px; cursor: pointer; opacity: 0.66;}
.icon:hover, .icon:focus {opacity: 1;}
.entry-title {}
.sidebar {}
.icon-sml {float: left; padding-right: 5px; width: 33px; height: 33px;}
.icon-sml img {border: none!important;}

.social-links {}
header .social-links {}
.contact-number {color: #0a0a0a;}
.contact-details {}
.contact-details span {float: left;}

.search-submit {cursor: pointer; padding: 0.3rem 0.5rem; margin-top: 0.7rem; background-color: #669966; color: #fff; border: solid 1px #57675D;
width: 100px;
height: 30px;
border-radius: 28px;
transition: background-color 600ms ease-out 50ms;
}
.search-submit span {color: #fff;}
input[type="search"] {color: #484848!important; background-color: rgba(255,255,255,0.8)!important;}
[type="search"]:focus {background-color: rgba(255,255,255,1)!important;}

.search-submit:hover , .search-submit:focus {background-color: rgba(0,0,0,0.9);}


.cta {background: #669966; border-radius: 28px; font-size: 1.1rem; font-weight: 300; text-align: center; padding: 1.25rem 1.5rem; border: solid 1px #57675D;}
.cta a {color: #fff;}

footer button {padding: 0.3rem 0.7rem; background: #fff; border-radius: 28px;}

/* Custom Guttenberg Classes */

.membership-benefits {background-color: rgba(255,255,255,0.6); padding: 1.3rem; margin: 1.7rem 0 3rem 0; border-radius: 12px; border: solid 1px #3E3E3C;}



/* MEDIA QUERY */


@media (max-width: 1280px) {
	#toggle-mobile-menu {display: block;}
	#primary-menu {display: none;}
	#site-title > p:nth-child(1) > a:nth-child(1) , #site-title > h1:nth-child(1) > a:nth-child(1) {font-size: 2.2rem!important;}
	.mobile-nav li {width: auto;}
	#slideshow {background-size: contain; max-height: 405px;}
	.slick-dots {width: 10% !important;}
	#site-logo {max-width: 80%;}
	#front-page h1 {margin-top: 0rem;}
}

@media (max-width: 1024px) {
	#site-title > p:nth-child(1) > a:nth-child(1) , #site-title > h1:nth-child(1) > a:nth-child(1) {font-size: 2rem!important;}
	.mobile-nav li {width: 100%!important;}
	.widget-area {margin-top: 1rem;}
}

@media (max-width: 700px) {
	#site-logo {max-width: 35%; margin: 0px 32.5%;}
	#site-title {text-align: center;}
	#site-title > p:nth-child(1) > a:nth-child(1) , #site-title > h1:nth-child(1) > a:nth-child(1) {font-size: 1.6rem!important; font-weight: 600;}
	#site-description {font-size: 1rem; margin-top: 0px; text-align: center;}
	#contact {text-align: center; padding-top: 0;}
	#social {float: none; margin: -3px auto 0 auto;}
	#cart-wrapper {float: left; width: 100%;}
	#cart {float: left; width: 88%; margin-right: 4px;}
	.social-links {width: 100px;  margin: 0px auto;}
	.icon {margin: 4px;}
	#social, #cart-wrapper {display: none;}
	#social-mobile, #cart-wrapper-mobile {display: none/*TEMP*/;}
	#social-mobile  .social-links {width: 140px; position: absolute; top: -50px;}
	#social-mobile  .social-links img {background: #5991BF; border-radius: 50px; padding: 1px;}
	#cart-wrapper-mobile::before {font-size: 1.5rem; padding: 3px 3px 0px 3px;}
	#mobile-items #cart {float: right;}
	#slideshow {max-height: 137px;}
	.slick-dots {width: 26% !important; left: 37%; display: none!important;}
	#slideshow-overlay {min-height: 10vh;}
	h1 {font-size: 2.4rem;}
	h2 {font-size: 2.2rem;}
	h3 {font-size: 2rem;}
	#mobile-menu ul {float: left; margin-top: 1rem;}
	/*.kt-tabs-layout-vtabs > .kt-tabs-content-wrap {float: right!important; width: 66%!important;}
	.kt-tabs-layout-vtabs > .kt-tabs-content-wrap p {text-align: left;}*/
	#site-title h1 {line-height: 0.6; margin-top: 1rem;}
	#site-title p {line-height: 1; margin: 1rem auto;}
	.wp-block-file a {float: left; width: 100%; margin-bottom: 1rem;}
	h4, .h4 {font-size: 1.5rem;}
	footer {text-align: center;}
	footer h4, footer h3 {border-top: dotted 1px #fff; margin-top: 0.7rem;}
}