/*
Theme Name: Erios
Theme URI: https://pousadaseutiao.com
Description: Hotel & Resort Theme
Version: 1.0
Text Domain: erios
*/

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;padding:0;font-family:"PT Serif",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:400;color:#686868;background-color:#edebe5;line-height:1.6;font-size:16px}
h1,h2,h3,h4,h5,h6{font-family:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;color:#000;line-height:1.2;margin-top:0;margin-bottom:.5em}
h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}
p{margin:0 0 1rem}
a{color:#ffc200;text-decoration:none;transition:color .3s}
a:hover,a:active{color:#cc9c00}
img{max-width:100%;height:auto;vertical-align:middle;border:0}
strong,b{font-weight:700}
ul,ol{margin:0 0 15px;padding:0 0 0 30px}
blockquote{border-left:4px solid #333239;padding:15px 20px;margin:0 0 20px;font-style:italic}

.site{overflow:hidden}
.wrap{max-width:1320px;margin:0 auto;padding:0 15px}
#content{max-width:1320px;margin:0 auto;padding:0 15px}
.container{max-width:1320px;margin:0 auto;padding:0 15px}
@media(max-width:1199px){.container,#content{max-width:960px}}
@media(max-width:991px){.container,#content{max-width:720px}}
@media(max-width:767px){.container,#content{max-width:540px}}

.site-header{position:relative;z-index:100}
.site-header .header-group{display:flex;align-items:center}
.site-branding{flex-shrink:0}
.site-branding img{max-height:80px;width:auto}
.mainmenu-container{flex:1}
.mainmenu-container ul{list-style:none;margin:0;padding:0;display:flex}
.mainmenu-container li{position:relative}
.mainmenu-container li a{display:block;padding:10px 15px;font-family:"DM Sans",sans-serif;font-weight:700;font-size:14px;color:#333239;text-transform:uppercase;letter-spacing:.5px;transition:color .3s}
.mainmenu-container li a:hover,.mainmenu-container li.current-menu-item>a,.mainmenu-container li.current-menu-parent>a{color:#ffc200}

.elementor-nav-menu{list-style:none;margin:0;padding:0}
.elementor-nav-menu--main{display:flex}
.elementor-nav-menu--main .elementor-item{display:block;padding:15px 20px;font-family:"DM Sans",sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#333239;transition:color .3s}
.elementor-nav-menu--main .elementor-item:hover,.elementor-nav-menu--main .elementor-item.elementor-item-active,.elementor-nav-menu--main .elementor-item.highlighted{color:#ffc200}
.elementor-nav-menu--dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:200px;box-shadow:0 5px 20px rgba(0,0,0,.1);z-index:1000}
.elementor-nav-menu--dropdown a{display:block;padding:10px 20px;color:#333239;font-size:14px;transition:color .3s}
.elementor-nav-menu--dropdown a:hover{color:#ffc200}
li.menu-item-has-children:hover>.elementor-nav-menu--dropdown{display:block}
.elementor-menu-toggle{display:none;cursor:pointer;padding:10px;font-size:24px;color:#333239}
@media(max-width:1024px){
  .elementor-nav-menu--main{display:none}
  .elementor-menu-toggle{display:block}
}

.elementor-section{position:relative}
.elementor-section .elementor-container{display:flex;flex-wrap:wrap;max-width:1320px;margin:0 auto}
.elementor-section-full_width .elementor-container{max-width:100%}
.elementor-section-boxed .elementor-container{max-width:1320px}
.elementor-column{position:relative;display:flex;min-height:1px}
.elementor-column-wrap,.elementor-widget-wrap{width:100%;position:relative;display:flex;flex-direction:column;align-items:stretch}
.e-con{display:flex;position:relative}
.e-con-inner{display:flex;width:100%;max-width:1320px;margin:0 auto}
.e-con.e-flex .e-con-inner{flex-direction:row}
.e-con.e-flex .e-con-inner>.e-con{flex:1}
@media(max-width:1024px){.e-con.e-flex .e-con-inner{flex-direction:column}}

.elementor-widget{position:relative;width:100%}
.elementor-widget:not(:last-child){margin-bottom:20px}
.elementor-heading-title{padding:0;margin:0;line-height:1.2}
.elementor-widget-heading .sub-title{display:block;font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#ffc200;margin-bottom:10px}
.elementor-widget-heading .heading-decor{color:#ffc200}
.elementor-widget-heading .heading-decor svg{fill:#ffc200}

.elementor-button{display:inline-block;padding:12px 30px;font-family:"DM Sans",sans-serif;font-weight:700;font-size:14px;text-align:center;border:2px solid transparent;border-radius:50px;cursor:pointer;transition:all .3s;text-decoration:none;line-height:1.5}
.button-primary,.elementor-button-primary .elementor-button,input[type="submit"],button[type="submit"]{background:#ffc200;border-color:#ffc200;color:#fff;border-radius:50px}
.button-primary:hover,.elementor-button-primary .elementor-button:hover,input[type="submit"]:hover,button[type="submit"]:hover{background:#cc9c00;border-color:#cc9c00;color:#fff}
.button-secondary,.elementor-button-secondary .elementor-button{background:#333239;border-color:#333239;color:#fff;border-radius:50px}
.button-secondary:hover,.elementor-button-secondary .elementor-button:hover{background:#1b1a1e;border-color:#1b1a1e;color:#fff}
.button-outline-primary,.elementor-button-outline_primary .elementor-button{background:transparent;border-color:#ffc200;color:#ffc200}
.button-outline-primary:hover,.elementor-button-outline_primary .elementor-button:hover{background:#ffc200;color:#fff}

.elementor-image img{display:block;width:100%;height:auto}
.elementor-image-box-content{text-align:center}
.elementor-image-box-title{margin-bottom:8px}
.elementor-icon-list-items{list-style:none;margin:0;padding:0}
.elementor-icon-list-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}
.elementor-icon-list-icon{flex-shrink:0;color:#ffc200}
.elementor-icon-list-text{flex:1}

.elementor-testimonial-content{position:relative;padding:20px;font-style:italic}
.elementor-testimonial-name{font-family:"DM Sans",sans-serif;font-weight:700;color:#000}
.elementor-testimonial-job{font-size:14px;color:#686868}
.elementor-testimonial-image img{border-radius:50%;width:60px;height:60px;object-fit:cover}

.elementor-counter .elementor-counter-number-wrapper{font-family:"DM Sans",sans-serif;font-weight:700;font-size:48px;color:#ffc200}
.elementor-counter .elementor-counter-title{font-size:16px;margin-top:10px}

.elementor-tab-title{cursor:pointer;padding:10px 20px;font-family:"DM Sans",sans-serif;font-weight:700;border-bottom:2px solid transparent;transition:all .3s}
.elementor-tab-title:hover,.elementor-tab-title.elementor-active{color:#ffc200;border-color:#ffc200}
.elementor-tab-content{padding:20px;display:none}
.elementor-tab-content.elementor-active{display:block}

.elementor-accordion .elementor-tab-title{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border:1px solid #e5e5e5;margin-bottom:-1px;cursor:pointer;transition:all .3s}
.elementor-accordion .elementor-tab-title.elementor-active{color:#ffc200}
.elementor-accordion .elementor-tab-content{padding:15px 20px;border:1px solid #e5e5e5;border-top:none}

.elementor-teams-wrapper{text-align:center}
.elementor-team-name{font-family:"DM Sans",sans-serif;font-weight:700;margin-top:15px}
.elementor-team-job{font-size:14px;color:#686868}

.page-title-bar{background-color:#333239;background-repeat:no-repeat;background-position:center top;background-size:cover;padding:60px 0;text-align:center}
.page-title-bar .page-title{color:#fff;margin:0}
.page-title-bar .breadcrumb{color:#fff;margin-top:10px}
.breadcrumb{font-size:14px}
.breadcrumb a{color:#fff;transition:color .3s}
.breadcrumb a:hover{color:#ffc200}

.room-inner{position:relative;overflow:hidden;border-radius:4px}
.room-inner .room-post-thumbnail{position:relative;overflow:hidden}
.room-inner .room-post-thumbnail img{width:100%;height:auto;transition:transform .5s}
.room-inner:hover .room-post-thumbnail img{transform:scale(1.05)}
.room-inner .entry-title{font-size:20px;margin:15px 0 10px}
.room-inner .entry-title a{color:#000;transition:color .3s}
.room-inner .entry-title a:hover{color:#ffc200}

.column-item.post-style-2{margin-bottom:30px}
.column-item.post-style-2 .entry-title{font-size:18px}
.column-item.post-style-2 .entry-title a{color:#000}
.column-item.post-style-2 .entry-title a:hover{color:#ffc200}
.column-item.post-style-2 .entry-category{font-size:12px;text-transform:uppercase;color:#ffc200}

.site-footer{background:#333239;color:#999;padding:60px 0 0}
.site-footer h5,.site-footer h4,.site-footer .widget-title{color:#fff}
.site-footer a{color:#999;transition:color .3s}
.site-footer a:hover{color:#ffc200}
.site-footer .footer-copyright{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;margin-top:40px;text-align:center;font-size:14px}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-family:"PT Serif",serif;font-size:16px;color:#686868;background:#fff;transition:border-color .3s}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus{border-color:#ffc200;outline:none}

.elementor-widget-divider .elementor-divider-separator{border-top:1px solid #ddd}
.elementor-widget-divider .elementor-divider-separator:before{content:"";display:block;width:50px;height:3px;background:#ffc200;margin:0 auto}
.elementor-widget-spacer .elementor-spacer{height:20px}

.elementor-widget-text-editor{line-height:1.7}
.elementor-widget-text-editor p{margin-bottom:15px}

.elementor-featured-box-wrapper{text-align:center;padding:30px 20px;transition:all .3s}
.elementor-featured-box-wrapper .elementor-featured-box-icon{margin-bottom:15px}
.elementor-featured-box-wrapper .elementor-featured-box-icon i{font-size:48px;color:#ffc200;transition:all .3s}
.elementor-featured-box-wrapper .elementor-featured-box-title{font-size:18px;margin-bottom:10px}

.elementor-widget-opal-reason_carousel .elementor-content-wrap{padding:30px;border:1px solid #e5e5e5;transition:all .3s}
.elementor-widget-opal-reason_carousel .elementor-content-wrap:hover{border-color:#ffc200}
.elementor-widget-opal-reason_carousel .elementor-reason-number span{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;background:#ffc200;color:#fff;border-radius:50%;font-family:"DM Sans",sans-serif;font-weight:700;font-size:18px}

.owl-carousel{display:block;position:relative;width:100%}
.owl-carousel .owl-stage-outer{overflow:hidden;position:relative}
.owl-carousel .owl-stage{display:flex;align-items:stretch}
.owl-carousel .owl-item{flex-shrink:0}
.owl-carousel .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(0,0,0,.3);color:#fff;border:none;cursor:pointer;font-size:20px;border-radius:50%;transition:all .3s}
.owl-carousel .owl-nav button:hover{background:#ffc200}
.owl-carousel .owl-nav .owl-prev{left:10px}
.owl-carousel .owl-nav .owl-next{right:10px}
.owl-carousel .owl-dots{text-align:center;margin-top:20px}
.owl-carousel .owl-dots .owl-dot{display:inline-block;margin:0 5px}
.owl-carousel .owl-dots .owl-dot span{display:block;width:10px;height:10px;border-radius:50%;background:#ccc;transition:all .3s}
.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span{background:#333239}

.elementor-widget-video .elementor-video{position:relative;overflow:hidden}
.elementor-video-popup{position:relative;display:inline-flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s}
.elementor-video-popup:hover .elementor-video-icons,.elementor-video-popup:hover .elementor-video-title{color:#ffc200;border-color:#ffc200}
.elementor-video-icons{width:60px;height:60px;line-height:60px;text-align:center;border:2px solid #333239;border-radius:50%;font-size:18px;transition:all .3s}

.hotel-booking-search{background:#333239;padding:30px;border-radius:8px}
.hotel-booking-search label{color:#fff;font-family:"DM Sans",sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;display:block;margin-bottom:8px}
.hotel-booking-search input,.hotel-booking-search select{width:100%;padding:12px;border:none;border-radius:4px}
.hotel-booking-search .hb-submit button{background:#ffc200;color:#fff;border:none;padding:12px 30px;border-radius:50px;font-family:"DM Sans",sans-serif;font-weight:700;cursor:pointer;transition:all .3s}
.hotel-booking-search .hb-submit button:hover{background:#cc9c00}

.scrollup{position:fixed;bottom:20px;right:20px;background:#ffc200;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;z-index:999;display:none;cursor:pointer;transition:all .3s}
.scrollup:hover{background:#cc9c00}
.clearfix::after{display:block;clear:both;content:""}

.elementor-invisible{visibility:hidden}
.animated{animation-duration:1s;animation-fill-mode:both}

@media(max-width:1024px){
  .site-branding img{max-height:60px}
  .elementor-section .elementor-container{flex-direction:column}
  .elementor-column{width:100%!important}
}
@media(max-width:767px){
  h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}
  .elementor-button{padding:10px 20px;font-size:13px}
  .page-title-bar{padding:30px 0}
  .hotel-booking-search{padding:20px}
}
