﻿.author {font-weight: 900;font-size: .9rem;font-style: italic;text-transform: uppercase;letter-spacing: .035rem;}

.text-center h2 {font-size: 2rem!important;font-weight: 700;}
.text-center .fs-6 {font-size: 1rem!important;font-weight: 400;line-height: 1.4rem;}
.swiper .mobile-text-center {padding:.5rem;}
.mobile-text-center .p-5 {padding:2rem!important;}

/*************** COLORS ***************/

:root{--everdure-orange:var(color: #E6632D);
	--everdure-orange-rgb:var(color: 230,99,45);}

.svgcolor {color: rgba(var(--swift-foreground-color-rgb))!important;}

.everdure-orange {color:#e6632d;}

.missing {color: red;font-weight: 500;}



/*************** TYPOGRAPHY ***************/

h1 {font-weight: 900!important;letter-spacing: 0.03em!important;}

.quote {font-family: 'Merriweather'; font-weight: 400!important; line-height: 1.1em!important; letter-spacing: 0.01em!important; font-size:0.9em!important;}
.tel {font-weight: 700; text-decoration: none; font-variant: lining-nums;}
.table-td-center td {text-align: center;} 

.intro-center style="padding: 17vh 3vh 8vh 3vh">

.pricetag {background: #E6632D;	color: #ffffff;	padding: 10px; text-align: center;}

b strong {font-weight: 900!important;}

.b700 {font-weight: 700!important;letter-spacing: 0.02em!important;}
.b800 {font-weight: 800!important;}
.b900 {font-weight: 900!important;}


.footnote {font-size: 0.7em; font-style: italic;text-align: center!important;letter-spacing: 0.02em;}
.note {font-size: 0.7em; font-style: italic;}

li {margin-bottom: 15px;line-height: 1.3em;}
li:last-child {margin-bottom:5px;}
li:not(:last-child) {margin-bottom: 5px;}

.small-text {font-size: 0.9em; line-height: 1.5em;}
.h2-small-text {font-size: 1.1em!important; font-weight: 500!important;margin: 25px 0 5px 0;}

.text-shadow {text-shadow: none!important;}

h2.scale {font-size: calc(1.0rem + 2vw)!important;}



/*************** FORMS ***************/

.form-control {border-radius:0px;}	
.form-control:focus {border: 1px solid rgba(var(--swift-foreground-color-rgb)); -webkit-box-shadow: 0 0 10px 5px rgba(var(--swift-foreground-color-rgb),.3)!important;}

[type=button], [type=reset], [type=submit], button {float:right;}

.mx-n3 {margin-left: 2rem!important;margin-right: 2rem!important;}

.stars_golden {
  background: -webkit-linear-gradient(#f1931a, #cc6633);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700!important;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
}

.stars_golden_bright {
  background: -webkit-linear-gradient(#FFDF00, #C5B358);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700!important;
  letter-spacing: 0.1em;
}


/*************** MEDIA ***************/

.swiper-slide-titleimage {
	height: auto!important;
	width: calc(40% + 2vw)!important;
	margin-bottom: 3vh!important;
}



/*************** BUTTONS ***************/

.btn {font-size: .8rem;font-weight: 700; padding:.15rem .35rem;}
.everdure-campaign-23a .btn {font-size: 1.2rem;padding:1rem;}
.everdure-campaign-23a svg {width:42px;}
.btn-group-xlg>.btn, .btn-xlg {margin-top: 1rem; font-size: 1.2rem; padding: .7rem 2rem;}
		@media (min-width: 639px) {.btn-group-xlg>.btn, .btn-xlg {margin-top: 2rem; font-size: 1.5rem; padding: .7rem 1.5rem;};}
.btn-group-xxlg>.btn, .btn-xxlg {margin-top: 2rem; font-size: 1.4rem; padding: .7rem 2rem; display: block; width: 100%;}
		@media (min-width: 639px) {.btn-group-xxlg>.btn, .btn-xxlg {margin-top: 5rem; font-size: 2rem; padding: .7rem 1.5rem; display: block; width: 100%;};}

.btn-cta {background-color: #f1931a!important; color: white!important;}
.btn-cta:hover {background-color: white!important; color: black!important;}

.btn-cta-full {background-color: #f1931a!important; border: none; color: white!important; display: block; width: 100%; margin: none!important;}
.btn-cta-full:hover {background-color: var(--swift-button-primary-hover-foreground-color)!important; color: white!important;}

.btn-everdure {border-radius: 0rem; border: none; display: block; width: 100%; margin: none!important; line-height: 1.2em;}



/***** COMPARISON CHART START *****/



.brand-container {width:100%; max-width:100%; margin-left:auto; margin-right:auto; padding: 1rem; background-color: #fff;}
	@media (min-width: 1000px) {.brand-container {padding: 5vh!important;};}

.brand-container .brand-table table img {width: 100%;}

.brand-container h1, .brand-container h2, .brand-container h3, .brand-container h4, .brand-container h5 {margin-bottom:none;}
.brand-container h1 {font-size:2em; margin:1em 0 1em;}
.brand-container h3 {text-align: center;}
.brand-container h4 {margin-bottom:.6em; text-align: center;}

.brand-container .brand-table table {border-spacing:1.5rem; width:100%;}

.hide_mobile {display: none;}
		@media (min-width: 700px) {.hide_mobile {display: contents;};}



/**** TABLE HEADER ****/

.brand-container .brand-table table thead th h4.brand-product {font-size: 0.7em; font-weight: 600; padding: 0 10% 0 10%;}
		@media (min-width:  639px) {.brand-container .brand-table table thead th h4.brand-product {font-size: 1.7vw; font-weight: 600; padding: 0 20% 0 20%;};}
		@media (min-width:  900px) {.brand-container .brand-table table thead th h4.brand-product {font-size: 1.7vw; font-weight: 600; padding: 0 20% 0 20%;};}
		@media (min-width: 1600px) {.brand-container .brand-table table thead th h4.brand-product {font-size: 2em; font-weight: 600;};}



/**** TABLE BODY ****/

.brand-container .brand-table table tbody td {width:auto; border-top:2px solid white; text-align:center; vertical-align:center;}
.brand-container .brand-table table tbody tr {height:6vh;max-height:100px;}   
		@media (min-width: 639px) {.brand-container .brand-table table tbody tr {height: auto};}



/*IMAGE*/
.brand-image {padding-right: 10px; width: 8vh;vertical-align: bottom;}
		@media (min-width: 639px) {.brand-container .brand-table .brand-image {width: 9vh;};}
		@media (min-width: 900px) {.brand-container .brand-table .brand-image {width: 6vh;};}
		@media (min-width: 1100px) {.brand-container .brand-table .brand-image {width: 8vh;};}



/*TITLE*/
.brand-container .brand-table table tbody td.brand-title {text-align: left!important; font-size: 0.75em; line-height: 1.2em; padding: 1vh 5px;}
		@media (min-width: 639px) {.brand-container .brand-table table tbody td.brand-title {font-size: 1.0em; line-height: 1.4em; padding: 1vh 10px;}}


/*TEXT*/
.brand-container .brand-table table tbody td.brand-text {text-align: center!important; font-size: 0.75em!important; line-height: 1.2em; padding: 0.5vh 0 0.5vh 0;}
		@media (min-width: 639px) 
{.brand-container .brand-table table tbody td.brand-text {text-align: center!important; font-size: 1.0em!important; line-height: 1.4em; padding: 1vh 0 1vh 0;}}


/*HOVERS*/
.brand-container .brand-table table tbody tr:hover td.brand-image {background-color:#fff;}
.brand-container .brand-table table tbody tr:hover td.brand-white {background-color:#fff;}
.brand-container .brand-table table tbody tr:hover td.brand-title {background-color:#f1f1f3;}
.brand-container .brand-table table tbody tr:hover td.brand-text {background-color:#f1f1f3;}
.brand-container .brand-table table tbody tr:hover td.brand-bluicer {background-color: #f1f1f3;}
.brand-container .brand-table table tbody tr:hover td.brand-super {background-color:#f1f1f3;}
.brand-container .brand-table table tbody tr:hover td.brand-traditional {background-color:#f1f1f3;}
.brand-container .brand-table table tbody tr:hover td.brand-personal {background-color:#f1f1f3;}



/**** CHECKMARKS ****/

  .checked {font-size: 2em; color: #E16A2E!important;} @media (min-width: 639px) {  .checked {font-size: 4vh;};} @media (min-width: 900px) {    .checked {font-size: 3vh;};}
.unchecked {font-size: 1em; color: #e1e1e3!important;} @media (min-width: 639px) {.unchecked {font-size: 4vh;};} @media (min-width: 900px) {  .unchecked {font-size: 3vh;};}



/***** COMPARISON CHART END *****/



