/* 
 * Theme Name: Cocobay
 * Theme URI: http://www.leisureinncocobay.com/
 * Description: Cocobay is a child theme of Leisure Inn.
 * Author: Pegasus
 * Author URI: https://www.pegs.com/
 * Template: _template_leisure-inn-wordpress
 * Version: 2.2
 * Text Domain: leisure-inn
 */

 /* body {
    font-family: "Futura LT W01 Book", Helvetica, Arial, sans-serif;
 } */

img {max-width: 100%; height: auto;}
.mx-auto {margin: 0 auto 2em;}

.aligncenter {text-align: center;}
.wp-caption.aligncenter {margin: 0 auto;}
.align-items-center { align-items: center; }
.menu-toggle {color: #000; margin-right: 1rem;}
.nav-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media only screen and (min-width: 425px) and (max-width: 1199px) {
    .nav-area {
        width: 50%;
    }
}
@media only screen and (min-width: 1200px) {
    .nav-area {order: 12;}
}

 .page-title, .display-title,
 .page-title span, .display-title span {
    font-family: "ITC Avant Garde Gothic W01 XLt", Helvetica, Arial, sans-serif;
 }

  body.lang-vi,
 .lang-vi .section-subtitle,
 .lang-vi .newsletter .email,
 .lang-vi .carousel-location-activities .carousel-indicators li,
 .lang-vi .services .hotel-facilities ul li, 
 .lang-vi .services .room-features ul li,
 .lang-vi .page-header .page-info ul li  {
    /* font-family: 'proxima-nova', Helvetica, Arial, sans-serif; */
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: 400;
 }

 .lang-vi .page-title, 
 .lang-vi .display-title,
 .lang-vi .page-title, 
 .lang-vi .display-title,  
 .lang-vi .page-title span,  
 .lang-vi .display-title span,
 .lang-vi .carousel-home-header .carousel-indicators li {
    /* font-family: 'proxima-nova', Helvetica, Arial, sans-serif; */
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: 300;
 }

 .lang-vi .nav-header a,
 .lang-vi .carousel-home-header .carousel-indicators li.active,
 .lang-vi .section-title,
 .lang-vi .btn,
 .lang-vi .carousel-offers .offer-title,
 .lang-vi .triangle,
 .lang-vi .rooms .brg .rate,
 .lang-vi .properties-include .offer-title,
 .lang-vi .properties-include a,
 .lang-vi .contact-section .right form label,
 .lang-vi .newsletter .email,
 .lang-vi .services .section-subtitle,
 .lang-vi .featured-include .info-top,
 .lang-vi .featured-include .info-bottom,
 .nav-lang .lang-item-vi a  {
    /* font-family: 'proxima-nova', Helvetica, Arial, sans-serif; */
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: 500;
 }

 img {
    max-width: 100%;
    height: auto;
}

 .aligncetner {
    text-align: center;
 }

 .notice-message {
    background: #408613;
    padding: 0.5em 0;
    color: #fff;
    text-align: center;
}

.page-template-default .notice-message .content {
    background: none;
    padding: 0;
    margin-bottom: 0;
}

.notice-message p {margin: 0;}

.notice-message a {
    color: #fff;
    font-family: "ITC Avant Garde Gothic W01 Md";
    border-bottom: 1px solid #fff;
    padding-bottom: 1px;
    margin: 0 10px;
}

.notice-message a:hover {
    text-decoration: none;
    border-bottom: 0;
}

/* #cboxContent #cboxClose {
    background: url(https://cocobay.wpenginepowered.com/wp-content/themes/cocobay/images/modal-close.png) no-repeat left top;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 5px;
} */

#modal-content {
    color: #485865;
    padding: 1em;
    max-width: 640px;
    background: none;
}

#modal-content .fancybox-close-small {
    background: #000;
    opacity: 1;
    border-radius: 50%;
    border: 4px solid #fff;
    padding: 2px;
}

#modal-content .fancybox-close-small svg path {
    fill: #fff;
}

.li-modal {
    color: #485865;
    padding: 1em;
    background: #fff;
}

.li-modal h2 {
    color: #3f8613;
    font-family: "ITC Avant Garde Gothic W01 Bk";
    font-size: 2em;
    margin: 0 0 1em;
    text-align: center;
}

.li-modal ul {
    list-style: disc;
}

.li-modal ul li {
    background: url(https://cocobay.wpenginepowered.com/wp-content/themes/cocobay/images/icon-list.png) no-repeat left 5px;
    padding-left: 2.5em;
    padding-bottom: .75em;
}

.navbar-wrap.sticky {top: 0;}
.admin-bar .navbar-wrap.sticky {top: 32px;}

 .nav-lang {
    margin: 0;
    padding: 0 10px 0 0;
    font-size: 0.875rem;
    text-transform: uppercase;
 }

.nav-lang .sub-menu .lang-item > a,
.nav-lang .sub-menu .lang-item > a:hover {
   color: #000;
   padding-bottom: 5px;
}

.nav-lang .sub-menu .lang-item > a:hover {
    border-color: #000;
}

.lang-item img {
    display: inline-block;
    height: 12px;
    width: auto;
}

.nav-lang-open > span {
    display: inline-block;
    background: url(https://cocobay.wpenginepowered.com/wp-content/themes/cocobay/images/icons/icon-world.png) no-repeat left center;
    background-size: 18px;
    padding-left: 2em;
}

.sticky .nav-lang-open > span {
    background-image: url(images/icons/icon-world-dark.png);
}

 .img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
 }

 .sticky .title-area .property-title {
    text-align: center;
    width: 100%;
 }

 .page-title, .display-title {
    margin-bottom: 4rem;
 }

/* .hotel .services .hotel-facilities ul, 
.hotel .services .room-features ul {
    padding: 2rem;
 }

 .hotel .services .hotel-facilities ul li, 
 .hotel .services .room-features ul li {
    line-height: 1.5;
    margin-bottom: 2rem;
 }

 .hotel .services .hotel-facilities .fa, 
 .hotel .services .room-features .fa {
    top: 0.25rem;
 }
 */

 .content-image-row .content .description {
    font-size: 14px;
    padding-bottom: 1em;
 }

.restaurant-img > img {
    width: 100%;
    max-height: 700px;
    object-fit: cover;
}

.page-template-default {
    background-color: #f7f7f7;
}

.page-template-default .content {
    max-width: 1180px;
    margin: 0 auto 36px;
    background: #fff;
    padding-bottom: 2em;
    width: 100%;
}

.page-template-default .section-title {
    padding-top: 4em;
}

.page-template-default .section-subtitle {
    margin: 0 0 1.5em;
}

/* .offer .offer-gallery .background-image.col,
.offer .offer-gallery .background-image.col p {
    position: relative;
}

.offer .offer-gallery .background-image.col:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 0;
}

.offer .offer-gallery .background-image.col p {
    z-index: 1;
    line-height: 1.5;
}

.offer .carousel-item.active > img {
    min-height: 458px;
}

.offer-gallery .right {
    font-family: "ITC Avant Garde Gothic W01 Bk", sans-serif;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    letter-spacing: .2px;
}
*/

.content-default h2,
.content-default h3 {
    font-family: "ITC Avant Garde Gothic W01 Bk", sans-serif;
    font-size: 2rem;
    margin-bottom: 2rem;
    color: #000;
    line-height: 1.25;
    letter-spacing: 1px;
}

.content-default h3 {
    font-size: 1.5rem;
    margin: 2.5rem 0 1rem;
}

.content-default strong {
    color: #000;
}

.page-template-faq {
    background-color: #f7f7f7;
}

.page-template-faq .page-header.no-bg {
    height: auto;
    min-height: 0;
    background-color: #000
}

.no-bg > .page-title {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.page-template-faq .content-default.center { padding-bottom: 0; }

.page-template-faq .faqs {
    max-width: 1180px;
    margin: 4em auto;
    background: #fff;
}

.faqs dl,
.faqs dd {
    margin-bottom: 0;
}

.faqs dt:before,
.faqs dd:before {
    display: block;
    position: absolute;
    left: 30px;
    top: auto;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 2px solid #656565;
    border-radius: 50%;
}

.faqs dt:before {
    content: 'Q';
    background: #6c6c6c;
    color: #fff;
}

.faqs dd:before {
    content: 'A';
}

.faqs dt {
    padding: 30px 40px 10px;
    font-size: 1.125rem;
}

.faqs dd {
    padding: 5px 40px 20px;
    border-bottom: 1em solid #f7f7f7;
}

.faqs dt,
.faqs dd {
    position: relative;
    padding-left: 80px;
}

.faqs dd > p {
    margin-bottom: 0.5rem;
}

.gallery .photos {
    padding-bottom: 4rem;
}

.bg-full {padding: 0 0 4rem; }

.bg-full .display-title {
    color: #2e2f30;
    margin-bottom: 3rem;
}

.list-grid {
    padding-top: 2em;
    padding-left: 0;
}

.list-grid > li {
    display: inline-block;
    vertical-align: top;
    padding: 1em 2em;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .list-grid > li {
        width: 33%;
        margin-bottom: 1em;
    }
}

@media only screen and (min-width: 1024px) {
    .list-grid > li {
        padding: 1em 2em;
    }
} 

.sw-icon {
    display: block;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px auto;
    margin: 0 auto .5em;
}

.icon-temperature { background-image: url(https://cocobay.wpenginepowered.com/wp-content/themes/cocobay/images/icons/icon-temperature.png); }
.icon-form { background-image: url(https://cocobay.wpenginepowered.com/wp-content/themes/cocobay/images/icons/icon-form.png); }
.icon-disinfect { background-image: url(https://cocobay.wpenginepowered.com/wp-content/themes/cocobay/images/icons/icon-disinfect.png); }
.icon-cleaning { background-image: url(https://cocobay.wpenginepowered.com/wp-content/themes/cocobay/images/icons/icon-cleaning.png); }
.icon-distancing { background-image: url(https://cocobay.wpenginepowered.com/wp-content/themes/cocobay/images/icons/icon-distancing.png); }
.icon-mask { background-image: url(https://cocobay.wpenginepowered.com/wp-content/themes/cocobay/images/icons/icon-mask.png); }

.no-bg > .page-title {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    .li-modal {
        padding: 2em;
    }

    .nav-lang .menu-item:hover .nav-lang-open {
        border-bottom: 0;
    }

	.title-area .site-title a {
		background-image: url(images/Leisure-Inn-Cocobay-Logo.png);
		height: 68px;
	}

    .page-template-faq .page-header.no-bg {
        padding-top:120px;
    }

    /* .page-header .page-info ul li {
        flex: 0 0 50%;
        max-width: 50%;
    } 

    .page-header .page-info ul li:nth-last-child(n+4):nth-child(-n+3), 
    .page-header .page-info ul li:nth-last-child(n+4) ~ li:nth-child(-n+3) {
        margin-bottom: 0
    }
    */
}

@media only screen and (min-width: 992px) {
	.home .rooms .content-image-row > .background-image {
    	background-image: url(https://cocobay.wpenginepowered.com/wp-content/themes/cocobay/images/home/rooms.jpg);
	}

    .dining .hours .row>.col, .dining .hours .row>[class*=col-] {
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1200px) {
    .menu-header-container {
        align-self: center;
        width: 80%;
    }
}

/* @media only screen and (min-width: 1400px) {
	.page-header .page-info ul {
	    padding-bottom: 40px;
	}
}

@media only screen and (min-width: 2560px) {
	.page-header .page-info ul {
	    padding-bottom: 80px;
	}
} */