/*
Theme Name: PeachlandWellness
Description: Peachland Wellness Centre
Author: Milan Kumar
Version: 4.0
Tested up to: 6.4
Requires at least: 3.0
Requires PHP: 5.2.4
Tags: PeachlandWellness
Text Domain: twentyten
*/

body, html {overflow-x: hidden;}
body{font-family: "Barlow", sans-serif; font-weight:400; margin:0; padding:0; color:#231f20; line-height:22px; font-size:17px;}

h1,h2,h3,h4{font-family: "Barlow Condensed", sans-serif; font-weight: 500;}
h1{font-size:3rem;}
h2{font-size:2.5rem;}
h3{font-size: 2rem;}
.lead{font-size:22px; line-height:normal;}

a{color:#567484; text-decoration:none;}
a:hover{color:#63847b;}
a,.header,.logo{transition: all 0.3s ease;}

.header{position:fixed; left:0; top:0; width:100%; z-index:999; padding:20px 0;}
.logo{max-width: 240px; display: block;}
.header.fixed{background:#557484; padding:10px 0;}
.header.fixed .logo{max-width: 120px;}

#progress-bar {/*height: 100%;*/ pointer-events: none; position: fixed; right: 5%; top: 200px; z-index: 100;}
#progress-bar .bar {background: rgba(143,141,142,1); height: 160px; position: relative; width: 3px;}
#progress-bar .bar .progress {border-radius: .25rem; display: flex; overflow: hidden; font-size: .75rem; background: #dbdbdb; position: absolute; top: 0; width: 100%;}

.top-social{position:fixed; width:22px; right: calc(5% - 9px); top: 370px; z-index: 100;}
.top-social a{display:block;}
.top-social img{max-width:100%;}

.text-shadow{text-shadow:0 0 3px rgba(0,0,0,.3);}
.small, small{font-size: .8em;}

.blog-posts .card-img-top{object-fit:cover; height:250px; width:100%;}

.custom-pagination .pagination-list {
    display: flex;
    justify-content: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-pagination .pagination-item .pagination-link {
    display: inline-block;
    padding: 8px 14px;
    font-size: 16px;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    background-color: #f9f9f9;
}

.custom-pagination .pagination-item .pagination-link:hover {
    background-color: #557484;
    color: #fff;
    border-color: #557484;
}

.custom-pagination .pagination-item.active .pagination-link {
    background-color: #557484;
    color: white;
    border-color: #557484;
    font-weight: 600;
}

.custom-pagination .pagination-item.dots .pagination-link {
    background-color: transparent;
    border: none;
    cursor: default;
}



/* =Menu
-------------------------------------------------------------- */

#access {background:rgba(60,58,58,.5); border-radius:30px; padding:5px 20px;}
#access .menu-header,
div.menu {font-size: 17px;}
#access .menu-header ul,
div.menu ul {list-style: none; margin: 0; padding:0;}
#access .menu-header li,
div.menu li {position: relative; display:inline-block;}
#access a {color: #fff; display: block; line-height: 38px; padding: 0 7px; text-decoration: none;}
#access ul ul {display: none; position: absolute; top: 38px; left: 10px; width: 200px; z-index: 99999;}
#access ul ul li {width: 100%;}
#access ul ul ul {left: 100%; top: 0;}
#access ul ul a {background: #fff; color:#333; line-height: 1em; padding: 10px; height: auto; font-size:16px; text-shadow:none;}

.menu > li:not(.btn1) > a:after{content:""; position:absolute; left:10px; bottom:0; width:35px; height:2px; background:#fff; z-index:1; opacity:0; transition: all 0.3s ease;}
.menu > li:hover > a:after,.menu > li.current_page_item > a:after,.menu > li.current_page_ancestor > a:after,.menu > li.current-menu-ancestor > a:after,.menu > li.current-menu-item > a:after,.menu > li.current-menu-parent > a:after{opacity:1;}

#access li:hover > a{color: #fff;}
#access ul ul :hover > a {color: #63847B;}
@media (min-width: 992px) {
	#access ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2);}
	#access ul li:hover > ul {display: block;}
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {}
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {}

.btn1 a,.cbtn{background:#63847b; color:#231f20 !important; border-radius:5px; padding: 2px 15px 0 15px !important; margin-left:20px; background: linear-gradient(to left, #63847b 52%, #fff 52%); background-size: 210% 100%; background-position:99% bottom; transition:all .3s ease; text-shadow:none !important;}
.btn1 a:hover,.cbtn:hover{background-position:left bottom;}
.cbtn{height: 40px; text-transform: uppercase; border: none; margin-left: 0;}
.btn2 .vc_btn3{background: linear-gradient(to left, #557484 52%, #63847b 52%) !important; background-size: 210% 100% !important; background-position:99% bottom !important; transition:all .3s ease !important; border: 0 !important; font-family: "Barlow Condensed", sans-serif; font-weight: 500;}
.btn2 .vc_btn3:hover{background-position:left bottom !important;}
.btn3 .vc_btn3{background: linear-gradient(to left, #fff 52%, #63847b 52%) !important; background-size: 210% 100% !important; background-position:99%  bottom !important; transition:all .3s ease !important; border: 0 !important;}
.btn3 .vc_btn3:hover{background-position:left bottom !important;}
.btn4 .vc_btn3{background: linear-gradient(to left, transparent 52%, #fff 52%) !important; background-size: 210% 100% !important; background-position:99% bottom !important; transition:all .3s ease !important;}
.btn4 .vc_btn3:hover{background-position:left bottom !important;}

.video-banner{position:absolute !important; left:0 !important; top:0; z-index:0; margin: 0 !important; background: #000;}
#myVideo{position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; opacity: .7;}
.banner-heading{font-size:48px; line-height:50px; font-weight:500;}

.more-btn a{font-family: "Barlow Condensed", sans-serif; font-size:20px; font-weight: 500; position:relative; display: flex; align-items: center;}
.more-btn a:after{content:""; width: 20px; height: 20px; border-style: solid; border-width: 2px 2px 0 0; border-color: #4a6b7d; transform: rotate(45deg); position:relative;}

.box-3 img{max-width:80px !important;}

.full-width-text-right{max-width: 460px; padding: 50px 0 50px 100px;}
.full-width-text-left{max-width: 460px; padding: 50px 100px 50px 0; float: right;}

.slide1 .slide-wrap{padding:0 10px; position: relative; text-align: center;}
.slide1 .slide-wrap img{width:100%; height: 470px; object-fit: cover; transition: all 0.3s ease; transform: scale(1); padding-top:50px; padding-bottom:50px; opacity:.5;}
.slide1 .slide-wrap.slick-active img{transform: scale(1); opacity:1; padding-top:0; padding-bottom:0;}
.slick-track{display: flex; align-items: center;}
.img-cap{display: inline-block; background: #fff; font-weight: 600; text-transform:uppercase; letter-spacing: 2px; padding: 15px 30px; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); border-radius: 10px 10px 0 0; font-size: 18px; opacity:0; transition: all 0.3s ease;}
.slide1 .slide-wrap.slick-active .img-cap{opacity:1;}

.topbot-line{position:relative;}
.topbot-line:before,.topbot-line:after{content:""; position:absolute; top:-15px; right:calc(100% - 300px); width:100vw; height:2px; background:rgba(255,255,255,.4); display:block !important;}
.topbot-line:after{top:auto; bottom:0;}
.left-line{position:relative;}
.left-line:before{content:""; position:absolute; right:calc(100% + 20px); width:100vw; height:3px; top:12px; background:#eb6a24;}
.left-line.white:before{background:rgba(255,255,255,.5);}
.both-side-line{position:relative; display:inline-block;}
.both-side-line:before,.both-side-line:after{content:""; position:absolute; width:100vw; height:2px; top:calc(50% - 1px); background:#bcbdc0;}
.both-side-line:before{right:calc(100% + 20px);}
.both-side-line:after{left:calc(100% + 20px);}
.text-white .both-side-line:before, .text-white .both-side-line:after{background:rgba(255,255,255,.5);} 
.right-line{position:relative;}
.right-line:before{content:""; position:absolute; left:calc(100% + 20px); width:100vw; height:3px; top:12px; background:#eb6a24;}
.right-line.white:before{background:rgba(255,255,255,.5);}

.vc_btn3{letter-spacing:1px; font-size: 22px !important;}
.vc_btn3.vc_btn3-size-md{padding-top: 6px !important; padding-bottom: 10px !important;}
.vc_btn3.vc_btn3-shape-rounded{border-radius: 15px !important;}
.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-right:not(.vc_btn3-o-empty){padding-right: 70px !important;}

.fa-youtube{width: 35px; height: 25px !important; margin-left:10px;}
.fa-youtube:before{background-image:url(images/play.png); content: ""!important; width: 100%; height: 100%; position: relative; display: block; background-size: contain; background-repeat: no-repeat;}
.btn3 .fa-youtube:before{filter: brightness(0) saturate(100%);}

section.half-logo{background-position: left center !important; background-size: 120px !important;}
.w-730{max-width:750px;}
.fs-18{font-size:18px;}

.full-right-white-bg {max-width: 388px; position:relative;}
/*.full-right-white-bg:before{content:""; position:absolute; left:100%; top:0; width:100vw; height:100%; background:#fff; z-index: 11;}*/
.full-right-white-bg a{color:#eb6a24; font-size:14px;}
.full-right-white-bg a:hover{color:#eb6b24;}

.max-640{max-width:640px;}
.max-600{max-width:600px;}
.max-520{max-width:520px;}
.max-370{max-width:370px;}
.max-310{max-width:310px;}
.max-260{max-width:260px;}
.max-482{max-width:482px !important;}
.max-810{max-width:810px;}
.max-100{max-width:100px;}
.vc_custom_heading.with-icon{display: inline-flex; background-position: right bottom !important; background-size: 50px !important; height: 50px; align-items: end; padding-right: 60px;}

.logo-slide .slick-slide img{max-width: 150px; margin:auto;}
.logo-slide .slick-slide{border-left:1px solid #ccc;}
.logo-slide .slick-track{align-items: inherit;}
.logo-slide.slick-initialized .slick-slide{display: flex; height: auto;}
.logo-slide .slick-prev, .logo-slide .slick-next{position: absolute; top: 50%; transform: translateY(-50%); z-index:11;}
.logo-slide .slick-prev{right: 100%; display:none !important;}
.logo-slide .slick-next{left: 100%; background:url(images/right-arw.png) no-repeat; background-size: contain; border:none; box-shadow:none; outline:none; font-size:0; width:30px; height:54px; padding: 0;}

.cform .wpcf7-form-control{text-transform:uppercase; font-size:16px; letter-spacing:1px; color:#000; padding:10px 20px; border:none; border-top:1px solid #315161; opacity:1; box-shadow:none; margin-top: 15px; width:100%; resize:none; background:none;}
.cform .wpcf7-textarea{height:100px;}
.cform .wpcf7-form-control:focus{outline:none; border-top-color:#b90404;}
.cform .wpcf7-submit{border:none; background:#63847b; color:#fff; height: 75px; margin:0;}
.cform .wpcf7-recaptcha{padding:0; border:none; margin:0;}
.wpcf7 form .wpcf7-response-output{border: none !important; text-align:center; margin: 0 !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{color: #eb6a24;}
.wpcf7-not-valid-tip{color: #eb6a24 !important; font-size: 12px !important; line-height: normal; padding: 0 20px 5px 20px;}

.cform.wfw .wpcf7-form-control{text-transform: none; padding: 10px 0;}
.cform.wfw .wpcf7-form-control.wpcf7-checkbox{border-top:none; margin:0; padding:0;}
.cform.wfw .wpcf7-list-item{display:block; margin:0;}
.cform.wfw .wpcf7-submit{width: auto; text-transform: uppercase; min-width: 200px; margin: auto; display: block; height: 60px;}
.cform.wfw .wpcf7-not-valid-tip{padding: 0 0 5px 0;}

.w-30 .vc_sep_line{width: 50px !important;}
.white-link a{color:#fff;}
.white-link a:hover{color:#eb6b24;}
.black-link a{color:#000; font-size:14px;}
.black-link a:hover{color:#eb6b24;}
.play-btn{max-width: 80px; position: absolute; left: 50%; bottom: 30%; transform: translateX(-50%);}
.quote-box{position:relative; text-align:center; font-size:18px; max-width:800px; margin:auto; padding: 40px 80px;}
.quote-box:before,.quote-box:after{content:""; position:absolute; width:80px; height:60px; background:url(images/quote.png) no-repeat; background-size:contain;}
.quote-box:before{left:0; top:0;}
.quote-box:after{right:0; bottom:0; transform: scale(-1, -1);}

.h100 *{height:100%;}
.vr{background-color: #000 !important; width: 3px !important; opacity: .25 !important;}
.h100 .vr{height:calc(100% - 35px);}

.footer{background:#557484; padding:50px 0; margin-top:15px; overflow:hidden; color:#fff;}
.flogo{max-width:150px;}
.social{display:flex; gap:15px;}
.social img{max-width:30px;}
.footer h4{font-size: 22px; color: #fff;}
.footer a{color: #fff; text-decoration:none; font-weight:600;}
.brd-left{position:relative;}
.brd-left:before{content:""; height:100vh; top: -10px; left: -60px; width:2px; background:#b2b4b6; position:absolute;}

.more-content {display: none;}
.read-more-link,
.read-less-link {color:inherit; font-weight:500; cursor: pointer; display: inline-block; font-size:18px;}
.read-more-link:hover,
.read-less-link:hover{text-decoration:underline; color:inherit;}

.footer-menu{list-style:none; padding:0; margin:0; font-family: "Barlow Condensed", sans-serif; font-weight: 500; font-size:22px;}
.footer-menu li{margin-bottom:5px;}
.cright{letter-spacing: 0; font-family: "Barlow Condensed", sans-serif; font-weight: 500; font-size: 10px;}
.last-fbg{position:relative;}
.last-fbg:before{content:""; position:absolute; background:#647e8d; left:-50px; top:-50px; bottom:-50px; width:50vw;}

.tnp-email{max-width: 200px; border-radius:10px;}
.tnp-email:focus{outline:none;}
.tnp-submit{border-radius:10px;}
.tnp-submit:hover{background:#63847b !important;}

.mb-10{margin-bottom:150px;}
.mt-10{margin-top:150px;}

.right-max{max-width: 700px; padding:30px 100px;}
.left-max{max-width: 700px; padding:30px 100px;}
.list-style ul{padding-left: 15px;}
.list-style li{margin-top:10px;}
.h-in-100 *{height:100% !important;}
.h-in-100 img{object-fit:cover;}

.program-thumbnail img,.service-thumbnail img{max-height: 220px; object-fit: cover; height: 100%; width: 100%;}
.ptitles{margin: 50px 0; font-size: 18px; line-height:30px; color:#567484; text-align:center;}
.ptitles a {
    color: #567484;
}
.ptitles a:hover {
    color: #000;
}

#bg-hover{transition: all 0.3s ease;}
#bg-hover:hover{background:#000 !important;}
.text-uppercase{letter-spacing:2px;}

.like-button {
    cursor: pointer;
}
.like-button:hover {
    color: red;
}



/* =Images
-------------------------------------------------------------- */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {max-width: 100%;}
.alignleft,
img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;}
.alignright,
img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;}
.aligncenter,
img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
img.alignleft,
img.alignright,
img.aligncenter {margin-bottom: 12px;}
.wp-caption {background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center;}

.header .container{max-width: 90%;}

.lifetimemembers ul{column-count:4; list-style:none; font-size:20px; line-height:30px; margin:0; padding:0;}

.my-calendar-modal .mc-details {display: none !important;}
.heading.my-calendar-month{font-size: 30px !important; margin-bottom: 20px !important;}
.mc-main .mc_general .event-title button.calendar,.mc-main .mc_general .event-title button.calendar:focus{background: #557484 !important;}
.mc-main .mc_general .event-title button.calendar:hover{background: #647e8d !important}

@media (min-width: 1200px) {
	.box-3 .col-auto{width:auto !important;}
}
@media (max-width: 1399.98px) {
	
}
@media (max-width: 1199.98px) {
	.logo{max-width: 200px;}
	.last-fbg:before{left: -20px;}
}
@media (max-width: 991.98px) {
	.header{padding: 10px 0;}
	.logo,.header.fixed .logo{max-width: 150px; z-index: 100; position: relative;}
	.header.fixed .logo{max-width: 100px;}
	#progress-bar{right: calc(50% - 340px);}
	.top-social{right: calc(50% - 350px);}
	
	#access{display:none; position:absolute; left:0; width:100%; z-index:99; top: 0; background: #557484; max-width: 100%; right: 0; margin: auto; height: 100vh; border-radius:0;}
	#access .menu-header{height: 100%; display: flex; align-items: center; font-size:20px;}
	#menu-top-nav{width:100%;}
	#access .menu-header > ul > li{display: block; border-bottom: 1px solid #ffffff2e;}
	#access a{padding: 5px 25px;}
	.btn1 a{margin-left: 0; padding: 2px 25px 0 25px !important; border-radius: 0;}
	.snav {position: relative; background: none; border: none; cursor: pointer; padding: 0; z-index: 100; margin-top:15px;}
    .snav i {display: block; width: 35px; height: 3px; background-color: #fff; margin-bottom: 8px; transition: all .2s linear; position: relative; opacity: 1;}
	.snav i:last-child {margin-bottom: 0;}
	.snav i:nth-child(1), .snav i:nth-child(3){transform-origin: center;}
	.snav.cross i:nth-child(2){opacity: 0;}
	.snav.cross i:nth-child(1){transform: rotate(45deg); top: 10px;}
	.snav.cross i:nth-child(3){transform: rotate(-45deg); top: -12px}
	.menu > li:not(.btn1) > a:after{display:none;}
	#access ul ul{position: relative; top: 0; left: 0; width: 100%; padding-bottom:10px !important;}
	#access ul ul a{background: transparent; color: #fff; padding: 10px 40px; font-size:18px;}
	.submenu-toggle {cursor: pointer; display: inline-block; color: #fff; position: absolute; right: 0; top: 7px; font-size:50px; font-weight: 300;}
	.submenu-toggle.active:after {content: '-';}
	
	.banner-heading{font-size: 40px; line-height: 40px;}
	.pr-sr-wrap{max-width:400px; margin-left:auto; margin-right:auto;}
	.last-fbg:before{display:none;}
	.tnp-email{margin: auto !important;}
	.tnp-field.tnp-field-button{text-align:center !important;}
	.left-max,.right-max{padding-left:50px; padding-right:50px;}
}
@media (max-width: 767.98px) {
	.top-banner{min-height: calc(100vh - 100px) !important;}
	.footer{text-align:center;}
	.min-300{height:300px;}
	.left-max,.right-max{padding-top:0; padding-bottom:0;}
	.max-md img{max-width:250px !important; margin-left:auto; margin-right:auto;}
	.lifetimemembers ul{column-count:2; text-align:center;}
	.min-height{min-height:500px;}
	.bg-dark-blue{position:relative; padding-top: 15px; padding-bottom: 15px;}
	.bg-dark-blue:before{content:""; position:absolute; background:#647e8d; left:-50%; top:0; bottom:0; width:200vw; z-index:0;}
	.social{justify-content: center;}
}
@media (max-width: 575.98px) {
	.header .container{max-width:100%;}
	.container,.left-max,.right-max{padding-left:25px; padding-right:25px;}
	.top-banner{min-height: 400px !important;}
	.top-banner.full-height{min-height: calc(100vh - 100px) !important;}
	.tnp-subscription input[type="submit"], .tnp-profile input[type="submit"]{width:auto !important;}
}