/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.25.1.1717626080
Updated: 2024-06-05 17:21:20

*/

:root {
	--white: #ffffff;
	--black: #000000;
	--purple: #4E148C;
	--steelblue: #347FC4;
	--trueblue: #4768AE;
	--seagreen: #00BFB2;
	--orange: #F6511D;
	--bordergray: #c2ccd3;
	--boxshadow: 10px 10px 0px 0px #ccc8b8;
	/* Fonts */
	--headerfont: "Roboto", sans-serif;
	--bodyfont: "Merriweather", serif;
	--fontitalic: 'italic';
	--weight100: 100; --weight200: 200; --weight300: 300; --weight400: 400; --weight500: 500; --weight600: 600; --weight700: 700; --weight800: 800; --weight900: 900; --font12: 0.75rem; --font14: 0.875rem; --font16: 1rem; --font18: 1.125rem; --font19: 1.1875rem; --font20: 1.25rem; --font22: 1.375rem; --font23: 1.4375rem; --font24: 1.5rem; --font26: 1.625rem; --font28: 1.75rem; --font30: 1.875rem; --font31: 1.9375rem; --font32: 2rem; --font34: 2.125rem; --font36: 2.25rem; --font38: 2.375rem; --font40: 2.5rem; --font42: 2.625rem; --font44: 2.75rem; --font46: 2.875rem; --font48: 3rem; --font50: 3.125rem; --font52: 3.25rem; --font54: 3.375rem; --font56: 3.5rem; --font58: 3.625rem; --font60: 3.75rem; --font62: 3.875rem; --font64: 4rem; --font66: 4.125rem; --font68: 4.25rem; --font70: 4.375rem; --font72: 4.5rem; --font74: 4.625rem; --font76: 4.75rem; --font78: 4.875rem; --font80: 5rem; --font82: 5.125rem; --font84: 5.25rem; --font86: 5.375rem; --font88: 5.5rem; --font90: 5.625rem; --font92: 5.75rem; --font94: 5.875rem; --font96: 6rem; --font98: 6.125rem; --font100: 6.25rem;
}
/* ===================
FONTS
====================*/
.headerfont {
	font-family: "Roboto", sans-serif;
}
.bodyfont {
	font-family: "Merriweather", serif;
}
body {
	font-size: 18px;
	font-family: "Merriweather", serif;
	font-weight: var(--weight400);
	font-style: normal;
	color: var(--black);
}
	.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li a {
    font-family: "Roboto", sans-serif;
}
h1 { 
  font-family: var(--headerfont);
  font-optical-sizing: auto;
  font-size: 54px;
  font-weight: 700;
  font-style: normal;
  color: var(--black);
}
h2 { 
  font-family: var(--headerfont);
  font-optical-sizing: auto;
  font-size: 42px;
  font-weight: 500;
  font-style: normal;
  color: var(--black);
  line-height: 1.1em;
}
.feature-cta h2 {
  padding-bottom: 0;
  padding-top: 10px;
}
h3 { 
  font-family: var(--headerfont);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: var(--black);
  line-height: 1.3em;
}
h4 { 
  font-family: var(--bodyfont);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.3em;
}
h5 { 
  font-family: var(--bodyfont);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
p { 
  font-family: var(--bodyfont);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
/* =======================
BUTTONS 
=========================*/

/* PRIMARY */
.et_pb_button,
.et_pb_button.primary_btn,
.primary_btn .et_pb_button {
	color: #000000 !important;
    border-width: 0px !important;
    border-radius: 50px;
    background-color: #FFFFFF;
	font-family: var(--headerfont);
	padding: 15px 25px!important;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}
.et_pb_button:hover,
.et_pb_button.primary_btn:hover,
.primary_btn .et_pb_button:hover {
	color: #FFFFFF !important;
    background-color: var(--purple);
	padding: 15px 25px!important;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

/* SECONDARY */
.et_pb_button.secondary_btn,
.secondary_btn .et_pb_button,
.wpcf7-submit{
	color: var(--white) !important;
    border-width: 0px !important;
    border-radius: 50px;
    background-color: var(--purple);
	font-family: var(--headerfont);
	padding: 15px 25px!important;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}
.et_pb_button.secondary_btn:hover,
.secondary_btn .et_pb_button:hover,
.wpcf7-submit:hover{
	color: var(--black)!important;
    background-color: var(--white);
	padding: 15px 25px!important;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

/* --------------------
GLOBAL SCROLLBAR 
------------------------*/
/* width */
::-webkit-scrollbar {
	width: 14px;
}

/* Track */
::-webkit-scrollbar-track {
	background: var(--white);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--trueblue);
	background: var(--trueblue);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--trueblue);
	border-top: 14px solid var(--purple);
	border-bottom: 14px solid var(--purple);
}

/* Back to Top */
.et_pb_scroll_top.et-pb-icon {
	background: var(--black);
}

/* Highlight Styles */
::-moz-selection {
	color: var(--black) !important;
	background: var(--seagreen) !important;
}

::selection {
	color: var(--black) !important;
	background: var(--seagreen) !important;
}

body.single .et-l--post .et_builder_inner_content .et_pb_section {
	padding: 0;
}

body.single .et-l--post .et_builder_inner_content .et_pb_section > .et_pb_row {
	max-width: 100% !important;
	width: 100% !important;
}

/* =======================
SIDEBAR
=========================*/
#sidebar,
.et_pb_widget_area {
	color: var(--black);
	font-family: var(--bodyfont);
	font-size: var(--font16);
	line-height: 1.55;
}

#sidebar .et_pb_widget,
.et_pb_widget_area .et_pb_widget {
	background: var(--white);
	border: 1px solid var(--bordergray);
	border-top: 6px solid var(--seagreen);
	box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1);
	margin-bottom: 32px;
	padding: 28px;
}

#sidebar .et_pb_widget:last-child,
.et_pb_widget_area .et_pb_widget:last-child {
	margin-bottom: 0;
}

#sidebar h2,
#sidebar .wp-block-heading,
.et_pb_widget_area h2,
.et_pb_widget_area .wp-block-heading {
	color: var(--black);
	font-family: var(--headerfont);
	font-size: var(--font22);
	font-weight: var(--weight700);
	letter-spacing: 0;
	line-height: 1.15;
	margin: 0 0 18px;
	padding: 0 0 14px;
	position: relative;
}

#sidebar h2::after,
#sidebar .wp-block-heading::after,
.et_pb_widget_area h2::after,
.et_pb_widget_area .wp-block-heading::after {
	background: var(--purple);
	bottom: 0;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	width: 52px;
}

#sidebar ul,
#sidebar ol,
.et_pb_widget_area ul,
.et_pb_widget_area ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar li,
.et_pb_widget_area li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	margin: 0;
	padding: 0;
}

#sidebar li:last-child,
.et_pb_widget_area li:last-child {
	border-bottom: 0;
}

#sidebar a,
.et_pb_widget_area a {
	color: var(--black);
	display: block;
	font-family: var(--headerfont);
	font-size: var(--font16);
	font-weight: var(--weight600);
	line-height: 1.35;
	padding: 14px 0 14px 18px;
	position: relative;
	text-decoration: none;
	transition: color 160ms ease, padding-left 160ms ease;
}

#sidebar a::before,
.et_pb_widget_area a::before {
	background: var(--seagreen);
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	top: 20px;
	width: 8px;
}

#sidebar a:hover,
#sidebar a:focus,
.et_pb_widget_area a:hover,
.et_pb_widget_area a:focus {
	color: var(--purple);
	padding-left: 24px;
}

#sidebar a:hover::before,
#sidebar a:focus::before,
.et_pb_widget_area a:hover::before,
.et_pb_widget_area a:focus::before {
	background: var(--orange);
}

.articles-page .et_pb_salvattore_content .column article:has(a[href*="/category/human-biomarkers/"]),
.articles-page .et_pb_salvattore_content .column article:has(a[href*="/category/reviews-perspectives/"]),
.articles-page .et_pb_salvattore_content .column article:has(a[href*="/category/therapeutic-development/"]),
.articles-page .et_pb_salvattore_content .column article:has(a[href*="/category/tau-biology/"]),
.articles-page .et_pb_salvattore_content .column article.myriel-hidden-article {
	display: none;
}

@media (max-width: 768px) {
	.column-reverse-mobile {
		display: flex;
		flex-direction: column-reverse;
	}
	.remove-mobile {
		display: none;
	}
	h1 { 
  font-size: 34px;
  line-height: 1.1em;
}
   h2 { 
  font-size: 32px;
  line-height: 1.1em;
}
}