/* Gridenv Customize Styling */
body {	background: none;
	background-color: rgba(51,51,51,0.00);
	font-family:Montserrat;	font-weight:500;
	font-size:16px;
	line-height:1.6em;

	color: #333333; 
}
#sidebar {	background: none;
	background-color: #005150; 
}
h1 {	
	font-family:Montserrat;	font-weight:600;
	font-size:36px;

	color: #333333; 
}
h2 {	
	font-family:Montserrat;	font-weight:600;
	font-size:32px;

	color: #333333; 
}
h3 {	
	font-family:Montserrat;	font-weight:600;
	font-size:28px;
	line-height:32px;

	color: #333333; 
}
h5 {		font-size:28px;
 
}
#headerwrap {	background: none;
	background-color: #005051;background-image: none; 
}
#header {	background: none;
	background-color: #005051; 
}
body[class*="gridenv"] #site-logo a img {		width: 180px;
	height: 33px; 
}
#main-nav {	background: none;
	background-color: #005150; 
}
#main-nav ul {	background: none;
	background-color: #005150; 
}
#sidebar .widget {	
	color: #005150; 
}
@media screen and (max-width: 1280px) { /* Gridenv Customize Styling */
body[class*="gridenv"] #site-logo a img {		width: 180px;
	height: 33px; 
}
 }@media screen and (max-width: 768px) { /* Gridenv Customize Styling */
body {		font-weight:normal;
 
}
h1 {		font-weight:600;
 
}
h2 {		font-weight:600;
 
}
h3 {		font-weight:600;
 
}
 }@media screen and (max-width: 680px) { /* Gridenv Customize Styling */
body {	background: none;
	background-color: rgba(51,51,51,0.00);	font-weight:normal;

	color: #393c41; 
}
#sidebar {	background: none;
	background-color: #005150; 
}
h1 {		font-weight:600;

	color: #333333; 
}
h2 {		font-weight:600;

	color: #333333; 
}
h3 {		font-weight:600;

	color: #333333; 
}
#headerwrap {	background: none;
	background-color: #373a3b; 
}
#header {	background: none;
	background-color: #005051; 
}
#main-nav {	background: none;
	background-color: #005150; 
}
#main-nav ul {	background: none;
	background-color: #005150; 
}
#sidebar .widget {	
	color: #005150; 
}
 }
/* Gridenv Custom CSS */
#main-nav-wrap {
    position: relative;
    top: 0px;
    background: #005051;
	height: 52px;
}
#main-nav a, #secmen a {
    font-family: 'Montserrat medium', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    display: block;
    margin: 0 0 0 1px;
    height: 20px;
    text-decoration: none;
}

.h1beforegreen, h1 {
    font-size: 32px;
		font-weight: 600;
}

.h1 {
	font-size: 36px;
	font-weight: 600;
}

.h1beforegreenleft h1:before {
	width: 42px;
	height: 9px;
	margin-bottom: 12px;
}

.h1beforegreen h1:before {
	width: 42px;
	height: 9px;
	margin-bottom: 12px;
}
h5 {
    font-size: 28px;
		font-weight: 600;
 
}	

h3 {
	color: #333333 !important;
}

.h5beforegreenleft h5:before {
    content: "";
    display: block;
    width: 24px;
    height: 6px;
    background-color: #7ac142;
    margin-bottom: 8px;
}

.legal-tab-menu.ui.module-tab.vertical .tab-nav {
    width: 35%;
}

.legal-tab-menu.ui.module-tab.vertical .tab-content {
  margin-left: 35%;
	padding-left: 3%;
	border: none;
}

.legal-tab-menu.ui.module-tab.vertical .tab-nav li{
	color: #226766;
	border-color: #226766;
}

/* BARDH MODIFICA */
#smallcopy {
	color:white;
}

#postfoot {
	color:#585858;
}

.card-right-det.bot .greenbut2 {
	visibility: hidden !important;
}


/* Modifiche sul blog da togliere quando ci stara' frontend */
.list-post .blocks-gallery-grid {margin:0 auto !important}
.wp-block-gallery {margin-left:0px !important}

.list-post #cat {
    float: right;
    position: relative;
    top: 150px !important;
    margin-right: 30px;
    color: #000;
    font-size: 14px;
}

.list-post #date {
    float: right;
    position: relative;
    top: 150px !important;
    /* font-size: 14px; */
    color: #000;
}

.list-post ul, ol {
    margin: 5em 0 1.4em 24px;
    padding: 0;
    line-height: 150%;
    width: 75%;
    word-break: break-word;
    text-align: justify;
    text-decoration: none;
    list-style-type: none;
}

.list-post p {
    color: #000;
    font-size: 15px;
    line-height: 19px;
    width: 100%;
    word-break: break-word;
    text-align: justify;
}

.list-post p a {
    color: #7ac142 !important;
    /* text-decoration: underline; */
    /* text-decoration: solid; */
    font-weight: bold;
}

.list-post .blocks-gallery-grid, .wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-left: 50px;
		margin-bottom: 20px;
}

.list-post h3 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    color: #7ac142 !important;
    margin-right: 200px !important;
		margin-bottom: 20px !important;
}

.wp-block-quote {
    font: italic 110%/130% "Montserrat", Montserrat, serif;
    padding: 8px 30px 15px;
}

.list-post figure .to-hover {
	transform: 1s ease-in-out !important;
}
.list-post figure .to-hover:hover {
	transform: scale(1.5);
	z-index:999;
	display:block;
}



/* Fino a qui per il blogpost */


/* configurator button */
.card-right-det.bot li .greenbut5, .card-right-det.bot li .greenbut5 a {
    display: inline-block !important;
    margin-left: 0px !important;
    width: auto !important;
}

/* aggiusta i badge */
@media (max-width: 750px) and (min-width: 680px) {

	#contbad {
    float: right;
    margin-right: 20px !important;
    margin-top: 50px !important;
	}
	
	#footer2 {
    background: #333;
    margin: 0px;
    margin-bottom: 20px !important;
    width: 100%;
	}
}

.gridenv_builder .text-815-0-0-1.module-text {
	background-repeat: repeat;
	background-position: left top;
	line-height: 30px;
}


@media (max-width: 1024px) and (min-width: 420px) {
	/* questa gestisce il fatto che l'immagine degli alberi sia centrata alla pagina quando si fa responsive */
.page-template-car-quotation .plantimg {
    margin-top: 5%;
    margin-bottom: 5% !important;
    margin-right: 23% !important;
}
	
	
}

@media (max-width: 1024px) {
	
	/* queste due regole gestiscono l'allineamento della scrittura grigia sotto l'immagine 100 trees nell'ultima pagina del configurator */
	.page-template-car-quotation #doublefooter #two, .page-template-car-quotation #doublefooter #one {
			min-width: 83%;
			display: inline-block;
			font-size: 10px;
			word-break: break-word;
			text-align: justify;
	}
	
	#doublefooter #one {
    font-size: 11px;
    line-height: 15px;
		margin-top: 20px;
		width: 100% !important;
	}
	
	#footerwrap-custom {
    /* margin: 5%; */
		margin: 0% !important;
		margin-top: 5% !important;
	}
	#footer2 {
    padding-top: 60px;
	}
	
	.gridenv_builder_925_row.module_row_0.module_row {
    background-image: none !important;
	}
	
	.gridenv_builder.gridenv_builder .module_row_925-1.module_row {
		background-image: none !important;
	}
	.noMarginButton .module-buttons .module-buttons-item a.ui.builder_button.transparent{
		margin: 0 !important;
	}
	.testing{
		background-color:#ff3 !important;
	}
}

@media (max-width: 420px) {
	/* responsiveness temporaneo per il blog */
	
	.list-post h1 {
		margin: 0 !important;
    color: #000!important;
		padding-top: 70px !important;
    margin-left: 20px !important;
    font-size: 25px !important;
    margin-right: 20px !important;
    word-break: break-word;
    text-align: center;	}

	.list-post #date {
		margin: 0 !important;
		top: 20px !important;
		float: left !important;
		margin-right: 120px !important;
	}
	
	.list-post #cat {
		margin: 0 !important;
		top: 20px !important;
		float: left !important;
		margin-left: 20px !important;
		margin-right: 30px !important;
	}
	
	.list-post ul, ol {
		margin: 0 !important;
    margin-top: 20px !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
    width: auto !important;
}
	
	
	.list-post p {
		margin: 0 !important;
    color: #000;
    font-size: 15px !important;
    line-height: 19px !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
		margin-bottom: 20px !important;
		width: auto !important;
	}
	
	.list-post .blocks-gallery-grid, .wp-block-gallery {
		margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin-left: 30px !important;
    margin-bottom: 20px !important;
    margin-right: 30px !important;
	}
	
	.list-post .wp-block-quote {
		font-size: 14px !important;
	}
	
	.list-post .wp-block-quote p {
			font-size: 13px !important;
			line-height:16px !important;
	}
	
	
	.list-post h3 {
    margin: 0 !important;
    margin-left: 50px !important;
    margin-right: 30px !important;
		margin-bottom: 30px !important;
	}
	
	/* fine responsiveness per il blog */
	
	
	
	/* centra l'immagine 100 trees su smartphone */
	.page-template-car-quotation .plantimg {
			margin-top: 5% !important;
			margin-bottom: 5% !important;
			margin-right: 23% !important;
	}
	
	/* centra il prezzo del veicolo nell'ultima pagina */
	.page-template-car-quotation .card-detail-price {
    margin-bottom: 22px;
    margin-left: 22px;
	}
	
	#contbad {
    float: right;
    margin-right: 80px;
	}
	
	.scrolltop {
    position: fixed;
    top: 70px;
    margin-right: -5% !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-image: url(/wp-content/uploads/2020/10/upc.png);
    /* display: none; */
    z-index: 1000;
    cursor: pointer;
    background-size: cover;
    background-color: #ffffff87;
}
	
			.gridenv_builder_3236_row.module_row_0.module_row, .gridenv_builder_3236_row.module_row_0 h1, .gridenv_builder_3236_row.module_row_0 h2, .gridenv_builder_3236_row.module_row_0 h3:not(.module-title), .gridenv_builder_3236_row.module_row_0 h4, .gridenv_builder_3236_row.module_row_0 h5, .gridenv_builder_3236_row.module_row_0 h6 {
    color: #ffffff;
    padding-top: 20px;
	}
	
	

}

/*.car-card {
	display: grid;
	grid-template-columns: 200px 1fr;
  grid-template-rows: 50px 1fr;
	box-shadow: none;
}

.card-right {
	width: 80%;
	grid-column: 2/3;
	grid-row: 1/3;
	text-align: left;
}

.card-image {
	width: 100%;
	margin-left: 0;
	grid-column: 1/2;
	grid-row: 1/2;
}*/

.card-image {
	cursor: pointer;
}

.pills-container {
		position: absolute;
    margin-left: 1000px !important;
    font-family: inherit;
    padding: 8px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
		right: auto !important;
}

.car-card-detail-foot2 td:nth-child(even) {
    text-align: right;
    width: 100% !important;
    font-size: 20px !important;
    font-weight: 600;
}

.plantimg {
    width: 50%;
    float: right;
    margin-right: auto !important;
    margin-bottom: 2% !important;
}

@media (min-width: 1651px) {
	.card-footer {
			padding-left: 0px;
			display: flow-root;
	}
}
	

@media (min-width: 1450px) {
	
	.card-right h5 {
		font-size: 25px !important;
		line-height: 27px;
	}
	
	.card-right li {
		font-size: 15px !important;
		line-height: 16px !important;
		padding: 6px !important
	}
	
	
	.card-more a {
		font-size: 15px;
		margin-right: 0px !important;
	}
}

@media (min-width: 1024px) {

	.card-footer {
		display: grid;
		width: 100%;
		justify-content: space-between;
		text-align: left;
	}
	
	.card-price {
		grid-column: 1/2;
		grid-row: 1/3;
		display: flex;
		align-items: center;
	}
	
	.price-type {
		margin-top: -35px !important;
	}
	
	.card-price:after {
   	 	content: "per month";
			font-size: 13px;
			width: 54px;
			line-height: 14px;
			letter-spacing: 0px;
			text-align: left;
	}
	
	.card-more {
		grid-column: 2/3;
		grid-row: 1/2;
		display: flex;
		justify-content: flex-end;
	}
	
	
	.contcar {
		grid-column: 1/3;
		grid-row: 3/4;
		display: flex;
		justify-content: flex-end;
		padding-top: 2%;
	}
	.buttonWidthFull{
		min-width:80% !important;
}

}


	
/* Questa regola gestisce il titolo della macchina se e' troppo grosso, spezzandolo su piu' linee nell'ultima pagina del configurator */
#write-car {
    color: #333;
    font-family: 'Montserrat Medium';
    margin-top: 5% !important;
		position: relative !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
    margin-bottom: 0px !important;
    font-size: 25px;
    word-break: initial !important;
		/* eliminare tutte le altre regole di responsive
		 * che settano la width a 73%. ora gia' di suo e' cosi'.
		 * e' piu' carino per i titoli piu' lunghi' */
		width: 73% !important;
}

/* aggiusta la scritta sotto la card della macchina nell'ultima pagina del configurator */
#doublefooter #one {
    width: 54%;
    font-size: 11px;
    line-height: 15px;
    margin-top: 20px;
    float: left;
    text-align: justify;
}

/* aggiusta l'immagine trees */
.page-template-car-quotation .plantimg {
    margin-top: 5%;
}
.plantimg {
    width: 50%;
    float: right;
		margin-right: 0% !important;
}
/*TREES HEADER MOBILE*/
@media screen and (max-width: 680px){
.module_row.fullheight > .row_inner > .module_column:not(.col-full), .module_row.fullheight .sub_column, .module_row.fullheight > .row_inner {
	min-height: 100%!important;
	margin:0!important;
	}
	
	.module_row.fullheight{
		min-height:280px !important;
	}
.module_row_0 .module_column_0.tb_6593_column.module_column {
	background-size: cover !important;
	}
}

/* gridpower 
 *  tablet + mobile module rows under slider */
@media (min-width:450px) and (max-width:768px){
	.gridenv_builder_382_row.module_row_3.module_row {
		margin-top:200% !important;
	}
}
/* Change body color Stevenage page */
body.page.page-id-16090{
	background-color: #fff !important
}
.single-post #content p {
    font-size: 18px;
}
/* Car logo slider overview page*/
@media screen and (max-width: 1200px){
	#carlogoSlider{
		min-height: 80px !important;
	}
	.logoSlider .carousel-wrap .caroufredsel_wrapper{
		min-height: 80px !important;
	}
}