/*
Theme Name:     Theratio Child
Theme URI:      http://wpdemo.archiwp.com/theratio/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       theratio
*/

@import url("../theratio/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
/*BRAND MANUAL*/
@import url("https://use.typekit.net/wuq6elc.css");
h1,h2,h3,h4,h5,h6,div.elementor-widget-heading .elementor-heading-title{
	font-family: forma-djr-banner, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform:uppercase;
	letter-spacing:2px;
}
.main-navigation ul > li > a{
	font-family: forma-djr-banner, sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform:uppercase;
	letter-spacing:2px;
}
a.octf-btn{
	font-family: forma-djr-banner, sans-serif;
	font-style: normal;
	text-transform:uppercase;
	letter-spacing:2px;
}
.cate-lines:hover h2{
	color:#25b4b1 !important;
}
.cate-lines:hover:before,.cate-lines:hover:after{
	background: #25b4b1 !important;
}
/* -------------- */
#wpforms-form-4774 .wpforms-field-label,
#wpforms-form-4774 .wpforms-field-label-inline {
	color:#ffffff;
}
.clear {
	clear:both;
}
.wp-caption .wp-caption-text {
	font-size:11px;
}
.elementor-gallery-item__description {
	font-size:12px;
	line-height:14px;
}/*
.main-navigation ul ul {
	background-color:#ffffff;
}
.main-navigation ul li li a:hover,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-menu-ancestor > a {
	color:#13235b!important;
}
.header-mobile .is-stuck {
	background-color:#ffffff;
}
section.is-stuck .octf-cta-header .toggle_search i,
section.is-stuck .main-navigation ul.menu > li > a {
	color:#13235b!important;
}
section.is-stuck .main-navigation ul.menu > li > a:before,
.main-navigation:not(.no-line) ul li li a:before {
	background:#13235b!important;
}
.mmenu-wrapper {
	background:#ffffff!important;
}
.mmenu-wrapper .mobile_mainmenu li a {
	color:#b6b6b6;
}
.mmenu-wrapper .mobile_mainmenu li a:hover,
.mmenu-wrapper .mmenu-close {
	color:#13235b!important;
}
#top-bar a {
	color:#ffffff!important;
}
#top-bar a:hover {
	color:#13235b!important;
}*/

/*Form preventivi*/

.page-id-5513 .page-header{
	max-height: 300px !important;
}

.field-posa, .field-has-preventivo, .select-material> label, .ripetitore-finestre> label, .sel-serramenti> label {
	text-align: center !important;
}

.select-material label.wpforms-field-label-inline {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
}

.select-material label.wpforms-field-label-inline .wpforms-image-choices-label {
	margin-bottom: 16px;
}

.select-material span.wpforms-image-choices-image img {
    max-width: 220px !important;
	width:auto !important;
}

.tipo-finestre{
	padding-top: 24px !important;
}

.tipo-finestre, .quant-serramenti, .compl-serramenti, .note-serramenti{
	padding-left: 24px !important;
}

.tipo-finestre label.wpforms-field-label-inline {
    background: #fff !important;
    min-height: 150px;
}

.select-material ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}


.select-material ul li label {
    -webkit-box-shadow: 1px 1px 9px 3px rgba(204,204,204,0.72) !important; 
	box-shadow: 1px 1px 9px 3px rgba(204,204,204,0.72) !important;
    min-height: 172px !important;
}

ul#wpforms-5512-field_35 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-right: 24px !important;
}

.wpforms-repeater-fields-wrapper .tipo-finestre, .wpforms-repeater-fields-wrapper .altezza-serramenti, .wpforms-repeater-fields-wrapper .compl-serramenti, .wpforms-repeater-fields-wrapper .note-serramenti {
	border-right: 1px solid #ccc !important;
}

.tipo-finestre {
	border-top: 1px solid #ccc !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
}

.tipo-finestre ul li label, .select-material ul li label {
    -webkit-box-shadow: 1px 1px 9px 3px rgba(204,204,204,0.72) !important; 
	box-shadow: 1px 1px 9px 3px rgba(204,204,204,0.72) !important;
    min-height: 172px !important;
}

.tipo-finestre li.wpforms-selected label, .select-material li.wpforms-selected label {
    border: 1px solid #13235B !important;
}

.note-serramenti  {
	padding-bottom: 24px !important;
	padding-right: 24px !important;
	border-bottom: 1px solid #ccc !important;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

.altezza-serramenti{
	padding-right: 24px !important;
}

.note-serramenti, .compl-serramenti, .quant-serramenti, .tipo-finestre{
	border-left: 1px solid #ccc !important;
}

.wpforms-repeater-fields-wrapper .wpforms-field:last-child {
    background: #fff !important;
}

.sec-title-form h3 {
    color: #13235B;
	font-weight: 700;
}

.sec-title-form {
    margin-bottom: 16px !important;
    text-align: center;
}

button.wpforms-submit {
    background: #1c3735 !important;;
    text-transform: uppercase !important;
    font-weight: 700;
    color: #ffffff !important;
    font-size: 15px !important;
	padding: 8px 32px !important;
}

button.wpforms-submit:hover {
	background: #ffffff !important;
	color: #1c3735 !important;
	border: 1px solid #1c3735 !important;
}

.ripetitore-finestre>label {
	text-align: center !important;
}

button.wpforms-repeater-button.wpforms-repeater-add, button.wpforms-repeater-button.wpforms-repeater-remove {
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
}

button.wpforms-repeater-button.wpforms-repeater-add {
    background-color: #8ad66d !important;
}

button.wpforms-repeater-button.wpforms-repeater-remove {
    background-color: #f76f62 !important;
}

button.wpforms-repeater-button.wpforms-repeater-add span, 
button.wpforms-repeater-button.wpforms-repeater-remove span{
	text-transform: uppercase;
}

.field-cont, .wpforms-repeater-field-container {
    /*border: 1px solid #ccc !important;*/
    margin-bottom: 8px !important;
    border-radius: 4px !important;
	padding-right: 16px !important;
	padding-left: 16px !important;
}

.wpforms-repeater-field-container .wpforms-repeater-fields-wrapper label{
	border-bottom: none !important;
}

.label-cont> label{
	font-size: 18px !important;
	border-bottom: 2px solid #25b4b1 !important;
	margin-bottom: 8px !important;
	padding-bottom: 8px !important;
	color: #13235B;
}


.wpforms-field-layout-columns, .padding-laterale, .wpforms-submit-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.wpforms-submit-container {
    text-align: center;
}

div#wpforms-5512-field_50-container .wpforms-field-layout-columns{
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.ripetitore-finestre.field-cont{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.underline{
	border-bottom: 2px solid #25b4b1 !important;
	margin-bottom: 8px !important;
	padding-bottom: 8px !important;
}

@media screen and (max-width: 1280px) {
	.select-material ul, ul#wpforms-5512-field_35 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns {
		flex-wrap: wrap !important;
	}
	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-25 {
		/*width: 50% !important;*/
	}
	
	#wpforms-5512-field_50-container .wpforms-layout-column.wpforms-layout-column-25 label {
		min-height: 56px;
	}
}


@media screen and (min-width: 1024px) {
  	section.is-stuck {
    	background-color: #ffffff;
  	}
	section.is-stuck .main-navigation ul.menu > li > a {
		color:#000000;
	}
	section.is-stuck .main-navigation ul.menu > li > a:before {
		background:#000000;
	}
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img{
	width:60px;
}

.big-price {
    font-size: 19px;
	color: #15b3b0;
}
.huge-price {
    font-size: 30px;
	color: #15b3b0;
}
.mt-1 {
    margin-top: 7px;
}
.mt-2 {
    margin-top: 14px;
}
.mt-3 {
    margin-top: 21px;
}
.mt-4 {
    margin-top: 28px;
}
.mt-5{
	margin-top:35px;
}
.mb-1{
	margin-bottom:7px;
}
.mb-2{
	margin-bottom:14px;
}
.mb-3{
	margin-bottom:21px;
}
.mb-4{
	margin-bottom:28px;
}
.mb-5{
	margin-bottom:35px;
}
.ms-1{
	margin-left:7px;
}
.ms-2{
	margin-left:14px;
}
.ms-3{
	margin-left:21px;
}
.ms-4{
	margin-left:28px;
}
.ms-5{
	margin-left:35px;
}
.me-1{
	margin-right:7px;
}
.me-2{
	margin-right:14px;
}
.me-3{
	margin-right:21px;
}
.me-4{
	margin-right:28px;
}
.me-5{
	margin-right:35px;
}
.fw-4 {
	flex: 19%
}
.flex-boxes {
	display: flex;
    flex-direction: row;
    row-gap: 3vw;
    flex-wrap: wrap;
    column-gap: 5vw;
}
.user-box {
    border: 1px solid #ccc;
    padding: 5px 7px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user-box > div {
    flex: 50%;
}




/*MODIFICHE CONFIGURATORE*/
#wpforms-5512-field_60-container,
#wpforms-6230-field_60-container{
	display:none;
}

.pull-right img {
    max-height: 300px;
}
.wpforms-field-html img.preview {
    max-height: 250px;
}
.wpforms-field-html img.preview.pf {
    max-height: 320px;
}
.wpforms-repeater-fields-wrapper .wpforms-field-layout {
    border: 1px solid #ccc !important;
    border-bottom: none !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}
div#wpforms-6230-field_175 p {
    margin: 0 15px;
}
div#wpforms-6230-field_175 label.wpforms-field-label {
    margin: 0 15px;
}
div#wpforms-6230-field_66-container {
    padding: 10px 0 !important;
}
div#wpforms-6230-field_175 ul {
    padding-left: 20px !important;
}
div#wpforms-6230-field_175 p, div#wpforms-6230-field_175 ul {
    margin: 0 15px !important;
    display: block;
}
.wpforms-repeater-fields-wrapper>div>select {
    display: none !important;
}
@media all and (max-width: 600px) {
    div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) {
        overflow-x: unset;
    }
	div#wpforms-6230-field_68-container label {
		height: 41px;
	}
}
.contact-title h2 {
	font-size:34px!important;
}
.min-height-address {
	height:150px!important;
}
.min-height-hours {
	height:260px!important;
}
@media all and (max-width: 1024px) {
	.min-height-address,
	.min-height-hours {
		height:auto!important;
	}
}
/*NET TOP BAR*/
@media all and (min-width: 1025px) and (max-width: 1160px) {
	.contact-list a {
		font-size: 11px!important;
	}
	.new-top-bar a.octf-btn.octf-btn-light {
		padding:5px!important;
		font-size: 11px!important;
	}
}