/*
Theme Name: Machaon	
Theme URI: https://www.thespider.com;
Author: TheSpider, Inc.
Author URI: TheSpider, Inc.
Description: 
Version: 1.0.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: genesis-block-theme
Template: genesis-block-theme

*/

.flex {
	display: flex !important;
}

.flex.center {
	justify-content: center;
}

.flex.end {
	justify-content: end !important;
}

.flex.column {
	flex-direction: column;
}

.flex.gap {
	gap: 10px;
}

/*COLORS ------------------------------------------------------------*/
.white,
.white li,
.white .elementor-widget-container{
    color: #FFFFFF;
}
.black,
.black .elementor-widget-container{
    color: #333333;
}
.darkgrey,
.darkgrey .elementor-widget-container{
    color: #636262;
}
.grey,
.grey a,
.grey .elementor-widget-container{
    color: #838383 !important;
}
.dropdown-content .lightgrey{
    color: #A49D9D;
}
.lightgrey,
.lightgrey .elementor-widget-container{
    color: #9D9C9C;
}
.green,
.green .elementor-widget-container, 
.green h2{
    color: #669C68 !important;
}

.smaller h2 {
	font-size: 25px !important;
}

.justifiy-end {
	display: flex;
	justify-content: end;
}

.lightgreen,
.lightgreen .elementor-widget-container{
    color: #85C687;
}
.red,
.red .elementor-widget-container{
    color: #D37872;
}
.lightred,
.lightred .elementor-widget-container{
    color: #DF9691;
}
a {
    transition: color 0.2s linear;
	-webkit-tap-highlight-color: transparent;
}

.green-filter {
    filter: invert(96%) sepia(5%) saturate(1820%) hue-rotate(58deg) brightness(84%) contrast(98%);
}

.elementor-widget-container p:not([class]):not(:first-of-type):nth-of-type(n+2) {
	margin-top: 25px;
}

/*BACKGROUND --------------------------------------------------------*/
.bg-lightgrey{
    background-color: #EFEFEF;
}
.bg-darkgrey{
    background-color: #333333;
}
.bg-lightred{
    background-color: #D37872;
}

input.no-style,
button.no-style {
    background: none !important;
    padding: 5px !important;
    font-style: "Ubuntu";
}

.hero-search input.no-style {
	padding: 5px 0 !important;
}

input.no-style:hover,
button.no-style {
    background-color: none !important;
    box-shadow: none !important;
    color: #7bcc7e !important;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #cfcfcf;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/*TEXT --------------------------------------------------------------*/
a:focus {
	outline: none !important;
}
h1, h2, h3, h4, h5 {
    font-weight: 500 !important;
    font-family: "Asap Condensed" !important;
    margin-bottom: 1.5% !important;
}

ul:not(.list):not(.bullet-text ul):not([class]):not(.white ul)  li {
	font-family: Ubuntu;
	color: black;
	list-style: none;
	position: relative;
}
ul:not(.list):not(.bullet-text ul):not([class]):not(.white ul) > li:before {
	content:"•";
	position: absolute;
	left: -25px;
    top: -21px;
    font-size: 45px;
    color: #d8d7d7;;
}

h1 {
    color: #85C687;
    font-size: 64px !important;
	line-height: 70px !important;
}

h2 {
    color: #D37872;
    font-size: 36px !important;
}

h3 {
    color: #D37872;
    font-size: 28px !important;
}

h4 {
    color: #85C687;
    font-size: 28px !important;
}

h5 {
    font-size: 25px !important;
	color: #9b9b9b;
    font-family: "Asap Condensed" !important;
}

h6 {
	color: #333333;
	font-family: Ubuntu;
	font-size: 28px !important;
	font-style: italic !important;
	line-height: 36px !important;
}

h2.logo-title {
	color: white !important;
    display: flex;
	align-items: center;
    width: fit-content;
    padding: 9px 70px 7px 20px;
	min-width: 200px;
    font-size: 29px !important;
	position: relative;
	text-transform: uppercase;
	margin-top: 40px;
}

h2.logo-title:after {
	position: absolute;
	top: 8px;
    transform: scale(1.6);
    height: 33px;
}

h2.logo-title.problem {
	background-color: #BD3640;
}

h2.logo-title.problem:after {
	content: url('/wp-content/uploads/2022/12/icon-problem.svg');
	width: 10px;
    right: 30px;
}

h2.logo-title.solution {
	background-color: #636262;
}

h2.logo-title.solution:after {
	content: url('/wp-content/uploads/2022/12/icon-solution.svg');
	width: 4px;
    right: 35px;
    
}

h2.logo-title.outcome {
	background-color: #669C68;
}

h2.logo-title.outcome:after {
	content: url('/wp-content/uploads/2022/12/icon-outcome.svg');
    right: 17px;
    transform: scale(1.3);
}

.asap-font {
    font-family: "Asap Condensed";
}

div.secondary-header {
    height: 31px;
    width: 100%;
    background-color: #333333;
    background: linear-gradient(281deg, #85C687 0%, #669C68 100%);
}

.lightgreen, .lightgreen .elementor-widget-container {
	line-height: 43px !important;
}

ul {
	margin: 0 0 1.4em 20px !important;
}

.wpcf7-not-valid-tip {
	color: #cf2e2e !important;
    font-size: 10px !important;
}

.red-title .elementor-heading-title {
    font-family: "Asap Condensed" !important;
    font-size: 28px !important;
}

.bullet-text p {
    font-family: "Ubuntu" !important;
}

.bullet-text ul{ list-style: none !important; }
.bullet-text ul li{
    line-height: 21px;
    margin-bottom: 4%;
    color: #333333;
    font-family: Ubuntu;
    letter-spacing: -0.5px;
/* 	margin-left: 15px; */
}
.bullet-text ul li:before{
    content: "•";
    position: absolute;
    left: 0;
    font-size: 45px;
    margin-top: 0;
    color: #d8d7d7;
}

.bullet-text-img ul{ list-style: none !important; }
.bullet-text-img ul li{
    line-height: 21px;
    margin-bottom: 4%;
    font-size: 19px;
    font-family: Ubuntu;
    letter-spacing: -0.3px;
}
.bullet-text-img ul li:before{
    content: url(img/bullet.svg);
    position: absolute;
    left: -5px;
    margin-top: 2px;
    color: #d8d7d7;
}

.bullet-text-img-red ul li:before{
    content: url(img/bullet-red.svg);
    position: absolute;
    left: -5px;
    margin-top: 2px;
    color: #d8d7d7;
}

.hero-title{
    font-family: 'Asap Condensed', sans-serif;
    font-size: 45px;
    font-weight: 500;
}

.title-asap-90,
.title-asap-90 .elementor-widget-container {
    font-family: "Asap Condensed";
    font-size: 90px;
    font-weight: 500;
    margin-bottom: 10px !important;
}

.title-asap-64,
.title-asap-64 .elementor-widget-container{
  font-family: "Asap Condensed";
  font-size: 64px;
  font-weight: 500;
  margin-bottom: 10px !important;
    line-height: 68px;
}

.title-asap-45,
.title-asap-45 .elementor-widget-container{
    font-family: "Asap Condensed";
    font-size: 45px;
    font-weight: 500;
    line-height: 53px;
}

.title-asap-44,
.title-asap-44 .elementor-widget-container{
    font-family: "Asap Condensed";
    font-size: 44px;
    font-weight: 500;
    line-height: 53px;
    letter-spacing: -1px;
}

.title-asap-36,
.title-asap-36 .elementor-widget-container{
    font-family: "Asap Condensed";
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 6px !important;
    letter-spacing: -1px;
    line-height: 40px;
}
.title-asap-28,
.title-asap-28 .elementor-widget-container {
    font-family: "Asap Condensed", sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0;
}

.title-asap-24,
.title-asap-24 .elementor-widget-container {
    font-family: "Asap Condensed";
    font-size: 24px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -1px;
}

.title-asap-21,
.title-asap-21 .elementor-widget-container {
    font-family: "Asap Condensed";
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -1px;
}

.image-sub-div ul li:before {
	top: 0 !important;
}

.title-asap-18,
.title-asap-18 .elementor-widget-container {
    font-family: "Asap Condensed";
    font-size: 18px;
    margin-bottom: 0px !important;
    line-height: 25px;
    letter-spacing: -1px;
}

.title-asap-17,
.title-asap-17 button,
.title-asap-17 a,
.title-asap-17 .elementor-widget-container {
    font-family: "Asap Condensed";
    font-size: 17px !important;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}

.title-asap-16,
.title-asap-16 .elementor-widget-container {
    font-family: "Asap Condensed";
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.subtitle-asap-24,
.subtitle-asap-24 .elementor-widget-container {
    font-family: "Asap Condensed";
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.text-ubuntu-24,
.text-ubuntu-24 .elementor-widget-container {
    font-family: Ubuntu;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

.text-ubuntu-21,
.text-ubuntu-21 .elementor-widget-container {
    font-family: Ubuntu;
    font-size: 21px;
    font-weight: 400;
    line-height: initial;
}

.text-ubuntu-19,
.text-ubuntu-19 .elementor-widget-container {
    font-family: Ubuntu;
    font-size: 19px;
    font-weight: 400;
    line-height: 32px;
}

.text-ubuntu-16,
.text-ubuntu-16 .elementor-widget-container {
    font-family: Ubuntu;
    font-size: 16px;
}

.text-ubuntu-15,
.text-ubuntu-15 .elementor-widget-container {
    font-family: Ubuntu;
    font-size: 15px;
}

.text-ubuntu-21 p {
    line-height: 32px;
    letter-spacing: -0.5px;
}

.text-center,
.text-center .elementor-widget-container{
    text-align: center;
}

.italic{
    font-style:italic;
}

.bold {
	font-weight: bold !important;
}

.title-asap-64.margin-bottom-0{
    line-height: 72px;
}

/*BUTTONS ----------------------------------------------------------------------------*/
.btn-transparent-white{
    color: #EEEEEE;
    font-family: "Asap Condensed";
    font-size: 18px;
    font-weight: 600;
    border: 2px solid #EEEEEE;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
}

.btn-transparent-white:hover{
    background-color: rgb(141, 141, 141);
}

.btn-red-white{
    color: #EEEEEE;
    font-family: "Asap Condensed";
    font-size: 17px;
    font-weight: 600;
    background-color: #D27773;
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px 20px;
    transition: background-color 0.2s linear;
}

.elementor-section.elementor-section-boxed > .elementor-container:not(div.elementor-container[style*="padding: 0 9%;"]) {
	max-width: 1280px !important;
	
}

header .btn-red-white{
    padding: 3px 20px;
}

.btn-red-white:hover{
    background-color: #BD3640;
    color: #EEEEEE;
}

.btn-black-grey a{
    color: #9D9C9C !important;
    font-family: "Asap Condensed";
    font-size: 18px;
    font-weight: 500;
    background-color: #232222;
    text-decoration: none;
    padding: 9px 20px;
    box-shadow: none !important;
    margin-right: 13px;
}
.btn-black-grey a:hover{
    color: #fff !important;
    cursor: pointer;
}
.button-container{
    display: flex;
}
.button-bar-container{
    display: flex;
    margin-left: -7px;
	margin-top: 10px;
}
a.button-bar,
.button-bar a{
    box-shadow: none !important;
    display: flex;
    margin-right: 25px;
    transition: color 0.2s linear;
}

.button-bar-row{
    display: flex;
    justify-content: left;
    margin-left: -21px !important;
}

.button-bar-row .wpb_column {
    width: auto;
}
a.button-bar::before,
.button-bar a::before {
    content:close-quote;
    display: block;
    width: 20px;
    height: 21px;
    background-size: cover;
    margin-top: 3px;
    opacity: 1;
    transition: opacity 0.2s linear;
}
a.button-bar:not(.has-sub-items.hovered)::before,
.button-bar:not(.has-sub-items.hovered) a::before {
    background-image: url("img/nav-bullet.svg");
}
a.button-bar.bar-darkgrey:not(.has-sub-items.hovered)::before,
.button-bar.bar-darkgrey:not(.has-sub-items.hovered) a::before {
    background-image: url("img/nav-bullet-darkgrey.svg");
}
a.button-bar.grey:hover {
    color:#333333 !important;
}
a.button-bar:hover::before,
.button-bar:hover a::before,
.mobile-dropdown:hover a.button-bar::before {
    content:close-quote;
    display: block;
    width: 20px;
    height: 21px;
    margin-top: 3px;
    opacity: 0;
}
.dropdown-content a.button-bar::before,
.dropdown-content .button-bar a::before,
.dropdown-content a.button-bar:hover::before,
.dropdown-content .button-bar:hover a::before {
    margin-right: 10px;
}


a.button-bar::after {
    content: close-quote;
    display: block;
    width: 20px;
    height: 21px;
    background-image: url("img/nav-arrow.svg");
    background-size: cover;
    margin-top: 3px;
    transition: opacity 0.2s linear;
    position: absolute;
    opacity: 0;
}

a.button-bar:hover::after,
.button-bar:hover a::after,
.mobile-dropdown:hover a.button-bar::after,
a.button-bar.has-sub-items.hovered::after,
.button-bar.has-sub-items.hovered a::after {
    opacity: 1;
}

.fixed-button-bar-active {
    content: close-quote;
    height: 22px;
    background-image: url("img/nav-arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 3px;
    opacity: 1;
    box-shadow: none !important;
    display: flex;
    margin-right: 25px;
    align-items: center;
    padding-left: 22px;
    color:#333333 !important;
    font-size: 15px !important;
}

span.fixed-button-bar-active {
    box-shadow: none !important;
    display: flex;
    margin-right: 25px;
}

span.fixed-button-bar-active::before {
    background-image: none;
}

span.fixed-button-bar-active:hover {
    cursor: default;
    /*background-image: none;*/
}

.fixed-button-bar-inactive {
    content: close-quote;
    height: 21px;
    background-image: url("img/nav-bullet.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 3px;
    opacity: 1;
    box-shadow: none !important;
    display: flex;
    margin-right: 25px;
    align-items: center;
    padding-left: 20px;
    font-size: 15px !important;
}



span.fixed-button-bar-inactive {
    box-shadow: none !important;
    display: flex;
    margin-right: 25px;
}

span.fixed-button-bar-inactive::before {
    background-image: none;
}

span.fixed-button-bar-inactive:hover {
    cursor: default;
    /*background-image: none;*/
}

/*HEADER*/
.site-header{
    background: #FFFFFF !important;
    position: absolute !important;
    transition: top 0.5s linear;
}
.slide-header{
    top: -70px;
    position: fixed !important;
}
.shrink{
    top: 0px;
}
.site-header .container::before, .site-header .container::after{
    display: none;
}
.site-header .container{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px 0 12px;
    max-width: 1300px;
}
.entry-header{
    display: none;
}
.navbar{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.navbar-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#menu-header-top,
.top-menu{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 18px 0;
}

.slide-header .top-menu,
.shrink .top-menu{
    display: none;
    transition: ease-out;
}

.top-menu a{
    margin: 0 0 0 30px;
}

.top-menu a:last-child{
    margin: 0 0px;
}

.main-menu{
    display:flex;
    margin: 10px 0 0px 0;
    align-items: center;
}

.main-menu > a,
.main-menu .dropdown{
    padding-bottom: 17px;
}

.slide-header .main-menu > a,
.slider-header .main-menu .dropdown,
.shrink .main-menu > a,
.shrink .main-menu .dropdown{
    padding-bottom: 12px;
    padding-top: 12px;
}

.main-menu a{
    margin: 0 10px;
}

.main-menu .dropdown:last-child achild{
    margin: 0 0px;
}

.btn-red-white-small{
    display: none;
}

.slide-header .btn-red-white-small,
.shrink .btn-red-white-small{
    display: block;
    color: #EEEEEE;
    font-family: "Asap Condensed";
    font-size: 17px;
    font-weight: 600;
    background-color: #D27773;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px 20px !important;
    transition: background-color 0.2s linear;
}

.btn-red-white-small:hover{
    background-color: #BD3640;
    color: #EEEEEE;
}

.mobile-logo,
.shrink-logo{
    display: none;
}

.slide-header .shrink-logo,
.shrink .shrink-logo{
    display: block;
    width: 175px;
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

.slide-header .header-logo,
.shrink .header-logo{
    display: none;
}

.slide-header .main-menu,
.shrink .main-menu{
    margin: 0px 0 0px 0;
}

.dropdown-content {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
    border-bottom: 1px solid #85C686;
    column-gap: 70px;
    position: absolute;
    background-color: #333333;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    width: 100%;
    top: 123px;
    left: 0;
    z-index: 1;
    padding: 46px 30px 64px 30px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.2s linear;
}

.slider-header .dropdown-content,
.shrink .dropdown-content {
    top: 51px;
}

.dropdown-content.show {
    visibility: visible;
    opacity: 1;
}


.dropdown-content-left{
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Asap Condensed';
/* 	min-width: 400px; */
}

.dropdown-content-middle{
    border-left: 2px solid #636262;
    padding: 0px 60px 0 60px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.6s ease, opacity 0.6s ease;
    min-width: 350px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	animation: fadein 0.5s ease !important;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  
  100% {
    opacity: 1;
  }
}

.dropdown-content-middle.show {
    opacity: 1;
    visibility: visible;
}

.dropdown-content-middle p{
    color: #D37872;
    font-size: 21px;
    font-family: 'Asap Condensed';
    margin-bottom: 20px;
}

.dropdown-content-middle a{
    font-family: 'Ubuntu';
    font-size: 15px;
    color: #FFFFFF;
    margin: 7px 0 !important;
    transition: color 0.2s linear;
}

.middle-content{
    display: flex;
    line-height: 30px;
}

/* .middle-col:first-child{
    margin-right: 60px;
} */
.middle-col{
    display: flex;
    flex-direction: column;
}
.dropdown-content-right {
    padding: 20px 0px 20px 70px;
    border-left: 2px solid #636262;
}
.dropdown-content-right.unbordered {
/*     padding: 0px; */
/*     border: none; */
}
.dropdown-content-right img{
    max-width: 196px;
}
.dropdown-content a{
    margin: 0 0px;
}

.dropdown-content-left a{
    color: #FFFFFF;
    margin: 5px 0 !important;
}

.dropdown-content-middle a:hover{
    color: #85C687;
}

.dropdown-content-left .bar-darkgrey.has-sub-items.hovered,
.dropdown-content-left .bar-darkgrey:hover{
    color: #FFFFFF;
}

.menu-header-top a{
    font-family: "Asap Condensed";
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #636262;
}
.before-phone{
    font-style: italic;
}
.before-lock,
.before-glass,
.before-logo,
.before-phone,
.before-audio{
    display: flex;
    align-items: baseline;
    gap:2px;
    transition: color 0.2s linear;
}
.before-lock::before,
.before-glass::before,
.before-logo::before,
.before-phone::before,
.before-audio::before{
    content: attr(a);
    display: block;
    background-color: #c0bebe;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    transition: background-color 0.2s linear;
	align-self: normal;
}
a.before-lock:hover::before,
a.before-glass:hover::before,
a.before-logo:hover::before,
a.before-phone:hover::before,
a.before-audio:hover::before{
    content: attr(a);
    display: block;
    background-color: #A5C9A6;
    background-size: contain;
    background-repeat: no-repeat;
}
.before-audio::before {
    width: 16px;
    height: 21px;
	-webkit-mask-image: url("img/audio-green.png");
	mask-image: url("img/audio-green.png");
}
.before-lock::before{
    width: 16px;
    height: 21px;
	-webkit-mask-image: url("img/locked-grey.svg");
	mask-image: url("img/locked-grey.svg");
}
a.before-lock:hover::before {
    width: 16px;
    height: 21px;
}
.before-glass::before{
    width: 21px;
    height: 21px;
	-webkit-mask-image: url("img/glass-grey.svg");
	mask-image: url("img/glass-grey.svg");
}
a.before-glass:hover::before {
    width: 21px;
    height: 21px;
}
.before-logo::before{
    width: 29px;
    height: 25px;
	-webkit-mask-image: url("img/logo-grey.svg");
	mask-image: url("img/logo-grey.svg");
}
a.before-logo:hover::before {
    width: 29px;
    height: 25px;
}
.before-phone::before{
    width: 22px;
    height: 22px;
	-webkit-mask-image: url("img/phone-grey.svg");
	mask-image: url("img/phone-grey.svg");
}
a.before-phone:hover::before {
    width: 22px;
    height: 22px;
}

/*BURGER MENU ------------------------------------------------------------*/
.toggle-nav{
    display: none;
}
.burger-icon-svg{
    display: none;
}
.mobile-menu-container{
    position: fixed;
    z-index: 100;
    background: #333333;
    width: 100%;
    height: 100%;
    color: white;
    padding: 10px 12px;
    overflow: scroll;
    display: none;
    top: 0;
}
.top-mobile-menu{
    display: flex;
    justify-content: space-between;
    margin-top: 2px;
}
.mobile-main-dropdown,
.mobile-second-dropdown{
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Asap Condensed';
}
.mobile-main-dropdown{
    margin: 55px 0 40px 0;
}
.mobile-second-dropdown{
    margin: 0 0 20px 0;
}
.mobile-main-dropdown a:hover,
.mobile-dropdown:hover a,
.mobile-second-dropdown a:hover{
    color: white;
    transition:  color 0.2s linear;
}
.mobile-menu a.button-bar.bar-darkgrey::before{
    margin-right: 10px;
}
.mobile-menu-container li{
    list-style: none;
    margin-bottom: 15px;
}
.mobile-menu-container img{
    display: block;
    margin: 0 auto;
	max-width: 200px;
}
.mobile-dropdown-content{
    display: block;
    overflow: hidden;
    max-height: 0;
    margin: 0;
    transition: max-height 1s ease-out;
}
.mobile-dropdown:hover > .mobile-dropdown-content{
    display: block;
    height: auto;
    max-height: 1000px;
    margin-bottom: 10px;
}
.mobile-main-dropdown > .mobile-dropdown > .mobile-dropdown-content{
    margin-left: 22px;
}
.mobile-dropdown-content li{
    color: white;
    font-family: Ubuntu;
    font-size: 15px;
    font-weight: 400;
    margin: 10px 0 0 28px;
    text-transform: none;
}
.mobile-dropdown-content a{
    color: white;
}
.mobile-dropdown-content a:hover,
.mobile-dropdown-content .mobile-dropdown:hover > a{
    color: #85C687;
}*
.mobile-dropdown-content li:last-child {
    margin-bottom: 20px;
}
/*FOOTER*/
footer.site-footer{
    background-color: #2D2D2D;
    padding: 50px 0 0px 0;
}
.row-footer{
    display: flex;
    justify-content: space-between;
}
footer .menu-item{
    list-style:none;
    margin-bottom: 10px;
}
#menu-item-45{
    max-width: 169px;
}
footer .menu-item:first-child{
    margin-bottom: 17px;
}
footer .menu .menu-item a{
    margin-bottom: 10px;
    font-family: Ubuntu;
    font-size: 15px;
    color:white;
    font-weight: 400;
    letter-spacing: -1px;
}
footer .menu .menu-item a:hover{
    color:#85C687;
}
footer .menu .menu-item:first-child a{
    margin-bottom: 20px;
    font-family: Ubuntu;
    font-size: 21px;
    color:#9D9C9C;
    font-weight: 400;
}
footer .menu .menu-item a:hover{
    text-decoration: none;
}
footer .menu .menu-item:first-child a:hover{
    text-decoration: none;
}
.footer-second-part{
    display: flex;
    flex-direction: column;
}
.footer-socials{
    margin-top: 70px;
}
.footer-img{
    margin: 0 auto;
    width: 187px;
}
.footer-copyright{
    color: #6D6A6A;
    text-align: center;
    margin-top:26px;
}
footer form{
    display: flex;
    justify-content: center;
    align-items: baseline;
}
footer form img{
    width: 65px;
    margin: 0 10px 0 0;
}
footer label {
    color: #FFFFFF;
    font-family: "Asap Condensed";
    font-size: 21px;
    font-weight: 500 !important;
}  
footer .wpcf7-submit,
input[type="submit"].wpcf7-submit{
    background-color: #232222;
    border-radius: 0;
    color: #9D9C9C;
    font-family: "Asap Condensed";
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 7px 50px 7px 20px;
    margin-left: 9px;
    background-image: url('/wp-content/uploads/2023/02/arrow-to-right2.svg');
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: right 15px top 12px;
    box-shadow: none !important;
}
footer .wpcf7 input[type="email"].wpcf7-email{
    background-color: #9D9C9C;
    border: none;
    border-radius: 0;
    padding: 7px 0 8px 9px;
    color: #333333;
    font-family: Ubuntu;
    font-size: 20px;
    margin: 10px 0 0 0px;
    max-width: 300px;
}
footer .wpcf7 input[type="email"].wpcf7-email:focus{
    box-shadow: none;
}
footer ::placeholder {
    color: #333333;
    opacity: 1; /* Firefox */
}
  
footer  :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #333333;
}
  
footer ::-ms-input-placeholder { /* Microsoft Edge */
   color: #333333;
}
.wpcf7 .ajax-loader{
    display: none;
}
.socials-container{
    display: flex;
    justify-content: center;
    margin-top: 71px;
}
.socials-container path{
    fill:#6D6A6A;
}
.socials-container a:hover path{
    fill:white;
}
.socials-container svg{
    width: 23px;
    height: auto;
    margin: 0 9px;
}
footer .btn-black-grey{
    margin-left: 20px;
}
footer .btn-black-grey a:hover{
    text-decoration: none;
}
.footer-logos{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 35px;
    margin: 50px 0 0 0;
}
/*CONTENT*/
.page-width,
#primary{
    max-width: 1500px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

body{
    margin: 0;
}

html.modal-open,
html.modal-open body {
	overflow: hidden;
}

html.modal-open header {
	display: none;
}

a:hover{
    cursor: pointer;
}

.row-align-left{
    display: flex !important;
    justify-content: left;
}

.row-align-left .wpb_column {
    width: auto;
}

.margin-bottom-0,
.margin-bottom-0 p{
    margin-bottom: 0 !important;
}

.max-width-995{
    max-width: 995px;
    margin: 0 auto;
}

.width-auto{
    width: auto !important;
}

.text-ubuntu-19 ul{
    padding-left: 0 !important;
    list-style-image: url(/wp-content/uploads/2021/09/bullet-2.png);
}

.entry-content .margin-bottom-0 li{
    margin-bottom: 0;
}

#page {
    padding-top: 0 !important;
}

.featured-test-case-row{
    justify-content: center;
}
.featured-test-row .elementor-container{
    justify-content: center;
    gap: 0px;
}
.featured-test-row .elementor-container .elementor-column.elementor-col-20{
    width:auto;
}
.featured-test-case{
    width: 294px !important;
    height: 271px;
    margin: 10px auto;
    background: #EEEEEE;
    border-radius: 0px 0px 10px 10px;
    transition: background 0.2s linear;
}
.featured-test-case .elementor-widget-wrap{
    padding: 0 !important;
}
.featured-test-case:hover{
    cursor: pointer;
}
.featured-test-case:hover .featured-test-red{
    background: #BD3640;
}
.featured-test-case:hover{
    background: #f5f5f5;
}
.featured-test-red{
    margin-bottom: 0 !important;
}
.featured-test-red{
    background: #D37872;
    color: white !important;
    font-family: "Asap Condensed" !important;
    font-size: 19px;
    font-weight: 500 !important;
    line-height: 24px;
    height: 73px;
    display: flex;
    align-items: center;
    padding: 0 18px;
    transition: background 0.2s linear;
}

.featured-test-red .wpb_text_column,
.featured-test-grey .wpb_text_column{
    margin-bottom: 0;
}

.featured-test-grey{
    color: #333333;
    font-family: Ubuntu;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    padding: 13px 18px 20px 18px;
}
.featured-test-text{
    margin-top: 14px;
    max-height: 60px;
    overflow: hidden;
    line-height: 20px;
}
.panel-case .featured-test-text{
    max-height: 100px;
}
.before-tubes{
    display: flex;
    margin-bottom:8px;
}
.before-tubes svg{
    margin-right:17px;
}
.before-fire-time,
.before-target,
.before-tube,
.before-component-tests{
    font-size: 15px;
    padding: 7px 0px 8px 35px !important;
    margin: 0 !important;
}
.before-fire-time,
.before-target,
.before-tube,
.before-component-tests{
    margin-bottom: 0 !important;
}
.before-fire-time{
    background-image: url(/wp-content/uploads/2021/09/hot-clock.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.before-target{
    background-image: url(/wp-content/uploads/2021/09/target.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}
.before-component-tests{
    background-image: url(/wp-content/uploads/2021/09/target.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}
.tube-purple{
    background-image: url(/wp-content/uploads/2021/09/tube-purple.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-size: 7px 23px;
}
.tube-blue{
    background-image: url(/wp-content/uploads/2021/09/tube-blue.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-size: 7px 23px;
}
.tube-red{
    background-image: url(/wp-content/uploads/2021/09/tube-red.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-size: 7px 23px;
}
.tube-yellow{
    background-image: url(/wp-content/uploads/2021/09/tube-yellow.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-size: 7px 23px;
}
.tube-green{
    background-image: url(/wp-content/uploads/2021/09/tube-green.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-size: 7px 23px;
}
.btn-before-list:not(.reverted-green) a{
    background-image: url(img/list.svg);
    background-repeat: no-repeat;
    background-position: 16px 13px;
    background-size: 21px;
    padding-left: 45px;
}

.btn-before-list.reverted-green a{
    background-image: url(img/episodes-green.svg) ;
    background-repeat: no-repeat;
    background-position: 16px 10px;
    background-size: 21px;
    padding-left: 45px;
}

.btn-before-lock a{
    background-image: url("img/locked-grey.svg");
    background-repeat: no-repeat;
    background-position: 16px 9px;
    background-size: 15px;
    padding-left: 38px;
}
.btn-before-phone a{
    background-image: url(img/phone-btn.svg);
    background-repeat: no-repeat;
    background-position: 16px 10px;
    background-size: 20px;
    padding-left: 46px;
}
.btn-before-audio a{
    background-image: url(img/audio-green.png);
    background-repeat: no-repeat;
    background-position: 16px 10px;
    background-size: 20px;
    padding-left: 46px;
}
.slider-arrow-left{
    display: block;
    position: absolute;
    bottom: 185px;
    left: -75px;
}
.slider-arrow-right{
    display: block;
    position: absolute;
    bottom: 185px;
    right: -75px;
}
.service-section-col{
    max-width: 800px;
    display: block;
    margin: 0 auto;
}
.service-col{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.service-col:hover .darkgrey{
    color: #000000;
}

.service-col:hover .hide-on-hover{
    display: none;
}

.service-col .show-on-hover{
    display: none;
}

.service-col:hover .show-on-hover{
    display: block;
}
.service-col path {
    transition: fill 0.2s ease-in-out;
}
/*.service-col:hover path{
    fill:#a5333e;
}*/

.vertical-aligned {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.service-col:hover .service-svg {
    opacity: 0.8;
}
.service-arrow-section .elementor-widget-wrap{
    padding-top: 0 !important;
}
.service-arrow{
    text-align: center;
    margin: 0 0 0 auto;
    display: block;
    width: 133px;
    height: 47px;
}
.service-arrow svg polygon{
    transition: fill 0.2s linear;
}
.service-arrow:hover svg polygon{
    fill: #A5C9A6;
}
.service-col span {
    margin-top: 15px;
}
.service-svg {
    min-height: 95px;
    display: flex;
    align-items: center;
    transition: opacity 0.2s linear;
}
.sound-title{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.sound-title-part{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sound-title-part:hover{
    color: #e2b4b1;
}
.sound-dot{
    width: 19px;
    height: 19px;
    background: #DF9691;
    border-radius: 5px;
    margin: 20px 20px 0 20px;
}
.sound-title-part:hover .sound-dot{
    background: #e2b4b1;
}
.sound-icon:hover path{
    fill: #ACD5AD;
}
.elementor-widget-spacer{
    margin-bottom: 0 !important;
}
.hero .elementor-element-populated{
    padding: 0 !important;
}
.hero-search-col .elementor-element-populated{
    padding: 20px !important;
}
.hero-title-col {
    padding: 20px;
}
.hero-title-col .elementor-element-populated{
    max-width: 620px;
    margin: 0 32px 0 auto;
}
.hero-search{
/*     margin-top: 65px; */
}
.hero-search > div{
    display: flex;
    align-items: center;
}
.hero-search-title{
    align-items: flex-end !important;
    margin: 0px 0 17px -10px;
}
.hero-search p{
    font-family: 'Asap Condensed';
    color: white;
    font-size: 28px;
    font-weight: 600;
    margin:0;
    line-height: 22px;
}
.hero-search input:not(.no-style){
    background: rgba(255, 255, 255, 0.2) !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 0 !important;
    color: white !important;
    font-size: 18px !important;
    font-family: 'Ubuntu';
    padding: 11px 14px !important;
    max-width: 375px;  
    margin-right: 15px !important;
    transition: background-color 0.2s ease-in-out !important;  
}
.hero-search input::-webkit-input-placeholder {
    color: white;
    font-size: 18px;
    font-family: 'Ubuntu';
}
.hero-search input:-ms-input-placeholder { 
    color: white;
    font-size: 18px;
    font-family: 'Ubuntu';
} 
.hero-search input::placeholder {
    color: white;
    font-size: 18px;
    font-family: 'Ubuntu';
}
.hero-search input[type="text"]:focus{
    box-shadow: none !important;
    background-color: #669c68 !important;
}

.hero-link {
	border: none;
	border-radius: 3px;
	color: #d3d2d2;
	font-family: 'Asap Condensed';
	font-size: 23px;
	font-weight: 500;
	-webkit-appearance: none;
	transition: all ease 0.2s;
}

.hero-link svg path {
	transition: fill ease 0.2s;
}

.hero-link:hover {
	color: #fff !important;
}

.hero-link:hover svg path {
	fill: #84c586;
}

.search-letters {
	max-width: 376px;
	display: grid;
	row-gap: 3px;
	transform: translateX(-5px);
}

.search-letters.s1 {
    margin-top: 10px;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
}

.search-letters.s2 {
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
}

.search-letters.s2 input:last-child {
	padding-right: 0 !important;
	padding-left: 20px !important;
}

.search-letters > div{
    display: flex;
    justify-content: space-between;
}
.search-letters > div:last-child{
    justify-content: flex-start;
}
.search-letters > div:last-child a{
    margin-right:15px;
}

.search-letters a{
    color: white;
    font-size: 18px;
    font-family: 'Ubuntu';
    text-transform: uppercase;
    font-weight: 600;
    transition: color 0.2s linear;
}
.search-letters a:hover{
    color: #85c687;
}

.search-letters.larger {
    max-width: 100%;
    display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.search-letters.larger a {
    margin-right: 12px;
}

.active-filters {
    color: white;
    background-color: #85c687;
    padding: 5px 45px 5px 20px;
    border-radius: 20px;
    margin-top: 35px;
    width: fit-content;
    position: relative;
    font-weight: 300;
}
.active-filters > input {
    position: absolute;
    width:40px;
}

.active-filters > svg {
    position: absolute;
    top: 8px;
    right: 13px;
    transition: all ease 0.4s;
}

.active-filters:hover {
    background-color: #6fad71 !important;
}

.active-filters:hover > svg {
    transform: rotate(90deg);
}


.search-button{
    margin: 50px 0 20px 0;
}
.search-glass path{
    transition : fill 0.2s linear;
}
.search-glass:hover path{
    fill: #BD3640;
}

.text-align-center {
    text-align: center !important;
}
/*RESPONSIVENESS -------------------------------------------------------------------------*/
@media only screen and (min-width: 1700px){
    .featured-test-row .elementor-container > div:nth-child(n+6) {
        display: none;
    }
}
@media only screen and (max-width: 1700px){
    .featured-test-row .elementor-container > div:nth-child(n+5) {
        display: none;
    }
}
@media only screen and (max-width: 1500px){
    .featured-test-row .elementor-container > div:nth-child(n+4) {
        display: none;
    }
    .horizontal-list p {
        font-size: 22px !important;
        margin-top: 7px;
    }
    
    
}
@media only screen and (max-width: 1100px){
    .featured-test-row .elementor-container > div:nth-child(n+3) {
        display: none;
    }

    .before-lock,
    .before-glass div,
    .before-logo,
    .before-phone div,
    .btn-red-white,
    .main-menu,
    .header-logo{
        display: none;
    }

    .mobile-menu-container .btn-red-white{
        display: inline-block;
        width: auto;
        margin: 30px 0 60px 10px;
    }

    .mobile-logo{
        display: block;
        width: 158px;
    }

    .shrink-logo{
        display: none !important;
    }

    .tablet-display-none{
        display: none;
    }
    .service-section .elementor-container{
        flex-wrap: nowrap !important;
    }
    .service-section-col{
        width: 100% !important;
    }
    .service-section-col.mobile-display-none,
    .service-section-col .mobile-display-none{
        display: none;
    }
    .services-link-row .elementor-container  {
        display: grid !important;
        grid-template-columns: auto;
        justify-content: center;
        justify-items: center;
        row-gap: 20px;
    }
    .services-link-row .elementor-col-25{
        width: 75% !important;
        min-height: 100px;
    }
    .service-arrow{
        margin: 0 auto;
    }
    .slider-header .top-menu,
    .shrink .top-menu{
        display: flex;
    }
    .burger-icon-svg{
        display: block;
    }
    .before-glass{
        order: 1;
        margin: 0 15px !important;
    }
    .before-phone{
        order: 0;
        margin: 0 !important;
    }
    a.before-phone:hover::before,
    .before-phone::before{
        width: 21px;
        height: 21px;
    }
    a.before-glass:hover::before,
    .before-glass::before{
        width: 22px;
        height: 22px;
    }
    .toggle-nav{
        display: flex;
        margin: 0px !important;
        padding: 0;
        background: none;
        order: 2;
    }
    .toggle-nav svg *{
        transition: fill 0.2 linear;
    }
    .toggle-nav:hover svg *{
        fill:#A5C9A6;
    }
    .title-asap-36 .elementor-widget-container{
        font-size: 24px;
    }
    .service-section .title-asap-24{
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0px;
    }
    .separator{
        margin-bottom: 30px;
    }
    .hero-search-col{
/*         margin-top: 35px; */
    }
    .site-header{
        top:0;
        position: fixed !important;
    }
    .slide-header .top-menu, .shrink .top-menu {
        display: flex;
    }
    .service-svg{
        min-height: 55px;
    }
    .service-col span {
        margin-top: 5px;
		font-size: 14px !important;
		line-height: 15px !important;
		min-height: 30px;
    }
	
		
    .service-patelets svg{
        height: 51px;
        width: 51px;
    }
    .service-complement svg{
        height: 52px;
        width: 71px;
    }
    .service-dna svg{
        height: 44px;
        width: 44px;
    }
    .service-pills svg{
        height: 58px;
        width: 53px;
    }
    .service-band svg{
        height: 53px;
        width: 53px;
    }
    .service-lab svg{
        height: 51px;
        width: 51px;
    }
    .service-finder svg{
        height: 52px;
        width: 66px;
    }
    .service-solutions svg{
        height: 57px;
        width: 57px;
    }

    div.text-img-div:not(.right-aligned) {
		flex-direction: column !important;
    }
	
	div.text-img-div.right-aligned {
		flex-direction: column-reverse !important;
	}

    div.text-img-div div.text-div {
        text-align: left !important;
        max-width: 100% !important;
        font-size: 18px !important;
    }
    
    div.text-img-div div.text-div table{
        margin-left: 0px !important;
        margin-right: auto !important;
    }

    div.text-img-div div.text-div table th {
        font-size: 14px !important;
    }
    div.text-img-div.right-aligned div.text-div {
        margin-left: 0px !important;
    }

    
    .larger-list .elementor-column.elementor-col-50:last-child{
        margin-left: 0 !important;
        margin-right: auto;
        width: fit-content;
    }
    .larger-list .elementor-column.elementor-col-50:first-child{
        margin-left: 0 !important;
        margin-right: auto;
        width: fit-content;
    }

    .larger-list  ul.list > li {
        line-height: 40px !important;
        font-size: 18px !important;
    }
    .larger-list  ul.list > li:before {
        margin-top: 1px;
    }

    div.text-img-card {
        padding: 40px 30px;
        background-color: #EEEEEE;
        border-radius: 10px;
    }
    
    div.text-img-card .card-content {
        display: block !important;
    }
    div.text-img-card div.text-side {
        width: 100% !important;
    }

    div.text-img-card div.img-side {
        width: 100% !important;
    }
	
	
	.test_menu_wrapper {
		padding: 0 5vw !important;
	}
	
	div.test-results-main-posts div.test-menu > a.item, div.test-results-main-posts div.test-menu > a.item {
		min-width: 44vw !important;
		width: 44vw !important;
		max-width: 44vw !important;
	}
	
}
@media only screen and (max-width: 900px){
	.elementor-68 .elementor-element.elementor-element-8acf8c5 > .elementor-widget-container {
		padding-left: 0 !important;
	}
    .tablet-top-7 {
        top: -7px;
    }
    .row-footer{
        display: grid;
        grid-template-columns: auto auto auto;
    }
    .featured-test-row .elementor-container > div:nth-child(n+3) {
        display: none;
    }

    .about-us-card svg {
        width: 55px;
    }

    .title-asap-64 .elementor-widget-container{
        font-size: 40px;
        line-height: 50px;
    }

    .title-asap-44 .elementor-widget-container{
        font-size: 40px;
        line-height: 50px;
    }

    .title-asap-36 .elementor-widget-container{
        font-size: 22px !important;
        line-height: 20px;
		display: flex;
		flex-direction: column;
		
    }
	
	.title-asap-36 .elementor-widget-container p {
		 font-size: 22px !important;
		min-height: 40px;
	}
	
	footer .title-asap-36 .elementor-widget-container p {
		display: flex;
		flex-direction: column;
	}
	
    .text-ubuntu-21 .elementor-widget-container{
        font-size: 16px;
    }
	
	div.test-results-main {
		flex-direction: column !important;
	}
	
	div.test-results-main > div {
		width: 100% !important;
	}
	
	div#test-result-main {
		padding: 30px 0 !important;
	}
	
	div.filter-category-checkboxes {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 10px 30px !important;
	}
	
	div.post-contents div.post-content-inner {
		flex-direction: column !important;
	}
	
	div.post-contents div.post-content-inner > div {
		width: 100% !important;
	}
	
	div.post-contents div.post-content-inner div.post-content-inner-right {
		padding: 20px 0 0 0 !important;
	}
	
	.elementor-section.elementor-section-stretched .button-bar-container {
		padding-top: 20px !important; 
	}
	
	.test-menu-filter {
		position: relative;
		padding-left: 20px;
	}
	
	.test-menu-filter:before {
		content: url(/wp-content/uploads/2022/02/nav-arrow2.svg);
		font-size: 10px;
		color: #777;
		position: absolute;
		top: -78px;
		left: -90px;
		transform: scale(0.1);
		transition: transform ease 0.2s;
	}
	
	.test-menu-filter.active:before {
		transform: rotate(90deg) scale(0.1);
	}
	
	.filter-category-checkboxes {
		max-height: 0;
		overflow: hidden;
		transition: 0.5s ease-in-out;
		opacity: 0;
	}
	
	.filter-category-checkboxes.show {
		opacity: 1;
		max-height: 800px; 
	}
	
	.to-grid-mobile .elementor-container {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		/*     column-gap: 10px; */
		align-items: baseline;
		
	}
	
	 .text-ubuntu-21 p {
		line-height: 25px !important;
		
	} 
	
	footer img {
		max-width: 130px !important;
	}
	
	.normal-text, .normal-text p {
		font-size: 17px !important;
	}
}
@media only screen and (max-width: 769px) {
	.paddle {
		display: none !important;
	}
	div.test-results-main-posts div.test-menu > a.item, div.test-results-main-posts div.test-menu > a.item {
		min-width: 80vw !important;
		width: 80vw !important;
		max-width: 80vw !important;
	}
    .highlights-section section {
        margin-left: 10px;
        margin-right: 10px;
    }

    .text-align-center-mobile {
        text-align: center !important;
    }

    .align-center-mobile .elementor-container {
        align-items: center;
    }

    .mobile-top-10 {
        top: 10px;
    }

    .elementor-column-gap-wide>.elementor-column>.elementor-element-populated {
        padding: 0px !important;
    }
    .mobile-display-none{
        display: none;
    }
    .mobile-reverse-col .elementor-container{
        display: flex;
        flex-direction: column-reverse;
    }

    .title-asap-90 .elementor-widget-container{
        font-size: 70px;
        line-height: 50px;
    }

    .title-asap-64 .elementor-widget-container{
        font-size: 36px;
    }

    .machaon-live-banner .title-asap-64 .elementor-widget-container{
        font-size: 48px;
        line-height: 40px;
    }

    .machaon-ceo-banner .title-asap-64 .elementor-widget-container{
        font-size: 48px;
        line-height: 40px;
    }

    .title-asap-45 .elementor-widget-container{
        font-size:36px;
        line-height: 45px;
    }

    .title-asap-44 .elementor-widget-container{
        font-size: 35px;
        line-height: 45px;
    }

    .text-ubuntu-24 .elementor-widget-container{
        font-size:18px;
    }

    .mobile-reverse-col .text-ubuntu-21 .elementor-widget-container{
        font-size: 16px;
    }

    .text-ubuntu-19 .elementor-widget-container{
        font-size: 16px;
    }

    .machaon-live-banner img{
        width: 121px;
    }

    .machaon-ceo-banner .img-logo img {
        width: 160px;
    }

    .machaon-ceo-banner .img-ceo img {
        width: 190px;
    }

    .machaon-live-banner .cls-title {
        height: 190px;
    }

    .machaon-ceo-banner .cls-title {
        height: 190px;
    }

    .machaon-ceo-banner .button-container {
        place-content: center;
    }
    /*.featured-test-row .featured-test-case{
        display: none;
    }*/
    .featured-test-row .elementor-container > div:nth-child(n+2) {
        display: none;
    }

    .featured-test-row .elementor-column:first-child .featured-test-case{
        display: block;
        margin: 0 auto;
    }
    .row-footer{
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-around;
    }
    a.button-bar, .button-bar a {
        margin-right: 10px;
    }
    .sound-dot {
        width: 16px;
        height: 16px;
        margin: 17px 8px 0 8px;
    }
    footer .wpcf7-submit, input[type="submit"].wpcf7-submit {
        background-image: none;
        padding: 9px 20px 9px 20px;
    }
    form > p {
        max-width: 50%;
    }
    .hero-search-col{
        margin-top: 0px;
        border-top: 1px solid white;
    }
    .hero-search-col > .elementor-element-populated{
        border:none !important;
    }
    .hero-search-col .search-button{
        display: none;
    }
    .hero-title-col .elementor-element-populated{
        max-width: auto;
        margin: 0 0 0 0;
    }
    .hero-search-container > .elementor-widget-container{
        padding: 0 0 0 0 !important;
    }
    .hero-search {
        margin-top: 0px;
    }
    .title-asap-36 .elementor-widget-container {
/*         max-width: 160px; */
        line-height: 20px;
        margin: 0 auto;
    }
    .services-link-row .elementor-container {
        row-gap: 10px;
    }
    .slider-arrow-left{
        display: block;
        position: absolute;
        bottom: 180px;
        left: -55px;
    }
    .slider-arrow-right{
        display: block;
        position: absolute;
        bottom: 200px;
        right: -55px;
    }
    section.column-list div div.elementor-column.elementor-col-33 ul {
        width: 100% !important
    }

    section.column-list div div.elementor-column.elementor-col-33 ul > li {
        line-height: 40px !important;
        font-size: 18px !important;
    }

    .horizontal-list p {
        text-align: center;
    }
    
    .horizontal-list .elementor-icon {
        transform: rotate(90deg);
    }
	
	.title-asap-16.darkgrey.before-phone {
		margin-right: 20px !important;
	}
	
	.elementor-section .elementor-container:not(:has(.service-arrow)):not(:has(.hero-search)) {
		gap: 10px !important;
	}
	
	div.footer-nav .elementor-section .elementor-container > div {
		width: 100% !important;
	}
	
	.img-round {
		max-width: 300px !important;
	}
	
	.service-arrow {
		transform: translateY(-1px) !important;
	}
	
	h1 {
		font-size: 30px !important;
		line-height: 30px !important;
	}
	
	.wp-caption img[class*="wp-image-"] {
		max-width: 200px !important;
	}
	
	.wp-caption {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.test-results-main,
	div.elementor-widget-container[style*="padding: 20px calc(9% + 10px);"]{
		padding: 30px 20px !important;
	}
	
	div.elementor-widget-container[style*="padding: 20px calc(9% + 10px);"]:has(.hero-search) {
		padding: 30px 0!important;
	}
	
	div.elementor-container[style*="padding: 0 9%;"] {
		padding: 0px !important;
	}
	
/* 	.elementor-section.elementor-section-boxed > .elementor-container {
		padding: 0px 20px !important;
	} */
	
	input#search-test {
		min-width: 200px !important;
	}
	
	.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
/* 		padding: 10px 0 !important; */
	}
	
	.hero-link {
		line-height: 22px !important;
		flex-direction: column;
		text-align: center;
		justify-content: space-between;
		font-size: 16px;
	}    
	
	div.footer-nav span:not(.elementor-divider-separator):not(.title-span) {
		margin-top: 10px;
		font-size: 14px !important;
		line-height: 15px !important;
		min-height: 30px;
	}
	
	div.footer-nav span .elementor-container.elementor-column-gap-default {
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	

}

@media only screen and (min-width: 770px) {
	div.elementor-container[style*="padding: 0 9%;"] {
		padding: 0px calc(9% + 10px) !important;
		max-width: 1625px !important;
	}
}

@media only screen and (max-width: 410px) {
    .before-phone{
        display: none;
    }
    .hero-search-col > .elementor-element-populated{
        border:none !important;
    }
    .hero-search-col .search-button{
        display: none;
    }
}



.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
/* 	padding: 0!important; */
}

@media only screen and (max-width: 410px) {
    a.button-bar, .button-bar a {
        margin-right: 0px;
    }
    .title-asap-17, .title-asap-17 button, .title-asap-17 a, .title-asap-17 .elementor-widget-container {
        font-size: 15px !important;
    }
    a.button-bar::before, .button-bar a::before {
        margin-top: 1px;
    }
    .title-asap-64 .elementor-widget-container {
        line-height: 40px;
    }
    .title-asap-90 .elementor-widget-container {
        font-size: 56px;
        line-height: 40px;
    }
    .sound-dot {
        width: 11px;
        height: 11px;
        margin: 10px 6px 0 6px;
        border-radius: 3px;
    }

    .button-container {
        display:block;
    }

    .button-container > div {
        margin-bottom: 20px;
    }
}

.feature-box-text, .feature-box-text p {
    color: #333333 !important;
    font-family: Ubuntu !important;
    font-size: 18px !important;
    line-height: 23px;
}

ul.bullets-standard{
    list-style-image: url('img/bullet-red.svg');
}

.bios-wrapper-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    row-gap: 50px;
    column-gap: 30px;
    width: 100%;
}

.bios-wrapper-list .item{
    width: 350px;
    text-align: center;
	cursor: pointer;
	transition: ease all 0.4s;
}

.bios-wrapper-list .item:hover {
	opacity: 0.9;
}

.bio-name-text {
    color: #85C687;
    font-family: "Asap Condensed";
    font-size: 29px;
    font-weight: 500;
    text-align: center;
}

.bio-title-text {
    color: #9D9C9C;
    font-size: 15px;
    font-weight: 500;
    line-height: 17px !important;
    text-align: center;
}


.bios-wrapper-list img{
    width: 340px !important;
    height: 340px !important;
    border-radius: 200px 200px 200px 200px !important;
}

/* custom buttons */
a.simple-btn {
    size: 18px;
    color: #FFFFFF;
    font-family: "Asap Condensed";
    padding: 7px 30px 7px 30px;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
    font-weight: 600;
	line-height: 29px;
}

a.simple-btn.btn-green {
    background-color: #85C687 !important;
    color: #FFFFFF !important;
}
a.simple-btn.btn-green:hover {
    background-color: #72b074 !important;
    color: #FFFFFF !important;
}

a.simple-btn.btn-red {
    background-color: #D37872 !important;
}

a.simple-btn.btn-red:hover {
    background-color: #BD3640 !important;
    color: #FFFFFF !important;
}

a.simple-btn.btn-grey {
    background-color: #EEEEEE !important;
    color: #787676 !important;
}

a.simple-btn.btn-grey:hover {
    background-color: #DFDCDC !important;
    color: #787676 !important;
}

a.simple-btn.btn-grey2 {
    background-color: #626061 !important;
    color: white !important;
}

a.simple-btn.btn-grey2:hover {
    background-color: #343434 !important;
    color: white !important;
}

a.simple-btn.btn-black {
    background-color: #636262 !important; 
}

a.simple-btn.btn-black:hover {
    background-color: #171717 !important;
    color: #FFFFFF !important; 
}

a.simple-btn.flex {
	display: flex;
	justify-content: space-between;
	align-content: center;
	gap: 17px;
	padding: 7px 25px 5px 25px;
	width: fit-content;
	flex-wrap: unset;
}

/* list */
span.list-title {
    color: #BD3640;
    font-family: "Asap Condensed";
    font-size: 28px;
    font-weight: 600;
	margin-bottom: 15px;
}
ul.list {
    margin-top: 20px;
    padding-left: 0 !important;
    
}

ul.list > li {
    color: #333333;
    font-family: Ubuntu;
    font-size: 18px;
    line-height: 23px;
    list-style: none;
	margin-top: 18px;
	padding-left: 5px !important;
	font-weight: 400;
}

ul.list > li:before {
    margin-right: 7px;
}

ul.list.basic > li:before {
    content: "•";
    position: absolute;
    left: 0px;
    font-size: 45px;
    color: rgb(216, 215, 215);
}

ul.list.fancy > li:before {
    content: url(img/bullet-red.svg);
    position: absolute;
    left: 0px;
    color: #d8d7d7;
}

ul.list.fancy2 > li:before {
    content: url(img/bullet-red.svg);
    position: absolute;
    left: 25px;
    color: #d8d7d7;
    margin: 4px 0 0 2px;
}

ul.list.with-content > li {
    display: flex;
    padding-left: 30px;;
}
ul.list.with-content > li p {
    line-height: 25px; 
    font-size: 15px;   
}
ul.list.with-content img {
    max-width: 20px;
    height: auto;
    margin-right: 12px;
    position: absolute;
    left: 15px;
    margin-top: 3px;
}

/* custom list */
div.text-img-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 40px 0;
}

div.text-img-div.right-aligned div.text-div {
    margin-left: 50px;
}

div.div-separator {
    text-align: left;
    height: 5px;
    background-color: #D8D7D7;
    width: 95px;
    margin: 30px 0 50px 0;
}

div.text-img-div div.text-div {
    max-width: 60%;
	padding: 0 10px;
    width: auto;
    
}

div.text-img-div div.text-div a:first-child {
/* 	margin-top: 20px; */
}

div.text-img-div div.text-div div.text-content > p{
    margin-bottom: 25px;
    font-family: Ubuntu;
    font-size: 21px;
    color: #333333;
    letter-spacing: -0.5px;
    font-weight: 400;
	line-height: 28px;
}

div.text-img-div table {
    width: fit-content;
    margin-bottom: 4% !important;
}

div.text-img-div table th {
    background-color: white;
    font-size: 17px;
    padding: 0px !important;
}

div.text-img-div table th:first-child {
    padding-right: 40px !important;
    color: #9D9C9C;
}

div.text-img-div div.img-div img {
	padding: 10px 10px;
}

div.text-img-div div.img-div p {
    text-align: center;
    color: #9D9C9C;
    font-family: "Asap Condensed";
    font-size: 17px;
    font-weight: 500;
}

div.text-div.centered {
    text-align: center;
}

div.text-div.centered div.div-separator {
    margin-left: auto;
    margin-right: auto;
}

section.column-list div {
    justify-content: center;
}

section.column-list div div.elementor-column.elementor-col-33 {
    color: black;
    font-family: Ubuntu;
    font-size: 21px;
    line-height: 54px;
}

section.column-list div div.elementor-column.elementor-col-33 ul {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.larger-list .elementor-column.elementor-col-50:last-child{
    margin-left: auto;
    margin-right: 5%;
    width: fit-content;
}
.larger-list .elementor-column.elementor-col-50:first-child{
    margin-left: 5%;
    margin-right: auto;
    width: fit-content;
}

.larger-list  ul.list {
    width: fit-content;
}

.larger-list  ul.list > li {
    line-height: 46px !important;
    font-size: 21px !important;
    color: #333333 !important;
    font-weight: 400 !important;
    padding-left: 10px !important;
}

ul.with-separator > li:not(:last-child){
    border-bottom: 2px solid #D8D7D7;
    padding-bottom: 20px;
}


/* Custom text image card */ 

div.text-img-card {
    padding: 25px 25px;
    background-color: #EEEEEE;
    border-radius: 10px;
}

div.text-img-card .card-content {
    display: flex;
	justify-content: space-between;
}
div.text-img-card div.text-side {
    width: 65%;
    display: block;
}

div.text-img-card div.text-side h5 {
    font-size: 28px !important;
    margin: 0 0 35px 0;

}

div.text-img-card div.text-side  p {
    color: #333333;
    font-family: Ubuntu;
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
    margin-top: 18px;
}

div.text-img-card div.img-side {
    width: 30%;
}

div.text-img-card p:not(div.text-side  p) {
    /* font-weight: 500; */
    color: #9D9C9C;
    font-size: 18px;
    font-family: "Asap Condensed";
    /* margin-top: 20px; */
}

div.text-img-card div.div-separator {
	margin-bottom: 20px;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated:has(.test_menu_wrapper) {
	padding: 0 !important;
}

.img-round{
    border-radius: 600px !important;
}

.entry-content p a {
    box-shadow: none !important;
}

.entry-content p a:not(.simple-btn) {
	color: #669C68 !important;
	text-decoration: underline !important;
}

.more-info-text{
  text-transform: uppercase;
  color: #9D9C9C;
  font-family: "Asap Condensed";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

/**************** SLIDER ******************/
.testim{
    width: 100%;
}
.testim .wrap{
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 10px 20px 40px 20px;
    margin: auto;
}
.testim .arrow{
    display: block;
    position: absolute;
    color: #eee;
    opacity: 0.3;
    cursor: pointer;
    font-size: 2em;
    top: 30%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}
.testim .arrow:before{
    cursor: pointer;
}
.testim .arrow.left{
    left: -50px;
}
.testim .arrow.right{
    right: -50px;
}
.testim .arrow:hover{
    color: #D37872;
    opacity: 0.8;
}
.testim .dots{
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px;
    padding-left: 0px !important;
    margin-left: 0px !important;
}
.testim .dots .dot{
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    position: relative;
}
.testim .dots .dot.active,
.testim .dots .dot:hover{
background: #D37872;
border-color: white;
}

.testim .cont{
    position: relative;
    overflow: hidden;
}
.testim .cont > div{
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}
.testim .cont > div.inactive{
    opacity: 1;
}
.testim .cont > div.active{
    
    position: relative;
    opacity: 1;
    
}
.testim .cont div div div{
    display: block;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div.active div div{
    animation: testim-content-in 1s ease-in-out forwards;
}

.testim .cont div.inactive div div {
    animation: testim-content-out .3s ease-in-out forwards;
}
.testim .cont div div div.small {
    font-size: 17px;
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        /* transform: translateY(100%); */
        transform: scale(0.8);

    }
    to {
        opacity: 1;
        /* transform: translateY(0); */
        transform: scale(1);

    }
}
@keyframes testim-content-out {
    from {
        opacity: 1;
        /* transform: translateY(0); */
        transform: scale(1);
    }
    to {
        opacity: 0;
        /* transform: translateY(-100%); */
        transform: scale(0.8);

    }
}
@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0);
    }
}
/* coding with nick */

/* Responsive */
@media all and (max-width: 1140px) {
    .testim .arrow{
        top: 50%;
    }
    .testim .arrow.left{
        left: 10px;
    }
    .testim .arrow.right{
        right: 10px;
    }
}
@media all and (max-width: 300px) {
    body {
        font-size: 14px;
    }
}
@media all and (max-width: 500px) {
    .testim .arrow{
        font-size: 1.5rem;
    }
}


/**************** FAQs *****************/

div.accordion {
    padding: 10px 0px 10px 0px;
    border-bottom: solid 2px #EBEAEA;
    position: relative;
}

div.accordion:last-child {
    border-bottom: none;
}

div.accordion-title {
    color: #9D9C9C;
    font-family: "Asap Condensed";
    font-size: 24px;
    font-style: italic;
    font-weight: 500;
    cursor: pointer;
    padding: 0 0 0 10px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.5s;
    margin-left: 20px;
}

div.accordion-title:hover {
    color: #D37872;
}

div.accordion-title.active {
    margin-bottom: 15px;
}

div.accordion-title.active, div.accordion-title:hover {
    color: #D37872;
}

div.accordion-title:before {
    content: url(/wp-content/uploads/2022/02/nav-arrow2.svg);
    font-size: 10px;
    color: #777;
    position: absolute;
    top: -65px;
    left: -84px;
    transform: scale(0.12);
    transition: transform ease 0.5s;
}

div.accordion-title.active:before {
    transform: rotate(90deg) scale(0.12);
}

div.accordion-content {
    padding: 0 0 0 10px;
    max-height: 0;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    opacity: 0;
    margin-left: 20px;
    max-width: 85%;
}

div.accordion-content.show {
    opacity: 1;
    max-height: 500px; 
}

@media all and (max-width: 500px) {
    div.accordion-title {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
    }
    div.accordion-title:before {
        transform: scale(0.1);
        top: -75px;
    }
    div.accordion-content {
        font-size: 14px;
    }
}


/* Custom archive page for test results */
div.test-results-main {
    display: flex;
}

div.test-results-main div.test-results-main-filters {
    width:23%;
    padding-right: 20px;
} 

div.test-results-main div.test-results-main-filters h2 {
    color: #636262;
    font-family: "Asap Condensed";
    font-size: 24px !important;
    font-weight: 500;
    margin-bottom: 10px !important;
}

div.test-results-main div.test-results-main-filters h5 {
    color: #9D9C9C;
    font-family: "Asap Condensed" !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    border-top: 3px solid #EEEEEE;
    padding-top: 5px;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

div.test-results-main #test-result-main{
    width:77%;
    padding-left: 20px;
} 

div.post-contents.red {
    background-color: #D37872;
    margin-bottom: 10px;
    border-radius: 0 0 20px 20px;
}

div.post-contents h5 {
    color: #FFFFFF;
    font-family: "Asap Condensed";
    font-size: 20px !important;
    font-weight: 500;
    line-height: 24px !important;
    margin-bottom: 0 !important;
    padding: 10px 20px;
}
div.post-contents a {
    color: #FFFFFF;
    transition: color ease 0.2s;
}
div.post-contents a:hover {
    color: #eeeeee;
}

div.post-contents p {
    color: #333333;
    font-size: 15px;
    line-height: 19px;
}

div.post-contents div.post-content-inner {
    display: flex;
    position: relative;
    background-color: #EEEEEE;
    padding: 30px 20px;
    border-radius: 0 0 8px 8px;
    border-top: solid 1px white;
	transition: ease all 0.3s;
}

div.post-contents div.post-content-inner div.post-content-inner-left {
    width: 40%;
    padding: 0 5px 0 30px;
}

div.post-contents div.post-content-inner div.post-content-inner-left p {
    margin-bottom: 15px;
	font-size: 16px !important;
    position: relative;
}


p.draw_kits a {
	top: -2px;
    position: relative;
}

p.draw_kits:before {
    content: close-quote;
    background-image: url(/wp-content/uploads/2025/03/kit-2.png);
    height: 17px;
    width: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -28px;
    top: -2px;
}

p.stat:before {
    content: close-quote;
    background-image: url(/wp-content/uploads/2021/09/hot-clock.png);
    height: 25px;
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -28px;
    top: -2px;
}

p.methodology:before {
    content: close-quote;
    background-image: url(/wp-content/uploads/2021/09/target.png);
    height: 23px;
    width: 21px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -28px;
    top: 0px;
}

p.sample_type:before {
    content: close-quote;
    background-image: url(/wp-content/uploads/2023/03/pipette-drop.svg);
    height: 26px;
    width: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -28px;
    top: 0px;
}

p.tube:before {
	content: close-quote;
	height: 26px;
	width: 11px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: -21px;
	top: 0px;
}

p.tube.purple:before {
    background-image: url(/wp-content/uploads/2021/09/tube-purple.png);
}
p.tube.blue:before {
    background-image: url(/wp-content/uploads/2021/09/tube-blue.png);
}
p.tube.yellow:before {
    background-image: url(/wp-content/uploads/2021/09/tube-yellow.png);
}
p.tube.green:before {
    background-image: url(/wp-content/uploads/2021/09/tube-green.png);
}
p.tube.red:before {
    background-image: url(/wp-content/uploads/2021/09/tube-red.png);
}

div.post-contents div.post-content-inner div.post-content-inner-right {
    width: 75%;
    padding: 0 5px 0 20px;
}

div.filter-category-checkboxes {
    display: flex;
    flex-direction: column;
}

div.filter-category-checkboxes label {
    cursor: pointer;
    user-select: none;
    color: #333333;
    font-family: Ubuntu;
    font-size: 15px;
}

div.test-results-main-single {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

div.test-results-main-single div.test-menu-single-justification {
    width: 60%;
    min-width: 500px;
    padding: 10px 50px 0 0;
}

div.test-results-main-single div.test-menu-single-details {
    position: relative;
    width: 40%;
}

div.test-results-main-single div.test-menu-single-details p {
    padding: 10px 0 0 30px;
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
	color: #272c30 !important;
}

div.test-results-main-single div.test-menu-single-details p:before {
    top: 11px !important;
    left: 0px !important;
}

div.test-results-main-single div.test-menu-single-details p.tube:before {
    left: 7px !important;
} 

div.test-result-single table thead *,
div.test-result-single table tbody tr td:first-child {
    font-size: 16px; 
    font-family: "Asap Condensed";

}

div.test-result-single table tbody tr * {
    background-color: white;
    font-family: Ubuntu;
    font-size: 15px;
    font-weight: 400;
}

div.test-results-main-posts div.post-contents p {
	color: #333333 !important;
	font-family: Ubuntu !important;
	font-size: 16px !important;
	line-height: 22px !important;
}

div.test-results-main-posts div.test-menu > a,
div.test-results-main-posts div.test-menu > a > div.red{
	transition: ease all 0.3s;
}



div.test-results-main-posts div.test-menu > a:hover > div.red {
	background-color: #BD3640;
}

div.test-results-main-posts div.test-menu > a:hover div.post-contents div.post-content-inner {
	background-color: #ebe7e7;
}

div.test-result-single table tr.preferred td:first-child {
    color: #a3d1a4;
}
div.test-result-single table tr:not(.preferred) td:first-child {
    color: #BABABA;
}

div.test-result-single table{
    min-width: 750px;
}
div.test-result-single table.upper-table tbody tr td {
    border-bottom: 2px solid #EBEAEA;
}

div.test-result-single table.upper-table thead{
    background-color: #9D9C9C;    
    color: white;
}

div.test-result-single div.test-results-main-single-information table.lower-table tbody tr:first-child td{
    border-bottom: 2px solid #a3d1a4;
}


div.test-result-single table.lower-table tbody tr:not(:last-child) td {
    border-bottom: 2px solid #EBEAEA;
}

div.test-result-single table.lower-table tbody tr td:first-child {
    width: 20%;
}

a.sample-link {
    padding-left: 20px;
    position: relative;
    color: #85c486;
}

a.sample-link:hover{
    color: #a3d1a4;
}

a.sample-link:before {
    content: url(/wp-content/uploads/2022/02/form-doc.svg);
    position: absolute;
    top: -6px;
    zoom: 0.1;
    left: -57px;
}

.content-card {
	background-color: #EEEEEE;
	padding: 20px;
	border-radius: 10px;
}

.links-div figcaption {
	text-align: center;
	color: #636262;
	font-family: "Asap Condensed";
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
}

.flex > div {
	display: flex;
	line-height: normal;
}

.end > div {
	justify-content: end;
}

.icon-title {
	font-size: 26px;
}

.icon-title.red h2 {
	color: #D43943;
}

.icon-title.blue h2 {
	color: #3CB3DF;
}

.icon-title.purple h2 {
	color: #AA57A8;
}

.icon-title .div-separator,
.icon-title h2{
	padding-left: 20px;
}

.icon-title h2:before {
	content: ' ';
	width: 12px;
	height: 38px;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 4px;
}

.icon-title.red h2:before {
	background-image: url(/wp-content/uploads/2021/09/tube-red.png);
}

.icon-title.blue h2:before {
	background-image: url(/wp-content/uploads/2021/09/tube-blue.png);
}

.icon-title.purple h2:before {
	background-image: url(/wp-content/uploads/2021/09/tube-purple.png);
}

.list-smaller li {
	font-size: 15px !important;
}

.image-sub-div {
	display: flex;
	align-items: start;
	justify-content: start;
	padding: 0 10px;
}

.image-sub-div > div:first-child {
	font-size: 49px;
    color: #D37872;
    line-height: 43px;
    margin-right: 10px;
    font-weight: 600;
    font-family: "Asap Condensed";
}

.image-sub-div p,
.image-sub-div li{
	font-size: 15px;
    color: #333333;
	font-family: Ubuntu;
	line-height: 20px;
    font-weight: 400;
}

.image-sub-div ul{
	padding-left: 12px !important;
}

.block {
	display: flex;
	justify-content: left;
	flex-direction: column;
}

span.warning {
	font-style: italic;
	color: #c90202;
    font-weight: 600;
}

.specimen-page img {
	max-width: 200px;
    max-height: 200px;
    width: auto;
    height: auto;
}

@media only screen and (max-width: 800px){

    div.test-results-main-single-speciment,
    div.test-results-main-single-information,
    div.test-results-main-single-codes {
        overflow-x: auto;
    }

    div.test-results-main-single div.test-menu-single-justification {
        min-width: auto;
    }
    div.test-menu-single-justification {
        width: 100% !important;
        padding-right: 0px !important;
    }

    div.test-menu-single-details {
        width: 100% !important;
        margin-top: 20px;
    }
	
	
	
	.container:not(.navbar .container) {
		padding: 0 !important;
	}
}

/* ORDER FORMS */

.input-btn-div {
	display: flex;
	align-items: center;
	gap: 10px;
}

input#search-test {
	min-width: 350px;
}

div#search-test-container {
	position: relative;
}

ul#search-test-autocomplete-list {
	position: absolute;
	list-style-type: none !important;
	left: 0px;
	top: 100%;
	width: 365px;
	background-color: white;
	overflow-y: auto;
	z-index: 99;
	margin: 1px 0 0 0 !important;
	max-height: 175px !important;
	padding: 0px !important;
	display: block;
	box-shadow: 0px 12px 21px #00000059;
}

ul#search-test-autocomplete-list.hidden {
	display: none;
}

ul#search-test-autocomplete-list > li:not(:last-child) {
	border-bottom: 1px solid #b6b6b636;
}

ul#search-test-autocomplete-list > li {
	text-decoration: none;
	margin: 0 !important;
	border: 1px solid white;
	border-top: none;
	border-bottom: none;
	transition: background-color ease 0.2s;
}

ul#search-test-autocomplete-list > li > a {
	font-size: 15px !important;
	padding: 10px 15px 10px 15px !important;
	line-height: 19px !important;
	display: block;
	transition: color ease 0.01s;
}

ul#search-test-autocomplete-list > li:hover {
	background-color: #eeeeee !important;
}

ul#search-test-autocomplete-list > li:hover > a {
/* 	color: white !important; */
}

ul#search-test-autocomplete-list > li > a:hover {
	color: #62707c !important;
}

table.list-table tr:nth-child(even) {
	background: none !important;
}

table.list-table td {
	border-width: 3px;
}

a.file-link {
	font-weight: 700;
	position:relative;
	padding-left: 20px; 
}

a.file-link > svg {
	width: 30px;
	height: 24px;
    position: absolute;
    left: -17px;
    top: -2px;
}
.input-btn-div > button {
	display: flex;
}


input[type="checkbox"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	background-color: #ebebeb;
	border: 1px solid grey;
	width: 11px;
	height: 11px;
}

input[type="checkbox"]:checked {
	background-color: #D37872;
}

input[type="checkbox"]:hover {
	cursor: pointer;
}



.test_menu_wrapper {
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0 10vw;
}

.test_menu_wrapper .test_menu	{
	box-sizing: border-box;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	display: flex;
	gap: 10px;
}

/* width */
.test_menu_wrapper .test_menu::-webkit-scrollbar {
	height: 10px;
}

/* Track */
.test_menu_wrapper .test_menu::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.test_menu_wrapper .test_menu::-webkit-scrollbar-thumb {
  background: #d8d7d7;
	border-radius: 20px;
}

/* Handle on hover */
.test_menu_wrapper .test_menu::-webkit-scrollbar-thumb:hover {
  background: #cfcccc;
	cursor: pointer !important;
}

.test_menu_wrapper .test_menu .item {
	display: inline-block;
	padding: 1em;
	box-sizing: border-box;
}

.paddle {
	position: absolute;
	top: 45%;
	transform: translateY(-70%);
	transition: all ease 0.3s;
	display: flex;
	align-items: center;
	cursor: pointer;
	opacity: 0.8;
}
.paddle:hover {
	opacity: 1;
}
.left-paddle {
	left: -10px;
}
.left-paddle:hover {
}
.right-paddle {
	right: -10px;
}

.right-paddle:hover {
}
.hidden {
	display: none;
}

.print {
	margin: auto;
	max-width: 500px;
}

.print .span {
	display: inline-block;
	width: 100px;
}


div.test-results-main-posts div.test-menu > a.item, 
div.test-results-main-posts div.test-menu > a.item  {
	min-width: 15.1vw;
	width: 26vw;
	max-width: 26vw ;
	margin-bottom: 5px !important;
	padding: 0 !important;
}

div.test-results-main-posts div.test-menu > a.item div.item-title-div {
/* 	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; */
}

div.test-results-main-posts div.test-menu > a.item div.post-contents.red{
	margin-bottom: 5px !important;
}


div.test-results-main-posts div.test-menu.smaller div.post-contents h5 {
	font-size: 20px !important;
	min-height: 68px;
	display: flex;
	align-items: center;
}
div.test-results-main-posts div.test-menu.smaller div.post-contents div.post-content-inner {
	flex-direction: column !important;
/* 	min-height: 32vh; */
	padding: 20px 20px !important;
	margin-bottom: 10px;
	min-height: 200px;
}

div.test-results-main-posts div.test-menu.smaller div.post-contents div.post-content-inner div.post-content-inner-left {
	padding-left: 35px !important;
}

div.test-results-main-posts div.test-menu.smaller div.post-contents div.post-content-inner div.post-content-inner-left,
div.test-results-main-posts div.test-menu.smaller div.post-contents div.post-content-inner div.post-content-inner-right {
	width: 100%;
}

div.test-results-main-posts div.test-menu.smaller div.post-contents div.post-content-inner p {
	font-size: 14px !important;
	margin-bottom: 8px !important;
}
div.test-results-main-posts div.test-menu.smaller div.post-contents div.post-content-inner div.post-content-inner-right {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	padding-left: 0!important;
	margin-top: 10px;
	
}

div.test-results-main-posts div.test-menu.smaller div.post-contents div.post-content-inner div.post-content-inner-right p {
	line-height: 17px !important;
}

div.test-results-main-posts div.test-menu.smaller div.post-contents div.post-content-inner p.stat:before {
	left: -35px;
	width: 28px;
	height: 28px;
	top: -5px !important;
}
div.test-results-main-posts div.test-menu.smaller div.post-contents div.post-content-inner p.methodology:before {
	left: -35px;
/* 	width: 24px; */
/* 	height: 28px; */
}



div.test-results-main-posts div.test-menu.smaller div.post-contents div.post-content-inner p.tube:before {
	left: -28px;
	height: 22px;
}


div.pagination_test_menu {
	display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}

div.pagination_test_menu div.pagination_cell  {
	background-color: #efefef;
    padding: 2px 10px 0px 10px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    cursor: pointer;
	transition: all ease 0.3s;
	color: black;
}

div.pagination_test_menu div.pagination_cell.active {
	background-color: #D37872;
	color: white;

}

div.pagination_test_menu div.pagination_cell:not(.active):hover  {
	background-color: #e5e5e5;
}

div.posts-list.test-menu:not(.smaller) {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

h4.underline {
	border-bottom: 2px solid #EBEAEA;
}

#our-locations-contact a:not(.simple-btn) {
	text-decoration: none !important;
	color: #272c30 !important;
}

form .wpcf7-form-control.wpcf7-checkbox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px 0;

}

form div.smaller {
	max-width: 600px;
	margin-bottom: 40px;
}

form input:not(.no-style) {
	width: 100% !important;
}

form span.wpcf7-list-item:not(:last-child) {
/* 	margin-right: 50px !important; */
} 

form span.wpcf7-list-item label {
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

form span.wpcf7-list-item label > span:before {
    content: "";
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center;
    position: absolute;
    bottom: 36%;
    left: 50%;
    transform: translateX(-50%);
}

form div.checkboxes {
	margin-top: 40px;
	margin-bottom: 40px;
}

form div.checkboxes-1 span.wpcf7-list-item:first-child > label span:before {
    background-image: url(/wp-content/uploads/2023/02/platelet-disorders.svg);
}

form div.checkboxes-1 span.wpcf7-list-item:nth-child(2) > label span:before {
    background-image: url(/wp-content/uploads/2023/02/complement-disorders.svg);
}

form div.checkboxes-1 span.wpcf7-list-item:nth-child(3) > label span:before {
	background-image: url(/wp-content/uploads/2023/02/helix.svg);    
}

form div.checkboxes-1 span.wpcf7-list-item:last-child > label span:before {
	background-image: url(/wp-content/uploads/2023/02/pharmacogenomics.svg);    
}

form div.checkboxes-2 span.wpcf7-list-item:first-child > label span:before {
    background-image: url(/wp-content/uploads/2023/02/ribbon.svg);
}

form div.checkboxes-2 span.wpcf7-list-item:nth-child(2) > label span:before {
    background-image: url(/wp-content/uploads/2023/02/services.svg);
}

form div.checkboxes-2 span.wpcf7-list-item:nth-child(3) > label span:before {
	background-image: url(/wp-content/uploads/2023/02/finder2.svg);    
}

form div.checkboxes-2 span.wpcf7-list-item:last-child > label span:before {
	background-image: url(/wp-content/uploads/2023/02/solutions.svg);    
}



form span.wpcf7-list-item > label * {
	font-size: 13px;
}

form span.wpcf7-list-item > label span {
	clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
	position: relative;
    padding-top: 50px;
}


form span.wpcf7-list-item > label input {
	width: 30px !important;
}

form p {
	margin-bottom: 20px;
}

form input[type="submit"]:not(.no-style) {
	background-color: #85C687;
	color: white !important;
	margin: 0 0 20px 0;
	width: auto !important;
	padding: 9px 50px 9px 20px !important;
}


form input[type="submit"]:not(.no-style):hover {
	background-color: #72b074;
}
 
form span:has(label input[type="checkbox"]:not(.no-style)):first-child {
	margin: 0;
}

form input[type="checkbox"]:not(.no-style) {
	accent-color: #85C687;
	transform: scale(2);
}

.relative {
	position: relative;
}

textarea {
	margin-bottom: 20px;
}

/* .elementor-element:has(svg.badge-svg) {
	position: absolute;
	top: 50px;
    right: 127px;
} */

#headquarter-laboratory {
	background-image: url(/wp-content/uploads/2023/02/badge-new-address.svg);
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: end;
    background-position: 68% 22%;
}


div.test-panel-div {
	display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    border-bottom: 2px solid #EBEAEA;
    padding-bottom: 40px;
}

div.test-panel-div > h3 {
	border-bottom: 2px solid #EBEAEA;
	padding-bottom: 10px;
}

div.test-panel-div > a {
	position: relative;
	color: #333333;
	font-family: Ubuntu;
	font-size: 15px;
	line-height: 28px;
	padding-left: 15px;
	text-decoration: underline;
}

div.test-panel-div > a:hover {
	color: #6DAA6F;
}

div.test-panel-div > a:before {
	content: "";
    background-image: url(/wp-content/uploads/2023/02/icon-solution-red.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    position: absolute;
    top: 18%;
    left: 0;
    width: 11px;
    height: 38px;
}

#colophon {
	background-color: #EFEFEF !important;
}

div.footer-nav {
	padding-bottom: 100px;
	position: relative;
	justify-content: center;
	gap: 5%;
}

div.footer-nav .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding: 5px !important;
}

div.footer-nav .elementor-column.elementor-col-25 {
	width: 22%;
}
div.footer-nav .elementor-section.elementor-section-boxed > .elementor-container{
	justify-content: center;
}

div.footer-nav span:not(.title-span) {
	color: #636262 !important;
	text-decoration: none;
	font-size: 19px ;
	line-height: 22px ;
	letter-spacing: 0px;
}

div.footer-nav .service-svg {
	min-height: 50px !important;
}

div.footer-nav .elementor-col-40 {
	width: 35%;
	margin: 0;
}

div.footer-nav a {
	text-decoration:none;
}

.site-footer a:hover {
	text-decoration: none !important;
}
.site-footer a:hover div.service-svg  path {
	fill: #b8222d !important;
}


.site-footer div..service-svg {
	min-height: 65px !important;
}

div.footer-nav a:hover span {
	color: #272c30 !important;
	text-decoration: none !important;
}

div.footer-big-part {
	padding-top: 100px;
	background-color: #2D2D2D !important;
	position: relative;
	
}

div.footer-big-part a.service-arrow {
	position: absolute;
	top: -45px;
	right: 15%;
}

div.footer-big-part a.service-arrow svg {
	transform: rotatez(180deg) !important;
}
div.footer-big-part a.service-arrow p {
	color: #838383;	
	transition: color 0.2s linear;
    line-height: 16px;
    font-size: 14px;
    font-weight: 700;
	transform: translateY(-8px);
	font-family: 'Asap Condensed';
}

div.footer-big-part a.service-arrow:hover p {
	color: #A5C9A6 !important;
}

div.footer-nav .elementor-widget-divider .elementor-divider {
	justify-content: center;
}

div.footer-nav .elementor-divider-separator {
	width: 80px;
    height: 5px;
    margin-top: 15px;
    background-color: #d8d7d7;
	margin-bottom: 25px;
}

@keyframes modal-animation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1
	}
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.6); /* Black with opacity */
}

.modal.open {
	display: flex;
	flex-direction: column;
	animation: modal-animation 0.3s  ease-in;
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: auto auto;
	padding: 35px;
	border: 1px solid #888;
	width: 100%;
	max-width: 40vw;
	position: relative;
	max-height: 90vh;
	overflow-y: auto;
}

/* Close Button */
.close-modal {
	position: absolute;
	top: 10px;
	right: 10px;
  color: #aaa;
  float: right;
  font-size: 28px;
	transition: all ease 0.3s;
	line-height: 23px;
}

.close-modal:hover,
.close-modal:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal #bio-modal-top {
	display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

.modal #bio-modal-top img {
	border-radius: 50%;
    width: 200px;
    height: 200px;
}

.modal #bio-modal-content {
	overflow-y: auto;
/* 	max-height: 40vh; */
	margin-top: 2vh;
}


@media only screen and (max-width: 1000px) {
	.modal-content {
		max-width: 95vw;
		max-height: 90vh;
	}
	
	.modal #bio-modal-top img {
		width: 100px;
		height: 100px;
	}
	
	.modal #bio-modal-top {
		max-height: 50vh;
		overflow-y: auto;
	}

}


/* Testimonials */
.testimonials {
    display: flex;
    flex-wrap: wrap;
}
.testimonial {
    flex-basis: calc(33.33% - 20px);
    margin: 10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	padding: 25px;
	background-color: white;
	border-radius: 5px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.testimonial .quote {
	font-weight: bold;
	font-size: 16px;
	color: #515151;
	margin-bottom: 10px;
	/* background-color: #efefef; */
	
}
.testimonial .author {
    font-style: italic;
    font-size: 14px;
}
/* .testimonial .date {
    font-size: 12px;
    color: #666;
} */

table.bio-table {
	margin: 20px 0 0 0;
}

table.bio-table td {
	padding: 10px 20px 10px 10px;
}

div.top-banner {
	width: 100%;
	background-color: #83ce86;
	color: white;
	justify-content: center;
	position: relative;
	padding: 5px 0;
	border-bottom: 1px solid white;
}

div.top-banner div.top-banner-title-div {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: center;
}

div.top-banner div.top-banner-title-div p {
	font-size: 20px;
	font-weight: 600;
	
}

#page.banner {
	transform: translateY(10px);
}

div.all-testimonials {
	display: flex;
	flex-direction: column;
	gap: 40px;
	text-align: center;
	align-items: center;
}

div.all-testimonials > div:not(.div-separator) {
	width: 75%;
}

div.all-testimonials p.quote {
	color: black;
    font-size: 25px;
    text-align: center;
    line-height: 29px;
	margin-bottom: 20px;
	font-family: 'Ubuntu';
	font-weight: 400;
}

div.all-testimonials p.author {
	color: grey;
	font-size: 20px;
	font-family: "Asap Condensed" !important;
}

div.all-testimonials p.location {
	color: grey;
	font-size: 18px;
	font-style: italic;
	font-family: "Asap Condensed" !important;
}

span.small-title {
	color: #538254;
	font-style: italic;
	font-weight: 700;
	font-size: 21px;
}

.normal-text,
.normal-text p {
    font-family: Ubuntu !important;
    font-size: 21px;
    color: #333333 !important;
    letter-spacing: -0.5px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
}

table.testing-details {
	border-collapse: collapse;
	width: 100%;
	font-size: 21px;
	line-height: 23px;
}

table.testing-details * {
	font-family: "Ubuntu";
    font-weight: 400;
	letter-spacing: -1px;
}

table.testing-details tr:nth-child(even) {
	background: transparent !important;
}

table.testing-details th,
table.testing-details td {
/* 	border: 1px solid green; */
	padding: 8px;
	text-align: left;
	width: 10%;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	padding: 10px 25px;
}

table.testing-details th {
	background-color: transparent;
	color: white;
}

table.testing-details  tr:nth-child(2) td {
	color: #D37872 !important;
	font-weight: 400;
}
table.testing-details  tr td {
	color: white;
	max-width
}

table.testing-details tr:not(:last-child) {
	border-bottom: 4px solid #85c687 !important;
}

table.testing-details th:not(:last-child),
table.testing-details td:not(:last-child){
	border-right: 4px solid #85c687 !important;
}

table.testing-details tr:first-child th,
table.testing-details tr td:first-child {
	font-weight: 600 !important;
	color: #BDBBBC;
	font-family: "Asap Condensed";
	letter-spacing: 0px;
}

@media only screen and (max-width: 1000px) {
	table.testing-details {
		font-size: 12px;
		line-height: 10px;
	}
	
	table.testing-details th,
	table.testing-details td {
		text-align: center;
		vertical-align: middle;
		padding: 15px 5px;
		height: auto;
		border-color: #85c687 !important;
		
	}
	
	table.testing-details tr:not(:last-child),
	table.testing-details th:not(:last-child),
	table.testing-details td:not(:last-child){
		border-width: 2px !important;
		
	}
}


div.form h4:not(:first-child) {
	margin-top: 60px;
}

.grid-form, .kit-supply-form-grid {
	display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
	align-items: baseline;
	
}

span.shared-ustma {
	font-style: italic;
	font-size: 10px;
	color: grey;
}

#wpcf7-f5-o2 .wpcf7-response-output {
    color: #fff;
}
.wpcf7-not-valid-tip {
    position: absolute;
}

.test-dir-wrapper {
	margin-top:-12px;
}

	
.test-title-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.test-more-info{
	padding-right: 20px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.test-more-info-link{
	text-wrap: nowrap;
	color:#FFF;
    font-size: 14px;
    /* font-weight: bold; */
    text-decoration: none;
    padding-top: 1px;
}

.test-more-info-arrow{
	/* position: relative;
	top: 1px; */
	color:#FFF;
}

.test-title-container:hover {
    background-color: #B53038;
    cursor: pointer;
}
.test-title-container:hover .test-more-info-arrow::before,
.test-results-main-posts .post-contents:hover .test-more-info-arrow::before {
    content: "\f106"; 
	 transition: transform 0.3s ease-in-out;
	font-size:24px;
}
i.fa.fa-minus.fa-rotate-90.test-more-info-arrow {
    font-size: 21px;
}

.test-file-spacer {
	padding-top:15px;
}
.test-file-spacer a.simple-btn {
    width: 182px;
    display: block;
    text-align: center;
}


.test-result-scroll {
  position: relative;
  overflow-x: auto;
  padding-bottom: 20px; /* Space for fake scrollbar */
}



.fake-scrollbar {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 8px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.fake-scrollbar-thumb {
  position: absolute;
  left: 0;
  width: 50px;
  height: 8px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  transition: 0.2s ease-out;
}

.header-button-cta {
	word-spacing: 3px;
}

.list-table-bottom-pad {
    margin-bottom: 0%;
}


@media print {

  /* 1) Hide the chrome you don't want on paper */
  .navbar-content, footer, .site-footer, .footer,  .print-remove, .button-bar-container, .secondary-header, .grecaptcha-badge {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }

	
  /* 2) Create a printable page container for your main content (optional) */
  main, .site-main, .content, .entry-content, .container, .wrap {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
	
  .test-result-scroll{width: 650px; overflow-x: inherit !important;}
  .lower-table {
    min-width: fit-content  !important;
  }
  .shrink {
    top: inherit;
  }
  .slide-header {
    top: 35px;
    position: absolute !important;
  }
	  div.test-result-single table tbody tr td:first-child {
    font-size: 15px;
  }
  div.test-result-single table tbody tr * {
    font-size: 14px;
  }
}


@media print {
  /* 1) Let the content use the full page width */
  html, body { width: auto !important; }
  main, .site-main, .content, .entry-content, .container, .wrap, .print-container {
    max-width: none !important;
    width: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  /* 2) Tables: fit page width and wrap long content */
  table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important; /* enables reliable wrapping */
    border-collapse: collapse !important;
  }
  th, td {
    word-break: break-word !important;   /* modern */
    overflow-wrap: anywhere !important;  /* modern */
    white-space: normal !important;      /* don't keep long lines unbroken */
    padding: 6pt 8pt !important;         /* optional: tighter padding for paper */
  }

  /* 3) Kill scroll wrappers that clip on paper (Bootstrap, etc.) */
  .table-responsive,
  .wp-block-table.is-style-scrollable,
  .dataTables_wrapper,
  .overflow-auto,
  .overflow-x-auto,
  .overflow-hidden {
    overflow: visible !important;
    max-width: none !important;
  }

  /* 4) Avoid other layout gotchas */
  * { box-sizing: border-box !important; }
  img, svg { max-width: 100% !important; height: auto !important; }
  pre, code { white-space: pre-wrap !important; word-break: break-word !important; }
  /* Some themes apply transforms that can cause print clipping—neutralize them */
  [style*="transform:"], .has-transform {
    transform: none !important;
  }

  /* Optional: smaller type just for tables if you need extra room */
  /* table { font-size: 11pt !important; } */

  /* Optional: landscape for very wide tables (uncomment to try) */
  /* @page { size: A4 landscape; } */
}