/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.5
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/



@media (max-width: 992px){
	.banner-price .container:after{
		content: none !important;
	}
	.page-template-price #nav-tabContent .row{
		display: inherit !important;
	}
	.section-plus:nth-child(odd) .row{
		flex-direction: column-reverse;
	}
	.page-template-price  .nav-tabs button{
		white-space: inherit;
	}
	.page-template-price  .nav-tabs button{
		min-width: 140px;
	}
	.page-template-price .nav-tabs {
    	justify-content: inherit !important;
	}
	.page-template-price .nav-tabs{
    	flex-wrap: nowrap;
	}
	.faq {
	    margin-top: 410px !important;
	}
	.page-template-price .scroll-mobile-x {
    	overflow-x: scroll;
	}
}
.page-template-price .section-hero:before{
	content: '';
	background: url('./img/mini-cloud.svg');
	height: 76px;
    width: 123px;
    display: inline-block;
    position: absolute;
    left: 40px;
}
.page-template-price .section-hero:after{
	content: '';
	background: url('./img/mini-cloud.svg');
	height: 27px;
    width: 44px;
    display: inline-block;
    position: absolute;
    right: 40px;
	transform: translateY(-50%);
    background-size: cover;
}


.page-template-price .section-hero {
    padding: 100px 0 170px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(174.76deg,#f8f8f8 25.64%,#d3d3d3 94.78%);
}
.page-template-price .section-hero h1 {
    background: -webkit-linear-gradient(
105.04deg,#ff5c00 13.76%,#ffac0c 109.75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px !important;
}
.page-template-price .section-hero h2 {
    font-size: 22px;
    line-height: 25px;
    font-weight: 400;
}
.price-page .divisorio{
	position: absolute;
	bottom: -3px;
	width: 100%;
}

/* BANNER PRICE */
.banner-price .container{
	overflow: hidden;
	position: relative;
}
.banner-price .container:before{
	content: '';
	background: url('./img/full-vector.svg');
	height: 390px;
    width: 670px;
    display: inline-block;
    position: absolute;
    left: -130px;
    top: 10px;
    background-size: cover;
    z-index: 0;
}
.banner-price .container:after{
	content: '';
	background: url('./img/outline.png');
	height: 410px;
    width: 650px;
    display: inline-block;
    position: absolute;
    right: -13%;
    top: -172px;
    background-size: cover;
    background-repeat: no-repeat;
	z-index: 0;
}
.banner-price{
    margin-top: -90px;
    z-index: 2;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
    overflow: hidden;
}
.banner-price .container{
	background: linear-gradient(152.22deg, #FF5C00 8.21%, #FFAC0C 81.9%);
	border-radius: 5px;
	padding: 60px;
}
.banner-price .price-side p:first-child{
	color: #fff;
	font-weight: 700;
	font-weight: 24px;
}
.banner-price .price-side h3{
	font-size: 80px;
	line-height: 1;
	display: inline-block;
	margin-top: 15px;
}
.banner-price .price-side h4{
	font-size: 24px;
	display: inline-block;
}
.banner-price .price-side h5 {
    display: inline-block;
}
.funzionalita-side{
	padding: 25px;
	background: #fff;
}
.funzionalita-side p:first-child{
	color: #ff5c00;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
}
.funzionalita-side ul{
	margin-top: 30px;
}
.funzionalita-side li{
	font-size: 18px;
	line-height: 26px;
	position: relative;
	padding-left: 20px;
}
.funzionalita-side li:before{
	content: '';
	background: url(./img/spunte.svg) center no-repeat;
	background-size: contain;
	height: 10px;
	width: 13px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* FAQ */
.faq{
	margin-top: 300px;
}
.faq .card-header {
    padding: .75rem 0;
}
.faq .card-header .btn-link{
	padding: 0;
	color: #2E363D;
}
.faq .card-body{
	padding: 1.25rem 0;
}

/* TAB */


.popolare{
	display: none;
}

.popolare.Si{
	position: absolute;
    right: 15px;
    top: 15px;
    display: inline-block !important;
    background: #F8BD07;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
}


.page-template-price .nav-tabs{
    justify-content: space-evenly;
}


.tab-content{
	background: #F7F7F7;
    padding: 44px;
}

.tab-pane .card-price{
	background: #FFFFFF;
	border-radius: 5px;
	padding: 40px 25px 25px;	
}
.tab-pane .card-price, .tab-pane .card-price p{
	font-size: 14px;
	line-height: 20px;
}
.tab-pane .card-price h3{
	font-size: 18px;
	line-height: 22px;
}
.tab-pane .card-price p{
	margin-bottom: 10px;
}
.tab-pane .card-price ul{
	list-style: disc;
	padding-left: 18px;
	font-size: 14px;
	line-height: 20px;
}
button.quotazione{
	border: 2px solid #F8BD07;
	padding: 5px 20px;
	color: #fff;
	font-size: 16px;
    line-height: 24px;
    background: #F8BD07;
    border-radius: 6px;
    font-weight: 700;
    text-transform: uppercase;
	transition: .4s all;
}
button.quotazione:hover{
	color: #2E363D;
}
button.yellow-btn{
	border: 1px solid #2E363D;
	padding: 5px 20px;
	color: #fff;
	font-size: 16px;
    line-height: 24px;
    background: #2E363D;
    border-radius: 6px;
    font-weight: 700;
	transition: .4s all;
}
button.yellow-btn:hover{
	color:#F8BD07;
}
.beconnetct button.quotazione{
    border: 2px solid #63abde;
    background: #63abde;
    margin-top: 30px;
    color: #fff;
}
.beconnetct button.quotazione:hover, .be360 button.quotazione:hover, .beagent button.quotazione:hover, .benext button.quotazione:hover, .bewhatsapp button.quotazione:hover{
    color: #2E363D;
}

.be360 button.quotazione{
    border: 2px solid #e52521;
    background: #e52521;
    margin-top: 30px;
    color: #fff;
}
.beagent button.quotazione{
    border: 2px solid #996ead;
    background: #996ead;
    margin-top: 30px;
    color: #fff;
}
.benext button.quotazione{
    border: 2px solid #084793;
    background: #084793;
    margin-top: 30px;
    color: #fff;
}
.bewhatsapp button.quotazione{
    border: 2px solid #128C7E;
    background: #128C7E;
    margin-top: 30px;
    color: #fff;
}



/* CTA FOOTER */
.page-template-price .section-cta{
	background: url(./img/cta-orange.jpg) center center no-repeat;
    min-height: 400px;
    background-size: cover;
    padding: 120px 0;
}
.page-template-price .section-cta h2 {
    color: #fff;
    background: inherit;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    font-size: 33px;

}
.page-template-price .section-cta a {
    background: #fff;
    color: #2e363d;
    padding: 10px 20px;
    margin-top: 30px;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
}
.page-template-price .section-cta h3, .section-cta p{
    color: #fff;
}
.page-template-price .section-cta .wpcf7 textarea {
    border: none !important;
    border-radius: 5px!important;
    height: 120px;
}