/*  
Theme Name: Hoteis de Marília
Author: Mustache
Author URI: https://mustache.com.br/
*/

*{ font-family: "Dosis", sans-serif;} html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure{margin: 0; padding: 0;} img, fieldset{border: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} img{max-width: 100%; height: auto;} @media \0screen{img {width: auto;}} img.alignleft, img.aligncenter, img.alignright, img.alignnone {margin-bottom: 15px; } .alignleft {float: left; margin-right: 30px; } .alignright {float: right; margin-left: 30px; } .aligncenter {text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption {text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text {font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0; } .clear {clear: both; } .left {float: left; } .right {float: right; } .textleft {text-align: left; } .textright {text-align: right; } .textcenter {text-align: center; } .clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: inline-block; } .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: block; zoom: 1; } /*Rodape*/ body{color: #000;} html{scroll-behavior: smooth;} a{color:#2D2D2D; text-decoration: none; outline: none;} a:hover{color: #2D2D2D; text-decoration: none;} ul, ol{margin: 0; padding: 0;} button:focus{border: 0; outline: none;} section{scroll-margin-top: 65px;} li{margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6{line-height: 1.4em;margin: 0px;} h1{font-size: 2em;} h2{font-size: 1.8em;} h3{font-size: 1.6em;} h4{font-size: 1.4em;} h5{font-size: 1.2em;} h6{font-size: 1em;} .pagewidth{width: 80%; margin: 0 auto;}

/*Topo*/
.topo{background: #F5F5F5; color: #2D2D2D; padding: 30vh 60px; text-align: center; text-transform: uppercase;}
.topo h1{font-weight: 400; font-size:3.9rem; line-height: 4rem;}
.topo p{font-size: 1.85rem;}

/*Planeja Soja*/
.expanding-grid {position: relative; width: 100%;} 
.expanding-grid .links {display: flex; margin: 0 ; overflow: hidden; padding: 0em 0;} 
.expanding-grid .links > li {box-sizing: border-box; height: 350px; list-style: none; width: 50%; padding: 0px; margin: 0;} 
.expanding-grid .links > li a{display: flex; height: 350px; justify-content: center; align-items: center; padding: 20px; position: relative; text-align: center; text-decoration: none; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: 0.3s; vertical-align: middle;}
.expanding-grid .links > li a.dmax{background: #C8D400;}
.expanding-grid .links > li a.momax{background: #24231E;}
.expanding-grid .links > li img {filter: brightness(100) grayscale(1); max-height: 120px; max-width: 350px; }
.expanding-grid .links > li a.active{background: #fff;}
.expanding-grid .links > li a.active img{filter: unset;}
.expanding-grid .spacer {clear: both; display:none; margin: 0;} 
.expanding-grid .expanding-container {clear: both; display: none; overflow: hidden; width: 100%; background: #fff;} 
.expanding-grid .expanding-container.expanded, .expanding-grid .expanding-container:target {display: block;} 
.expanding-grid .hentry{box-sizing: border-box; color: #000; min-height: 4em; overflow: hidden; padding: 100px 0; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.expanding-grid .hentry p{font-size: 1.6rem; line-height: 2.2rem; text-align: center; margin: 0 0 30px}
.expanding-grid .hentry .item img{object-fit: cover; aspect-ratio: 16 / 9; width: 100%; height: auto;}
.expanding-grid .hentry .owl-carousel{margin: 50px 0;}
.expanding-grid .close-button {margin-right: 30px; margin-top: 30px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLjcuN2wxOCAxOG0tMTggMGwxOC0xOCIvPjwvc3ZnPg==) no-repeat scroll 50% 50% #000; background-size: 14px; display: inline-block; line-height: 1; overflow: hidden; padding: 20px; text-decoration: none; text-indent: 5em; white-space: nowrap; width: 20px; height: 20px; border-radius: 50%; will-change: opacity; z-index: 5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.expanding-grid .close-button.active {transition: opacity 1;} 
.expanding-grid .close-button:hover {opacity: 1;} 
.expanding-grid .hentry button.botao{background: #393939; padding: 10px 40px; text-transform: uppercase; font-size: 1.4rem; transition: .3s; margin: 40px auto; display: block; color: #fff; border-radius: 35px;}
.expanding-grid .hentry .infos{padding: 30px; text-align: center; font-size: 1.4rem; line-height: 2rem;}
.expanding-grid .hentry .infos.momax i{color: #393939; font-size: 3rem; display: block; margin: 20px 0px}
.expanding-grid .hentry .infos.dmax i{color: #C8D400; font-size: 3rem; display: block; margin: 20px 0px}
.expanding-grid .hentry .redes{padding: 30px; display: flex; justify-content: center; align-items: center;}
.expanding-grid .hentry .redes .rede{font-size: 2rem; padding: 10px; color: #393939;}
.owl-theme .owl-dots .owl-dot.active span{background: #d1d1d1;}
.clube{padding: 120px 20%; background: #f5f5f5;}
.clube img{display: block; margin: 0 auto 20px; max-width: 400px;}
.clube h2{text-align: center; font-size: 1.8rem;}
.clube p{font-size: 1.2rem; line-height: 2rem; width: 550px; max-width: 100%; margin: 0 auto 0; text-align: center;}


.copy{background: #333333; color: #fff; padding: 25px 0px;}
.copy img{display: block; margin: 0 auto; width: 40px; filter: brightness(100);}


@media (max-width: 1600px){
  .expanding-grid .links > li a{padding: 15px 10px;}
}


@media screen and (max-width: 1024px){
    .topo{padding: 15vh 60px;}
    .expanding-grid .links > li img { max-height: 100px; max-width: 250px; }
    .expanding-grid .links > li a, .expanding-grid .links > li{height: 250px;}
    .expanding-grid .hentry p { padding: 0 50px;}
}

@media (max-width: 480px){
  .expanding-grid .hentry{padding: 20px 15px;}
  .expanding-grid .hentry p { padding: 0px 20px; font-size: 1.3rem; line-height: 1.8rem; margin: 20px 0 0px; }
  .topo { padding: 10vh 30px; }
  .topo h1 { font-size: 3rem; line-height: 3.2rem; }
  .topo p { font-size: 1.1rem; width: 70%; margin: 0 auto; }
  .expanding-grid .links > li img { max-height: 50px; max-width: 130px; }
  .clube { padding: 70px 10%;}
  .clube img{max-width: 80%;}
  .clube h2 { text-align: center; font-size: 1.5rem; line-height: 1.6rem;}
  .clube p { font-size: 1.2rem; line-height: 1.6rem; width: 100%; max-width: 100%; margin: 15px auto 0;}
}