@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&family=Open+Sans:wght@400;700&display=swap');

*, :after, :before { box-sizing: border-box; }
.contenitore 	{border:dotted; border-width:1px; margin:auto; padding:5px; background-color:#fbfbfb;width:800px; }
.header			{background-color:#ebebeb; }
.logHead		{padding:1rem;font-family: "Merriweather",sans-serif;color: #000; font-size: 31px; font-weight: 900; text-align: center; }
.logDisc			{float: right; font-weight: 700; color: #8a8069; font-size: 16px; font-family: "Merriweather", sans-serif;}
.logDisc	a		{color: #8a8069;}
.footer			{background-color:#ebebeb; }
.nav-link {    white-space: nowrap;}

input {display:block;}
select {display:block;}


h1 {margin:0; padding:0; color:#ff674a;font-family: "Merriweather",sans-serif;}
H2 {margin:0; padding:0; color:#72787a; font-size:1.5rem;}
H4 {margin:0; padding:0; color:#ff674a; font-size:2rem; text-align:center; } 
H5 {margin:0; padding:0; color:#ff674a; font-size:3rem; text-align:center; } 

.aContainer {position: relative; width: 100%; background-color: #fff;margin:auto; font-size:1.3rem; display: block; margin-bottom: 21rem; padding: 0px;box-shadow: 15px 15px 36px rgb(101 93 93 / 45%);
-webkit-box-shadow: 15px 15px 36px rgb(101 93 93 / 45%);
border:10px solid #ff674a;}
.aBack {width: 60%; text-align:center; margin:auto; padding:1rem;}


.aContainer h3 {color: #ff674a;font-family: "Merriweather",sans-serif;font-weight: 700; font-size:28px; text-align: center;}

.err {font-size:1.5rem; margin:0; padding:0; color:#72787a;}
.msg {font-size:1.5rem; margin:0; padding:0; color:#72787a;}
#chiudi.sito { position: absolute; left: 50%;  top: 50%; margin-top: 8rem;margin-left: -1.5rem;
height: 3rem; width: 3rem; background-color: #ffffff; z-index:99999;
box-shadow: 0 3px 6px #999;
-webkit-box-shadow: 0 3px 6px #999;
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
padding:0.5rem;
font-size:1.5rem;
font-weight:900;
text-align: center;
display: none;
}

#msgbx.sito {
font-size:1.3rem;
position: absolute;
left: 50%;
top: 50%;
height: 20rem;
width: 30rem;
margin-top: -10rem;
margin-left: -15rem;
padding: 2rem;
background: #fff;
border: 0;
box-shadow: 0 3px 6px #999;
-webkit-box-shadow: 0 3px 6px #999;
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
display: none;
z-index:99998;
}

#msgbx.sito a {
text-align: center;
color: #8a8069;
font-weight: 700;
}

#msgbx.sito a:hover {
color: #ff674a;
}

.popup-contact-form {
box-shadow: 0 3px 6px rgb(101 93 93 / 16%);
-webkit-box-shadow: 0 3px 6px rgb(101 93 93 / 16%);
}

#shim {
opacity: .90;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
-khtml-opacity: .90;
-moz-opacity: .90;
background: #B8B8B8;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
display:none;
text-align:right;
z-index:99997;
}

.ce-banner{position:fixed;bottom:0;left:0;width:100%;font-size:1rem;padding:1rem 1rem;z-index:16;background-color:#fff; z-index: 9999;font-family: "Open Sans", sans-serif;}
.ce-banner__inner{width:70%;margin:0 auto; font-size: 14px;}
.ce-banner__inner a{color:#000;text-decoration:none;}
.ce-banner__inner a:hover{color:#000;text-decoration:none;}
.ce-accept{padding:.6rem 1.5rem;color:#000;text-transform:uppercase;border-radius:2rem;float:right;font-size:.8rem;margin-top:1.5rem}

.btn--high{background-color:#8a8069;border-color:#8a8069; }
.btn--high:hover{background-color:#ff674a;border-color:#ff674a; }
.btn--high:focus{border-color:#000}
.btn--on-high{background-color:transparent}
.btn--on-high:hover{color:#8a8069 !important;background-color:#000!important;border-color:#000!important}
.btn--right{float:right}
.btn--left{float:left}
.btn--small{line-height:1.8em;width:auto;padding:.2em 1em}

body {
color: #72787a;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}

a {
color: #000;
}

a:hover {
color: #ff674a;
}

p {
color: #72787a;
}

.btn {
text-transform: none;
}

.btn--secondary {
background-color: #ff674a;
font-size: 23px;
font-weight: 700;
}

.btn--secondary:hover {
background-color: #848069;
}

::selection {
background-color: #ff674a;
}

.header .navbar .navbar-nav>li>a {
color: #8a8069;
}

.header .navbar {
background: #fff;
}

.header .navbar.navbar-fixed .navbar-nav>li a {
color: #8a8069;
font-family: "Merriweather",sans-serif;
font-weight: 700;
}

.header .navbar .navbar-nav>li>a {
text-transform: none;
font-family: "Merriweather",sans-serif;
font-weight: 700;
}

.header .navbar.navbar-fixed .navbar-nav>li.active a {
color: #8a8069;
}

.header .navbar.navbar-fixed .navbar-nav>li.active>a:before, .header .navbar.navbar-fixed .navbar-nav>li>a:focus:before, .header .navbar.navbar-fixed .navbar-nav>li>a:hover:before {
background-color: #8a8069;
height: 3px;
}

.header .navbar .navbar-nav>li>a::before {
background-color: #8a8069;
height: 3px;
}

.hero .hero-cotainer .hero-content .hero-headline {
font-family: "Merriweather",sans-serif;
font-weight: 900;
}

.hero .hero-cotainer .hero-content .hero-headline span {
color: #ff674a;
}

.heading .heading-subtitle span {
color: #ff674a;
}

.bg-primary-alt {
	background-image: url("../img/bg-header.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #fff !important; 
}

.bg-primary-alt2 {
	background-image: url("../img/bg-texture.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}

.bg-primary-alt3 {
	background-color: #f8ebc2;
}

.popup-contact-form .heading .heading-desc {
font-family: "Merriweather",sans-serif;
font-weight: 700;
color: #8a8069;
}

.popup-contact-form .heading .heading-desc a {
font-family: "Merriweather",sans-serif;
font-weight: 900;
color: #ff674a;
}

.popup-contact-form .heading .heading-desc a:active {
color: #000;
}

.popup-contact-form .heading .heading-desc a:hover {
color: #000;
}

.hero {
padding-bottom: 40px;
}

.hero .hero-cotainer .hero-content {
padding-top: 40px;
}

.hero .hero-cotainer .hero-content .hero-bio {
line-height: 22px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}

.footer {
background-color: #918e89;
}

.footer .footer-bottom {
background-color: #918e89;
}

.footer .footer-bottom .footer-copyright {
color: #fff;
text-transform: none;
}

.popup-contact-form .form-group label {
font-size: 14px;
text-transform: none;
}

.heading {
margin-bottom: 0px;
}

.heading .heading-title {
color: #000;
font-family: "Merriweather",sans-serif;
font-weight: 900;
}

.heading .heading-title span {
color: #ff674a;
font-family: "Merriweather",sans-serif;
font-weight: 900;
}

.heading .heading-title .text-left {
text-align: left;
}

.comepart {
color: #000;
font-family: "Merriweather",sans-serif;
font-weight: 900;
font-size: 42px;
line-height: 1.5;
margin-bottom: 10px;
text-transform: none;
text-align: left;
}

.comepart span {
color: #ff674a;
font-family: "Merriweather",sans-serif;
font-weight: 900;
}

.paperweek {
color: #fff;
font-family: "Merriweather",sans-serif;
font-weight: 900;
font-size: 35px;
line-height: 1.3;
text-transform: none;
text-align: left;
}

.heading .heading-subtitle {
color: #000;
font-family: "Merriweather",sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 28px;
}

.heading .heading-desc {
line-height: 1.5;
font-size: 18px;
margin-bottom: 50px;
}

.footer {
padding-top: 100px;
}

.footer .footer-bottom .footer-copyright  {
font-family: "Open Sans",sans-serif;
font-weight: 400;
color: #fff;
}

.footer .footer-top .footer-social ul li {
margin-right: 10px;
}

.footer .footer-top .footer-navigation li a {
font-family: "Merriweather",sans-serif;
font-weight: 700;
color: #fff;
}

.footer .footer-top .footer-navigation li a:hover {
color: #d6ceb8;
}

.footer .footer-top .footer-social ul li a:hover {
color: #d6ceb8;
}

.footer .footer-top .footer-navigation li a {
text-transform: none;
}

.bg-gray {
background-color: #f8ebc2 !important;
padding-bottom: 260px;
}

.navbar.navbar-fixed .navbar-toggler .navbar-toggler-icon {
background-color: #72787a;
}

.navbar.navbar-fixed .navbar-toggler .navbar-toggler-icon:before, .navbar.navbar-fixed .navbar-toggler .navbar-toggler-icon:after {
background-color: #72787a;
}

.pt-20 {
padding-top: 20px;
}

.accordion .card.style-1, .accordion .card:first-of-type.style-1, .accordion .card:not(:first-of-type):not(:last-of-type).style-1, .accordion .card:last-of-type.style-1 {
border-left-color: #cad2c3;
border-left: 7px solid #cad2c3;
}

.accordion .card.style-2, .accordion .card:first-of-type.style-1, .accordion .card:not(:first-of-type):not(:last-of-type).style-2, .accordion .card:last-of-type.style-2 {
border-left-color: #d6ceb8;
border-left: 7px solid #d6ceb8;
}

.accordion .card.style-3, .accordion .card:first-of-type.style-1, .accordion .card:not(:first-of-type):not(:last-of-type).style-3, .accordion .card:last-of-type.style-3 {
border-left-color: #f8ebc2;
border-left: 7px solid #f8ebc2;
}

.accordion .card.style-4, .accordion .card:first-of-type.style-1, .accordion .card:not(:first-of-type):not(:last-of-type).style-4, .accordion .card:last-of-type.style-4 {
border-left-color: #fea796;
border-left: 7px solid #fea796;
}

.accordion .card.style-5, .accordion .card:first-of-type.style-1, .accordion .card:not(:first-of-type):not(:last-of-type).style-5, .accordion .card:last-of-type.style-5 {
border-left-color: #eaeadb;
border-left: 7px solid #eaeadb;
}

.accordion .card.style-1 .card-heading .card-link:after, .accordion .card:first-of-type.style-1 .card-heading .card-link:after, .accordion .card:not(:first-of-type):not(:last-of-type).style-1 .card-heading .card-link:after, .accordion .card:last-of-type.style-1 .card-heading .card-link:after {
color: #cad2c3;
}

.accordion .card.style-2 .card-heading .card-link:after, .accordion .card:first-of-type.style-2 .card-heading .card-link:after, .accordion .card:not(:first-of-type):not(:last-of-type).style-2 .card-heading .card-link:after, .accordion .card:last-of-type.style-2 .card-heading .card-link:after {
color: #d6ceb8;
}

.accordion .card.style-3 .card-heading .card-link:after, .accordion .card:first-of-type.style-3 .card-heading .card-link:after, .accordion .card:not(:first-of-type):not(:last-of-type).style-3 .card-heading .card-link:after, .accordion .card:last-of-type.style-3 .card-heading .card-link:after {
color: #f8ebc2;
}

.accordion .card.style-4 .card-heading .card-link:after, .accordion .card:first-of-type.style-4 .card-heading .card-link:after, .accordion .card:not(:first-of-type):not(:last-of-type).style-4 .card-heading .card-link:after, .accordion .card:last-of-type.style-4 .card-heading .card-link:after {
color: #fea796;
}

.accordion .card.style-5 .card-heading .card-link:after, .accordion .card:first-of-type.style-5 .card-heading .card-link:after, .accordion .card:not(:first-of-type):not(:last-of-type).style-5 .card-heading .card-link:after, .accordion .card:last-of-type.style-5 .card-heading .card-link:after {
color: #eaeadb;
}

.accordion .card .card-heading .card-link, .accordion .card:first-of-type .card-heading .card-link, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link, .accordion .card:last-of-type .card-heading .card-link {
color: #000;
font-family: "Merriweather",sans-serif;
font-weight: 900;
}

.accordion .card .card-body, .accordion .card:first-of-type .card-body, .accordion .card:not(:first-of-type):not(:last-of-type) .card-body, .accordion .card:last-of-type .card-body {
color: #72787a;
font-family: "Open Sans",sans-serif;
font-weight: 400;
}

.accordion .card, .accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type {
margin-bottom: 35px;
}

.accordion .card .card-heading .card-link, .accordion .card:first-of-type .card-heading .card-link, .accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link, .accordion .card:last-of-type .card-heading .card-link {
text-transform: none;
}

.btnscopri {
    overflow: hidden;
    text-align: left;
	font-weight: 900;
	color: #8a8069;
}

.btnscopri:hover {
	color: #ff674a;
}

.spanbtnscopri {
    padding-left: 45px;
}

.btnscopri:before {
    background-color: #8a8069;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 30px;
}

.btnscopri:before {
    left: 0;
    margin-right: -30px;
}

.btnscopri:before:hover {
    background-color: #ff674a;
}

.btnscopri2 {
    overflow: hidden;
    text-align: left;
	font-weight: 900;
	color: #fff;
}

.btnscopri2:hover {
	color: #000;
}

.spanbtnscopri2 {
    padding-left: 45px;
}

.btnscopri2:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 30px;
}

.btnscopri2:before {
    left: 0;
    margin-right: -30px;
}

.btnscopri2:before:hover {
    background-color: #000;
}

#videoprova {
width: 1000px;
height: 400px;
}

#fasi-desktop {
display: block;
}

#fasi-mobile {
display: none;
}


/* Area Riservata */

.form-area {border: 1px solid #DEE2E6; padding:3px; display:block; width:90%;}
.prenota {margin:auto; padding:2rem; line-height:3rem;text-align:center;display: table;}
#slot    {margin:auto; padding:0.2rem; width:22rem; display:inline-block; float:left;}

.calendario {border:solid; border-color:#999; border-width:0.1rem; border-radius:0.5rem;  margin:0.5rem; padding:0.2rem;width:22rem; display:grid;float:left;}
.giorni 	{display:flex; font-weight: 700; }
.mese		{color: #8a8069; font-size:1.3rem;text-align:center; font-family: "Merriweather",sans-serif;font-weight: 700; }
.slotGiorno { display:none; }
.dispo {float:right; border-radius: 2rem; background-color: #ff674a; color: #fff;width: 3rem; height: 3rem; line-height:3rem; font-weight: 700; top: -1.1rem; right: -1.7rem; position: relative;}
.dispo.duo {float:right; border-radius: 2rem; background-color: #8bc34a; color: #fff;width: 3rem; height: 3rem; line-height:3rem; font-weight: 700; top: -1.1rem; right: -8rem; position: relative; font-size:1rem;}
img.live {float:left;height: 2.5rem; margin-top: -9px; position: relative; padding-right:2px;}

A.orario {  border-radius:0.5rem; height:3rem; width:26.2rem; text-align:center;  text-decoration:none; transition-duration:0.4s; cursor:pointer; padding:1rem 1.5rem 1rem 1.5rem; line-height:2.35rem;}
A.bBlu {background-color: #ffffff; font-size:21px; font-weight: 700; color: #000; margin-bottom: 10px; border:solid; border-color:#999; border-width:0.1rem; border-radius:1.5rem;line-height:0.9rem;} A.bBlu:hover {background-color: #f2f0ea;}
A.bGialloBlu {background-color: #f8ebc2;font-size:21px; font-weight: 700; color: #000; margin-bottom: 10px; border:solid; border-color:#999; border-width:0.1rem; border-radius:1.5rem;line-height:0.9rem;} A.bGialloBlu:hover {background-color: #f2f0ea;}
A.bRosso {color: #000;font-size:16px;} A.bRosso:hover {color: #ff674a;}
A.bVerde {background-color: #8a8069;color:#fff;font-size:2rem;font-weight: 700;} A.bVerde:hover {background-color: #ff674a;}
li.iscritti {clear: both;}

#linkStud {width:100%;font-size:1.3rem;margin-top:1rem;}

@media screen and (max-width: 1360px) {
.bg-primary-alt2 {
	background-image: url("../img/bg-texture-1024.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
}
	
@media screen and (max-width: 991px) {
	
#fasi-desktop {
display: none;
}

#fasi-mobile {
display: block;
}

.hero .hero-cotainer .hero-content {
margin-top: 30px;
}

.header .navbar.navbar-fixed .navbar-nav>li.active {
background-color: #f7f4ee;
}

.header .navbar.navbar-fixed .navbar-nav>li a:hover {
background-color: #d6ceb8;
}
	
.heading .heading-title {
font-size: 28px;
line-height: 1.4;
}
	
.comepart {
font-size: 28px;
line-height: 1.4;
}
	
.paperweek {
font-size: 25px;
line-height: 1.1;
}
	
.heading .heading-subtitle {
font-size: 19px;
line-height: 1.4;
}
	
.heading .heading-desc {
line-height: 1.5;
font-size: 15px;
}

.btn--secondary {
font-size: 16px;
}
	
.accordion .card, .accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type {
margin-bottom: 20px;
}
	
.hero .hero-cotainer .hero-content {
text-align: left;
}
	
#videoprova {
width: 300px;
height: 200px;
}
	
.aContainer {font-size:1rem; padding: 5px; margin-top: 40px; margin-bottom: 180px;}
.logDisc	{float: none; font-size: 11px;}
#linkStud {width:100%;font-size:1rem;margin-top:1rem;}
A.bVerde {font-size:1rem;font-weight: 700;}
A.bRosso {font-size:12px;}
.prenota {padding:1rem; line-height:1.5rem;display:block;font-size: 12px !important;}
.calendario {float: none;}
#slot {width: 300px; }
A.orario { width:21rem;}
A.bGialloBlu {font-size:13px;}
A.bBlu {font-size:13px;}
.logo {width:270px;}
.footer-logo {width:270px; margin: 0 auto;}
.qRigaCla {padding:0  !important;}
.qCla {padding:0 !important;}
.qCla.grass {font-size:11px;}
.form-group {font-size:12px !important; padding: 0;}
li.iscritti {font-size:12px; line-height:1.2rem !important;}
}

@media screen and (max-width: 768px) {	
.bg-primary-alt2 {
	background-image: url("../img/bg-texture-768.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
}

@media screen and (max-width: 400px) {	
	
.bg-primary-alt2 {
	background-image: none;
	background-color: #fff; 
}
}
