/*
Theme Name: AlphaBio
Theme URI: http://www.website.com
Author: KISS Communications
Author URI: https://www.kisscom.co.uk/
Description: Custom theme converted from Twenty Twenty One
Version: 1.1
*/


@font-face {
    font-family: 'proxima_novalight_italic';
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-lightitalic-webfont.woff2') format('woff2'), url('/wp-content/themes/alphabio/_fonts/proximanova-lightitalic-webfont.woff') format('woff');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-lightitalic-webfont.eot');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-lightitalic-webfont.ttf') format('truetype'), url('/wp-content/themes/alphabio/_fonts/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novaregular';
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-regular-webfont.woff2') format('woff2'), url('/wp-content/themes/alphabio/_fonts/proximanova-regular-webfont.woff') format('woff');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-regular-webfont.eot');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-regular-webfont.ttf') format('truetype'), url('/wp-content/themes/alphabio/_fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-semibold-webfont.woff2') format('woff2'), url('/wp-content/themes/alphabio/_fonts/proximanova-semibold-webfont.woff') format('woff');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-semibold-webfont.eot');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('/wp-content/themes/alphabio/_fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-regularitalic-webfont.woff2') format('woff2'), url('/wp-content/themes/alphabio/_fonts/proximanova-regularitalic-webfont.woff') format('woff');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-regitalic-webfont.eot');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/alphabio/_fonts/proximanova-regitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'proxima_novalight';
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-light-webfont.woff2') format('woff2'), url('/wp-content/themes/alphabio/_fonts/proximanova-light-webfont.woff') format('woff');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/alphabio/_fonts/proximanova-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'proxima_novabold';
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-bold-webfont.woff') format('woff'), url('/wp-content/themes/alphabio/_fonts/proximanova-bold-webfont.woff2') format('woff2');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-bold-webfont.eot');
    src: url('/wp-content/themes/alphabio/_fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/alphabio/_fonts/proximanova-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* = Reset
----------------------------------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; }

/* = HTML5 Elements
----------------------------------------------------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* = Body
----------------------------------------------------------------------------------------------------------------- */
body { color: #000; font-size: 20px; line-height: 28px; text-align: left; font-family: 'proxima_novaregular', Arial, Sans-Serif; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;  background: #fff; }


/* = Typography
----------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; color: #333; line-height: normal; }
h1, .single-post h2 { font-size: 56px; margin-bottom: 30px; line-height: 78px; font-family: 'proxima_novabold', Arial, Sans-Serif;}
h2 { font-size: 40px; line-height: 48px; margin-bottom: 25px; font-family: 'proxima_novalight', Arial, Sans-Serif; font-weight: lighter; }
h3 { font-size: 26px; line-height: 36px; font-family: 'proxima_novalight', Arial, Sans-Serif; font-weight: lighter;}
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.2em; }

.bold { font-family: 'proxima_novabold', Arial, Sans-Serif; }
/* h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; color: #333; line-height: normal; }
h1 { font-size: 1.8em; margin-bottom: 30px; font-family: 'proxima_novabold', Arial, Sans-Serif;}
h2 { font-size: 1.6em; margin-bottom: 25px; font-family: 'proxima_novalight', Arial, Sans-Serif; }
h3 { font-size: 1.4em; font-family: 'proxima_novalight', Arial, Sans-Serif; font-weight: lighter;}
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.2em; } */

@media screen and (max-width: 1000px) {
    h1 { font-size: 46px; line-height: 56px; }
    h2 { font-size: 38px; line-height: 42px; }
}

@media screen and (max-width: 600px) {
    h1 { font-size: 36px; line-height: 42px; }
    h2 { font-size: 32px; line-height: 36px; }
    h3 { font-size: 24px; }
}



p { margin: 0 0 20px; line-height: 1.5em; font-family:'proxima_novaregular', Arial, Sans-Serif; }
p:last-child {margin-bottom:0;}
.p-light { font-family: 'proxima_novalight', Arial, Sans-Serif; }

.leader { font-size: 1.2em; }


blockquote { }
/* blockquote { margin: 40px 0; border-left: 6px solid #c7c7c7; padding-left: 35px; } */
blockquote p { margin: 0; font-size: 32px; line-height: 40px; font-family: 'proxima_novalight_italic', Arial, sans-serif; }
blockquote cite { }
/* blockquote cite { font-size: 1em; font-style: normal; margin-top: 15px; display: block; } */
blockquote p cite { font-size: 16px; line-height: 20px; font-family: 'proxima_novaregular', Arial, sans-serif; font-style: normal; }

a { color: #b23883; text-decoration: none; font-weight: bold; }
a:hover { color: #b23883; text-decoration: underline; }

img { max-width: 100%; vertical-align: bottom; height: auto; -ms-interpolation-mode: bicubic; }

hr, hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { margin: 40px 0; height: 1px; border: 0; width: 100%; border-top: 1px solid #979797;  }
small { font-size: 0.8em; }
address { margin: 0 0 20px; line-height: 1.5em; font-style: normal; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { margin: 0; }
pre code { font-size: 1.5em; white-space: pre-wrap; }

figure { margin: 0 0 20px; }
figcaption { padding-top: 10px; color: #444; font-size: 0.85em; }
.wp-block-media-text figcaption { max-width: 506px; text-align: center; }
.wp-block-media-text.has-media-on-the-right figcaption { margin-left: auto; margin-right: 0; }

@media screen and (max-width: 850px) {
    .wp-block-media-text figcaption, .wp-block-media-text.has-media-on-the-right figcaption { margin-left: auto; margin-right: auto; }
}

.floatLeft { float: left; }
.floatRight { float: right; }
.hide { display: none; }
.hideText { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clr { clear: both; }

.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.highlight { color: #b23883; }
.marked { color: #fff; background: #b23883; }
.meta { color: #666; font-style: italic; font-size: 0.9em; margin-bottom: 10px; }
.break-word { word-wrap: break-word; }

/* = Colours
----------------------------------------------------------------------------------------------------------------- */
.brandgreen { color: #fff; background: #bfcd35; }
.brandblue { color: #fff; background: #1878a8; }
.brandpink { color: #fff; background: #b23883; }
.brandgrey { color: #fff; background: #545454; }
.block { display: inline-block; padding: 50px 50px 10px 20px; font-weight: bold; }

/* = Buttons
----------------------------------------------------------------------------------------------------------------- */
.btn { display: inline-block; padding: 10px 20px; margin:0; color: #fff; font-weight: bold; font-family: Arial, Sans-Serif; outline: none; cursor: pointer; border: 1px solid #e38626; background: #e38626; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.btn:hover { color: #fff; opacity: 0.8; }

.btnImpact { border-color: #a8274c; background: #a8274c; }

input.btn { font-size: 1em; line-height: 1.5em; }

.wp-block-button__link { background-color: #A93178; cursor: pointer; border: none; border-radius: 26px 0 26px 0; color: #fff; display: inline-block; font-size: 16px; line-height: 20px; padding: 16px 18px 16px 19px; text-decoration: none; font-family: 'proxima_novabold', Arial, Sans-Serif; }
.wp-block-button__link:hover { background-color: #006DB0; color: #fff; text-decoration: none; }
.downloadBtn a, .mailBtn a, .liBtn a, .twBtn a { text-align: left; }
.downloadBtn a::before, .mailBtn a::before, .liBtn a::before, .twBtn a::before { background: no-repeat center/cover; content: ''; display: inline-block; height: 19px; margin-right: 10px; vertical-align: bottom; width: 15px; }
.downloadBtn a::before { background-image: url('/wp-content/themes/alphabio/assets/images/download-icon.png'); }
.mailBtn a::before { background-image: url('/wp-content/themes/alphabio/assets/images/mail-icon.svg'); height: 20px; margin-right: 16px; width: 20px; }
.liBtn a::before { background-image: url('/wp-content/themes/alphabio/assets/images/linkedin-white.svg'); height: 20px; margin-right: 16px; width: 18px; }
.twBtn a::before { background-image: url('/wp-content/themes/alphabio/assets/images/twitter-white.svg'); height: 20px; margin-right: 16px; width: 20px; }

@media screen and (max-width: 850px) {
    .mailBtn a { text-align: center; }
}

@media screen and (max-width: 600px) {
    .downloadBtn a { text-align: center; }
}

/* = Lists
----------------------------------------------------------------------------------------------------------------- */
ul { margin: 0 0 25px;  padding-left: 25px; line-height: 1.5em; }
ul li { margin: 0 0 10px; }
ul li ul { margin-top: 20px; margin-left: 30px; list-style-type: circle; }

ol { margin: 0 0 25px;  padding-left: 25px; line-height: 1.5em; }
ol li { margin: 0 0 10px; }
ol li ol { margin-top: 20px; margin-left: 30px; list-style-type: lower-latin; }

dl { margin: 0 0 25px;  line-height: 1.5em; }
dt { color: #111; font-weight: bold; }
dd { margin: 0 0 20px; }

.inline { margin-left: 0; padding: 0; list-style: none; }
.inline li { display: inline; margin: 0 15px 0 0; }

.breadcrumb ul { margin-left: 0; padding: 0; list-style: none; }
.breadcrumb ul li { display: inline; margin: 0 10px 0 0; }

.paging { margin: 0 0 20px; }
.paging ul { margin: 0; padding: 0; list-style: none; }
.paging ul li { display: inline; }
.paging ul li.det { padding-right: 10px; }
.paging ul li a { display: inline-block; font-weight: bold; padding: 6px 12px; color: #fff; background: #666; }
.paging ul li a:hover { background: #454545; }
.paging ul li a.on { background: #080808; }

@media screen and (max-width: 600px) {
    .paging ul li.det { display: block; margin:0 0 5px; }
}

/* = Tables
----------------------------------------------------------------------------------------------------------------- */
.tableWrap { overflow: auto; }
table { width: 100%; margin: 0 0 20px; border-spacing: 0; border-collapse: collapse; }
th { padding: 15px 10px; color: #fff; border: 1px solid #333; background: #333; }
tr:nth-child(even) td { background: #f6f6f6; }
td { padding: 10px; border: 1px solid #e5e5e5; background: #fff; }
.rowItemStandout td { color: #fff; background: #a1c897; }

/* = Screen Messages
----------------------------------------------------------------------------------------------------------------- */
.msg { margin: 0 0 20px; padding: 20px; background: #f5f5f5; }
.msg p { margin-bottom: 0; }
.msg ul {  margin-bottom: 0; }
.msg ul li { margin-bottom: 5px; }
.msg ul li:last-child {margin-bottom: 0;}

.msgImp { padding-left: 65px; color: #fff; background: #8ec3d9 url(/_img/icons/important.svg) no-repeat 30px center; }
.msgError { padding-left: 65px; color: #fff; background: #e84d54 url(/_img/icons/error.svg) no-repeat 20px center; }
.msgSuccess { padding-left: 65px; color: #fff; background: #a1c897 url(/_img/icons/success.svg) no-repeat 20px center; }
.msgSuccess h3 { color: #fff; margin: 0 0 10px; }
.msgAssist { background-color: #fff0bc; }

.msgImp a,
.msgError a,
.msgSuccess a { color: #fff; font-weight: bold; }

/* = Flex
----------------------------------------------------------------------------------------------------------------- */
.flx { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flx-inl { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; }
.flx--col { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flx--jc { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flx--ac { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; }
.flx--ai { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flx--wr { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flx--noSh { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

/* = Columns
----------------------------------------------------------------------------------------------------------------- */
/* .cols { margin-bottom: 30px; }
.colsHalf .col { width: 49%; float: left; margin-right: 2%; }
.colsThird .col { width: 32%; float: left; margin-right: 2%; }
.colsFourth .col { width: 22%; float: left; margin-right: 4%; }
.cols .endCol { margin-right: 0; } */

@media screen and (max-width: 750px) {
    .colsHalf .col { width: 100%; margin-right: 0; }
    .colsThird .col { width: 100%; margin-right: 0; }
    .colsFourth .col { width: 100%; margin-right: 0; }
}

/* = Tabs
----------------------------------------------------------------------------------------------------------------- */
.tabs { margin: 40px 0; }
.tabs > ul { margin: 0; padding: 0; list-style: none; }
.tabs > ul li { display: inline; margin: 0 20px 0 0; }
.tabs > ul li a { display: inline-block; color: #000; position: relative; }
.tabs > ul li a:hover { color: #545454; text-decoration: none; }
.tabs > ul li a.on { color: #b23883; }
.tabs > ul li a.on:after  {content:''; position: absolute; bottom:0; left:0; width:100%; height: 2px; background:#b23883;}

.tabs .panel { padding: 20px 0 0; }

/* = Accordions
----------------------------------------------------------------------------------------------------------------- */
.accordion { margin: 30px 0; padding: 0; list-style: none; }
.accordion:first-child { margin-top: 0; }
.accordion:last-child { margin-bottom: 0; }

.accordion > h3,
.accordion > dt { display: block;  margin: 0 0 10px; padding: 10px 55px 10px 20px; font-size: 18px; line-height: 1.4em;  background: #545454; color: #fff;  cursor: pointer; position: relative;   -webkit-transition: background-color 300ms; transition: background-color 300ms; }

.accordion > h3:after,
.accordion > dt:after { content:''; width:18px; height:12px; position: absolute; top:calc(50% - 6px); right:20px; background:  url(/_img/icons/down-chevron.svg) 0 0 no-repeat;}

.accordion > h3.on,
.accordion > dt.active { margin: 0; background-color: #b23883;  }

.accordion > h3.on:after ,
.accordion > dt.active:after {  -webkit-transform:rotate(180deg); transform:rotate(180deg); }

.accordion > dt:last-of-type {margin:0;}

.accordion .content,
.accordion dd { display: none; padding: 25px 10px; }

.accordion dd.active:last-child { padding-bottom: 5px; }

.accordion .content.contentopen,
.accordion dd.active { display: block; margin: 0; }

@media screen and (max-width: 600px) {
    .accordion { margin: 25px 0; }

    .accordion > h3,
    .accordion > dt { font-size: 16px; padding: 10px 50px 10px 18px; }

    .accordion > h3:after,
    .accordion > dt:after {  right:18px; }

    .accordion .content, 
    .accordion dd { padding: 20px 5px; }
}

/* = Inline images (CKeditor)
----------------------------------------------------------------------------------------------------------------- */
.inline-image { margin: 30px 0; }
p + .inline-image:not(.image-captioned) {margin-top:10px;}

.image-left { float:left; margin: 5px 30px 30px 0;  max-width: 50%;}
.image-right {float:right;  margin: 5px 0 30px 30px; max-width: 50%;  }
.image-center { margin: 30px 0; text-align: center; } 
.image-center .inline-image {margin:0; }

.image-captioned {padding:12px; background:#ededed; }

@media screen and (max-width: 600px) {
    .image-captioned { padding:10px;  }
}

@media screen and (max-width: 480px) {
    .image-left,
    .image-right  { float: none; margin: 25px 0; width: 100%; max-width: 100%; }
}

@media screen and (max-width: 400px) {
    .image-left,
    .image-right  {  margin: 22px 0;  }
}

/* = Simplebox test
----------------------------------------------------------------------------------------------------------------- */
.simplebox { margin:30px auto; max-width: 500px;  }
.simplebox-title {margin:0; padding: 15px 25px; color:#fff; background:#CC2086; }
.simplebox-content {color:#fff; padding:25px; background:#a8274c;}

/* = Oembed plugin (CKeditor - Inline Tweets, Media, Vimeo etc.)
----------------------------------------------------------------------------------------------------------------- */
.embeddedContent { margin: 30px 0;  }
.twitter-tweet  {margin:0 auto; }


/* = YouTube plugin (CKeditor - Inline YouTube video)
----------------------------------------------------------------------------------------------------------------- */
.youtube-container { position: relative; margin: 30px 0; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.youtube-container iframe, .youtube-container object, .youtube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* = Forms
----------------------------------------------------------------------------------------------------------------- */
.webForm > div { margin: 0 0 20px; }
.webForm > div em { display: block; float: left; margin-left: 25%; margin-top: 8px; font-size: .9em; }

.webForm .submitBtn { margin: 20px 0; }
.webForm .submitBtn label { display:none; }

label { width: 25%; float: left; padding: 10px 0; }
input.text, textarea, select { width: 75%; padding: 10px 12px; margin:0; font-size: 1em; font-family: Arial, Sans-Serif; border: 1px solid #e5e5e5; background: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
input.text:focus, textarea:focus, select:focus { outline: none; border-color: #ccc; }
input.file { margin: 8px 0; }

/*Cross browser & device select reset*/
.select { position: relative; width: 75%; float: left; }
.select:after { content: ''; position: absolute; top: 0; width: 0; height: 0; right: 15px; bottom: 0; margin: auto; border-style: solid; border-width: 6px 5px 0px 5px; border-color: #333 transparent transparent transparent; pointer-events: none; }
.select select { content: ''; height: 100%; width: 100%; cursor: pointer; outline: none; padding-right: 40px; -moz-appearance: none; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; }
.select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
.select select::-ms-expand { display: none; }

/*Cross browser & device input reset*/
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox { -webkit-appearance: none; border-radius: 0; }

textarea { min-height:150px; min-width:75%; max-width:75%; }

/*Cross browser placeholder text reset*/
::-webkit-input-placeholder { color: #000; opacity:1; }
::-moz-placeholder { color: #000; opacity:1; }
:-ms-input-placeholder { color: #000; opacity:1; }
:-moz-placeholder { color: #000;  opacity:1; }

.formList { display: inline-block; padding: 2px 0; line-height: 1.5em; }
.formList label { width: auto;  float: none; }
.formList input { width: auto; margin: 0 10px 0 0; padding: 0; border: 0; }

/*Cross browser custom checkboxes and radio lists*/
.checkbox, .check { display: inline-block;padding: 0; margin: 8px 0;  position: relative;}
.checkbox input, .check input { opacity: 0;  position: relative; width: 22px;  height: 22px; left:0; top:0; margin: 0; padding: 0; border: 0;  cursor:pointer;   z-index: 1;  }

.formList input { opacity: 0; position: absolute;  margin: 10px; }
.formList label {  margin: 5px 0; padding: 0 0 0 30px; cursor: pointer; display: inline-block; vertical-align: middle; position: relative }

.formList label:before,
.checkbox:before, 
.check:before { content: '';   position: absolute; left:0; top:0; border: 1px solid #ddd;  width: 16px; height: 16px; padding: 2px;  display: inline-block; vertical-align: middle; background: #fff; text-align: center; cursor: pointer }

.formListRadio label:before,
.radList label:before { -webkit-border-radius: 16px; border-radius: 16px; }

.formListRadio label.checked:after,
.radList label.checked:after { content: ''; position: absolute; left: 6px; top: 6px; width: 10px; height: 10px; border-radius: 10px; background: #333; }

.formListCheckbox label.checked:after,
.checkList label.checked:after,
.checkbox.checked:after,
.check.checked:after { content: ''; position: absolute; left: 8px; top: 4px; width: 4px; height: 10px; border: solid #333; border-width: 0 2px 2px 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.labelfullwidth div { clear: left; margin: 0 0 10px; }
.labelfullwidth div .label { width: 100%; padding: 0 0 10px; }
.labelfullwidth label.labelhide { display: none; }
.labelfullwidth input.text, .labelfullwidth textarea, .labelfullwidth select { width: 100%; }
.labelfullwidth .formList { width: 100%; float: left; margin: 0 0 10px; }
.labelfullwidth .formList input { float: left; margin: 3px 5px 0 0; }
.labelfullwidth .formList label { width: auto; float: none; padding: 0; }
.labelfullwidth .formList br { clear: left; }

@media screen and (max-width: 750px) {
    .nolabel {display: none;}

    .webForm div em { margin-top: 5px; margin-left: 0;  float: none; font-size: .85em; }
    .select { width:100%; float: none; clear: both; }
    label { width: 100%; float: left; padding-top: 0; padding-bottom: 5px; }
    
    .webForm > div {margin: 0 0 15px; }
    .webForm > div > label { padding:0; margin-bottom:6px; }

    input.text, textarea, select { width: 100%; }
    input.file { margin-top: 0; margin-bottom: 0; }
    .formList { padding-top: 0; padding-bottom: 0; }
    .checkbox {    margin: 5px 0;}
    textarea { min-width: 100%; max-width: 100%; }
}

/* = No Javascript
----------------------------------------------------------------------------------------------------------------- */
.no-js .tabs ul { display: none; }
.no-js .tabs .panel { padding: 0; }
.no-js .accordion .content { display: block; }
.no-js header { padding-top: 0; }
.no-js header .nojavascript { padding: 10px 15px; text-align: center; background-image: none; }

/* = Clearing
----------------------------------------------------------------------------------------------------------------- */
.clearFix:after, .container:after, .cols:after, .progress:after, .template:after, .webForm > div:after { content: ""; display: table; clear: both; }

/* = Framework
----------------------------------------------------------------------------------------------------------------- */
header { background: transparent; }
footer { padding: 0 0; color: #fff; background: #2A2A2A; }

.container {  margin: 0 auto; position: relative;}
.container-wide { max-width: 1680px; margin: 0 auto; position: relative; padding: 60px 75px 80px;}

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

/* = Templates
----------------------------------------------------------------------------------------------------------------- */
.template { padding: 40px; }

/* = Logo
----------------------------------------------------------------------------------------------------------------- */
.enterpriseLogo { width: 48.05px; height: 80px; display: block; margin: 0 0 20px; background: url("/wp-content/themes/alphabio/assets/images/enterprise-logo.png") no-repeat top left; background-size: 48.05px 80px; position: absolute; left: 54px; top: 9px;}

@media screen and (max-width: 1200px) {
    .enterpriseLogo { background-size: 26px 44px; left: 15px; top: 10px; }
}



/* = Sub Menu
----------------------------------------------------------------------------------------------------------------- */


/* = News
----------------------------------------------------------------------------------------------------------------- */
.news { margin: 0; }
.news ul { margin: 0; padding:0; list-style: none; }
.news ul li { display: inline-block; margin: 0 0 30px; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
.news ul li h3 { margin: 0 0 10px; line-height: 1em; }
.news ul li h4 { margin: 0 0 10px; }
.news ul li img { width: 20%; float: left; margin: 0 20px 20px 0; }
.news ul li .meta { margin: 0 0 20px; }
.news ul li:last-child { margin: 0; padding: 0; border: 0; }

.newsview h1 { margin: 0 0 5px; }
.newsview h2 { margin: 0 0 5px; }
.newsview img { width: 40%; float: right; margin: 0 0 20px 20px; }
.newsview .meta { margin: 0 0 20px; }

.read-more { font-family: 'proxima_novabold', Arial, Sans-Serif; font-weight: bold; }
.read-more::after { content: url('/wp-content/themes/alphabio/assets/images/arrow-pink-r.svg'); padding-left: 5px; }

.read-more-left { font-family: 'proxima_novabold', Arial, Sans-Serif; font-weight: bold; }
.read-more-left::before { content: url('/wp-content/themes/alphabio/assets/images/arrow-pink-l.svg'); padding-right: 5px; }

@media screen and (max-width: 480px) {
    .news ul li img { width: 100%; float: none; }
    .newsview img { width: 100%; float: none; margin-left: 0; }
}

@media screen and (max-width: 600px) {
    .btn-small-mob { width: auto !important;}
}

@media screen and (max-width: 850px) {
    .single-post .wp-block-spacer { height: 30px !important;}
}



/* = Banners
----------------------------------------------------------------------------------------------------------------- */
.banner { margin: 0; }
.banner img { max-width: 100%; margin: 0; }

.bannersrepeater ul { margin: 0; padding:0; list-style: none; }
.bannersrepeater ul li { margin: 0; }

/* = Header
-------------------------------------------------------------------------------------------------*/
.headerInner { background: no-repeat center/cover; position: relative; background-image: url("/wp-content/themes/alphabio/assets/images/home-hero.jpg"); }
header > .headerInner > .container { height: 680px; }
.headerHome .headerInner { background-position: bottom right 30%; }
header.headerHome > .headerInner > .container { height: 100vh; }
.secondLevelPage header > .headerInner > .container { height: 240px; }

header .homeBannerLogo { width: 100%; }
header .headerInner .homeBannerLogo {z-index: 1; top: 175px; position: absolute;}
header .homeBannerLogo img { display: block; margin-left: auto; margin-right: auto; width: 651px; }


@media screen and (max-width: 1250px) {
    header .homeBannerLogo img { width: 550px;}
}

@media screen and (max-width: 1200px) {
    header .homeBannerLogo img { width: 350px; }
    header .headerInner .homeBannerLogo { top: 120px; }
}

@media screen and (max-width: 850px) {
    header .homeBannerLogo img { width: 200px;}
    header .headerInner .homeBannerLogo { top: 105px; }
    .headerHome .headerInner { background-image: url("/wp-content/themes/alphabio/assets/images/home-hero-small.jpg") !important; background-position: top center; }
    header.headerHome > .headerInner > .container { height: 680px;}
}

@media screen and (max-width: 600px) {
    .headerHome .headerInner { height: 680px;}
}

/* Header non-home page
----------------------------------------------------------------------------------------------------------------- */
.bannerTitle { background-color: #BFCD35; width: 100%; position: absolute; top: 500px; z-index: 1; }
.bannerTitle h1 { font-size: 60px; line-height: 62px; margin-bottom: 10px; margin-top: 10px; }
.bannerTitle .container-12 { padding-top: 10px; padding-bottom: 5px; }

.headerBar { background-color: #ffffff; height: 100px; }
.headerHome .headerBar { background-color: transparent; }

.alphaBioHeaderLogo { width: 180px; height: 80px; display: block; margin: 0 0; background-size: 48.05px 80px; position: absolute; left: 53px; top: 17px;}

@media screen and (max-width: 1250px) {
    .headerBar { height: 54px;  }
    .alphaBioHeaderLogo { height: 45.7px; width: 110px; top: 7px; left: 17px; }
}

@media screen and (max-width: 600px) {
    .bannerTitle h1 { font-size: 48px; line-height: 50px; }
    .headerInner { height: 425px; }
    .bannerTitle { top: 250px;}
}

@media screen and (max-width: 400px) {
    .bannerTitle h1 { font-size: 34px; line-height: 38px; }
}

/* Header images
----------------------------------------------------------------------------------------------------------------- */

#biosolutions .headerInner { background-image: url("/_img/header-biosolutions.jpg"); background-position: center center; }
#bioinsecticides .headerInner { background-image: url("/_img/bg-bioinsecticides.jpg"); }
#team .headerInner { background-image: url("/_img/team-hero.jpg");}
#contact .headerInner { background-image: url("/_img/contact-hero.jpg"); }
#news .headerInner { background-image: url("/_img/news-hero.jpg"); background-position: top; }
#rd .headerInner { background-image: url("/_img/tractor-field.jpg"); background-position: top 10%; }
#about-us  .headerInner { background-image: url("/_img/purple-flowers-large.jpg"); }

/* Leaf body */

/* .leaf-background { background-image: url("/_img/bg-leaf.png"); background-repeat: no-repeat; background-size: 1300px auto; background-position-y: -600px;  }
#biosolutions .leaf-background, #bioinsecticides .leaf-background { background-position-y: -600px;} */


/* = Menu
----------------------------------------------------------------------------------------------------------------- */

.burgerMenu { background: #BFCD35; cursor: pointer; height: 54px; position: absolute; right: 0; top: 0; width: 54px; z-index: 9999; display:none }
.burgerMenu .burgerMenuInner { height: 100%; margin: 0 14px 0 13px; position: relative; }
.burgerMenu .burgerMenuInner span, .burgerMenu .burgerMenuInner span::before, .burgerMenu .burgerMenuInner span::after { background: #fff; height: 3px; left: 0; position: absolute; right: 0; }
.burgerMenu .burgerMenuInner span { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%);  -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; }
.burgerMenu .burgerMenuInner span::before, .burgerMenu .burgerMenuInner span::after { content: ''; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.burgerMenu .burgerMenuInner span::before { top: -9px; }
.burgerMenu .burgerMenuInner span::after { bottom: -9px; }

.burgerMenuTransparent .burgerMenuInner span, .burgerMenuTransparent .burgerMenuInner span::before, .burgerMenuTransparent .burgerMenuInner span::after { background: #383B41; }
.burgerMenuTransparent { background: none; }

.navOn .burgerMenu .burgerMenuInner span { background: none !important; }
.navOn .burgerMenu .burgerMenuInner span::before { top: 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg); transform: rotate(45deg); }
.navOn .burgerMenu .burgerMenuInner span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

nav { left: 225px; position: absolute; right: 53px; top: 17px; z-index: 3; display: inline-block; margin-right: 0px; padding-right: 185px; text-align: right; }
nav .primary-menu-container { display: inline-block; vertical-align: middle; }
nav .flag-icons { cursor: pointer; line-height: 24px; padding: 15px; position: absolute; right: 0; top: 8px; transition: background-color 0.5s; vertical-align: middle; width: 185px; }
nav ul { margin-bottom: 0; padding-left: 0; text-align: right; }
nav ul li { display: inline-block; line-height: 21px; margin-bottom: 0; padding: 25px; }
nav ul li:first-child { margin-left: 0; } 
nav ul li a { color: #2a2a2a; font-size: 20px; font-weight: bold; text-decoration: none; font-family: 'proxima_novabold', Arial, Sans-Serif; cursor: pointer;}

.menu li { vertical-align: top; }

.phonenumber {
    display: none;
    border-left: 1px solid #2A2A2A;
    color: #2A2A2A;
    font-family: 'proxima_novabold', Arial, Sans-Serif;
    font-size: 20px;
    padding-left: 50px;
    float: right;
    position: relative;
    top: 38px;
    margin-right: 53px;
    /* display: block; */
}

.phonenumber a { color: #2a2a2a; }
.phonenumber a:hover { color: #b23883; }

@media screen and (min-width: 1250px){
    .navBackground { background: #fff; content: ''; height: 97px; left: 0; opacity: 0.8;  -moz-opacity: 0.8; -webkit-opacity: 0.8;  filter: alpha(opacity=80);  position: absolute; top: 0; width: 100%; z-index: 1; }
    nav ul li ul { display: none; width: 250px; margin: 0 0; top: 50px; position: absolute; text-align: center; background: #fff; box-shadow: 0 2px 2px #ddd; left: 50%; transform: translateX(-50%);}
    nav ul li ul li { padding-top: 0; text-align: center; }
    nav ul li ul li a { display: block; font-family: 'proxima_novalight'; font-size: 18px; }
    nav ul li ul li:first-child { padding-top: 25px; }
    nav ul li ul li a:hover { color: #006DB0; }
    
    nav ul li { position: relative; }
    nav ul li button { display: none; }

    .sub-menu { display: none; }
    nav > div > ul > li:hover .sub-menu { display: inline-block;}
}

@media screen and (max-width: 1350px) {
    .phonenumber { margin-left: 50px; }
}

@media screen and (max-width: 1250px) {
    .burgerMenu { display: block; }
    .navOn { overflow: hidden; }
    .navOn::after { background: #001217; content: ''; height: 100%; left: 0; opacity: 0.5;  -moz-opacity: 0.5; -webkit-opacity: 0.5;  filter: alpha(opacity=50); position: fixed; top: 0; width: 100%; z-index: 99; }
    .navOn nav { right: -265px }
    nav { background: #BFCD35; height: 100vh; left: auto; margin-right: 265px; overflow: auto; padding-right: 0; padding-top: 54px; position: fixed; right: -600px; top: 0; -webkit-transition: 0.3s linear; -ms-transition: 0.3s linear; transition: 0.3s linear; width: 300px; z-index: 999; }
    nav .primary-menu-container { display: block; }
    nav ul { padding-left: 32px; }
    nav ul li { border-bottom: 1px solid #fff; display: block; line-height: 27px; margin-left: 0; text-align: left; }
    nav ul li a { display: block; font-size: 18px; opacity: 1; padding: 20px 0; cursor: pointer; }
    nav ul li button span { display: none; }
    .menu li { max-width: none; }
    nav ul li { padding: 0px; padding-right: 25px; }
    nav ul li a { display: inline-block; }
    /* .submenu-bio { display: block !important; }
    .submenu-about { display: block !important; } */

    nav ul li ul { background: none; position: relative; box-shadow: none; display: none; margin: 0 0; padding: 0 0; padding-bottom: 20px; }
    nav ul li ul li { display: block; text-align: left; margin: 0 0; border-bottom: none; }
    nav ul li ul li a { font-family: 'proxima_novalight'; font-size: 18px; display: inline-block; padding: 8px 0; color: black; width: 50%; }
    .menu button { transition-duration: 0.5s; margin-top: 20px; float: right; background: url('/wp-content/themes/alphabio/assets/images/chevron-left.png') no-repeat center; background-position-x: 1px; background-size: 12px auto; height: 20px !important; width: 18px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); cursor: pointer; border: none; }

    .rotate { transform: rotate(90deg) !important; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transition-duration: 0.5s; }
    .dropdownOn { display: block !important; -webkit-animation: fadeIn 1s; -ms-animation: fadeIn 1s;animation: fadeIn 1s; }

    @-webkit-keyframes fadeIn {

        from { opacity: 0; }
          to { opacity: 1; }
    }
    @keyframes fadeIn {
        from { opacity: 0; }
          to { opacity: 1; }
    }

    .phonenumber { margin-left: 0; border-left: none; padding-left: 0; display: none;}
}

/* Currently selected page */
.headerInner .current-menu-item > a { color: #b23883; text-decoration: underline;}
.headerInner .current-menu-parent > a { color: #b23883; text-decoration: underline; }
.headerInner .sub-menu .current-menu-item > a { color: #006DB0; text-decoration: underline;}

/* Language Selector */
.flag-icons.language-selector-active { background: #fff; }

.flag-icons p {
    display: inline-block;
    font-family: 'proxima_novabold', Arial, Sans-Serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0;
    padding: 0 22px 0 30px;
    position: relative;
}

.flag-icons.language-selector-active p { visibility: hidden; }

.flag-icons p::before {
    background: url(/wp-content/themes/alphabio/assets/images/globe.svg) no-repeat center/20px 20px;
    content: '';
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 20px;
}

.flag-icons.language-selector-active p::before { visibility: visible; }

.flag-icons p::after {
    background: url(/wp-content/themes/alphabio/assets/images/arrow-black-d.svg) no-repeat center/12px 9px;
    content: '';
    display: inline-block;
    height: 24px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: 0.5s;
    vertical-align: middle;
    width: 12px;
}

.flag-icons.language-selector-active p::after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    visibility: visible;
}

.flag-icons span { 
    background: no-repeat center/contain;
    display: inline-block;
    height: 16px;
    line-height: 1em;
    position: relative;
    vertical-align: middle;
    width: 21px;
}

.flag-icons .flag-icon-es {
    background-image: url(/wp-content/themes/alphabio/assets/images/es.svg);
}

.flag-icons .flag-icon-gb {
    background-image: url(/wp-content/themes/alphabio/assets/images/gb.svg);
}

.flag-icons .flag-icon-it {
    background-image: url(/wp-content/themes/alphabio/assets/images/it.svg);
}

.flag-icons ul {
    display: none;
    margin: 0;
    text-align: left;
}

.flag-icons.language-selector-active ul {
    display: block;
    -ms-animation: fadeIn 1s;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.flag-icons ul li {
    display: block;
    line-height: 21px;
    margin-bottom: 0;
    padding: 0 25px 15px 30px;
    vertical-align: top;
}

.flag-icons ul li:first-child {
    padding-top: 15px;
}

.flag-icons ul li a {
    display: inline-block;
    font-family: 'proxima_novalight';
    font-size: 18px;
    margin-right: 10px;
}

.flag-icons ul li a:last-of-type {
    display: inline;
    float: right;
    margin-right: 0;
}

.flag-icons ul li a:hover {
    color: #B23883;
}

@media screen and (max-width: 1250px) {
    nav .flag-icons {
        display: block;
        padding-left: 32px;
        position: static;
        text-align: left;
        width: 100%;
    }

    .flag-icons ul {
        background: none;
        padding-left: 0;
        position: static;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        width: 100%;
    }

    .flag-icons ul li {
        position: relative;
    }

    .flag-icons ul li a {
        padding: 0;
    }

    .flag-icons ul li a:last-of-type {
        float: none;
        left: 110px;
        position: absolute;
        top: 0;
    }

    .flag-icons ul li:first-of-type a:last-of-type {
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}


/* Square buttons
----------------------------------------------------------------------------------------------------------------- */

.square-buttons4 ul { list-style: none; overflow: auto; padding-left: 0; padding-right: 0; }
.square-buttons4 li { -webkit-mask-image: -webkit-radial-gradient(white, black); float: left; margin-bottom: 22px; position: relative; margin-right: 22px; width: calc(25% - 22px); aspect-ratio: 1 / 1; overflow: hidden; border-radius: 30px; -webkit-border-radius: 30px;}
.square-buttons4 li:nth-child(4), .square-buttons4 li:nth-child(8) { margin-right: 0; }
.square-buttons4 li:nth-child(1), .square-buttons4 li:nth-child(5) { margin-left: 11px; }
.square-buttons4 .imgContainer { position:relative; overflow: hidden; -webkit-border-radius: 30px; border-radius: 30px; transition: 0.4s; background-color: #2a2a2a; z-index: 5; overflow: hidden; height: 100%; padding-bottom: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.square-buttons4 li div { bottom: 0; left: 0; position: absolute; right: 0; }
.square-buttons4 .imgContainer img { object-fit: cover; object-position: 30% 20%; height: 100%; overflow: hidden; width: 100%; border-radius: 30px; -webkit-border-radius: 30px; opacity: 60%;  -moz-opacity: 0.6; -webkit-opacity: 0.6;  filter: alpha(opacity=60); z-index: 1; }
.square-buttons4 .square-button-link {  text-align: center; z-index: 10; bottom: 50%; transform: translateY(50%);  }
.square-buttons4 a { color: white; font-size: 24px; line-height: 28px; font-family: 'proxima_novaregular', Arial, Sans-Serif; font-weight: normal;  }
.square-buttons4 .square-button-link a:hover { text-decoration: none; }
.square-buttons4 ul { padding-right: 0; margin-bottom: 0;}

.square-button-link-container { height: 100%; width: 100%; }
.square-button-link-container:hover  { background-color: rgba(169, 49, 120, 0.7); }

.square-buttons .container-12 { padding-top: 160px; padding-bottom: 160px; width: 100%; }

/* .square-buttons4 li:hover > a > div > img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(150%); overflow:hidden;  } */
.square-buttons4 li:hover > a > .imgContainer { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); overflow:hidden; }


/* SQUARE BUTTON IMAGES */
.square-buttons .btnBioinsecticides .imgContainer { background-image: url('/_img/bioinsecticides.jpg'); }
.square-buttons .btnBiofungicides .imgContainer { background-image: url('/_img/biofungicides.jpg'); }
.square-buttons .btnBioherbicides .imgContainer { background-image: url('/_img/b&d.jpg'); }
.square-buttons .btnBiostimulants .imgContainer { background-image: url('/_img/biostimulants.jpg'); }

.square-buttons .apples .imgContainer { background-image:  url('/_img/apple.jpg'); background-position: 15%;}
.square-buttons .raspberries .imgContainer { background-image:  url('/_img/raspberries.jpg'); background-position: 5%; }
.square-buttons .blueberries .imgContainer { background-image:  url('/_img/blueberries.jpg'); }
.square-buttons .courgettes .imgContainer { background-image:  url('/_img/courgettes.jpg'); background-position: 8%; }
.square-buttons .salad .imgContainer { background-image:  url('/_img/salad.jpg'); }
.square-buttons .corn .imgContainer { background-image:  url('/_img/corn.jpg'); background-position: 0 50%; }
.square-buttons .orange-flower .imgContainer { background-image:  url('/_img/orange-flower.jpg'); background-position: 95%; }

.square-buttons .btnBiosolutions .imgContainer { background-image: url('/_img/greenhouse.jpg'); }
.square-buttons .btnAbout .imgContainer { background-image: url('/_img/purple-flowers.jpg'); }
.square-buttons .btnNews .imgContainer { background-image: url('/_img/tractor-mist.jpg'); }

.square-buttons .btnTeam .imgContainer { background-image: url('/_img/tractor-facing.jpg'); }
.square-buttons .btnDistributors .imgContainer { background-image: url('/_img/fields-aerial.jpg'); }
.square-buttons .btnFood .imgContainer { background-image: url('/_img/food.jpg'); }

.no-border-radius { border-radius: 0px !important; }

/* TODO: Rework page-specific tag */
#biosolutions .square-buttons4 li:nth-child(3), #biosolutions .square-buttons4 li:nth-child(4) { margin-bottom: 0; } 


@media screen and (max-width: 1200px) {
    .square-buttons4 .square-button-link a { font-size: 20px; }
}

@media screen and (max-width: 1000px) {
    .square-buttons4 li { width: calc(50% - 22px); }
    .square-buttons4 li:nth-child(even) { margin-right: 11px; }
    .square-buttons4 li:nth-child(odd) { margin-left: 11px; }

}

.square-buttons4 .imgContainer img { transition-duration: 1.2s }
.square-buttons8 .square-buttons4 .imgContainer img { opacity: 100%; border: none; }
.square-buttons8 ul { margin-bottom: 0; }
.square-buttons8 .square-buttons4 .imgCover { background-color: rgba(0,0,0,0); }
.square-buttons4 li .imgCover {  width: 100%; height: 100%; display: block; border-radius: 30px; -webkit-border-radius: 30px;  overflow: hidden; background-color: rgba(0,0,0,0.3); }
.square-buttons4 li:hover .imgCover {  overflow: hidden; background-color: #A93178; display:block; opacity: 70%; border-radius: 30px;  -moz-opacity: 0.7; -webkit-opacity: 0.7;  filter: alpha(opacity=70); -webkit-border-radius: 30px; }
.square-buttons8 .square-buttons4 .text-grid-box h2 { margin-bottom: 10px; }
.square-button-link a { z-index: 100;}

.square-buttons8 .square-button-link, .square-buttons8 a  { cursor: default !important;}
.square-buttons8 .square-button-link { display: none; transition-duration: 1.2s}
.square-buttons8 .square-buttons4 li:hover .square-button-link { display: block; } 

@media screen and (min-width: 1200px) {
.square-buttons8 .square-buttons4 li:nth-last-child(4), .square-buttons8 .square-buttons4 li:nth-last-child(3),.square-buttons8 .square-buttons4 li:nth-last-child(2), .square-buttons8 .square-buttons4 li:nth-last-child(1) {margin-bottom: 0;}
}

.square-buttons3 ul { margin-bottom: 0; }
.square-buttons4 .square-buttons3 li { width: calc((100%/3) - 22px);}
.square-buttons4 .square-buttons3 li:first-child { margin-left: 11px; }
.square-buttons4 .square-buttons3 li:last-child { margin-right: 11px; }


@media screen and (max-width: 800px) {
    .square-buttons4 .square-buttons3 li { width: calc(50% - 22px); }
    .text-grid-box { margin-left: 11px; }
}

 @media screen and (max-width: 1350px) {
    .text-grid-box p  { font-size: 16px; }
    .text-grid-box  h2 { font-size: 24px; line-height: 26px; }
}

@media screen and (max-width: 1123px) {
    .text-grid-box p  { font-size: 14px; }
    .text-grid-box  h2 { font-size: 20px; line-height: 22px;  }
}

@media screen and (max-width: 1000px) {
    .text-grid-box p { font-size: 20px; }
    .text-grid-box  h2 { font-size: 40px; line-height: 48px; }
} 

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

    .text-grid-box p { font-size: 16px; }
    .text-grid-box  h2 { font-size: 28px; line-height: 28px;   }

    .square-buttons .container-12 { padding-top: 80px; padding-bottom: 80px; }
}

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

    .square-buttons4 .square-buttons3 li { width: 100%; margin-left: 0 !important; margin-right:0 !important;}
    .square-buttons4 li { width: 100%; margin-left: 0 !important; margin-right:0 !important;}

    /* TODO: Rework page-specific tag */
    #biosolutions .square-buttons4 li:nth-child(3) { margin-bottom: 22px; } 
    #biosolutions .square-buttons4 li:nth-child(4) { margin-bottom: 0; } 

    .text-grid-box p { font-size: 20px; line-height: 28px; }
    .text-grid-box  h2 { font-size: 40px; line-height: 48px;  }
    .text-grid-box { aspect-ratio: unset !important; height: fit-content; }

    .square-buttons4 li:last-child { margin-bottom: 0; }
}


/* Team List */

.team-list .container-12 { overflow: auto; padding-bottom: 138px; } 
.team-list.team-list-small .container-12 { padding-bottom: 0; }
.team-list.goals-list .container-12 .wp-block-group__inner-container .wp-block-group__inner-container { display: flex; flex-wrap: wrap; justify-content: center; }
.team-list ul { list-style: none; overflow: auto; padding-right: 0; padding-left: 0; margin: 0 0; }
.team-list .team-list-item {-webkit-mask-image: -webkit-radial-gradient(white, black); width: calc((100%/3) - 22px); margin-bottom: 22px; position: relative; aspect-ratio: 1 / 1; float: left; margin-right: 22px !important;  border-radius: 30px;}
.team-list.goals-list .team-list-item { float: none; -webkit-mask-image: none; overflow: hidden; }
.team-list .team-list-item:nth-child(3n) {margin-right: 11px !important;}
.team-list .team-list-item:nth-child(3n-2) {margin-left: 11px !important;}
.team-list.team-list-small .team-list-item { width: calc((100%/4) - 22px); }
.team-list.team-list-small .team-list-item:nth-child(4n) {margin-right: 11px !important;}
.team-list.team-list-small .team-list-item:nth-child(4n-3) {margin-left: 11px !important;}
.team-list .imgContainer { position: relative; aspect-ratio: 1 / 1; border-radius: 30px; overflow: hidden; }
.team-list.goals-list .imgContainer { background-color: #BFCD35; }
.team-list .team-list-item div { bottom: 0; left: 0; position: absolute; right: 0; }
.team-list.goals-list .team-list-item div { bottom: auto; max-height: 100%; top: 0; }
.team-list .imgContainer img { object-fit: cover; object-position: 30% 20%; height: 100%; width: auto; z-index: 1; transition-duration: 0.3s; border-radius: 30px; }
.team-list.goals-list .imgContainer img { bottom: 30px; height: auto; left: 50%; max-width: 120px; position: absolute; object-fit: fill; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; }
.team-list .square-button-link { text-align: center; z-index: 10; padding: 20px 20px; overflow: hidden; border-radius: 30px; }
.team-list.goals-list .square-button-link { border: 30px solid transparent; padding: 0; }
.team-list .team-linkedin { height: 30px; float: right; display: inline; }
.team-list h3 { float: left; color: white; margin-bottom: 12px; margin-right: 5px; border-bottom: 1px solid white; padding-bottom: 10px; width: 100%; text-align: left;}
.team-list.goals-list h3 { border-bottom-color: #333; color: #333; font-size: 32px; line-height: 42px; text-align: center; }
.team-list p { margin-left: 11px; }
.team-list .team-list-item p { float: left; text-align: left; color: white; margin-bottom: 0px; margin-left: 0; overflow: hidden; height: 60px; }
.team-list.goals-list .team-list-item p { color: #333; height: auto; overflow: visible; text-align: center; }
.team-list a p { font-weight: lighter; }
.team-list .team-list-item:hover > a > div > img {  transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.team-list.goals-list .team-list-item:hover > a > div > img { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.team-list .hidden-link, .team-list .hidden-description { display: none; }

.job-desc { width: 20%; }

.team-list .team-list-item .imgCover { width: 100%; height: 100%; display: block; background: linear-gradient(180deg, rgba(2,0,36,0) 42%, rgba(0,0,0,0.8) 100%); border-radius: 30px;  }
.team-list.goals-list .team-list-item .imgCover { display: none; }

.p-top100 { padding-top: 100px; }

.team-list .team-list-item:hover .square-button-link { bottom: 20px; transition-duration: 0.3s;}
.team-list.goals-list .team-list-item:hover .square-button-link { bottom: auto; }

@media screen and (max-width: 1480px) {
    .team-list.goals-list .team-list-item p { font-size: 15px; line-height: 22px; }
}

@media screen and (max-width: 1200px) {
    .team-list .team-list-item, .team-list.team-list-small .team-list-item {width: calc((100%/2) - 22px); }
    .team-list .team-list-item:nth-child(3n) {margin-right: 22px !important;}
    .team-list .team-list-item:nth-child(3n-2) {margin-left: 0px !important;}
    .team-list.team-list-small .team-list-item:nth-child(4n) {margin-right: 22px !important;}
    .team-list.team-list-small .team-list-item:nth-child(4n-2) {margin-left: 0px !important;}

    .team-list .team-list-item:nth-child(2n), .team-list.team-list-small .team-list-item:nth-child(2n) {margin-right: 11px !important;}
    .team-list .team-list-item:nth-child(2n-1), .team-list.team-list-small .team-list-item:nth-child(2n-1) {margin-left: 11px !important;}

    .team-list.goals-list .team-list-item p { font-size: 20px; line-height: 30px; }
}

@media screen and (max-width: 1040px) {
    .team-list.goals-list .team-list-item p { font-size: 15px; line-height: 22px; }
}

@media screen and (max-width: 900px) {
    .team-list h3 { font-size: 22px; margin-bottom: 6px;}
    .team-list p { font-size: 15px;}
    .team-list.goals-list .team-list-item h3 { font-size: 20px; line-height: 30px; }
    .team-list.goals-list .team-list-item p { font-size: 12px; line-height: 14px; }
    .team-list.goals-list .imgContainer img { max-width: 80px; }
}

@media screen and (max-width: 750px) {
    .team-list .team-linkedin { height: 20px; position: relative; top: 7px;}
    .team-list p { height: 70px; }
    .team-list h3 { text-align: left; }
    .team-list .team-list-item:hover .square-button-link { bottom: 10px; transition-duration: 0.3s;}
    .team-list.goals-list .team-list-item:hover .square-button-link { bottom: auto; }
    .team-list .container-12 { padding-bottom: 58px; } 
    .team-list.goals-list .team-list-item { width: 100%; margin-right: 0 !important; margin-left: 0 !important; }
    .team-list.goals-list .team-list-item h3 { font-size: 32px; line-height: 42px; }
    .team-list.goals-list .team-list-item p { font-size: 20px; line-height: 32px; }
    .team-list.goals-list .imgContainer img { max-width: 120px; }
}

@media screen and (max-width: 500px) {
    .team-list .team-list-item, .team-list.team-list-small .team-list-item {width: 100%; margin-right: 0 !important; margin-left: 0 !important; }

    .team-list h3 { font-size: 22px; line-height: 26px; margin-bottom: 6px;}
    .team-list p { font-size: 15px; line-height: 20px;}

    .team-list ul { margin: 0 0; padding: 0 0; }
    .team-list .team-list-item, .team-list.team-list-small .team-list-item, .team-list .team-list-item:nth-child(2n-1), .team-list.team-list-small .team-list-item:nth-child(2n-1), .team-list .team-list-item:nth-child(2n), .team-list.team-list-small .team-list-item:nth-child(2n) { margin-left: 0 !important; margin-right: 0 !important; padding: 0 0; }
    .team-list.goals-list .team-list-item h3 { font-size: 32px; line-height: 42px; }
    .team-list.goals-list .team-list-item p { font-size: 15px; line-height: 22px; }
}

@media screen and (max-width: 380px) {
    .team-list.goals-list .team-list-item h3 { font-size: 20px; line-height: 32px; }
    .team-list.goals-list .team-list-item p { font-size: 12px; line-height: 14px; }
    .team-list.goals-list .imgContainer img { max-width: 80px; }
}

/* Team modal */
.team-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    /* padding-top: 100px; /* Location of the box */
    /* padding-bottom: 100px; */ 
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

  .team-modal.sustainability-modal {
    background-color: transparent;
  }

  /* Modal Content */
  .team-modal-content {
    background-color: #BFCD35;
    margin: auto;
    padding: 20px;
    width: 80%;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .sustainability-modal .team-modal-content {
    background: #fff;
    border: 2px solid #b23883;
    padding: 18px;
  }

    .team-modal .modal-close { cursor: pointer; position: absolute; z-index: 999; right: 10px; top: 10px; }
    .team-modal-content { max-width: 1650px;}
    .team-modal h2 { display: inline; width: 80%; margin-right: 10px; padding-right: 10px;  }
    .team-modal .team-linkedin { height: 30px; float: right; display: inline; position: relative; vertical-align: text-bottom; margin-top: 8px; margin-bottom: 15px; width: 30px; transition-duration: 0s;}
    .team-modal .team-linkedin:hover { fill: #1878A8; }

    .team-modal hr { border-color: #2a2a2a; margin: 15px 0; }
    .team-modal .halfWidth { margin-right: 11px; }


    .team-modal .imgContainer { float: right; position:relative;  aspect-ratio: 1 / 1; border-radius: 30px; z-index: 5; overflow: hidden; width: 90%;}
    .team-modal .imgContainer img { object-fit: cover; object-position: 30% 20%; height: 100%; width: auto; border-radius: 30px; z-index: 1; }

@media screen and (max-width: 1200px) {
    .team-modal .container-12 { padding: 40px 40px; }
}

@media screen and (max-width: 850px) {
    .team-modal .imgContainer { float: right;  width: 100%; margin-top: 50px; }
    .team-modal .halfWidth { margin-right: 0px; }
    .team-modal h2 { font-size: 34px; width: 70%; }

    .team-modal .modal-close { right: -7px; top:-16px; }
    .team-modal .modal-close img { height: 17px; width: 17px; }
    .team-modal .team-linkedin { background-size: 23px auto; }
    .team-modal .team-linkedin:hover { background-size: 23px auto; }
}

@media screen and (max-width: 600px) {
    .team-modal { padding-top: 50px; padding-bottom: 50px; }
    .team-modal-content { width: 90%; }
    .team-modal h2 { font-size: 28px; width: 70%; margin-right: 10px; }
    .team-modal .container-12 { padding: 20px 20px; }
}

/* Leaves
----------------------------------------------------------------------------------------------------------------- */

.container-leaves {
    background: #BFCD35 url("/wp-content/themes/alphabio/assets/images/leaves.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 75px; 
    width: 100%;
    margin-top: 0;
    position: relative;
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .container-leaves { padding: 40px 20px; }
}

@media screen and (max-width: 1200px) {
    .container-leaves { height: auto; }
}


/* Containers
---------------------------------------------------------------------------------------------------------------------------------- */

.container-12 { max-width: 1680px; margin: 0 auto; position: relative; padding: 60px 75px;}
.container-10 { max-width: 1400px; margin: 0 auto; position: relative; }
.container-8 { max-width: 1120px; margin: 0 auto; position: relative; }
.container-6 { max-width: 840px; margin: 0 auto; position: relative;}

@media screen and (max-width: 600px) {
    .container-12 { padding: 60px 20px; }
}

.cols {overflow: auto;}
.halfWidth { width: calc(50% - 11px); float: left; }
.thirdWidth { float: left; width: calc(100%/3); }
.twoThirdsWidth { float: left; width: 66%; }
.right { float: right }
.left { float: left }

@media screen and (max-width: 850px) {
    .halfWidth { width: 100%; }
}

/* Media text block */
.media-text-block { position: relative; }
.media-text-block .container-12 { padding-top: 100px; padding-bottom: 100px; }
.media-text-block ul li { margin-bottom: 20px; }

.no-padding-top { padding-top: 0px !important; }


.media-text-block figure.graph { padding-right: 0; text-align: center; }
.media-text-block figure img { margin-bottom: 0; margin-top: 0; vertical-align: bottom; width: 506px; height: 506px; object-fit: cover; border-radius: 60px; aspect-ratio: 1/1; } 
.media-text-block figure.graph img { aspect-ratio: auto; border-radius: 0 !important; height: auto; max-width: 100%; object-fit: fill; width: auto !important; }
.media-text { position: relative; top: 25%;  }
.media-text-block .cols, .media-text-block-right .cols {overflow: auto; height: auto; display: block; -ms-overflow-style: none;}
.media-text-block .cols {align-items: center; display: flex; display: -webkit-box;}
.media-text-block .mediaImgRight .cols { display: block; }
.media-text-block .halfWidth, .media-text-block-right .halfWidth { position: relative; }
.media-text { top: 20%; }
.media-text-block ul, .media-text-block ul li:last-child {margin-bottom: 0;}
.media-text-block .mediaImgRight .imgContainer img { float: right; }

.mediaImgRight { padding-right: 75px; padding-left: 75px; }

/* .media-text-large { margin-bottom: 40px; } */
.media-text-large h3 { margin-bottom: 40px;}

/* TODO: Rework page-specific tag */
#home .mediaImgRight { padding-top: 0px; }
.mediaImgRight .halfWidth { float: right !important; }
.mediaImgRight .media-text {top: 10%;}
.media-text-block figure { overflow: auto; padding-right: 30px;}
.mediaImgRight figure { text-align: right; }

.wp-block-media-text .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content { align-self: start; }
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { padding: 0 0 0 30px; text-align: right; }
.wp-block-media-text .wp-block-media-text__content { padding: 0; }

@media screen and (min-width: 1451px) {
    .media-text-block .mediaImgRight .cols { display: flex; align-items: center; }
    .media-text-block .mediaImgRight .cols .halfWidth { order: 1; -webkit-box-ordinal-group: 1; }
    .media-text-block .mediaImgRight .cols .media-text { order: 0; -webkit-box-ordinal-group: 0; }

    .media-text-large .mediaImgRight .cols  { display: block }

    .vertically-centered .wp-block-media-text.wp-block-media-text__media, .vertically-centered .wp-block-media-text .wp-block-media-text__content { align-self: center; }
}

@media screen and (max-width: 1450px) {
    .media-text-block figure img { height: auto; width: 100%; border-radius: 60px;}
    .media-text-block .mediaImgRight .media-text { padding-right: 30px; }
    .media-text-block .cols, .media-text-block-right .cols {overflow: visible; height: auto; display: block;}
}

@media screen and (min-width: 850px) and (max-width: 1100px) {
    .media-text-block .container-12 { padding-top: 75px; padding-bottom: 75px; }
    .media-text-block figure img { border-radius: 60px;}
}

@media screen and (min-width: 400px) and (max-width: 850px) {
    .media-text-block figure img {width: 60% !important; }
    figure { text-align: center; }
    .media-text-block .mediaImgRight figure { text-align: center; }
    .media-text-block .mediaImgRight figure img { float: none !important; }
}

@media screen and (max-width: 850px) {
    .media-text { top: 0; padding-top: 30px; }
    .media-text-block figure img { padding-right: 0px !important;}
    .media-text-block .container-12 { padding-top: 60px; padding-bottom: 60px; }
    .media-text-block figure { padding-right: 0px !important;}
    .mediaImgRight .halfWidth { padding-right: 0px !important;}
    .hide-img-mobile .mediaImgRight .halfWidth:first-of-type { display: none; }
    .hide-img-mobile .wp-block-media-text__media { display: none; }
    .page-block { margin: 0; }
    .wp-block-media-text { display: block; }
    .wp-block-media-text .wp-block-media-text__media, .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { padding: 0; text-align: center; }
    .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { padding-top: 30px; }
}

@media screen and (min-width: 600px) {
    .media-text-block .container { padding-top: 100px; padding-bottom: 100px; }
    .media-text-block figure img { width: 100%; height: auto; border-radius: 60px !important; max-width: 506px;} 
    .media-text-block-right figure img { width: 100%; height: auto; max-width: 506px; padding-top: 80px; border-radius: 60px; }

}

@media screen and (max-width: 600px) {
    .mediaImgRight { padding-right: 20px; padding-left: 20px; }
}




/* Modal
----------------------------------------------------------------------------------------------------------------- */

/* Team modal */

 .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    padding-bottom: 50px;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

#strawb-modal { display: none;} 

.modal-content {  background-color: #BFCD35; padding: 29px; max-width: 1650px; width: 100%; margin: auto; border-radius: 30px; }

.modal .container-12 { background-color: #BFCD35; border-radius: 30px; width: 80%; margin-bottom: 60px; margin-top: 60px;}
.modal .modal-text { width: 67%; float: left; padding-right: 3%; }
/* .modal { position: relative; } */
.modal-content { overflow: hidden;}
.modal .modal-img-wrapper { border-radius: 30px; width: 100%; position: relative; aspect-ratio: 1 / 1; overflow: hidden; float: right; }
.modal .modal-img-wrapper img { object-fit: cover; height: 100%; width: auto;  }
.modal .modal-img-section { width: 30%; display:inline-block; overflow: auto;  position: relative; }

.modal .close { position: absolute; right: 40px; top: 40px; cursor: pointer;}

@media screen and (max-width: 1650px) {
    .modal .container-12 { width: 90%; }
}

@media screen and (max-width: 800px) {
    .modal .modal-text { width: 100%; }
    .modal .modal-img-section { width: 100%; padding-top: 80px;}

    .modal .modal-close { right: 20px; top:20px; }
    .modal .modal-close img { height: 22px; width: 22px; }
}

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

}

/* Background Image Block
----------------------------------------------------------------------------------------------------------------- */

#orchard { position: relative; height: 808px; width: auto;  background: url("/wp-content/themes/alphabio/assets/images/orchard2.jpg"); background-repeat: no-repeat; background-size: cover; }
#how-work { position: relative; height: 808px; width: auto;  background: url("/wp-content/themes/alphabio/assets/images/crops-close.jpg"); background-repeat: no-repeat; background-size: cover; }
#how-work-missito { position: relative; height: 808px; width: auto;  background: url("/wp-content/themes/alphabio/assets/images/bud-crops.jpg"); background-repeat: no-repeat; background-size: cover; }
#platform {position: relative; height: 808px; width: auto;  background: url("/wp-content/themes/alphabio/assets/images/crops-greenhouse.jpg"); background-repeat: no-repeat; background-size: cover; } 

.container-middle { border-radius: 60px 60px 0 0; background-color: #fff; position: absolute; bottom: 0px; margin-left: auto; margin-right: auto; left: 0; right: 0; padding-bottom: 40px; }
.container-middle-content { padding-top: 75px; }
.container-middle-content p { font-size: 20px; line-height: 28px; }
.container-middle-content ul li { font-size: 20px; line-height: 24px; }
.container-middle-content .wp-block-button__link { margin-top: 37px; margin-bottom: 30px; }
.margin-bottom-20 { margin-bottom: 20px; }
.bgImgBlock { overflow: hidden;}

.download-icon-text { padding-right: 10px; }

@media screen and (max-width: 600px) {
    .bgImgBlock { background-size: 100% !important; background-repeat: no-repeat !important; height:auto !important; }
}

@media screen and (max-width: 850px) {
    .bgImgBlock .container-8 { padding: 0px 20px 2px; margin-left: 20px; margin-right: 20px; height: auto;}
    .bgImgBlock .container-middle-content { padding-top:40px; height: auto;}
    .bgImgBlock .thirdWidth { width: 100%; }
    .bgImgBlock .twoThirdsWidth { width: 100%}
    .bgImgBlock ul { margin-bottom: 0px; }
    .wp-block-columns { display: block !important; }

    /* TODO: Rework speicifc page tag */
    #home .bgImgBlock .container-middle { position: relative; border-radius: 20px 20px 0 0; height: auto; -ms-transform: translatey(98px); -webkit-transform: translatey(98px); transform: translatey(98px); padding-bottom: 98px;}

    .bgImgBlock .container-middle { position: bottom; border-radius: 20px 20px 0 0; height: auto; padding-bottom: 100px;}
}

@media screen and (min-width: 850px) and (max-width: 1280px) {
    .bgImgBlock .container-8 { padding: 0px 75px 0px; margin-left: 75px; margin-right: 75px;}
} 


/* MISC */

@media screen and (max-width: 600px) {
    .wp-block-button, .wp-block-button__link { width: 100%; text-align: center;}
    .bgImgBlock .wp-block-button__link { margin-left: -20px; width: calc(100% + 40px); }
    .bgImgBlock .container-middle { position: relative; transform: translatey(98px); -webkit-transform: translatey(98px); -ms-transform: translatey(98px); padding-bottom: 68px; }
}

.text-only-block { width: 60%;  }

@media screen and (max-width: 1200px) {
    .text-only-block { width: 100%; }
}

.hr-dotted { height: 2px; background-image: linear-gradient(to right, #4a4a4a 30%, rgba(255, 255, 255, 0) 0%); background-size: 10px 3px;}

.no-background-scroll { overflow: hidden; height: 100%; }

/* Quote
----------------------------------------------------------------------------------------------------------------- */
.quoteBlock { background-color: rgba(191, 205, 53, 0.6) }
.quoteBlock h2 { font-family: 'proxima_novalight_italic', Arial, Sans-Serif; color: #4A4A4A; }
.quoteBlock p { color: #333333; }
.quoteBlock img { width: 35px; height: auto; }
.quoteBlock { padding-top: 30px; }
.quoteBlock ul { list-style: none; padding-left: 0; }
.quoteBlock .quote-no-slide { padding-bottom: 60px; }

.quoteBlock .grid-container { display: -ms-grid; display: grid; grid-template-columns: 1fr 6fr 1fr; -ms-grid-columns: 1fr 6fr 1fr;}
.quoteBlock .grid-container .grid-item img { margin: 0 10px; }
.quoteBlock .grid-container .grid-item { text-align: center; }
.quoteBlock .grid-container .tearsOpen { -ms-grid-column: 1; float: left; }
.quoteBlock .grid-container .quote { -ms-grid-column: 6;  }
.quoteBlock .grid-container .tearsClose {-ms-grid-column: 1;  float: right;}


@media screen and (max-width: 600px) {
    .quoteBlock .grid-container { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } 
    .quoteBlock .quote { order: 5; width: 100%; grid-column: span 2;  -ms-grid-column-span: 2;}
    .quoteBlock { padding-top: 0px; }
    .quoteBlock .container-12 {padding-top: 20px; padding-bottom: 20px;}
    .quoteBlock .grid-container .tearsOpen {text-align: left;}
    .quoteBlock .grid-container .tearsClose {text-align: right;}
    .quoteBlock .container-12 .quote { padding-top: 10px; }
}


/* News - homepage
----------------------------------------------------------------------------------------------------------------- */

.newsSlider .news-block ul li { clear: none; }
.news-block ul li .news { padding-bottom: 30px; position: relative; width: 100%; }
.news-block ul li:nth-child(3n+1) .news { border-right: 1px solid #979797; padding-left: 0px; padding-right: 30px }
.news-block ul li:nth-child(3n+2) .news { border-right: 1px solid #979797; padding-left: 30px; padding-right: 30px }
.news-block ul li:nth-child(3n+3) .news { border-right: none; padding-left: 30px; }

.news-block .container-12 { contain: content; padding-bottom: 0px; padding-top: 150px; }
.news-block-end .container-12 { padding-top: 0px; padding-bottom: 150px; }
.news-block .date { text-transform: capitalize; }
.news-block h3 { font-size: 28px; line-height: 34px; font-family: 'proxima_novaregular', Arial, Sans-Serif; }

.newsSlider .news-block .news-block-end hr { padding-bottom: 50px; width: 100%; padding-top: 0; margin: 0 0; border-top: 1px solid #979797; border-bottom: none; }
.news-block-end .container-12 { padding-top: 50px; }

@media screen and (min-width: 950px) {
    .newsSlider .news-block .content-slider li { display: flex; height: 100%; }
    .news-block ul li .news .read-more { bottom: 0; left: 30px; position: absolute; }
    .news-block ul li:nth-child(3n+1) .news .read-more { left: 0; }
}

@media screen and (max-width: 1100px) {
    .news-block .container-12 {padding-top: 50px; }
    .news-block-end .container-12 { padding-bottom: 50px; padding-top: 0px;}
}

@media screen and (max-width: 810px) {
    .news-block ul li:nth-child(1) .news, .news-block ul li:nth-child(4) .news { border-right: none; }
    .news-block ul li:nth-child(2) .news, .news-block ul li:nth-child(5) .news { border-right: none; padding-left: 0px; padding-right: 30px }
    .news-block ul li:nth-child(3) .news, .news-block ul li:nth-child(6) .news { padding-left: 0px; }
    .news-block .news {border-bottom: 1px solid #979797; padding-bottom: 30px; }
    .news-block hr { display: none;}
}

/* Downloads
----------------------------------------------------------------------------------------------------------------- */

.downloads .container-12 {  padding-top: 160px; padding-bottom: 160px; margin-top: 40px; }
.downloads-list { overflow: auto; }
.downloads-list ul { list-style: none; padding-left: 0; padding-right:0; overflow:auto;}
.downloads-list .download-list-item { width: calc(50% - 22px); float: left;}
.downloads-list .download-list-item .imgContainerDownloads { height: 105px; width: auto; background-color: #2a2a2a; border-radius: 30px; aspect-ratio: 1 / 1; float: left; }
.downloads-list .download-info { float: left; padding-left: 22px; margin-right: 22px; overflow: auto; width: 75%; }
.downloads-list .wp-block-button__link { padding: 7px 10px 5px 10px; border-radius: 20px 0px 20px 0px; width: 37px; height: 38px; display: inline-block; vertical-align: middle; margin-left: 10px; }
.downloads h2 {margin-bottom: 48px;}
.downloads-info p { margin-bottom: 10px; overflow-wrap: normal; }
.downloads { width: 100%; }
.downloads { display: unset; }
.bg-green { background-color: rgba(191, 205, 53, 0.6); }

.downloads-list .download-link:hover > a { color: #006DB0; text-decoration: underline; }
.downloads-list .download-link:hover > a + .wp-block-button__link { background-color: #006DB0 !important; }
.downloads-list .download-link { width: fit-content; }

@media screen and (max-width: 1210px) {
    .downloads-list .download-info { width: 55%; }
}

@media screen and (max-width: 1000px) {
    .downloads-list .download-list-item {width: 100%; margin-bottom: 50px; }
    .downloads-list .download-info { width: 70%; }
    .downloads-list .download-list-item:nth-last-child(0) { margin-bottom: 0;}
    .downloads-list ul {margin-bottom: 0; }
}

@media screen and (max-width: 600px) {
    .downloads-list .download-info { width: 65%;}
    .downloads .container-12 {  padding-top: 80px; padding-bottom: 80px; margin-top: 40px; }
}

@media screen and (max-width: 403px) {
    .downloads-list .download-info {  width: 53%; }
}


@media screen and (max-width: 315px) {
    .downloads-list .download-info {  width: 100%; padding: 0 0; margin-top: 30px;}
}



/* Footer
----------------------------------------------------------------------------------------------------------------- */

.footer-menu { position: relative; width: 100%;}
.footer-menu ul { margin: 0; padding:0; list-style: none; }
.footer-menu ul li { display: inline-block; position: relative; vertical-align: top; margin-right: 6%; }
.footer-menu ul li a { display: inline; font-size: 18px; line-height: 30px; color: #fff; font-family: 'proxima_novaregular', Arial, Sans-Serif; font-weight: lighter; }
.footer-menu ul li a:hover { text-decoration: underline}
.primary-list > li > a { line-height: 36px; }
.footer-menu ul li button { display: none; }

.footer-menu .sub-menu { margin: 0; padding:0; list-style: none; display: block; }
.footer-menu .sub-menu li { display: block; margin: 0; }
.footer-menu .sub-menu li a { display: block; margin: 10px 0; line-height: 36px; font-size: 14px;}

.logos img { height: 84px !important; width: auto !important; padding-right: 20px;}

.footer hr { border-top: 2px solid #fff; }
.footer-menu-block { background-color: #4a4a4a; }
.footer-menu-block .container-12 {padding-bottom: 20px;}

.footer h3 { padding-top: 10px; }
.footer .cols .halfWidth { width: 50%; } 

.socials img { height: 28px !important; width: auto !important; margin: 0 15px;}
.socials .linkedin { margin-left: 0px; }
.socials .twitter { margin-right: 0px; }
.socials { display: inline-block; position: relative; top: 2px; margin-left: 30px; }


.right-footer .info-menu {float: right;}
.right-footer .info-menu ul li { display: inline-block; padding-left: 36px;}
.right-footer .info-menu ul li a {font-size: 14px; color: #BFCD35; }
/* .right-footer .info-menu img { height: 28px; width: auto;} */

.footer-copyright-text p { font-size: 14px; line-height: 20px; text-align: right; margin: 0 0; }
.footer-copyright-text p:last-child { margin-top: 28px; }
.footer-copyright .halfWidth a { position: absolute; bottom: 62px;}

.footer-copyright a { font-size: 14px; line-height: 18px; color: #BFCD35; }

footer .halfWidth { float: right; }
.footer h3 { font-size: 16px; line-height: 20px; color: #fff; }


@media screen and (max-width: 1130px) {
    .footer .right-footer .info-menu li { padding-left: 10px;}

}


@media screen and (max-width: 850px ){
    .logos img {padding-top: 10px; padding-right: 0px;}
    .footer-copyright-text p {text-align: left;} 
    .logos  { display: flex; justify-content: space-between;}
    .footer .cols .halfWidth { width: 100%; }
    footer .container-12, .footer { padding-bottom: 120px;}
    .socials { margin-left: 0px; }
    .socials a:first-of-type img { margin-left: 0px; }

}

@media screen and (max-width: 600px) {
    .footer-copyright .halfWidth {width: 100%; }
    .footer-copyright .halfWidth a { bottom: 60px; }
    footer .container-12, .footer { padding-bottom: 100px; }
    footer .footer-menu-block .container-12 { padding-top: 40px; }
    .footer .halfWidth > p { padding-bottom: 20px; }

    .logos img {padding-left: 2%; padding-right: 2%; padding-top: 10px;}
    footer .container-12 { padding-top: 20px;}
    footer hr { padding: 0 0; margin-top: 20px; margin-bottom: 20px;}

}


@media screen and (min-width: 851px) and (max-width: 900px) {
    .footer-copyright .halfWidth a { bottom: 80px;}
}

@media screen and (min-width: 601px) and (max-width: 850px) {
    .footer-copyright .halfWidth a { bottom: 80px;}
}

@media screen and (max-width: 745px) {
    .logos img { height: 70px !important;}
}

@media screen and (max-width: 645px) {
    .logos img { height: 60px !important;}
}

@media screen and (max-width: 445px) {
    .logos { display: block; text-align: center; padding: 0px 60px;}
    .logos img {margin-bottom: 5px; }
}

@media screen and (max-width: 370px) {
    .logos { padding: 0px 40px;}
}

@media screen and (max-width: 330px) {
    .logos { padding: 0px 0px;}
}


@media screen and (max-width: 341px) {
    .socials { display: flex; width: 100%; justify-content: space-evenly; }
    .socials .linkedin { margin-right: 7px; }
    .socials .twitter { margin-left: 0px; }
    .footer .right-footer .info-menu { width: 100%; justify-content: space-evenly; display: flex; }
    .footer .right-footer .info-menu ul { width: 100%; justify-content: space-between;display: flex; margin-left: 0; padding-left: 0; padding-top: 20px;}
    .footer .right-footer .info-menu li { padding-left: 5px; }
}

/* Slider Quotes
----------------------------------------------------------------------------------------------------------------- */
/* .sliderQuotes {} */
.sliderQuotes .quoteBlock ul { list-style: none; }

.sliderQuotes .quoteBlock .lSPager li a { 
    width: 22px; height: 22px; border-radius: 100% 0 65% 50% / 65% 0 100% 50%; border: 0px solid black; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 20px; background: #bfcd35; color: #bfcd35; 
    overflow: hidden; display: inline-block; text-indent: -999em; position: relative; transition: all .2s linear 0s;
}

.sliderQuotes .quoteBlock  .lSSlideOuter .lSSlideWrapper ul { list-style: none; padding-left: 0; }
.sliderQuotes .quoteBlock .lSSlideOuter .lSSlideWrapper ul li { float: left; margin-bottom: 0; position: relative; overflow: hidden; text-align: left; }
.sliderQuotes .quoteBlock .lSSlideOuter .lSSlideWrapper ul li > a img { margin-bottom: 0; margin-top: 0; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; transition: all 0.35s; }
.sliderQuotes .quoteBlock .lSSlideOuter .lSSlideWrapper ul li:hover > a img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.sliderQuotes .quoteBlock .lSSlideOuter .lSSlideWrapper ul li div { background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #051635 100%); bottom: 0; left: 0; padding: 28px; position: absolute; right: 0; z-index: 7; }
.sliderQuotes .quoteBlock .lSSlideOuter .lSSlideWrapper ul li div h3 a, .bioCarousel .lSSlideOuter .lSSlideWrapper ul li div p a { color: #fff; text-decoration: none; }
.sliderQuotes .quoteBlock .lSSlideOuter .lSSlideWrapper ul li div h3 { border-bottom: 1px solid #f4f5f7; margin-bottom: 10px; padding-bottom: 10px; padding-right: 40px; position: relative; }
.sliderQuotes .quoteBlock .lSSlideOuter .lSSlideWrapper ul li div h3 .linkedin { padding: 10px; position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.sliderQuotes .quoteBlock .lSSlideOuter .lSSlideWrapper ul li div h3 .linkedin img { height: auto; width: 20px; }
.sliderQuotes .quoteBlock .lSSlideOuter .lSSlideWrapper ul li div p { font-weight: 300; margin-bottom: 20px; }

.sliderQuotes .quoteBlock .lSPager li { display: inline-block; }
.sliderQuotes .quoteBlock .lSPager.lSpg { text-align: center; }
.sliderQuotes .quoteBlock .lSPager li:active a { background-color:#b23883; }

.quoteBlock .container-12 { padding-bottom: 30px;}
.quoteBlock .quote { padding-top: 30px;}
.tears {display: inline;}


/* CONTACT PAGE
----------------------------------------------------------------------------------------------------------------- */
.contact-text { width: 60%; display: inline-block; padding-top: 50px; }
.contact-square { width: 100%; overflow: auto; border-radius: 60px; background-color: #e0e0e0; padding: 50px 50px;}
.contact-col { width: 30%;  float: right; }
.contact-square .wp-block-button__link { width: 100%; }
.contact-square .btn-icon { height: 20px; width: auto; display: inline; margin-right: 16px; }
.contact-links { width: 100%; padding-top: 28px; overflow: auto; }
.contact-links a { line-height: 38px; overflow-wrap: break-word;}

/* TODO: Rework page-specific tags */
#contact .square-buttons .container-12 { padding-top: 5px; }
#contact .square-buttons .container-12 ul { margin-bottom: 0; }
#contact .square-buttons .container-12 li:last-child { margin-bottom: 0; }


@media screen and (max-width: 1200px) {
    .contact-text { width: 50%; padding-right: 40px;}
    .contact-col { width: 50%; }
    .contact-text .halfWidth {width: 100%; }
}

@media screen and (max-width: 930px) {
    /* TODO: Rework page-specific tags */
    #contact .container-10 { display: flex; flex-direction: column;}
    .contact-text { width: 100%;  order:0; padding-right: 0px; }
    .contact-col { width: 100%; padding-top: 35px; order: 1; }
    /* TODO: Rework page-specific tags */
    #contact .contact-square .wp-block-button__link { text-align: left !important; }
    .contact-text { padding-top: 0px; }

}

@media screen and (max-width: 600px) {
   .contact-square { padding-left: 20px; padding-right: 20px; }

}

/* NEWS HOME
----------------------------------------------------------------------------------------------------------------- */

/* .half-width { width: 50%; } */
.img-40 { width: 40%; float: left; }
.content-60 { width: 60%; display: inline-block; padding-left: 28px; padding-right: 40px;}
.news-home .content-100 { padding-right: 40px; }

.news-home ul { list-style: none; margin-left: 0; padding-left: 0; overflow: auto; margin-bottom: 0px; list-style-position: inside; }
.news-home li { padding-bottom: 80px; margin-bottom: 0px; width: calc(50% - 50px); float: left; } /*max-height: 400px;*/
.news-home li:nth-child(odd) { margin-right: 100px; }
.news-home a { cursor: pointer; }

.news-home .container-12 { padding-bottom: 0px; }
.news-home .imgContainer { position:relative;  aspect-ratio: 1 / 1; overflow:hidden; }
.news-home .imgContainer img { border-radius: 30px; aspect-ratio: 1 / 1; object-fit: cover; object-position: 0 10%; height: 100%; width: auto; }
.news-home .content-60 .p-preview, .news-home .content-100 .p-preview { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -ms-line-clamp: 3; -webkit-box-orient: vertical; font-size: 20px; line-height: 28px; }
.news-home .content-60 h3, .news-home .content-100 h3 { font-size: 28px; line-height: 34px; margin-bottom: 11px; }
.news-home .content-60 .p-light, .news-home .content-100 .p-light { font-size: 18px; line-height: 22px; margin-bottom: 11px; text-transform: capitalize; }
.news-home .content-60 a, .news-home .content-100 a { font-size: 20px; line-height: 24px; margin-bottom: 11px;  }

.news-strapline { padding-bottom: 40px; padding-top: 100px !important; }
.news-strapline h3 { margin-bottom: 0px; }
.news-strapline .text-only-block { width: 50%; }

.post-navigation-row { text-align: center; }
.post-navigation .prev { background: rgba(74,74,74,0.2) url("/wp-content/themes/alphabio/assets/images/chevron-left.png") no-repeat center; background-size:  10px auto; background-position-y: 50%; border-radius: 0px 20px 0px 20px !important; font-size: 0; }
.post-navigation .page-numbers { display: inline-block; height: 45px; text-align: center; padding-top: 10px; vertical-align: middle; width: 42px; background-color: rgba(74,74,74,0.2);  border-radius: 20px 0px 20px 0px;}
.post-navigation .page-numbers:hover { text-decoration: none; background-color: #b23883; color: white; }
.post-navigation .prev:hover { background: #b23883 url("/wp-content/themes/alphabio/assets/images/chevron-left-white.png") no-repeat center; background-size:  10px auto; background-position-y: 50%; }
.post-navigation .next { background: rgba(74,74,74,0.2) url("/wp-content/themes/alphabio/assets/images/chevron-right.png") no-repeat center; background-size:  10px auto; background-position-y: 50%; font-size: 0; }
.post-navigation .next:hover { background: #b23883 url("/wp-content/themes/alphabio/assets/images/chevron-right-white.png") no-repeat center; background-size:  10px auto; background-position-y: 50%; }
.post-navigation .current { background-color: #b23883; color: white; font-weight: bold; }
.post-navigation .container-12 {padding-bottom: 100px; }
.post-navigation .page-numbers { margin-left: 5px; margin-right: 5px; }

@media screen and (max-width: 1000px ) {
    .news-home ul li { width: 100%; }
    .news-strapline .text-only-block { width: 75%; }
    .news-home .content-60, .news-home .content-100 { padding-right: 0px; }
    .news-home li:nth-child(odd) { margin-right: 0; }
}

@media screen and (max-width: 600px ) {
    .news-strapline .text-only-block { width: 100%; }
    .news-home .content-60 { padding-right: 0px; }
    .news-home li { padding-bottom: 60px; }

    .post-navigation .page-numbers {  height: 36px;  padding-top: 5px;  width: 36px; }

    .news-home .img-40, .news-home .content-60 { width: 100%; display: block; overflow: auto; height: auto;}
    .news-home li { padding-bottom: 40px; }  /*height: auto; max-height: none;*/
    .news-home .img-40 { margin-bottom: 20px; }
    .news-home .content-60 { padding-left: 0; }
}

@media screen and (max-width: 350px ) {
    .news-home .content-60 h3, .news-home .content-100 h3 { font-size: 24px; line-height: 28px; }
    .post-navigation .page-numbers { margin-left: 1px; margin-right:1px; }
}

.p-preview { margin-bottom: 11px; }

/* NEWS ARTICLE
----------------------------------------------------------------------------------------------------------------- */

.single-post .headerInner, .headerInner.noHero { background: none; position: relative; height: 200px; }
.single-post .bannerTitle, .noHero .bannerTitle { top: 100px; }
.single-post .bannerTitle .container-12, .noHero .bannerTitle .container-12 { padding-bottom: 5px; }
.single-post .cols { height: unset; }
.single-post .mediaImgRight { padding-top: 140px; padding-bottom: 140px; }
.single-post .halfWidth { width: 50%; }

.green-media-block { background-color: rgba(191, 205, 53, 0.6) }
.green-media-block .media-text-block  .imgContainer img { border-radius: 30px; }
.width30 { width: 30%; float: left; }
.width70 { width: 70%; display: inline-block; }
.green-media-block .container-12 { padding-top: 60px; padding-bottom: 60px; }
/* .single-post .container-12 { padding-bottom: 60px; } */

@media screen and (max-width: 1200px) {
    .single-post .halfWidth:last-child { width: 70%;} 
    .single-post .halfWidth:first-child { width: 30%; } 

    .single-post .bannerTitle { top: 54px; }
    .single-post .headerInner { height: 146px;  }
}

@media screen and (max-width: 850px) {
    .single-post .container-10 { display: flex; flex-direction: column;}
    .single-post .halfWidth:last-child { width: 100%; order: 0; } 
    .single-post .halfWidth:first-child { width: 100%; order: 1 } 
    .single-post .mediaImgRight { padding-top: 80px; padding-bottom: 80px; }
    .single-post .mediaImgRight .imgContainer { padding-bottom: 40px; }

    .green-media-block .media-text-block  .imgContainer { text-align: left; }
    .green-media-block .media-text-block  .media-text { padding-top: 0; }
    .single-post .green-media-block .media-text-block  .imgContainer img { width: 80% !important; }

}

@media screen and (max-width: 600px) {
   .green-media-block .container-10 { display: flex; flex-direction: column; }
   .green-media-block .width70 { width: 100%; }
   .green-media-block .width30 { width: 100%; }
   .green-media-block .media-text-block .imgContainer { text-align: center; padding-bottom: 60px; }
   .single-post .green-media-block .media-text-block  .imgContainer img { width: 60% !important; border-radius: 60px; } 
}

@media screen and (max-width: 400px) {
    .single-post .green-media-block .media-text-block  .imgContainer img { width: 100% !important; } 
 }


 /* ANIMATION
----------------------------------------------------------------------------------------------------------------- */

 .animatedElement { opacity: 0; position: relative; top: 100px; transition: all 0.8s ease-in-out; }
 .animatedElement.animate { opacity: 1; top: 0; }


/* LIGHT SLIDER
----------------------------------------------------------------------------------------------------------------- */

.lSSlideOuter {
    /* overflow: hidden; */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    /* overflow: hidden; */
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

@media screen and (min-width: 811px) {
    .newsSlider .lSSlideOuter .lSPager.lSpg > li:nth-child(3) {
        display: none;
    }
}

.lSSlideOuter .lSPager.lSpg > li a {
    width: 18px; height: 18px; border-radius: 100% 0 58% 41% / 58% 0 100% 41%; border: 0px solid black; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 20px; background: #bfcd35; color: #bfcd35; 
    overflow: hidden; display: inline-block; text-indent: -999em; position: relative; transition: all .2s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: #1878a8;

} 

.lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #b23883;
}

.quoteBlock .tearDrop {
    width: 30px; height: 30px; border-radius: 100% 0 58% 41% / 58% 0 100% 41%; border: 0px solid white; -webkit-transform: rotate(-45deg); transform: rotate(135deg); margin-top: 20px; background: white; color: white; 
    overflow: hidden; display: inline-block; text-indent: -999em; position: relative; transition: all .2s linear 0s; cursor: grab;
}

@media screen and (max-width: 935px) {
    .quoteBlock .tearDrop { height: 20px; width: 20px;   }
}

.grid-item > .tearDrop {
    padding-top: 0px;
}


.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    /* background-image: url('../img/controls.png'); */
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

/* Distributors */
.distributors .wp-block-column .address {
    border-bottom: 1px solid #979797;
    margin-bottom: 40px;
    padding-bottom: 40px;
    width: 100%;
}

@media only screen and (min-width: 851px) {
    .distributors .wp-block-column {
        display: flex;
    }
}

/* WP Overrides */
.wp-block-group__inner-container {
    width: 100%;
}
.wp-block-columns, .media-text-block .wp-block-columns figure {
    margin-bottom: 0;
}
.media-text-block .wp-block-columns {
    align-items: end !important;
    gap: 0;
}

.more-link {
    display: none;
}

@media screen and (max-width: 1450px) {
    .media-text-block .wp-block-columns {
        align-items: start !important;
    }
}

@media screen and (max-width: 850px) {
    .media-text-block .wp-block-columns figure {
        margin-bottom: 20px;
    }
}

.lightSlider h3 {    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
overflow:hidden;}

/* Logos */
.logos-x3 > div { display: flex; flex-wrap: wrap; }
.logos-x3 > div figure { align-items: center; border: 1px solid #BFCD35; display: flex; margin: 10px; padding: 10px; text-align: center; width: 30%; width: calc(33.33% - 20px); }
.logos-x3 > div figure a { display: block; width: 100%; }
.logos-x3 > div figure a img { aspect-ratio: auto; border-radius: 0 !important; height: 100%; max-height: 72px; max-width: 100%; object-fit: fill; width: auto; }

@media screen and (max-width: 1300px) {
    .logos-x3 > div figure { width: calc(50% - 20px); }
}

@media screen and (max-width: 850px) {
    .logos-x3 > div figure { padding-right: 10px !important; }
    .logos-x3 > div figure img { width: auto !important; }
}

@media screen and (max-width: 600px) {
    .logos-x3 > div figure { margin: 10px 0; width: 100%; }
}

/* Logos */
.logos-x3 > div { display: flex; flex-wrap: wrap; }
.logos-x3 > div figure { align-items: center; border: 1px solid #BFCD35; display: flex; margin: 10px; padding: 10px; text-align: center; width: 30%; width: calc(33.33% - 20px); }
.logos-x3 > div figure a { display: block; width: 100%; }
.logos-x3 > div figure a img { aspect-ratio: auto; border-radius: 0 !important; height: 100%; max-height: 72px; max-width: 100%; object-fit: fill; width: auto; }

@media screen and (max-width: 1300px) {
    .logos-x3 > div figure { width: calc(50% - 20px); }
}

@media screen and (max-width: 850px) {
    .logos-x3 > div figure { padding-right: 10px !important; }
    .logos-x3 > div figure img { width: auto !important; }
}

@media screen and (max-width: 600px) {
    .logos-x3 > div figure { margin: 10px 0; width: 100%; }
}

/* Social Media Feed */
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .grid-content { border-radius: 30px; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator a:hover { text-decoration: underline !important; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-header { background: #BFCD35; border-radius: 30px 30px 0 0; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-header a, body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-header .sk-secondary-data { color: #000 !important; font-family: 'proxima_novaregular', Arial, Sans-Serif !important; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-header a { font-size: 26px !important; font-weight: lighter; line-height: 36px; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-header .sk-secondary-data { font-size: 20px; line-height: 30px; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-header a:hover, body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-content a { color: #A93178 !important; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-content a[href^="https://lnkd.in"] + div { display: none; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-content { border-radius: 0 0 30px 30px; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-content .sk-post-text { color: #000 !important; font-family: 'proxima_novaregular', Arial, Sans-Serif !important; font-size: 20px; line-height: 30px; text-align: left; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .post-content a { font-size: 20px !important; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator img { vertical-align: middle; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .sk_post_media { margin-bottom: 15px; }
body .sk-ww-social-media-aggregator .grid-social-media-aggregator .sk_post_media a:hover { text-decoration: none !important; }
body .sk-ww-social-media-aggregator .sk-social-media-aggregator-bottom-btn-container .sk-social-media-aggregator-load-more-posts { border-radius: 26px 0 26px 0; font-size: 16px !important; font-weight: bold; line-height: 20px; margin: 40px auto 30px 0; padding: 16px 18px 16px 19px; }

/* Timeline */
/* .timeline-container { margin-bottom: calc(200px + 8%); margin-top: calc(100px + 4%); position: relative; }
.timeline-container h3 { color: #fff; display: inline-block; font-weight: 700; position: absolute; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.timeline-container .year-2011 { left: 24.9%; top: 9.7%; }
.timeline-container .year-2013 { left: 48.5%; top: 9.7%; }
.timeline-container .year-2015 { left: 73.8%; top: 9.7%; }
.timeline-container .year-2017 { left: 73.8%; top: 49.3%; }
.timeline-container .year-2019 { left: 43.3%; top: 49.3%; }
.timeline-container .year-2020 { left: 21.5%; top: 83.4%; }
.timeline-container .year-2021 { left: 40.7%; top: 88.4%; }
.timeline-container .year-2022 { left: 54.1%; top: 88.4%; }
.timeline-container .year-2023 { left: 68.4%; top: 88.4%; }
.timeline-container p { color: #0c6d82; display: inline-block; font-size: 16px; font-weight: 700; line-height: 1.2em; padding-left: 10px; position: absolute; width: 165px; }
.timeline-container p::before { background: #0c6d82; bottom: 0; content: ''; display: block; left: 0; position: absolute; top: 0; width: 2px; }
.timeline-container .event-one-2011 { left: 32.6%; top: 21%; }
.timeline-container .event-two-2011 { left: 39.2%; top: -10%; }
.timeline-container .event-one-2013 { left: 55.9%; top: 21%; }
.timeline-container .event-two-2013 { left: 65.3%; top: -10%; }
.timeline-container .event-one-2015 { left: 86.9%; top: 29.5%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.timeline-container .event-one-2015::before { bottom: auto; left: auto; height: 2px; right: 100%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 22%; }
.timeline-container .event-one-2017 { padding-left: 0; padding-right: 10px; right: 33.1%; text-align: right; top: 58%; }
.timeline-container .event-one-2017::before { left: auto; right: 0; }
.timeline-container .event-two-2017 { padding-left: 0; padding-right: 10px; right: 46%; text-align: right; top: 58%; }
.timeline-container .event-two-2017::before { left: auto; right: 0; }
.timeline-container .event-one-2019 { padding-left: 0; padding-right: 10px; right: 64%; text-align: right; top: 58%; }
.timeline-container .event-one-2019::before { left: auto; right: 0; }
.timeline-container .event-two-2019 { padding-left: 0; padding-right: 10px; right: 77.8%; text-align: right; top: 30%; }
.timeline-container .event-two-2019::before { left: auto; right: 0; }
.timeline-container .event-three-2019 { padding-left: 0; padding-right: 10px; right: 85.5%; text-align: right; top: 67.9%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.timeline-container .event-three-2019::before { bottom: auto; height: 2px; left: 100%; right: auto; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 17%; }
.timeline-container .event-one-2020 { left: 28.9%; top: 103%; }
.timeline-container .event-one-2021 { left: 47.4%; top: 103%; }
.timeline-container .event-one-2022 { left: 61%; top: 103%; }
.timeline-container .event-one-2023 { left: 75.6%; top: 103%; }
.timeline-container .event-two-2023 { left: 88.3%; top: 103%; } */

.timeline-container { margin-bottom: 60px; }
.mobile-timeline-container { display: none; }
.timeline, .timeline ul { list-style: none; margin: 0; padding-left: 0; padding-top: 40px; }
.timeline { margin: 0 auto; width: 350px }
.timeline > li { font-size: 24px; font-weight: 700; position: relative; }
.timeline > li::before { background: linear-gradient(#b6ca37, #61af4e); bottom: -40px; content: ''; display: block; left: 47px; position: absolute; top: 0; width: 6px; z-index: -1; }
.timeline > li:nth-child(2)::before { background: linear-gradient(#39a258, #2c9f7c); }
.timeline > li:nth-child(3)::before { background: linear-gradient(#2ca08c, #249392); }
.timeline > li:nth-child(4)::before { background: linear-gradient(#18818a, #21557c); }
.timeline > li:nth-child(5)::before { background: linear-gradient(#2c4879, #640b69); }
.timeline > li:nth-child(6)::before { background: linear-gradient(#77005b, #90003d); }
.timeline > li:nth-child(7)::before { background: linear-gradient(#a50022, #b90009); }
.timeline > li:nth-child(8)::before { background: linear-gradient(#ff5e04, #ffa01b); }
.timeline > li:nth-child(9)::before { background: linear-gradient(#ffb623, #ffe132); }
.timeline li .event-year { background: #fff; padding: 3px 0; }
.timeline li .event-year span { background: #BFCD35; border-radius: 50%; color: #fff; display: block; height: 100px; line-height: 100px; position: relative; text-align: center; width: 100px; }
.timeline > li:first-child .event-year span::before { background: linear-gradient(#ffe232, #ced234); bottom: calc(100% + 3px); content: ''; display: block; height: 40px; left: 47px; position: absolute; width: 6px; } 
.timeline > li:nth-child(2) .event-year span { background: #2CA05B; }
.timeline > li:nth-child(3) .event-year span { background: #2CA097; }
.timeline > li:nth-child(4) .event-year span { background: #0C6D82; }
.timeline > li:nth-child(5) .event-year span { background: #403273; }
.timeline > li:nth-child(6) .event-year span { background: #6F0066; }
.timeline > li:nth-child(7) .event-year span { background: #C00000; }
.timeline > li:nth-child(8) .event-year span { background: #FF5A03; }
.timeline > li:last-child .event-year span { background: #F39D21; }
.media-text-block .timeline ul li { color: #0c6d82; font-size: 16px; line-height: 18px; margin: 40px 0; padding: 7px 0 7px 150px; position: relative; }
.timeline ul li .event-date { background: #fff; left: 25px; padding: 3px 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.timeline ul li .event-date span { background: #BFCD35; border-radius: 50%; display: block; height: 50px; width: 50px; }
.timeline > li:nth-child(2) ul li .event-date span { background: #2CA05B; }
.timeline > li:nth-child(3) ul li .event-date span { background: #2CA097; }
.timeline > li:nth-child(4) ul li .event-date span { background: #0C6D82; }
.timeline > li:nth-child(5) ul li .event-date span { background: #403273; }
.timeline > li:nth-child(6) ul li .event-date span { background: #6F0066; }
.timeline > li:nth-child(7) ul li .event-date span { background: #C00000; }
.timeline > li:nth-child(8) ul li .event-date span { background: #FF5A03; }
.timeline > li:nth-child(9) ul li .event-date span { background: #F39D21; }
.timeline ul li .date-line { background: #0c6d82; height: 2px; left: 80px; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 60px; }
.lSSlideOuter.vertical .lSAction > a { height: 80px; left: 0; margin-left: 0; opacity: 1; width: 100%; }
.lSSlideOuter.vertical .lSAction > .lSPrev { background: linear-gradient(#fff,transparent); top: 0; }
.lSSlideOuter.vertical .lSAction > .lSNext { background: linear-gradient(transparent,#fff); bottom: 0; }
.lSSlideOuter.vertical .lSAction > a span { display: block; height: 25px; left: 50%; position: absolute; -ms-transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); width: 25px; }
.lSSlideOuter.vertical .lSAction > .lSPrev span { border-left: 3px solid #0c6d82; border-top: 3px solid #0c6d82; top: 13px; }
.lSSlideOuter.vertical .lSAction > .lSNext span { border-bottom: 3px solid #0c6d82; border-right: 3px solid #0c6d82; bottom: 13px; }

@media screen and (max-width: 1000px) {
    .timeline-container { display: none; }
    .mobile-timeline-container { display: block; }
}

@media screen and (max-width: 445px) {
    .timeline { width: 280px; }
    .media-text-block .timeline ul li { padding-left: 120px; }
    .timeline ul li .date-line { width: 30px; }
}