body, label {color:#484b5b;font-size:16px;font-family:'Roboto',sans-serif;font-weight:300}
html {overflow-x: hidden}
header.banner {background-position:center top}
.page-header, .entry-title {margin:40px 0}
.single-post .entry-title, .single-experiences .entry-title, .page-header h1 {text-align:center}

.archivio-stagioni {display:none}

.pagebuilder, .template-pagebuilder.home .wrap .pagebuilder.grid-container {margin-bottom:60px}
.cell {position:relative}
.cell .title-bar, .top-bar {background:none !important}
.top-bar {text-align:center;padding:0}

.archivio-stagioni a {padding:15px;background:#eee;margin:20px}
.archive .wrap .production {border:1px solid #ccc}
.post-type-archive-production .main h2 {margin-top:20px}

a.brand {display:block}
.updated {display:none}
.single-production .wrap {max-width:1200px;margin:0 auto}
.main .people, .main .people p {text-align:center}
.people .cell {padding:0}
.dashicons, .dashicons-before:before {font-size:40px;width:40px;height:40px}
.brand img {max-height:100px}
.medium-6 .thumb {width:90%}
@media (min-width: 64em) {.top-bar .top-bar-left img, .top-bar .top-bar-left {max-width:450px}}

.banner .top-bar {text-transform:uppercase}
.banner .top-bar .dropdown.nav a, .top-bar .banner .dropdown.nav a, .top-bar .menu.dropdown a, .banner .top-bar .accordion-menu.nav a, .top-bar .banner .accordion-menu.nav a, .top-bar .menu.accordion-menu a {color:#484b5b}
.banner .top-bar .dropdown.nav a:hover, .top-bar .banner .dropdown.nav a:hover, .top-bar .menu.dropdown a:hover {color:#484b5b}
h1, h2, h3, h4, h5, h6 {text-transform:none}
td, th {font-size:1rem}
a, a:visited {color:#b51f34;text-decoration:none}
a:hover, .content-info a:hover {color:#000}
a:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.banner .top-bar .accordion-menu.nav a:hover, .top-bar .banner .accordion-menu.nav a:hover, .top-bar .menu.accordion-menu a:hover {border-bottom:1px solid #b51f34}
table {font-size:0.8em}
.updated {font-size:0.8em}
.well {padding:30px;margin:20px;background:#eee}
.mibact {margin-top:20px;padding:10px;background:#eee}
.button {color:#b51f34;background:#fff;border:1px solid #b51f34}
.button:hover {background:#565656}

.home .page-header {display:none}

.content-info {padding-top:300px;background:url('https://www.oltrarnoscuola.it/site/wp-content/uploads/2020/03/oltrarno.png') no-repeat center top;border:none}
.scroll-top:before {border-color:transparent transparent #b51f34}
.content-info .grid-container {border-top:1px solid #ccc}

.entry-title {text-align:center}
.blog .entry-title {text-align:left}
.swiper-scrollbar {display:none}
.featured, .banner.full-height {height:auto}
.home.page .banner {height:0}
.featured {background-size:cover;background-repeat:no-repeat;background-position:center center}

.top-bar .menu.dropdown .current-menu-item a 
.banner .top-bar .dropdown.nav a, .top-bar .banner .dropdown.nav a, .top-bar .menu.dropdown a {font-family:'Roboto',sans-serif;font-size:18px}
.top-bar .menu.dropdown .current-menu-item a, h1, h2, h3, h4 {color:#b51f34;font-family:'Roboto',sans-serif;font-weight:300}
.banner .top-bar .accordion-menu.nav a, .top-bar .banner .accordion-menu.nav a, .top-bar .menu.accordion-menu a {font-family:'Roboto',sans-serif}
label {font-size:0.9em}

.title-section .grid-x .title-content.parent {background:none;border:none}
.parent {display:flex;background:#fff;height:500px}
.child {width:350px;margin:auto;max-width:100%;background:#fff;border: 1px solid #b8995f;padding:.5rem}

.single-post .main, .blog .main, .single-experiences .main, .page-id-27 .main, .page-template-default .main {max-width:1200px;margin:0 auto}

#menu-button.hamburger {position:absolute;top:20px;right:0;z-index:600}
.logged-in .hamburger {top:60px}
.hamburger-inner:after, .hamburger-inner, .hamburger-inner:before {background:#fff}
.hamburger.is-active .hamburger-inner:before, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner {background:#000}

.swiper-gallery {overflow:hidden;width:100%;z-index:100;height:40vh}
.single-production .swiper-gallery {height:65vh}
.swiper-slide {background-size:cover;background-position:center center}
.swiper-slide img {width:100%}
.swiper-slide, a.slide-button, a.slide-button:visited {color:#fff}
.slide-content {padding:10%; display: flex;}
.slide-content > p {align-self: flex-end;}

.banner {position:relative}
.banner .cell:before {content:"";display:block}

.home.page .banner .cell:before {content:none}

.pagebuilder.titolosufoto h2 {background:rgba(0,0,0,0.4);padding:120px;color:#fff;margin:0}

form {padding:30px;border:1px solid #eee}

.wrap {padding-bottom:60px}
.home .wrap {margin-top:0;}
.caldera-grid input[type=submit] {color:#b8995f;width:100%;font-size:1.5em}

.pagebuilder.partners img {max-height:150px}
.pagebuilder p.nopadd {padding:20px 0}
.grigino, .latestposts {background:#eee}
.grigino {padding:10px 20px}
.latestposts figure {padding:30px}
.latestposts.pagebuilder h2 {padding-top:60px}
.centra {text-align:center}
.becomepartner {border:1px solid #ccc}
.becomepartner img {border-right:2px solid #b8995f}
.becomepartner a, .becomepartner a:visited {line-height:122px}

.fond {font-size:0.9em}

.tondo {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
.blog article, .category .post {margin-bottom:40px}

.main h2, .main h3, .main p, .updated {margin:0 30px 0.5rem 30px}
.main table p {margin:0 20px 10px 0}
.main .entry-content ul {margin:0 30px 20px 50px}
.mail .entry-content ul.post-categories, .main .entry-content ul.post-locations {margin:0}

.term-description {margin-bottom:40px}
.main ul, .main ol {margin-left:50px}
.main li a {}
.main table {padding:0 30px}

.post.hentry h2.entry-title {font-size:2rem}
.post.hentry h3 {font-size:1.8rem}
.experiences.hentry h2.entry-title {font-size:1.6rem}
.experiences.hentry h2.entry-title {margin: 10px 30px;}
.experiences.hentry .entry-summary {padding: 10px 0}

.caldera-grid form { color: #666; }
.caldera-grid form label { font-weight: normal; }
.caldera-grid form textarea.form-control {border: solid 1px #dedede;   border-bottom-color: #ccc;}
.caldera-grid form .field_required {color:#b8995f!important;}
.caldera-grid form .btn-default.active,
.caldera-grid form .btn-default.focus,
.caldera-grid form .btn-default:active,
.caldera-grid form .btn-default:focus,
.caldera-grid form .btn-default:hover,
.open>.dropdown-toggle.caldera-grid .btn-default {color: #fff;background-color: #b8995f;border-color: #b8995f;}
.hamburger-inner:after, .hamburger-inner, .hamburger-inner:before {background:#000}



#loading {padding:35%;background:#000;text-align:center}
.SCK_Banner {border:2px solid #fff}
.SCK_Banner p {margin-bottom:0}
.SCK_Banner a, #SCK #SCK_BannerText {color:#fff !important}

.reveal .grid-x>.medium-6:first-child {width:30%}
.reveal .grid-x>.medium-6:last-child {width:70%}



@media (min-width:40em) {
.people.grid-x>.medium-3 {width:20%}
.h3, h3 {font-size: 1.8rem}
}

@media (min-width:768px) {
.top-bar .top-bar-left img {margin:0}
.main p, .main li, .entry-summary p, .pagebuilder p {text-align:justify}
.main table p {text-align:left}
.main .centra p {text-align:center}
.padding {padding:30px}
#SCK .SCK_Accept {float:left !important;padding:0 !important;margin-right:10px}
}
@media (min-width:1024px) {
    .social {float:left}
    .becomepartner h2 {width:80%;margin:0 auto}
}

@media (min-width:1200px) {
.reveal {width:1200px;
max-width:90%}
}

@media (max-width:1180px) {
    .top-bar {font-size:16px}
    .dropdown.menu a, .banner .dropdown.nav a {padding:5px}
    .title-bar {z-index:2;background:none}
}

@media (max-width:1020px) {
    .top-bar a, .top-bar a:visited {color:#000}
    .top-bar a:hover, .top-bar a:visited:hover {color:#b51f34}
    .top-bar-right {position:fixed;z-index:200;display:block;background:rgba(255,255,255,0.9);left:0;right:0;top:0;bottom:0;padding-top:180px;font-size:2.5em}
    .top-bar-left {position:absolute;z-index:300;left:0;right:0;top:0}
}

@media (max-width:768px) {
.brand {max-width:80%}
.alignleft {float:none;display:block}
}

.home .wrap {margin-top:700px !important}
.video-wrap {height:0;width:100%;position:absolute;top:100px;padding:250px}
.video-wrap iframe{position:absolute;height:100%;width:100%;top:0;left:0;bottom:0;right:0}

.button.xlarge {font-size: 2em; text-transform: uppercase;}
