/*
Theme Name: St Bernards
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: st-bernards
*/

@font-face {
    font-family: 'coco_gothiclight';
    src: url('./fonts/coco-gothic-light-webfont.woff2') format('woff2'),
         url('./fonts/coco-gothic-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lamoreregular';
    src: url('./fonts/lamoreregular-webfont.woff2') format('woff2'),
         url('./fonts/lamoreregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinslight';
    src: url('./fonts/poppins-light-webfont.woff2') format('woff2'),
         url('./fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.btn-sm{font-size:16px;padding:10px;}
body {font-family: 'coco_gothiclight', sans-serif;}
.banner-content .main-title{font-family: 'lamoreregular', sans-serif;font-size:55px!important;color:#fff; text-transform:uppercase; text-shadow:0px 0px 10px #333;}

.bg2 {background-repeat: no-repeat; background-position: bottom right!important;background-attachment: scroll;background-size: auto ;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.opacity:before,.opacity.color-2:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.opacity.color-2:before{background: rgba(0,0,0,0.5);}

.cta-item.cta-item-small {
  background: transparent;
  margin: 30px 30px 0 0;
  position: relative;
  padding: 90px 30px;
}
.image_cta_block {
  margin-left: 30px;
  margin-right: 0px;
}
.enquire_cta_block {
    background: #00757e!important;
}
.enquire_cta_block .btn:hover {
  background: #fff;
  color: #00757e;
  border-color: #f7d67d;
}
.enquire_cta_block .btn {
  border-color: #f7d67d;
  color: #00757e;
}
.card_block .card {background:#f2f9fa;}

.image_cta_block a:active .opacity:before {
    background: rgba(0,0,0,0);
}

.cta-item {
  background: #f7f7f7;
	margin:30px 0px;
}
.cta_block .col-md-6 .text p {
	color:#000;
}

.cta-item-2 {
  padding: 60px 30px;
  margin-bottom: 30px;
  background: #f2f9fa;
  height:100%;
}
.cta-item-3 {
  padding: 60px 30px;
  margin-bottom: 30px;
  height: 100%;
}
.card_block .card-upper {margin-bottom:0px;}

.cta_block .block-content ul li {
  position: relative;
  list-style: none;
  padding: 0 0 0 30px;
  margin: 0 0 5px;
  color: #000;
}
.cta_block .block-content ul li::before {
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 0;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: '\f005';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  width: auto;
  height: auto;
  background: transparent;
  color: #00757e;
}
.features_block .review-block-static.quote-block-static {
    padding: 20px;
    border: 0;
}
.features_block .review-block-2 {
    height: initial;
}

.features_block .review-block-2.quote-block {
    padding: 60px 0 90px;
    border: 0;
}

.features_block .review-block-2.quote-block .text {
    width: 100%;
}

.features_block .review-block-2.quote-block .block-content {
    position: relative;
    text-align: left;
}

.features_block .review-block-2.quote-block .block-content .quote {
    position: absolute;
    bottom: -20px;
    right: 0;
    max-width:60px;
}
.title-section {padding: 0px 50px 0px;}
.title-decor-2 {position: relative; padding: 36px 0px;}
.title-decor-2::before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -31px;
  top: 0;
  width: 62px;
  height: 2px;
  background: #f7d67d;
}
.padded {padding:50px;}
.text a {color: #00757e;}
.text a::before {background: #f7d67d;}
.text{font-family: 'poppinslight', sans-serif;font-size:16px;line-height:28px;color:#999;font-weight:400; letter-spacing:0.05em;}
.text-md{font-family: 'poppinslight', sans-serif; font-size:16px;line-height:24px;}
.text-md p, .split_block p {margin-bottom: 20px!important;}
.text ul li, .text ol li{margin-bottom:0px !important;}
.text-sm{font-family: 'poppinslight', sans-serif;font-size:14px;line-height:24px; color:#000;}
.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {line-height:1.4!important;color:#00757e;}
.title{font-weight:300;color:#00757e;}
h3,.h3 {margin-top:20px;}
h4,.h4{font-size:22px;}
h1, h2 { margin: 30px 0px 20px 0px;}
.headings {margin: 0px 0px 20px 0px;}
.wp-block-latest-posts.wp-block-latest-posts__list {line-height:1.5em;}
.btn-sm{font-size:16px; padding:10px!important; margin-top:6px;}
header { background: rgba(255,255,255, 0.9);}
header #logo{position:relative;margin-top:35px;display:inline-block;width:325px;height:auto;font-size:0;}
header.scrolled #logo{margin-top:25px;width:200px;}
nav ul li a {line-height: 30px; font-size: 22px; color: #00757e;}
.toggle-block{width: 400px; background: rgba(255,255,255,0.9); text-align: left;}
nav ul li a{line-height:30px;font-size:22px;color:#00757e;font-weight:400;display:inline-block;position:relative;backface-visibility:hidden;padding:12px 0;}
nav ul li a:hover{color:#009999!important;}
nav ul li ul li a {font-size:18px; padding:8px 0;}
nav ul li a .caret i {font-size:14px;}
nav ul li a:before{content:"";position:absolute;left:50%;margin-left:-31px;top:0;width:0;height:2px;background:#f7d67d;}
.mobile-button span{display:block;position:absolute;top:50%;left:0;width: 100%;height:2px;background:#00757e;}
.mobile-button:before,header .mobile-button:after{content: "";position: absolute;display:block;top:50%;left:0;width:100%;height:2px;background:#00757e;margin-top:10px;}

header .top-mobile-menu .book-btn {background:#f7d67d;color:#00757e;}
header .top-mobile-menu .book-btn:hover {background:transparent;color:#00757e;}
.btn{display:inline-block;vertical-align:bottom;text-align:center;position:relative;cursor:pointer;text-decoration:none;border:none;padding:0;font-weight:400;line-height:1em;letter-spacing:0.1px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border:2px solid #f7d67d;min-width:100px;background:#f7d67d;color:#00757e;}
.btn-lg{font-size:20px;padding:13px 30px;}
.btn-md{font-size:18px;padding:14px 30px;}
.btn.type-2{background:#f7d67d;border-color:#f7d67d;color:#00757e;}
.btn-block{display: block; width: 100%;}
.btn.disabled-btn{pointer-events:none;cursor:inherit;}
.btn-close{position:absolute;top:0;right:0;width:50px;height:50px;line-height:50px;text-align: center;cursor: pointer;background:#f7d67d;z-index: 1;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.btn-close span{height: 10px;width: 10px;display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btn-close span:before, .btn-close span:after{content: "";height: 1px;width: 12px;display: block;position: absolute;top: 5px;left: -1px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;backface-visibility: hidden;}
.btn-close span:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.title-decor::before {background:#f7d67d;}
.banner-border {background-color: rgba(255,255,255,0.9);}
.play-button .play {border:2px solid #00757e;}
.play-button:hover .play{border-color:#f7d67d;}
.play-button .play::after {
  border-left: 34px solid #00757e;
}

@media(min-width:1200px){
  .btn:hover{background:transparent;color:#00757e;}
  .btn.type-2:hover{background:#00757e;border-color:#00757e;color:#fff;}
  .btn-close:hover:before{width:100%;left:0;right:auto;}
  .btn-close:hover span:before, .btn-close:hover span:after{background:#000;}
  .icon-scroll:hover::before {border-color: #f7d67d;}
  .swiper-button-prev:hover i:before, .swiper-button-next:hover i:before{border-color:#f7d67d;}
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{border-color:#f7d67d;}
  .content-with-border {padding: 60px 65px 55px!important;}
  .content-with-border-2 {padding: 60px 155px 55px!important; background-color:rgba(0,0,0,0.2);}
}

h2 h3 {margin-top:20px;}
.wpcf7-spinner, .grecaptcha-badge, .offers-block .btn {display:none;}
.wpcf7-list-item {display:block; margin:0;}
.offers-block .banner-align {padding: 100px 0 100px;}
/*.rewiew-content .text {width:700px;}
.review-block {background:#fcf6e6;}*/
.wrapp-arrow.style-2 .swiper-button-prev i::before, .wrapp-arrow.style-2 .swiper-button-next i::before {border-color: #00757e;}
.rewiew-content .author-review span {color:#00757e;}
.rewiew-content .text p {letter-spacing:0px;}

.featured-section {
  position: relative;
  padding: 50px;
}
.slider-content {
  position: relative;
  background: rgba(255,255,255,0.9);
}
.intro-section-2 {
  padding: 0px 0px 70px;
}
.features_block .offers-section {
    padding: 50px 35px;
}

.cta_block {
  padding:  0px 35px 40px 35px;
}

.contact_block {margin-top:30px;}

@media(max-width:1290px){
.card_block .card-lower{min-height:196px;}
}

@media(max-width:991px){
  .featured-section{padding:40px 0;}
  .toggle-block{width: 100%; text-align: center;}
  header #logo, header.scrolled #logo {
  width: 160px;
  margin-top: 25px;
}
  .mobile-image .title span {
  max-width: 100%!important;}
 .content-with-border-2 {padding: 60px 65px 55px!important; background-color:rgba(0,0,0,0.2);}

}
@media(max-width:480px)
{header .top-mobile-menu{text-align: left!important;}
}
@media(max-width:767px){
    header #logo, header.scrolled #logo {margin-right: 25px; margin-left: 50px;}
header .top-mobile-menu .book-btn {padding: 5px!important; font-size: 12px!important;}
	.swiper-button-prev i::before, .swiper-button-next i::before {
  border-color: #ffffff;
}
.features_block .offers-section, .features_block.smaller_block .offers-section {
    padding: 30px 10px!important;}
    
.features_block .review-block-2.quote-block {
  padding: 30px 0 30px;
  border: 0;
}
.card_block {
  padding: 0 10px!important;
}
	header #logo, header.scrolled #logo {margin-right:25px;}
	header .top-mobile-menu .book-btn {padding:10px; font-size:14px;}
	.toggle-block {padding-top:150px;}
	.cta_block {padding:  0px 10px 40px 10px;
		
}
	.accordion_block .accordion {
  padding-left: 30px;
  padding-right: 30px;
}
	.cta-item-2 {padding: 40px 30px 0px 30px;}
	.banner-content .main-title {font-size: 30px!important;}
	.simple-item {padding:0px 15px!important;}
.featured-section {padding: 10px;}
.footer-top {padding: 40px 25px 10px!important;}
	.review-block.features-content {padding: 0px 10px 0px 10px!important;}
	.btn.type-2 {margin-top:10px;}
	 .slider-content, .slider-block {padding: 30px 0px!important;}
	 .split_block .left .content {padding:0px!important;}
	 	.split_block .right img {margin: 30px 0px 30px 0px!important;}
	 .intro-section-2 {padding: 0px 0px 20px;}
	  .card_block .card-lower {min-height: 50px;!important}
	/*h3,.h3,h4,.h4{font-size:18px!important;}
	h1, .h1, h2, .h2 {
  font-size: 26px!important;
}*/
.banner-content .title {
  font-size: 16px !important;}
	.banner-content .main-title {line-height:1.1;}
	.contact_block {padding-left:30px; padding-right:30px;}
	.col-div1 {border-bottom: none!important;}
	.features_block .review-block.quote-block .block-content .quote {max-width:40px!important;}
	.rewiew-content .author-review {margin-top:10px!important;}
	/*.features_block .review-block .text {margin-bottom: 0px!important;}*/
	.intro-section {padding: 20px 0px!important;
  }
	.content-with-border-2 {padding: 60px 65px 55px!important;}
}
footer #top {
  position: absolute;
  bottom: 140px;
  background: rgba(0, 117, 126, 0.5);
  width: 63px;
  height: 63px;
  right: 50px;
}
footer .input {
border-bottom: 2px solid #00757e;
background: transparent;
border-top: none;
border-right: none;
border-left: none;
}
.input:focus {
  border-color: #f7d67d;
}
input {color:#00757e;}
.subscribe-form .btn {
border: 2px solid #f7d67d;
min-width: 100px;
background: #fff;
color: #00757e;
}
.subscribe-form .btn {
background: #f7d67d;
border: 2px solid #f7d67d;
color: #00757e;
}
.footer-item ul li a {color:#000;}
.footer-item ul li a:hover {color:#00757e;}
.contact_block .input:focus {border-color:#f7d67d;}

.subscribe-form .btn:hover {
border: 2px solid #f7d67d;
min-width: 100px;
background: transparent;
color: #00757e;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #00757e;
}
.wpcf7 form .wpcf7-response-output {
	margin: 1em 0em 1em;
    background-color: #00757e;
    color: #fff;
    padding: 10px;
}
.wpcf7-not-valid-tip {
	margin-top: 0.5em;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted {
	background-color:#ffb900;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background-color: #dc3232;
}
.wpcf7 form.spam .wpcf7-response-output {
	background-color: #f56e28;
}
.wpcf7-form-control-wrap select {border: 2px solid #00757e!important; padding:13px 0px;}

/*Guest form*/
label {color:#000;}
.content_block .input {
border-bottom: 2px solid #00757e;
background: transparent;
border-top: none;
border-right: none;
border-left: none;
margin-bottom: 20px !important;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  width:auto;
}
.content_block textarea {max-height:150px; background-color:#f7f7f7; padding:10px; margin-bottom: 20px !important;}
.col-div1, .col-div2 {border-bottom: 1px solid #ccc; margin-bottom: 10px!important;}
/*Guest form*/
.features_block .block-content ul li:before {color: #00757e;}

.footer-top {background: url('/wp-content/uploads/2022/03/footer-bg.png') no-repeat bottom right #f7f7f7; padding:70px 35px 50px;}
.footer-bottom .f-bottom-top{background:#f7d67d;padding:20px 35px;}
.footer-bottom .f-bottom-top .footer-item > * {color: #00757e;}
.social-block li a {background:#00757e;}
.social-block li a:hover {background:#f7d67d;}

.accordion_block .accordion .content .inner, .split_block p {color:#999; line-height:28px;}
/*Draw Attention plugin*/
.featherlight .featherlight-content .hotspot-content {padding-top:20px; line-height:28px;}
.featherlight .featherlight-close-icon {color: #f7d67d!important; font-size: 30px; position:relative!important; float:right;}
@media only screen and (max-width: 1024px) {
.featherlight .featherlight-content {
	padding: 25px!important;}
}
/*.featherlight .featherlight-content {}
.featherlight:last-of-type {
  background: transparent!important;
}
.featherlight .featherlight-content.lightbox-1388 {
  background: rgba(255,255,255,0.9)!important;
}*/

/*Draw Attention plugin end*/
/*Weather Widget*/
.splw-lite-wrapper, .splw-lite-wrapper .splw-lite-current-temp, .splw-lite-wrapper .splw-lite-header {text-align: left;}
#splw-location-weather-1523.splw-main-wrapper {max-width:100%; margin:0!important;}
#splw-location-weather-1523 .splw-weather-details .splw-weather-icons {margin-top:0px!important;}
.splw-lite-wrapper .splw-cur-temp {justify-content: left;}
.centered {text-align:center;}
.features_block .review-block .text {margin-bottom:30px;}

/*gallery*/
.gallery_grid .row {
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: -60px;
}

.gallery_grid .grid-item {
	padding-right: 30px;
	padding-left: 30px;
}


.gallery_grid .grid-item .gallery-content {
	background: #f7f7f7;
	padding: 30px;
	margin-bottom: 60px;
	transition: all 0.5s;
}

.gallery_grid .grid-item .gallery-content .text {
	font-size: 24px;
}

.gallery_grid .grid-item:hover .gallery-content {
	background: #f2f9fa;
}

.gallery_grid .grid-item .gallery-content .author {
	margin-top: 20px;
	color: #00757e;
}

.gallery-popup {
	left: 0!important;
	right: 0!important;
	top: 0!important;
	transform: translateY(-50%)!important;
	background: #f2f9fa;
	padding: 0!important;
	max-height:100vh!important;
}

.gallery-popup .gallery-content {
	padding: 60px;
	position: relative;
}

.gallery-popup .gallery-content .text {
	font-size: 24px;
}

.gallery-popup .gallery-content .text p:not(:last-of-type) {
	margin-bottom: 20px;
}

.gallery-popup .gallery-content .author {
	color: #00757e;
	margin-top: 20px;
}

@media( max-width: 767px ) {
	/*gallery*/
	.gallery_grid .row {
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: -30px;
	}

	.gallery_grid .grid-item {
		padding-right: 15px;
		padding-left: 15px;
	}


	.gallery_grid .grid-item .gallery-content {
		margin-bottom: 30px;
	}
	
	.gallery-popup .gallery-content {
		padding: 30px;
	}
}