@font-face {
  font-family: 'weather';
  src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
  src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
       url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
       url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
       url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
  font-weight: normal;
  font-style: normal;
}
#weather {
  width: auto;
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
}
i {
color: #fff;
font-family: weather;
font-size: 150px;
font-weight: normal;
font-style: normal;
line-height: 1.0;
text-transform: none;
}
/* *{touch-action: none;} */

.offer_btn{
  display: flex;
  flex-flow: wrap;
  /* justify-content: space-around; */
  gap:10px;
  z-index: 10001;
}
.offer_btn a.btn_booknow{font-family: 'PlayfairDisplay-Regular';font-size:1.4rem;color:#96a96f;padding:10px 20px;text-align:center;border:1px solid #96a96f;text-decoration:none;}
.offer_btn a.btn_booknow:hover{background-color: #96a96f;color: #fff;}

.offer_btn a.btn_discover{background-color:#96a96f;color:#fff;font-family: 'PlayfairDisplay-Regular';text-decoration:none;font-size:1.4em;padding:12px 25px;}
.offer_btn a.btn_discover:hover{background-color:#4b4b4b;}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather ul {
margin: 0;
padding: 0;
}
#showtime{ width:auto; display:inline-block;}
#weather li {
background: #fff;
background: rgba(255,255,255,0.90);
padding: 20px;
display: inline-block;
border-radius: 5px;
}

#weather .currently {
margin: 0 20px;
}

.sbi_photo_wrap p{ display: none; }

/*blog*/
.blog-content { padding-top: 175px; display: block; }
.blog-content .content-col { max-width: 1300px; margin: 0 auto; padding: 5em 3em; }

.blog-title { margin-bottom: 40px; }
.blog-title h1{ text-align: center;font-family: 'PlayfairDisplay-Regular';color: #666666;font-weight: lighter;font-size: 3.3em; }

.article-wrapper { width: 100%; margin: 0 auto; /*display: inline-flex;*/ display: block; }
.article-wrapper .article-item { float: left;width: 32.333333%;margin: 0.5%; }
.article-wrapper .article-inner { padding: 4%; /* margin-bottom: 25px; */-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);border-radius: 5px; height: 100%; }

.article-wrapper .article-inner .featured-image { width: 100%;height: 17vw; max-height: 230px;  }
.article-wrapper .article-inner .featured-image a { }
.article-wrapper .article-inner .featured-image a img { width: 100%; height: 100%; object-fit: cover; }

.article-wrapper .article-inner .article-detail { margin: 20px auto 15px auto;display: block;overflow: hidden;padding: 0 2%; }
.article-wrapper .article-inner .article-detail h3 { color: #96a96f; line-height: 1.4;margin: 0 auto 10px auto;overflow: hidden;}
.article-wrapper .article-inner .article-detail .entry-meta { font-size: 11px;text-transform: uppercase;margin: 0 auto 10px auto; }
.article-wrapper .article-inner .article-detail .entry-meta span {}
.article-wrapper .article-inner .article-detail .entry-meta span .posted-on {}
.article-wrapper .article-inner .article-detail .description { font-size: 14px;font-family: 'Lato-Light', sans-serif, Arial; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.article-wrapper .article-inner .article-detail .btn { }
.article-wrapper .article-inner .article-detail .btn a { height: 40px;width: 110px;border-radius: 0;overflow: hidden;cursor: pointer;display: flex;justify-content: center;align-items: center;position: relative;background-color: #96a96f;margin: 20px auto 0 auto;float: left;color: #fff;font-size: 13px;font-weight: 600; }
.article-wrapper .article-inner .article-detail .btn a:hover { background-color: #666; }

.article-wrapper-archive .article-item{ float: inherit; width: 100%; }
.col-30{ width: 30%; float: left; }

.page-navigation{ display: inline-block; width: 100%; text-align: center; }
.page-navigation .wp-pagenavi{ font-size: 1.8rem; }

.breadcrumb { margin-bottom: 20px;display: inline-block;background-color: #f3f3f3; padding: 7px 15px; }
.breadcrumb p { margin: 0 auto; padding: 0; font-size: 1.2em; text-transform: uppercase; }

/* content blog */

.blog-content .content-col .col-7 {  }
.blog-content .content-col .col-30 { width: 27%;margin-left: 3%;background-color: #f3f3f3;padding: 2.5%;border-radius: 0px;box-sizing: border-box;overflow: hidden; border-radius: 5px; }
.blog-content .content-col .col-30 #sidebar { }
.blog-content .content-col .col-30 #sidebar .wp-block-categories-list{ margin: 20px 0; }
.blog-content .content-col .col-30 #sidebar ul { padding: 0; }
.blog-content .content-col .col-30 #sidebar ul li { list-style-position: inside; }
.blog-content .content-col .col-30 #sidebar ul li a { font-family: 'PlayfairDisplay-Regular';font-weight: 500;font-size: 1.1em;line-height: 1.4;margin-bottom: 5px; /*display: block;*/ }
.blog-content .content-col .col-30 #sidebar ul li a span { }

.blog-content .content-col .col-30 #sidebar ul li .rpwwt-post-excerpt { font-size: 0.9em; }

.blog-content .content-col .col-30 #recent-posts-widget-with-thumbnails-2 { margin: 20px auto; }
.blog-content .content-col .col-30 #recent-posts-widget-with-thumbnails-2 .rpwwt-widget { }
.blog-content .content-col .col-30 #recent-posts-widget-with-thumbnails-2 .rpwwt-widget h2 { font-family: 'PlayfairDisplay-Regular', sans-serif, Arial;font-size: 18px;margin-bottom: 10px;font-weight: 600;color: #666666;text-transform: uppercase; line-height: 1.2; }

.blog-content .content-col .col-30 #block-3 {}
.blog-content .content-col .col-30 .widget_block h3 { font-family: 'PlayfairDisplay-Regular', sans-serif, Arial;font-size: 18px;margin-bottom: 10px;font-weight: 600;color: #666666;text-transform: uppercase; }
/* .blog-content .content-col .col-30 #block-3 ul { padding: 0; }
.blog-content .content-col .col-30 #block-3 ul li { list-style-position: inside; }
.blog-content .content-col .col-30 #block-3 ul li a { font-family: 'PlayfairDisplay-Regular';font-weight: 500;font-size: 1.1em;line-height: 1.4;margin-bottom: 5px;  }
.blog-content .content-col .col-30 #block-3 ul li a span { } */

body.single-post { }
body.single-post .blog-content { }
body.single-post .blog-content .content-col .col-7 { box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);border-radius: 5px;padding: 4%; }

.widget_categories {}
.widget_categories ul {}
.widget_categories ul li { list-style: disc inside; }

.widget_search {}
.widget_search form {}
.widget_search form label { font-family: 'PlayfairDisplay-Regular', sans-serif, Arial;font-size: 12px;margin-bottom: 5px;font-weight: 600;color: #666666;text-transform: uppercase;display: block; }
.widget_search form button { border: 1px solid #96a96f;background-color: #96a96f;color: #fff;margin: 0; }



.article-detail { }
.article-detail .article-header { margin-bottom: 20px;box-sizing: border-box;display: block; }
.article-detail .article-header h3 { font-size: 3em; color: #96a96f;line-height: 1.4;margin: 0 auto 10px auto;overflow: hidden; }
.article-detail .article-header .entry-meta { font-size: 11px;text-transform: uppercase;margin: 0 auto 10px auto; }
.article-detail .article-header .entry-meta span {}
.article-detail .article-header .entry-meta span .posted-on {}

.entry-tagged a, .tag-list a{ background-color: #eee; padding: 5px 10px; margin: 5px 5px 5px 0; border-radius: 10px; display: inline-block; }
.tag-list a{ background-color: #FFF; }


.blog-contentbox { width: 100%; }
.blog-contentbox p { margin: 0 0 15px 0; font-size: 16px; }
.blog-contentbox p:last-child { margin: 0; }

.blog-contentbox h1,
.blog-contentbox h2,
.blog-contentbox h3,
.blog-contentbox h4 { margin: 0 0 15px 0; }

body.blog-archive .blog-content .content-col .blog-listing {  }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper { display: block; }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item { margin-bottom: 30px; height: auto !important; }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner { /*border-bottom: 1px solid #eee;*/ /*border: 1px solid #96a96f;*/ /*padding: 20px;*/ padding: 4%; /* border-radius: 4px; */ }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .featured-image { height: auto;max-height: initial; }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .featured-image h3 { font-size: 3em;color: #96a96f;line-height: 1.4;margin: 0 auto 10px auto;overflow: hidden; }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .featured-image .entry-meta { font-size: 11px;text-transform: uppercase;margin: 0 auto 10px auto; }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .featured-image a { }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .featured-image a img { height: 25vw; }

body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .article-detail { padding: 0; }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .article-detail .description { font-size: 16px; }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .article-detail .btn { margin: 15px auto 0 auto; }
body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .article-detail .btn a { margin: 0 auto; }


/* //content blog */

@media screen and (max-width: 1024px){

 body.single-post .blog-content .content-col .col-7 { width: 72%; }
 body.blog-archive .blog-content .content-col .blog-listing { width: 72%; }
 .blog-content .content-col .col-30 { width: 25%; }

}

@media screen and (max-width: 768px){

  #blog-wrapper.blog-content { padding-top: 75px; }

 .article-wrapper .article-item {width: 49%;}
 .article-wrapper .article-inner .featured-image {height: 20vw;}

 body.blog-archive .blog-content .content-col .blog-listing { width: 100%; }
 body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item { width: 100%; }
 body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .featured-image a img {height: 40vw;}
 body.blog-archive .blog-content .content-col .blog-listing .article-wrapper .article-item .article-inner .featured-image h3 { font-size: 2.5em; }
 .blog-content .content-col .col-30 { width: 100%; margin-left: 0; padding: 4%; }

 body.single-post .blog-content .content-col .col-7 { width: 100%; margin-bottom: 30px; }

}

@media screen and (max-width: 560px){

.article-wrapper .article-item {width: 99%;}
.article-wrapper .article-inner .featured-image {height: 50vw;}

}