@charset "UTF-8";

/*
Theme Name: Waterlefe Theme

*/
@font-face {
	font-family: "Metropolis-Light";
	src: url("https://lifeatwaterlefe.com/wp-content/themes/waterlefe-theme/fonts/Metropolis-Light.woff") format("woff");
}
@font-face {
	font-family: "Metropolis-Regular";
	src: url("https://lifeatwaterlefe.com/wp-content/themes/waterlefe-theme/fonts/Metropolis-Regular.woff") format("woff");
}
*{margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
a{color:#028088;}
ol{padding-left:22px;}
p + ol{margin-top:30px;}
ol li{line-height:1.4;}
body{/*font-family: 'montserratlight'; */ font-family: 'avenirmedium'; font-size:22px; line-height:1.3;}
h1, h2, h3, h4, h5, h6{font-family: 'metropolisbold';}
div{display:block;}
img{max-width:100%; height:auto; display:block;}
.wrapper{max-width:1920px; position:relative; width:100%; margin:0 auto; padding-left:45px; padding-right:45px;}
.row{margin-left:-15px; margin-right:-15px; display: flex;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{padding-left:15px; padding-right:15px; position:relative;}
.header{position:absolute; width:100%; padding:15px 0; z-index:99; border-bottom:1px solid rgba(255, 255, 255, 0.35); transition:all 0.5s;}
.home .header:before, .page-template-tpl-boat .header:before{background:linear-gradient(180deg, rgba(10, 40, 71, 0.8) 1.69%, rgba(217, 217, 217, 0) 100%); height:237px; position:absolute; width:100%; content:""; top:0; left:0;}
.header.fixed{box-shadow:0 2px 6px rgba(0,0,0,0.2); padding:4px 0; animation:slide-down 0.7s; opacity:1; position:fixed; background:#0b8088; transition:all 0.5s; z-index:999;}
.header.fixed:before{height:auto;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
.header .row{display:flex; align-items:center; justify-content:space-between;}
.navmenu{text-align:center;}
.navmenu ul{padding:0;}
.navmenu ul li{list-style:none; display:inline-block; margin-right:10px;}
.navmenu ul li:last-child{margin-right:0;}
.navmenu ul li a{font-size:17px; font-weight:500; text-decoration:none; /*font-family: 'Inter', sans-serif; */ color:#fff;}
.header .white-btn{float:right;}
.white-btn{font-size:18px; font-weight:500; text-decoration:none; /*font-family: 'Inter', sans-serif; */ color:#fff; border:2px solid #fff; border-radius:30px; padding:15px 30px; display:inline-block; line-height:100%;}
.white-btn:hover{background:#fff; color:#0A2847;}
.white-btn i, .green-btn i{font-size:14px; margin-left: 7px;}

.banner{width:100%; min-height:100vh; position:relative; padding:165px 0 115px; display:flex; align-items:center;}
.banner img{position:absolute; width:100%; height:100%; object-fit: cover; background-position: center; top:0;}
.home .banner-info{width:60%;}
.home .banner img.banner-logo{max-width:550px;}
.banner-info{position:relative; top:0%; transform:translate(0,0%); right:15px; color:#fff; z-index:9; width:50%; float:right;}
.banner-info p{font-size:30px; font-weight:400; line-height:36px; /*font-family: 'Inter', sans-serif; */}
.banner .wrapper{}
.banner:before, .main-slider:before{position:absolute; top:0; background:rgba(0,0,0,.2); content:""; left:0; right:0; bottom:0; z-index:9;}
.banner h2 span, .history-sec h2 span{font-family: 'Moonlight Script Regular'; font-size:148px; font-weight:400;} 
.banner h2, .history-sec h2, .dine-banner h2, .main-slider h2{ font-family: 'metropolisextra_bold'; font-size:78.55px; font-weight:400; margin-bottom:18px;} 
.banner-info .white-btn{margin-top:35px;}
.history-sec{padding:100px 0; width:100%; float:left;}
.history-sec h2 span{color:#33925a; font-family: 'Dalih'; line-height:120%;}
.history-sec h2{color:#000; font-size:67.55px; line-height:100%; font-family: 'metropolisbold'; font-family: 'montserratmedium';}
.history-sec iframe{width:100%; height:350px;}
.img-hist{margin-top:25px; width: calc(100% - 115px);}
.history-sec p{line-height:35px;}

.banner img.banner-logo{position:static;}

.green-btn{font-size:22px; font-weight:500; text-decoration:none;/* font-family: 'Inter', sans-serif; */ color:#33925a; border:2px solid #33925a; border-radius:30px; padding:15px 45px; display:inline-block; line-height:100%; margin-top:40px;}
.green-btn:hover{background:#33925a; color:#fff;}

.left-minus-img{margin-top:60px; width: calc(100% + 150px); max-width: none; position:relative; right: 0; bottom: 0; margin-left: -150px; max-height:350px; object-fit:cover;}
.history-sec .row:nth-child(2){display:flex; align-items:end;}

.mission-vision{width:100%; float:left; padding:100px 0; position:relative; overflow:hidden; color:#fff;}
.mission-vision:before{background:rgba(11,128,136,.6); position:absolute; content:""; width:100%; height:100%; z-index:99; top:0;}
.mission-vision p{font-size:30px; line-height:45px; /*font-family: 'montserratmedium'; */}
.mission-vision h2{font-family: 'metropolisbold'; font-size:65px; display:inline-block; position:relative;}
.mission-vision h2 img{position:absolute; top:35px; right:-25px; width:33px;}
.mission-vision h2 span{font-family: 'moonlightregular'; font-size:135px; position:relative; font-weight:400;}
picture{width:100%; float:left;}
.mission-vision .wrapper{z-index:99;}
.bg-img img{position:absolute; top:0; left:0; bottom:0; height: 100%; object-fit: cover;}
.map{width:100%; float:left;}
.map img{width:100%;}

.activity-section, .homeabout{width:100%; float:left; padding:100px 0;}
#homeslider  .owl-dots{display:none;}
.activity-slider img{height:450px; object-fit:cover;}
.activity-slider .item{position:relative;}
.activity-slider .active-slide-text{position:absolute; background:rgba(0,0,0,.6); left:0; bottom:30px; padding:30px; color:#fff; max-width:600px; width:100%;}
.activity-slider p{font-size:22px; font-family: 'montserratmedium';}
.activity-slider h3{font-size:40px; font-family: 'metropolisbold'; line-height:55px;}
.activity-section h2, .homeabout h2, .howcanwe-serve h2{font-size:65px; font-family: 'metropolisbold'; margin-bottom:20px; color:#000; text-align:center; position:relative; display: flex; justify-content: center; align-items: center; color:#0b8088;}
.activity-section h2 span, .homeabout h2 span, .howcanwe-serve h2 span{color:#33925A; font-family: 'moonlightregular';  /*font-size:135px; position: absolute; top: 50%; transform: translate(0, -50%); */ margin-left:20px; font-weight:400;}
.center-btn{text-align:center;}

.mobile-btn{display:none;}
.barmenu{display:none;}
.wpcf7-spinner{display:none;}
.overlay-bg{background:rgba(0,0,0,.7); position:fixed; top:0; right:0; left:0; bottom:0; display:none; z-index:9999;}
.close-icon{display:none; text-align:right;}
.navmenu.activemenu .close-icon{display:block;}

.footer{width:100%; float:left; background:#0A2847; padding:90px 0; text-align:center; position:relative; overflow:hidden;}
.footer li{list-style:none;}
.footer-logo img{height:102px; width:auto; margin:0 auto 40px;}
.footer-nav li a{color:#fff; font-size:23px; line-height:45px; /*font-family: 'Inter', sans-serif; */ font-weight:300; text-decoration:none;}
.footer-nav li a:hover{text-decoration:underline;}
.border-right{border-right:1px solid #3D6084;}
.social-icon{margin-top:40px;}
.social-icon li{display:inline-block; padding:0 12px;}
.social-icon li a{color:#fff;}
.footer input[type=text], .footer textarea, .footer input[type=email]{padding:8px 10px; border-radius:10px; background:#2A4663; color:#fff; font-size:23px; line-height:45px; /*font-family: 'Inter', sans-serif; */ border:0; margin-bottom:20px; width:100%;}
.footer input[type=text]:focus, .footer input[type=email]:focus, .footer textarea:focus, .footer input[type=submit]:focus{outline:0;}
.footer input[type=text]::placeholder,.footer input[type=email]::placeholder, .footer textarea::placeholder {color:#fff;}
.footer textarea{height:140px;}
.footer input[type=submit]{font-size:22px; font-weight:500; text-decoration:none; /* font-family: 'Inter', sans-serif; */ color:#fff; border:2px solid #028088; background:#028088; border-radius:30px; padding:15px 45px; display:inline-block; line-height:100%; text-transform:uppercase; cursor:pointer;}
.footer input[type=submit]:hover{background:#fff; color:#028088;}
.footer h2{font-size:55px; line-height:76px; color:#fff; font-family: 'metropolisbold'; margin-bottom:15px;}
.footer:after{background: rgba(156, 223, 156, 0.25); filter: blur(50px); position:absolute; content:""; bottom:-50%; left:-180px; height:300px; right:-180px; border-radius:50%; transform: translate(0, -50%);}

.copyright{font-size:23px; /*font-family: 'Inter', sans-serif; */ color:#fff; background:#061627; text-align:center; padding:30px 0; width:100%; float:left; position:relative; z-index:99;}
.navmenu ul.sub-menu{display:none;}
.navmenu li{position:relative; }
.navmenu li:hover ul{display:block; border-top:4px solid #33925a; width:250px; position:absolute; top:25px; left:0; background:#fff;}
.navmenu ul.menu li.menu-item-has-children ul ul{position:relative; top:0; border-top:0;}
.navmenu ul.menu li.menu-item-has-children ul ul li a{padding-left:25px; padding-right:25px;}
.navmenu ul.menu li.menu-item-has-children ul li{padding-right:0;}
.navmenu ul ul li{display:block; text-align:left; margin-right:0;}
.navmenu ul ul li a{color:#000; display:block; padding:8px 10px; font-size:18px;}
.navmenu ul > li > ul > li > a{padding-right:25px !important; border-bottom:1px solid #ccc;}
.navmenu ul ul li a:hover{color:#fff; background:#222;}
.navmenu ul.menu li ul li.menu-item-has-children:after{top:15px; right:12px; border-top-color: #222;}
.navmenu ul.menu li ul li.menu-item-has-children.whitecolor-arrow:after{border-top-color: #fff;}


.sub-menu-toggle{display:none;}
ul.menu li.menu-item-has-children{padding-right:20px;}
ul.menu li.menu-item-has-children:after{position:absolute; top:12px; content:""; right:0; border: 7px solid transparent; border-top-color: #fff;}

.innerbanner{background:#0A2847; padding:218px 0 100px; text-align:center;}
.innerbanner h1{color:#fff;}
.page-content{background:#fff; padding:70px 0;}
.page-content h3{margin-bottom:30px; padding-bottom:5px; position:relative; font-family: 'montserratmedium'; font-size: 40px;} 
.page-content h3 span{color:#32925A;}
.page-content h3:after{content:""; position:absolute; bottom:0; width:70px; height:3px; background:#222; left:0;}
.page-content .reverse-section .row+.row{margin-top:50px;}
.page-content .reverse-section .row:nth-child(2n+1){flex-direction: row-reverse;}
.page-content .reverse-section p{line-height:1.5;}
.reverse-section .row{align-items:center;}
.innerbanner h1{font-family: 'montserratmedium'; font-size: 65px;}
.reverse-section h2{font-size:22px; font-weight: 500; color:#33925a; font-family: 'Inter', sans-serif; margin-bottom: 15px;}
.reverse-section ul{margin-top:20px; padding-left:0px;}
.reverse-section ul li:before{content:"\276F"; position:absolute; left:0; top:3px; font-weight:700; font-size:70%;}
.innerbanner{position:relative;}
.innerbanner:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.6);}
.innerbanner h1{position:relative; z-index:99;}

.cta-sec{position:relative; padding:70px 0; color:#fff; text-align:center;}
.cta-sec:before{content:""; position:absolute; background:rgba(0,0,0,.7); left:0; right:0; bottom:0; top:0; z-index:9;}
.cta-bg{position:absolute; top:0; left:0; right:0; bottom:0;}
.cta-bg img {object-fit: cover; position: absolute; height: 100%; width: 100%;}
.cta-wrapper{max-width:768px; margin:0 auto; position:relative; z-index:99;}
.cta-wrapper .white-btn{margin-top:40px;}

/* Padding Margin Class */
.pl-200{padding-left:200px;}
.pr-200{padding-right:200px;}
.pl-120{padding-left:120px;}
.pr-120{padding-right:120px;}
.mt-60{margin-top:60px;}
.mt-80{margin-top:80px;}
.mt-70{margin-top:70px;}
.mt-40{margin-top:40px;}
.mb-40{margin-bottom:40px;}
.mt-50{margin-top:50px;}
.mb-50{margin-bottom:50px;}


/* End Padding Margin Class */

/* Start Dine Page */ 

.dine-banner{position:relative; display: flex; align-items: center; width:100%; padding: 150px 0 100px;}
.dine-banner.nww{position:relative; display: flex; align-items: center; width:100%; padding: 250px 0 200px;}
.dine-banner.nww:before{position:absolute; content:""; top:0; bottom:0; right:0; left:0; background:rgba(0,0,0,.4); z-index:9;}
.dine-banner img{position: absolute; width: 100%; height: 100% !important; object-fit: cover; background-position: center; top: 0;}
.culinary-sec, .enjoyhere-sec{padding:100px 0; width:100%; float:left;}
.culinaryimg2{position:absolute; bottom:-15px; right:-60px; max-width:324px; border:15px solid #fff;}
.culinary-sec h3, .tikibar-sec h3, .marinaclub h3, .cdd-hoa-sec h3, .covamarina-sec h3, .waterways-sitessec h3, .estoppels-sec h3, .mgmt-sec h3, .document-sec h3, .library-sec h3, .servive-sec h3{font-size:65px; margin-bottom:30px; position:relative; color:#028088;}
.culinary-sec strong, .tikibar-sec strong, .marinaclub strong, .cdd-hoa-sec strong, .covamarina-sec strong, .waterways-sitessec strong, .estoppels-sec strong, .mgmt-sec strong, .document-sec strong, .library-sec strong, .servive-sec strong, .upcoming-events strong{color:#028088;}
.culinary-sec h3 .titlewith-img, .library-sec h3 .titlewith-img, .cdd-hoa-sec h3 .titlewith-img, .mgmt-sec h3 .titlewith-img, .tikibar-sec h3 .titlewith-img, .marinaclub h3 .titlewith-img, .covamarina-sec h3 .titlewith-img, .waterways-sitessec h3 .titlewith-img, .estoppels-sec h3 .titlewith-img, .document-sec h3 .titlewith-img{position:relative; display:inline-block;}
.culinary-sec h3 img, .library-sec h3 img, .tikibar-sec h3 img, .mgmt-sec h3 img, .cdd-hoa-sec h3 img, .marinaclub h3 img, .document-sec h3 img, .covamarina-sec h3 img, .waterways-sitessec h3 img, .estoppels-sec h3 img{position:absolute; top:-5px; right:-30px;}
p+p{margin-top:30px;}
.half-img-wrap{margin-left:-10px; margin-right:-10px; margin-bottom:20px;}
.half-img{padding-left:10px; padding-right:10px; width:50%; float:left; margin-bottom:20px;}
.half-img img{height:298px; width:100%; object-fit:cover;}
.upcoming-events{padding:100px 0; background:#F9F9F9; float:left; width:100%;}
.upcoming-events h3{text-align:center; font-size:65px; margin-bottom: 30px; color:#028088;}
#upcoming_eventslider{}
.upcoming-eventinfo{padding:45px 25px 25px 25px; position:relative; background:#fff;}
.upcoming-date{background:#33925A; position:absolute; left:25px; top:0; transform:translate(0, -50%); font-size:22px; color:#fff; padding:8px 15px;}
.upcoming-events h3 span{color: #33925a; font-family: 'moonlightregular'; line-height: 120%; font-weight:400; font-size:135px;}
.upcoming-events h4, .upcoming-events h4 a{font-size:32px; line-height:130%; margin-bottom:10px; text-decoration:none; color:#000;}

.tikibarimg2{position:absolute; bottom:0; left:-60px; max-width:324px; border:15px solid #fff; border-left:0; border-bottom:0;}
.tikibar-sec{padding:100px 0; background:#f9f9f9; float:left; width:100%;}
.servive-sec{padding:100px 0; float:left; width:100%;}
.tikibar-sec .row{display: flex; align-items: center;}

.upcoming-events .item img{height:290px !important; width:100%; object-fit:cover;}
.upcoming-events .subheading{text-align:center; margin-bottom:50px;}
/* End Dine Page */

.enjoyhere-sec .row{/*-moz-column-count:3; -moz-column-gap: 2%; -moz-column-width: 50%; -webkit-column-count:3; -webkit-column-gap: 2%; -webkit-column-width: 50%; column-count: 2; column-gap: 2%; column-width: 50%; */ display:block; grid-template-rows: masonry; display: grid; grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));}
.enjoyhere-sec h4{font-size:50px; margin:20px 0 10px;}
.enjoyhere-sec .row .enjoyhere-part{margin-bottom:80px; /*float:left; width:50%; */}
.enjoyhere-sec .row .enjoyhere-part:nth-child(2){margin-top:100px;}

.enjoyhere-part{padding-left:15px; padding-right:15px;}

/* Boat Here */
.marinaclub, .waterways-sitessec, .estoppels-sec{padding:100px 0;}
.marinaclub-img2{position: absolute; bottom: -30px; right: -60px; max-width: 70%; border: 15px solid #fff;}
.covamarina-sec, .estoppels-sec{background:#F9F9F9;}
.covamarina-img2{position: absolute; bottom: -30px; left: -60px; max-width: 95%; border: 15px solid #fff; margin:0;}
.covamarina-sec .col-md-5 img{margin:-40px 0;}
.waterways-sitessec .col-md-5{display: flex; align-items: end;}
/* End Boat Here */

/* Live Here */
.imggallery{margin-top:40px;}
.imggallery img{height:350px; object-fit:cover; width:100%;}
.cdd-hoa-sec .col-md-5 img{max-width:437px; float:right; width:100%;}
.cdd-hoa-sec .col-md-5 img + img{margin-top:20px;}

.overlapping-wrap{position: absolute; content:""; bottom: 40px; left: -60px; max-width: 331px;}
.overlapping-wrap-inner{position:relative; width:100%; float:left;}
.overlapping-wrap-inner img{z-index:99; position:relative;}
.overlapping-wrap-inner:after{position: absolute; content:""; left: 15px; top:-15px; right: -15px; background:#fff; border: 15px solid #fff; bottom:15px;}
.overlapping-img{width:100%;}
.mgmt-sec{padding:100px 0;}
.titlewith-img:after{position:absolute; content:""; background:url('../../uploads/2023/07/green-leaf.png'); width:33px; height:29px;}
.document-sec{padding:100px 0; background:#F9F9F9; width:100%; float:left;}
.document-sec .col-md-5 img + img{margin-top:20px;}
.mb-20{margin-bottom:20px;}

.library-sec{padding:100px 0; float:left; background:#F9F9F9;}
.cdd-hoa-sec{padding:100px 0; float:left;}


#toTopBtn{display: none; position: fixed; bottom: 20px; cursor:pointer; right: 30px; z-index: 999; padding:5px 10px 5px; background:#028088; color:#fff;}
#toTopBtn{font-size:15px; line-height:100%;}

/* End Live Here */

.imgenjoy{border-bottom:7px solid #33925A;}
.footerinfo{text-align:left;}
.footerinfo p{color:#fff;font-size:20px;}
.footerinfo a{color:#fff;}
.footerinfo h4{color:#fff; margin-bottom: 5px; font-size: 28px; line-height: 1.3;}

#homeslider{position:relative;}
.main-slider{padding: 165px 0 115px; width:100%; float:left; align-items: center; background-size: cover !important;}
.main-slider img{max-width: 550px;}

#homeslider .owl-next{position:absolute; right:0; top:50%; transform:translate(0, -50%); width: 50px; height: 50px; background:rgba(255,255,255,.7); z-index:999;}
#homeslider .owl-prev{position:absolute; left:0; top:50%; transform:translate(0, -50%); width: 50px; height: 50px; background:rgba(255,255,255,.7); z-index:999;}
#homeslider .owl-next span, #homeslider .owl-prev span{font-size:50px; line-height:78%;}
#homeslider .owl-next:hover, #homeslider .owl-prev:hover{background:rgba(255,255,255,1);}
.homeabout ul{margin:30px 0 50px;}
.homeabout li{background:url('../../uploads/2023/08/leaf-icon.png'); background-repeat:no-repeat;  background-size: 30px; list-style: none; padding-left: 45px; margin-bottom: 30px;}

.howcanwe-serve{width:100%; float:left; padding-bottom:100px;}
.howcanwe-serve h2{align-items: baseline;}
.howcanwe-serve h2 span img{height:90px;}
.serve-wrap-btn{}
.serve-wrap-btn{text-align:center; margin-bottom:30px;}
.serve-wrap-btn form label{display:block; color:#0b8088;}
.serve-wrap-btn form input{font-family: 'avenirmedium'; font-size: 22px; line-height: 1.3; text-align:center;}
.serve-wrap-btn a, .serve-wrap-btn input{color:#0b8088; text-decoration:none; max-width:580px; width:100%; display:inline-block; border:3px solid #0b8088; padding:20px; border-radius:40px; transition:all 0.3s;}
.serve-wrap-btn a:hover{background:#0b8088; color:#fff;}
.serve-wrap-btn input{background:#0b8088; color:#fff;}
.serve-wrap-btn input::placeholder{color:#fff;}

.homeabout h3{color:#028088;}



.innerpage-banner{position:relative; display:flex; align-items:center; width:100%; padding:250px 0 200px;}
.innerpage-banner:before{position:absolute; content:""; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); z-index:9;}
.innerpage-banner img{position:absolute; width:100%; max-width:100% !important; height:100% !important; object-fit:cover; background-position:center; top:0;}
.innerpage-banner .banner-info{text-align:center; width:100%;}
.defaultpage-content-sec{padding:50px 0;}
.defaultheader-bg{background:#061627; height:115px; width:100%;}

.single #comments, .single .post-navigation{display:none;}
.single .dine-banner.nww{padding:200px 0 100px}
.single .dine-banner.nww h2{line-height:100%;}
.search .search-field, .error404 .search-field{text-decoration: none; max-width:580px; width:100%; display:inline-block; border:3px solid #0b8088; padding:20px; border-radius:40px; transition:all 0.3s; background:#0b8088; color:#fff; font-family:'avenirmedium'; font-size:22px; line-height:1.3; text-align:center;}
.search .search-submit, .error404 .search-submit{padding:10px;}
.search .page-title, .error404 .page-title{text-align:center;}
.search .search-submit, .error404 .search-submit{display:none;}
.search .no-content-found, .error404 .not-found{text-align:center;}
.search .search-form, .error404 .search-form{margin-top:20px;}
.search .search-form ::placeholder, .error404 .search-form ::placeholder{color:#fff;}
.search article{padding:30px 0; border-bottom:1px solid #ccc; width:100%; float:left;}
.search h2.entry-title{margin-bottom:20px;}
.search h2.entry-title a{text-decoration:none;}
.search .post-thumbnail img{height:240px !important;}
.search .post-thumbnail{float:left; margin-right:20px;}

.footer .wpcf7-response-output{color:#fff;}





@media(min-width: 1025px)
{
	.culinary-sec .row, .marinaclub .row, .covamarina-sec .row, .waterways-sitessec .row, .estoppels-sec .row, .mgmt-sec .row, .document-sec .row, .library-sec .row{display:flex; align-items:center;}
	.waterways-sitessec .col-md-5 img{max-width:50%; margin:0 auto; float:left;}
	.waterways-sitessec .col-md-5 img:nth-child(2){padding-left:20px;}
}

@media(min-width: 768px)
{
    .col-md-1{float:left; width:8.33333333%; min-height: 1px;}
	.col-md-2{float:left; width:16.66%; min-height: 1px;}
    .col-md-3{width:25%; float:left; min-height: 1px;}
    .col-md-4{width:33.33%; float:left; min-height: 1px;}
	.col-md-5{width:41.66666667%; float:left; min-height: 1px;}
    .col-md-6{width:50%; float:left; min-height: 1px;}
    .col-md-7{float:left; min-height: 1px; width:58.33333333%}
    .col-md-8{width:66.66666667%; float:left; min-height: 1px;}
	.col-md-9{width:75%; float:left; min-height: 1px;}
	.col-md-10{width:83.33333333%; float:left; min-height: 1px;}
	.col-md-11{width:91.66666667%; float:left; min-height: 1px;}
	.col-md-12{width:100%; float:left; min-height: 1px;}
	
	.reverse-section ul li{width:50%; float:left; padding:0 20px; position:relative; list-style:none;}
	
	.footer .col-md-6{padding-left:8%; padding-right:8%;}
	
	.main-slider{min-height:100vh;}
}

@media(max-width: 1440px)
{
	.navmenu .menu > li{padding-right:16px;}
	ul.menu li.menu-item-has-children{padding-right:15px;}
	.navmenu ul li a{font-size:15px;}
	.navmenu ul ul li a{font-size:15px;}
	.navmenu li:hover ul{top:25px;}
	ul.menu li.menu-item-has-children:after{border:5px solid transparent; border-top-color: #fff; top:13px;}
	.navmenu ul li{margin-right:3px;}
}

@media(max-width: 1300px)
{
	ul.menu li.menu-item-has-children{padding-right:14px;}
	.navmenu .menu > li{padding-right:16px; margin-right:3px;}
	.navmenu ul li a{font-size:13px;}
	.header .white-btn{font-size:13px;}
	.navmenu ul ul li a{font-size:13px;}
	.navmenu li:hover ul{top:25px;}
}

@media(max-width: 1300px)
{
	.banner h2, .dine-banner h2{font-size:65px;}
	.white-btn, .green-btn{padding:15px 30px;}
	.banner h2 span, .history-sec h2 span, .mission-vision h2 span{font-size:95px;}
	.history-sec h2{font-size:46px;}
}


@media(max-width: 1199px)
{
	.sub-menu-toggle{display:block; position:absolute; right:0; top:7px; border:0;}
	.sub-menu-toggle .icon-minus{display:none;}
	.sub-menu-toggle.active .icon-minus{display:block;}
	.sub-menu-toggle.active .icon-plus{display:none;}
	body{font-size:20px;}
	.navmenu ul li a{font-size:18px;}
	.navmenu ul li{margin-right:20px;}
	.navmenu li ul{position:static;}
	.navmenu li:hover ul{position:static; display:none; border-top:0 !important;}
	.navmenu.activemenu ul.sub-menu li:first-child{border-top:1px solid #ddd !important;}
	.navmenu li ul{width:100% !important;}
	.navmenu li ul li{border:0 !important; padding:0 !important;}
	.navmenu li ul li:last-child a{border-bottom:0;}
	.navmenu li ul li a{font-size:16px; text-transform:uppercase;}
	ul.menu li.menu-item-has-children:after{border-top-color:#028088; display:none;}
	.white-btn, .green-btn{padding: 15px 30px; font-size:19px;}
	.white-btn i, .green-btn i{font-size:14px;}
	.banner h2, .history-sec h2{font-size:55px;}
	.banner-info p{font-size:24px;}
	.banner h2 span, .history-sec h2 span{font-size:65px;}
	.mission-vision h2, .activity-section h2{font-size:50px;}
	.mission-vision h2 span, .activity-section h2 span{font-size:90px;}
	.mission-vision p{font-size:24px; line-height:36px;}
	.activity-slider h3{font-size:32px;}
	.footer h2{font-size:40px;}
	.footer input[type=text], .footer textarea{font-size:18px;}
	.footer input[type=submit]{padding: 15px 30px; font-size:19px;}
	.copyright{font-size:18px;}
	.mobile-btn{display:block; float:left;}
	.mobile-hide{display:none;}
	.navmenu{display:none; float:left;}
	.barmenu{display:block; float:right; background:#fff; color:#000; margin-top:6px; padding:10px 15px; line-height:100%;}
	.navmenu{right:-100%; position:fixed; top:0px; width:95%; background:#fff; height:100%; padding:30px; z-index:99999;}
	.navmenu.activemenu{display:block;}
	.navmenu.activemenu ul.menu li{border-bottom:1px solid #ddd;}
	.navmenu.activemenu li{display:block; margin-right:0; text-align:left; padding:5px 0;}
	.navmenu ul li a{color:#000;}
	.defaultheader-bg{height:86px;}
}

@media(max-width: 1025px)
{
	.white-btn, .green-btn{padding:15px 25px;}
	.home .banner-info{width:100%;}
	.home .banner img.banner-logo, .main-slider img{max-width:300px;}
	.banner h2{font-size:40px;}
	.banner{padding: 125px 0 90px;}
	.history-sec .row:nth-child(2){flex-wrap:wrap;}
	.history-sec .col-md-6{width:100%;}
	.img-hist{width:calc(100%); margin-bottom:25px;}
	.history-sec .col-md-6:nth-child(2){padding-left:15px !important;}
	.left-minus-img{width:calc(100%); margin-left:0;}
	.mission-vision h2 span, .activity-section h2 span{font-size:60px;}
	.history-sec, .activity-section,.marinaclub, .waterways-sitessec, .estoppels-sec, .mgmt-sec, .library-sec, .cdd-hoa-sec, .document-sec, .tikibar-sec, .upcoming-events, .culinary-sec, .enjoyhere-sec, .servive-sec{padding:50px 0;}
	.mb-50 {margin-bottom: 20px;}
	.history-sec h2{font-size:32px; line-height: 1.3;}
	.culinary-sec h3, .tikibar-sec h3, .marinaclub h3, .cdd-hoa-sec h3, .covamarina-sec h3, .waterways-sitessec h3, .estoppels-sec h3, .mgmt-sec h3, .document-sec h3, .library-sec h3{font-size:32px;}
	.pl-120 {padding-left: 30px;}
	.pr-120 {padding-right: 30px;}
	.footer .col-md-6{padding-left:3%; padding-right:3%;}
	.footer .wrapper, .header .wrapper{padding-left:15px; padding-right:15px;}
	.navmenu ul li{margin-right:15px;}
	.navmenu ul li a{font-size: 16px;}
	.home .white-btn{font-size:17px;}
	.activity-slider .owl-next{position: absolute; top: 50%; right: 0; font-size: 55px !important; background: rgba(255,255,255,.7) !important; width: 40px; height: 40px; transform: translate(0, -50%); z-index:99;}
	.activity-slider .owl-prev{position: absolute; top: 50%; left: 0; font-size: 55px !important; background: rgba(255,255,255,.7) !important; width: 40px; height: 40px; transform: translate(0, -50%); z-index:99;}
	.activity-slider .owl-next span, .activity-slider .owl-prev span{position: relative; top: -18px;}
	.half-img img{height:200px;}
	.overlapping-wrap{left:-20px; max-width:270px;}
	.upcoming-events h4{font-size: 24px; line-height: 120%;}
	.upcoming-events .item img{height:220px !important;}
	.upcoming-events h3{font-size:50px;}
	.tikibarimg2{left:-20px; max-width:190px;}
	.culinaryimg2, .marinaclub-img2{right:-20px; max-width:200px;}
	.enjoyhere-sec h4{font-size:34px;}
	.marinaclub-img2, .covamarina-img2{border:10px solid #fff;}
	.covamarina-img2{left:-20px;}
	.covamarina-sec{margin:50px 0;}
	.footerinfo h4{font-size:24px;}
	#toTopBtn{padding:5px 10px 5px;}
	#homeslider .owl-next, #homeslider .owl-prev{background:rgba(255,255,255,1) !important;}
	
}

@media(max-width: 992px)
{
	.mobile-btn{display:block; float:left;}
	.mobile-hide{display:none;}
	.navmenu{display:none; float:left;}
	.barmenu{display:block; float:right; background:#fff; color:#000; margin-top:6px; padding:10px 15px; line-height:100%;}
	.header .col-md-8{width:76.66%; text-align:right;}
	.header .col-md-2{width:23.33%;}
	.header .mobile-btn{display:inline-block; float:none; margin-right:20px;}
	.navmenu{right:-100%; position:fixed; top:0px; width:95%; background:#fff; height:100%; padding:30px; z-index:99999;}
	.navmenu.activemenu{display:block;}
	.navmenu.activemenu ul.menu li{border-bottom:1px solid #ddd;}
	.navmenu.activemenu li{display:block; margin-right:0; text-align:left; padding:5px 0;}
	.navmenu ul li a{color:#000;}
	.cdd-hoa-sec .col-md-5 img.overlapping-img{max-width:155px;}
	.enjoyhere-sec h4{font-size:34px;}
	.marinaclub-img2{right:-10px;}
}

@media(max-width: 767px)
{
	.activity-section h2, .homeabout h2, .howcanwe-serve h2{font-size:32px;}
	.serve-wrap-btn a, .serve-wrap-btn input, .serve-wrap-btn form input{font-size:16px; padding:20px 10px;}
	.activity-section, .homeabout{padding:50px 0;}
	.howcanwe-serve{padding-bottom:50px;}
	
	.main-slider{min-height:500px;}
	.home .main-slider{min-height:250px;}
	.owl-nav{position:absolute; top:50%; transform:translate(0,-50%); width:100%; z-index:99; color: #000; font-size: 50px;}
	.owl-prev{float: left; width: 50px; height: 50px; background: rgba(255,255,255,.7) !important; color:#000 !important; line-height:100% !important;}
	.owl-next{float: right; width: 50px; height: 50px; background: rgba(255,255,255,.7) !important; color:#000 !important; line-height:100% !important;}
	.banner-info{width:100%;}
	.history-sec .row{display:block;}
	.img-hist{width:100%; width:calc(100%); margin-bottom: 30px;}
	.history-sec{padding:50px 0;}
	.row{display:block;}
	.mobile-btn{display:block; float:left;}
	.mobile-hide{display:none;}
	.navmenu{display:none; float:left;}
	.barmenu{display:block; float:right; background:#fff; color:#000; margin-top:6px; padding:10px 15px; line-height:100%;}
	.col-sm-5{width:41.66666667%; float:left; min-height: 1px;}
	.col-sm-7{float:left; min-height: 1px; width:58.33333333%;}
	.left-minus-img{width:100%; width:calc(100%); margin-left:0;}
	.mission-vision{padding:50px 0;}
	
	.footer{padding:40px 0;}
	.footer .border-right{margin-bottom:30px;}
	.wrapper{padding-left:25px; padding-right:25px;}
	.titlewith-img:after{width: 25px; height: 21px; background-size: cover;}
	.banner h2, .dine-banner h2, .main-slider h2{font-size: 50px;}
	.dine-banner.nww{padding: 180px 0 100px;}
	.banner-info{left:0;}
	.mission-vision h2{font-size:32px;}
	.mission-vision h2 span{font-size:46px;}
	.culinary-sec h3, .tikibar-sec h3, .marinaclub h3, .cdd-hoa-sec h3, .covamarina-sec h3, .waterways-sitessec h3, .estoppels-sec h3, .mgmt-sec h3, .document-sec h3, .library-sec h3, .servive-sec h3{font-size:32px;}
	.mission-vision p {font-size: 20px; line-height: 30px;}
	.mission-vision .row:nth-child(2){margin-top:30px;}
	.activity-section h2{display:block;}
	.activity-slider .owl-next span, .activity-slider .owl-prev span{top:-10px;}
	.activity-section h2 span{margin-right:20px;}
	.marinaclub .col-md-5 img, .estoppels-sec .col-md-5 img{margin-bottom:30px;}
	.pl-120 {padding-left: 15px;}
	.pr-120 {padding-right: 15px;}
	.row.imggallery .col-md-6 + .col-md-6{margin-top:30px;}
	
	.document-sec .col-md-7{margin-top:30px;}
	.cdd-hoa-sec .col-md-5 img{max-width:100%;}
	.overlapping-wrap{position:static; max-width:100%;}
	.cdd-hoa-sec .col-md-5 img.overlapping-img{max-width:100%; margin-top:20px;}
	.overlapping-wrap-inner:after{border:0; top:0; right:0; bottom:0; left:0;}
	.cdd-hoa-sec .row, .mgmt-sec .row, .covamarina-sec .row{display:flex; flex-direction:column-reverse;}
	.full-img{margin-bottom:30px;}
	.cdd-hoa-sec h3{margin-top:30px;}
	.tikibar-sec .row{flex-direction: column-reverse;}
	.tikibarimg2{max-width:200px; left:0;}
	.culinaryimg2{right:-10px;}
	.culinary-sec .col-md-7.pl-120{margin-top:30px;}
	.upcoming-events h3 {font-size: 34px;}
	.tikibar-sec .col-md-7.pr-120{margin-top:30px;}
	.activity-section h2 {font-size: 34px;}
	.enjoyhere-sec h4{font-size:34px;}
	.covamarina-sec{padding:50px 0; margin:0;}
	
	.covamarina-sec .col-md-5 img{margin:0px 0 0;}
	.covamarina-img2{left:-10px; max-width:80%; bottom:-10px;}
	.covamarina-sec .col-md-7.pr-120{margin-top:30px;}
	.waterways-sitessec .col-md-5{margin-bottom:30px;}
	.marinaclub.contact-sec .col-md-6 img{margin-bottom:30px;}
	.footerinfo{text-align:center;}
	.footerinfo .col-md-4 + .col-md-4{margin-top:30px;}
	.footerinfo h4{font-size:28px;}
	
	#homeslider .owl-prev, #homeslider .owl-next{width:20px; height:28px;}
	#homeslider .owl-prev span{font-size:30px; position:absolute; top:1px; left:4px;}
	#homeslider .owl-next span{font-size:30px; position:absolute; top:1px; right:4px;}
}
.activity-section h2 span img, .homeabout h2 span img {
    width: 280px;
    display: inline-block;
}

.page-id-27 .upcoming-events.dinepage{display:block; background:#fff;}
.page-id-27 .activity-section{background:#F9F9F9;}
.upcoming-events.dinepage{display:none;}
.page-template-tpl-enjoy .dine-banner img{object-position:top;}


@media(max-width: 640px)
{
	.activity-slider .active-slide-text{position:relative; background: rgba(0,0,0,1);}
	.activity-slider img{height:250px; object-position:right;}
	.header .col-md-2 {width: 40%;}
	.header .col-md-8 {width: 60%;}
	.enjoyhere-sec .row{display:block;}
	.enjoyhere-sec .row .enjoyhere-part:nth-child(2){margin-top:0;}
}

@media(min-width: 768px)
{
	.history-sec .col-md-6:nth-child(2){padding-left:50px;}
	.culinary-sec .row, .marinaclub .row, .covamarina-sec .row, .waterways-sitessec .row, .estoppels-sec .row, .mgmt-sec .row, .document-sec .row, .library-sec .row, .cdd-hoa-sec .row{display: flex; align-items: center;}
}
.mt-15 {
    margin-top: 15px;
}