/*
Theme Name: harmonyboutiquecruises
*/
#menu-about-us li::marker{display:none !important;content:none !important;}
#menu-about-us{margin-left:0px !important;}
h1, h2, h3, h4, h5, h6, .site-branding .site-title, .entry-title, .post-title, blockquote, .widget.widget_rss ul li a.rsswidget, .widget.widget_recent_entries a, .widget_recent_comments ul li > a{font-family: 'Playfair Display', serif;}
.cs-menu > ul > li > a{font-family: 'Playfair Display', serif;}
.cs-subtitle{font-family: 'Arimo', sans-serif;}
.elementor-element-abaf5a9 .cs-subtitle {
    font-family: 'Playfair Display', serif;
    color: rgb(57, 57, 57);
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
}
#chialai{display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;align-items: center;}
	#thaydoinhe a{background-color: #0F3A64 !important;border-radius: 30px !important;color: #fff !important;padding: 15px 30px !important;text-transform: uppercase !important;font-size: 24px !important;}
	#thaydoinhe a::before{content:none !important;}
#frm_make_reservation .cs-form-label, #frm_make_reservation select{font-family: "Times New Roman", Times, serif !important;}
.elementor-element-94e36a5 .parallax-img-container img{transform: translate3d(0px, 78.627px, 0px);-webkit-transform: translate3d(0px, 78.627px, 0px);height: 510px !important;margin-top:-65px !important;}
.elementor-element-28c29d21 .elementor-container{gap: 25px;}
.elementor-7 .elementor-element.elementor-element-aa1d869 .button{ color: rgb(143, 105, 51); font-family: 'Playfair Display', serif;}
.elementor-widget-cs_title .cs-title-text:first-child{ color: rgb(57, 57, 57);}
.elementor-element-2cc7cb23 .button.cs-btn-outline span{font-family: 'Playfair Display', serif;
    color: rgb(143, 105, 51);
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;}
#header_bbg{    transition: all 0.5s;
    background-image: linear-gradient(to bottom, rgba(40, 40, 41, 0.9), rgba(40, 40, 41, 0.2));
    width: 100%;
    z-index: 10;
    color: #fff;
    position: fixed;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);}
.site-content {background: rgb(240, 233, 225);}
.elementor-element-2caae607{padding-left:2%;}
.elementor-element-9e0d20e .elementor-container{max-width: calc(var(--site-width) + var(--side-padding) * 2);
    padding: 0 var(--side-padding);}
.elementor-element-55fa7f16 .elementor-container{max-width: calc(var(--site-width) + var(--side-padding) * 2);
    padding: 0 var(--side-padding);}
.elementor-element-20364ef3 span{font-size:18px;}.elementor-element-216ad879{padding-bottom:50px;}
.elementor-widget-cs_title .cs-title-text p{font-family:'PlayfairDisplay';}
#accommodation .elementor-17 .elementor-element.elementor-element-452d24ca:not(.elementor-motion-effects-element-type-background), #accommodation .elementor-17 .elementor-element.elementor-element-452d24ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("images/accommodation.jpg");background-position:center center;background-size:cover;}
#cabinhar .elementor-891 .elementor-element.elementor-element-50b085d1 > .elementor-container {
    min-height: 70vh;
}
#cabinhar .elementor-891 .elementor-element.elementor-element-4c893ae {
    padding: 0px 0px 0px 0px;
}
#harmonydesktop{display:block;}
#harmonymobile{display:none;}

#itineraryday ul{    max-width: 85%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
    margin: 0 auto;
    padding-top: 50px;
    text-align: left;}
#itinerarybook{display: grid;
    gap: 20px;
    grid-template-columns: 30% 70%;}
	#webcomehar{display: grid;
    gap: 20px;
    grid-template-columns: 50% 50%;}
@media only screen and (max-width: 720px){
	#hhabbg p{text-align:center !important;}
	.elementor-7 .elementor-element.elementor-element-4f3d7e6a{text-align: center;}
	.elementor-element-1b530e63 h3{font-size: 28px !important;}
	#chialai h5{font-size: 22px !important;font-weight: bold;}
	#chialai span{font-size: 18px !important;}
	.elementor-7 .elementor-element.elementor-element-7c9fff8b .cs-cta-title.cs-title {
    font-size: 18px !important;
}
	.elementor-7 .elementor-element.elementor-element-74daba34 {padding: 0px 0px 40px 0px !important;}
	.elementor-7 .elementor-element.elementor-element-abaf5a9 .cs-title, .elementor-7 .elementor-element.elementor-element-612af6c9 .cs-title {
    text-transform: uppercase;
    font-size: 30px !important;
    text-align: center;
    padding-bottom: 20px !important;
}
    .elementor-7 .elementor-element.elementor-element-28d1971 {
        padding: 30px 0px 50px 0px !important;
    }
	.elementor-7 .elementor-element.elementor-element-41158323{padding: 80px 0px 0px 0px !important;}
	.ctg-tabbed-section.off-color .ctg-tabs-link-b .ctg-tabs-link, .ctg-tabs-link-b .ctg-tabs-link-active{width:100% !important;margin:0px !important;}
#frm_make_reservation select {
 padding-left: 60%;
}
	#webcomehar {display: block !important;}
	#banneritin{max-height: 100px !important;}
	.posts.layout-overlay .post .post-content {padding: 30px 24px 30px !important;}
	#similaritineraries{display: block !important;}
	#itinerarybook {
    grid-template-columns: 100% !important;
    padding: 25px !important;
    text-align: center !important;
}
	#itinerarybook p#tieptheo{text-align:center !important;}
	#chinhdd a{font-size: 16px !important;}
	#chinhdd {margin-bottom:60px !important;}
	#cabinamenities .elementor-element-b6503d0{padding-left:0px !important;}
	#harmonydesktop{display:none;}
#harmonymobile{display:block;margin-top: 20px;}
#suitefeatures ul {
    max-width: 100% !important;
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 35px 20px !important;
    margin: 0 auto;
    text-align: left;
    padding: 30px !important;
}
#cabinamenities {
    display: grid;
    gap: 20px;
    grid-template-columns: 100% !important;
    padding: 20px !important;
}
#cabinamenities2 ul {
    padding-left: 20px !important;
}
#cabinamenities img{padding-right:0px !important;}
#amenities ul {
    grid-template-columns: repeat(1, 1fr) !important;
}
}
#cabinhar h2 {
    color: #a76933;
    font-size: 18px !important;
    font-weight: bold;
}