/*
Theme Name:     dianomi
Theme URI:      https://www.dianomi.com/
Description:    Dianomi WP-Theme
Version:        1.0
Author:         Dark Roast Media
Author URI:	    https://www.darkroastmedia.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
body.overflow-hidden {overflow: hidden;}

.site-header {width:100%;position:sticky;top:0;left:0;z-index:99;background:#fff;}
.site-header.sticky {border-bottom:1px solid #999;}
.site-header .container {position:static;}

.logo {width:120px;float:left;}
.logo img {display:block;}

.header-top ul {float:right;margin-left:20px;}
.header-top ul li {display:inline-block;margin-left:10px;letter-spacing: 1px;}
.header-top ul li a {display:block;height:45px;line-height:45px;}

.top-nav-social li {width:20px;}
.top-nav-social li a {height:auto !important;line-height:1 !important;}
.top-nav-social li a svg {display:block;margin-top:12px;}
.top-nav-social li a path {fill:var(--color-green);}

.top-nav-investors li a:hover {color:var(--color-green);}

.top-nav-investors li,
.top-nav-signin li {font-size:1.2rem;font-weight:700;}
.top-nav-signin li a {background:#000;color:#fff;padding:0 25px 0 12px;position:relative;}
.top-nav-signin li a svg {position:absolute;top:50%;transform:translateY(-50%);right:10px;width:15px}
.top-nav-signin li a path {fill:#fff;}
.top-nav-signin li a:hover {color:var(--color-green);}
.top-nav-signin li a:hover path {fill:var(--color-green);}

/* Main Menu */
.mainNav-wrap {width:calc(100% - 180px);float:left;text-align:center;}
.mainNav li {display:inline-block;padding:6px 5px 40px;}
.mainNav li a {display:inline-block;position:relative;font-size:1.1rem;text-transform:uppercase;font-weight:700;}
.mainNav li a:after {content:"";position:absolute;left:0;bottom:-7px;width:0;border-top:3px solid var(--color-green);transition:0.4s;}
.mainNav li a:hover {color:var(--color-green);}
.mainNav li a:hover:after {width:100%;}

.mainNav li.sub-menu-open {background:#000;);}
.mainNav li.sub-menu-open a {color:#fff;}
.mainNav li.sub-menu-open a:hover {color:var(--color-green);}

/* Level 2 */
.sub-menu-wrap {display:none;position: absolute; top: 100%;padding:30px 0;left:0;width:100%;text-align:left;z-index:99;background:#fff;border-top:1px solid #000;box-shadow: 0 5px 15px -5px #000;}
.menu-item-has-children.sub-menu-open > .sub-menu-wrap {display: block;}

.sub-menu-wrap ul {max-width:790px;margin:0 auto;display:flex;justify-content:space-between;}
.sub-menu-wrap ul li {display:block;width:45%;padding:0;}
.sub-menu-wrap ul li a {color:#000 !important;}
.sub-menu-wrap ul li a:hover {color:var(--color-green) !important;}
.sub-menu-wrap ul li a:after {display:none;}
.sub-menu-wrap ul li p {margin:20px 0 0;}


/* Responsive Menu */
.mainNav-wrap {display:none;}

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;z-index:99}
.mobile-nav-trigger {display:block;}
.mobile-nav-trigger .cd-menu-icon {margin-top:15px;margin-left:15px;display: block;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:#222;}

.mobile-nav {position: fixed;visibility:hidden;opacity:0; left: 0; top: 105px; height:calc(100% - 105px);width:100%;background:rgba(28, 27, 74,0.98); z-index:98;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;}
.mobile-nav-inner {padding-top:80px;}

.mobileNav li {display:block;font-size:1.8rem;margin-bottom:20px;}
.mobileNav li a {color:#fff;}
.mobileNav li a:hover {color:#00a887;}

.post-edit-link {display:block;position:fixed;top:50%;right:0;padding:10px;z-index:99999999;background:rgba(139,16,6,0.8);color:#fff;font:16px/1 Helvetica, Arial, serif;text-transform:uppercase;font-weight:600;}
.post-edit-link:hover {background:rgba(139,16,6,1);color:#fff;}

/* -- @CONTENT ---------------- */
.button {display:inline-block;padding: 15px 30px;border:none;background:var(--color-green);color:#fff;font-weight:400;font-size:1.2rem;text-transform:uppercase;text-align:center;box-sizing:border-box;}
.button:hover {color:#000;}
.button-black {background:#000;color:#fff;}
.button-black:hover  {color:var(--color-green);}

.narrow-content {max-width:760px;margin:0 auto;}
.medium-content {max-width:900px;margin:0 auto;}

.border-top {border-top:1px solid #000;}
.border-btm {border-bottom:1px solid #000;}

.home-intro .button {margin:5px;}
.home-graphic img {display:block;width:100%;}

.home-publishers-wrap {overflow:hidden;margin-top:60px;padding-top:60px;border-top:1px solid #000;}
.home-publisher-logos {padding-top:30px;}

.big-number {font-size:28px;line-height:39px;}

.carousel {position:relative;}
.carousel-fade:before,
.carousel-fade:after {content:"";position:absolute;top:0;width:20%;height:100%;z-index:30;}
.carousel-fade:before {left:0;background: linear-gradient(to right,  rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);}
.carousel-fade:after {right:0;background: linear-gradient(to left,  rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);}

.audience-carousel .carousel-logo {border-radius: 5px;padding:20px 8px;border:2px solid var(--color-green);scale: 75%;filter: grayscale(1);display: flex;flex-direction: column-reverse;transition:0.4s;}
.audience-carousel .carousel-logo .heading-5 {min-height:30px;color:var(--color-green);letter-spacing:0;margin:0;font-weight:700;line-height:1.2;}
.audience-carousel .slick-current .carousel-logo {scale: 90%;filter: grayscale(0);box-shadow: 0 0 10px var(--color-green);}

.slick-dots {position:relative;margin-top:15px;text-align:center;z-index:90;}
.slick-dots li {display:inline-block;}
.slick-dots li button {width:10px;height:10px;margin:0 3px;padding:0;background-color: transparent;border: 1px solid #000;border-radius: 0;transition: background-color 0.2s ease;font-size:0;}
.slick-dots li.slick-active button {background-color: #000;}

.stat-block {max-width:215px;margin:30px auto 0;}
.stat-title {font-weight:500;}

.brand-logo-grid {display: grid;grid-template-columns: repeat(auto-fill,33.333%);justify-content: space-between;text-align:center;}
.brand-logo-block {padding:5px 20px;box-sizing:border-box;}
.brand-logo-block img {display:inline-block;max-width: 105px;}

.testimonial-card {padding-top:95px;background:url(images/icon-quote.svg) no-repeat center top;background-size:35px 45px;}
.testimonial-card .heading-5 {color:var(--color-green);text-transform:none;}

/* About */
.about-product-carousel:before {background: linear-gradient(to right,  rgba(242,242,242,1) 95%,rgba(242,242,242,0) 100%);}
.about-product-carousel:after {background: linear-gradient(to left,  rgba(242,242,242,1) 95%,rgba(242,242,242,0) 100%);}

.about-product-carousel:before,
.about-product-carousel:after {width:25%;}

.about-stat-block {max-width:350px;padding:80px 20px;border:1px solid #000;margin:20px auto 40px;position:relative;box-sizing:border-box;}
.about-stat-block:before,
.about-stat-block:after {content:"";position:absolute;}
.about-stat-block:before {bottom:-1px;left:-20px;width:20px;border-bottom:1px solid #000;}
.about-stat-block:after {bottom:-20px;left:-1px;height:20px;border-left:1px solid #000;}

.about-stat-number {font-size:6.5rem;line-height:1;color:var(--color-green);font-weight:500;}
.about-stat-content {font-weight:500;margin-bottom:0;}
.about-stat-content span {color:var(--color-green);}

.about-values-wrap {position:relative;}
.dia-line-svg {position:absolute;top:120px;left:0;width:100%;height: 1325px;display:block;}
.about-value-draw {fill: none;stroke:var(--color-green);stroke-width: 3px;}

.about-premium-row h2 {text-transform:uppercase;color:var(--color-green);font-size:2.5rem;font-weight:700;}
.about-premium-row.row-1 {padding:40px 0 0 185px;max-width:500px;}
.about-premium-row.row-2 {padding:120px 195px 0 45%;text-align:right;}
.about-premium-row.row-3 {padding:130px 0 0 300px;max-width:500px;}
.about-premium-row.row-4 {padding:115px 0 0 180px;max-width:500px;}
.about-premium-row.row-5 {padding:125px 295px 200px 35%;text-align:right;}

/* Team */
.team-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;padding-top:40px;}
.team-grid.no-padding {padding-top:0;}
.team-item-large {grid-column: 1 / -1;}
.team-item-large .team-member-pic {padding:10px;margin-bottom:30px;border:1px solid #000;position:relative;}
.team-item-large .team-member-pic img {display:block;width:100%;}
.team-item-large .team-member-pic:before,
.team-item-large .team-member-pic:after {content:"";position:absolute;}
.team-item-large .team-member-pic:before {bottom:-1px;left:-15px;width:15px;border-bottom:1px solid #000;}
.team-item-large .team-member-pic:after {bottom:-15px;left:-1px;height:15px;border-left:1px solid #000;}

.team-item-small .team-member-pic {margin-bottom:30px;}

.team-member-info p {margin-bottom:10px;}
.team-member-name {font-size:2.1rem;line-height:23px;color:var(--color-green);font-weight:600;}

/* Contact */
.contact-email-link {font-size:1.8rem;line-height:25px;}
.read-more {display:inline-block;position:relative;font-weight:500;padding-right:30px;font-size:1.8rem;line-height:25px;}
.read-more:before,
.read-more:after {content:"";position:absolute;transition:0.4s;}
.read-more:before {top:6px;right:5px;width:20px;height:13px;background:url(images/icon-arrow-right.svg) no-repeat 0 0;background-size:cover;}
.read-more.black:before {background-image:url(images/icon-arrow-right-black.svg);}
.read-more:after {left:0;bottom:-5px;width:calc(100% - 5px);border-top:1px solid #000;}
.read-more:hover:before {right:0;}
.read-more:hover:after {width:100%;}

.contact-location-block {max-width:350px;padding:40px 50px;border:1px solid #000;margin:0 auto 40px;position:relative;box-sizing:border-box;background:#fff;}
.contact-location-block:before,
.contact-location-block:after {content:"";position:absolute;}
.contact-location-block:before {bottom:-1px;left:-20px;width:20px;border-bottom:1px solid #000;}
.contact-location-block:after {bottom:-20px;left:-1px;height:20px;border-left:1px solid #000;}

.contact-location-block .heading-5 {color:var(--color-green);}
.contact-location-block .location-city {font-size:2.3rem;line-height:25px;}
.contact-location-block .location-phone {font-weight:600;}

/* News */
.spinner {width: 40px;height: 40px;border: 3px solid #ddd;border-top-color: #333;border-radius: 50%;animation: spin 0.8s linear infinite;margin: 20px auto;}
@keyframes spin { to { transform: rotate(360deg); } }

.feat-news-pic {border:1px solid #000;padding:20px;}
.feat-news-pic img {display:block;width:100%;}

.feat-news-content {padding-bottom:40px;}
.feat-news-content p {margin:0;}
.feat-news-item h2 {min-height:65px;}
.feat-news-item h2 a:hover,
.blog-item h3 a:hover {color:var(--color-green);}
.entry-time {display:block;margin-bottom:20px;font-weight:500;}

.blog-item {padding:20px 20px 80px 20px;border:1px solid #000;margin-bottom:60px;position:relative;box-sizing:border-box;}
.blog-item:before,
.blog-item:after {content:"";position:absolute;}
.blog-item:before {bottom:-1px;left:-20px;width:20px;border-bottom:1px solid #000;}
.blog-item:after {bottom:-20px;left:-1px;height:20px;border-left:1px solid #000;}

.blog-item-content {padding:0 20px;}
.blog-item-pic,
.blog-item .entry-time {margin-bottom:30px;}

.single-post-block {max-width:980px;margin:0 auto;}
.post-single-meta {margin-bottom:20px;}
.post-single-meta div {float:left;margin-bottom:0;}
.post-single-meta div:last-of-type {margin-left:15px;padding-left:15px;border-left:2px solid #000;}
.post-category {display:inline-block;font-weight:500;}

.blog-entry {max-width:700px;}
.blog-entry strong {color:#000;}
.blog-entry a {text-decoration:underline;font-weight:500;}

.blog-entry ul {list-style:square;margin-left:30px;}
.blog-entry ul li {font-size:1.8rem;line-height:25px;font-weight:400;}

.entry table {width:100%;margin:30px 0;}
.entry table th,
.entry table td {padding:15px 10px;text-align:left;line-height:1.4;}
.entry table thead th,
.entry table thead td {background:#eee;text-transform:uppercase;}
.entry table tbody tr {border-bottom:2px solid #f2f2f2;}

.entry table th strong,
.entry table td strong {color:#000;}

/* Advertiser */
.product-suite-nav {display: grid;grid-template-columns: repeat(auto-fill,49%);justify-content: space-between;text-align:center;padding-top:60px;text-transform:uppercase;}
.product-suite-nav-item {padding:15px 20px;margin-bottom:20px;background:var(--color-green);color:#fff;display:flex;align-items:center;cursor:pointer;transition:0.4s;}
.product-suite-nav-item:hover,
.product-suite-nav-item.active {background:#000;}
.product-suite-nav-item span {display:block;width:100%;}

.product-suite-content-item {display:none;max-width:950px;margin:0 auto;padding-top:30px;}
.product-suite-content-item.active {display:block;}

.product-suite-content-item p {font-weight:500;transition:0.3s;}
.product-suite-content-item .product-suite-content-artwork {transition:0.3s;}

/* Cohorts */
.cohorts-grid {max-width:620px;margin:40px auto 0;display:flex;justify-content:space-between;}
.cohort-block {width:20%;scale: 75%;border: 2px solid #009c7e;border-radius: 5px;padding: 20px 8px 20px 8px;filter: grayscale(1);box-sizing: border-box;  display: inline-flex;height:135px;}
.cohort-block div {width:100%;}
.cohort-block span {display:block;width:100%;font-weight:700;font-size:9px;line-height:10px;}
.cohort-block img {display:block;width:100%;}

.cohort-block:nth-of-type(3) {filter: grayscale(0);box-shadow: 0 0 10px #009c7e;margin-top: 70px;background: #f2f2f2;scale:100%;}

.cohorts-bottom {overflow:hidden;margin-top:60px;padding-top:60px;border-top:1px solid #000;}

.experience-block p {max-width:290px;margin:0 auto 20px;}

.cohorts-audience-block p {max-width:200px;margin:0 auto 20px;}

/* Investors */
.investors-dnm-wrap {overflow:hidden;}
.investors-dnm-cover {aspect-ratio:1/1;border:1px solid #000;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin-top:60px;position:relative;}
.investors-dnm-cover:before {content:"";position:absolute;bottom:-1px;right:100%;width:200%;height:0;border-top:1px solid #000;}

.investors-dnm-cover img {display:block;max-width:50%;max-height:50%;object-fit:contain;}

.investor-intro-pic {position:relative;padding-top:60px;max-width:850px;margin:0 auto;}
.investor-intro-pic:before {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);margin-left:0.5px;width:0;height:80%;border-left:1px solid #000;}
.investor-intro-pic img {display:block;width:100%;position:relative;z-index:2;}
.investor-foundation-content {width:85%;box-sizing: border-box;margin:0 auto;}

.investor-contact-info p {font-size:1.8rem;line-height:1.5;}
.investor-contact-info p a:not(.read-more) {text-decoration:underline;font-weight:500;}

.investor-contact-wrap {padding:20px;border:1px solid #000;position:relative;box-sizing:border-box;}
.investor-contact-wrap:before,
.investor-contact-wrap:after {content:"";position:absolute;}
.investor-contact-wrap:before {bottom:-1px;left:-20px;width:20px;border-bottom:1px solid #000;}
.investor-contact-wrap:after {bottom:-20px;left:-1px;height:20px;border-left:1px solid #000;}

.investor-aim-row {padding-bottom:20px;}
.investor-aim-header {padding:20px 40px 20px 20px;background:#000;border:1px solid #000;position:relative;transition:0.4s;}
.investor-aim-header:after {content:"+";position:absolute;top:50%;right:20px;transform:translateY(-50%);color:#fff;font-size:4.0rem;}
.investor-aim-header span {font-size:2.0rem;font-weight:500;color:#fff;transition:0.4s;}

.investor-aim-header:hover {background:#fff;}
.investor-aim-header:hover span,
.investor-aim-header:hover:after {color:#000;}

.investor-aim-content {padding-top:20px;display:none;font-size:1.8rem;font-weight:500;}
.investor-aim-content p {line-height:1.5;}
.investor-aim-content a {color:var(--color-green);}

.active .investor-aim-content {display:block;}
.active .investor-aim-header:after {content:"-";}

.investor-intro p {font-size:2.0rem;line-height:1.5;}

.investor-report-item {display:block;max-width:300px;margin:0 auto 50px;color:#000;background:#fff;border:1px solid #000;padding:10px 10px 35px;box-sizing:border-box;position:relative;}
.investor-report-item:hover {background:#000;color:#fff;}
.investor-report-item:before,
.investor-report-item:after {content:"";position:absolute;}
.investor-report-item:before {bottom:-1px;left:-20px;width:20px;border-bottom:1px solid #000;}
.investor-report-item:after {bottom:-20px;left:-1px;height:20px;border-left:1px solid #000;}

.investor-report-date {padding:20px 0;text-align:right;font-weight:500;}
.investor-report-title {padding-bottom:40px;}
.investor-report-footer span {font-size:1.6rem;font-weight:500;display:block;background:url(images/icon-arrow-right.svg) center right no-repeat;background-size:20px 15px;}

/* My Dianomi */
.overflow-hidden {overflow:hidden;}

.mydianomi-intro {max-width:850px;margin:0 auto;}
.mydianomi-intro-rows {display:flex;gap:5px;align-items:center;margin-bottom:10px;}
.mydianomi-intro-rows p:last-of-type,
.mydianomi-intro-rows:last-of-type {margin-bottom:0;}

.mydianomi-intro-right {padding:10px;width:100%;max-width:400px;margin:40px auto 0;border:1px solid #000;position:relative;box-sizing:border-box;}
.mydianomi-intro-right:after {content:"";position:absolute;top:-1px;left:100%;width:200%;border-top:1px solid #000;}
.mydianomi-intro-right > div {display:flex;align-items:center;height:300px;padding:0 20px;box-sizing:border-box;}
.mydianomi-intro-right > div ul li {display:block;color:#fff;font-size:1.6rem;line-height:1.3;margin-bottom:20px;font-weight:500;position:relative;padding-left:25px;background:url(images/icon-check-white.svg) center left no-repeat;background-size:16px 12px;}

.mydianomi-marketplace-logos {border:1px solid #000;padding:10px;position:relative;}
.mydianomi-marketplace-logos:after {content:"";position:absolute;bottom:-1px;right:100%;width:200%;border-bottom:1px solid #000;}
.mydianomi-marketplace-logos:before {content:"";position:absolute;top:100%;left:-1px;height:200%;border-left:1px solid #000;}
.mydianomi-marketplace-logos img {display:block;width:100%;}

.mydianomi-targeting-graph {position:relative;z-index:3;width:80%;max-width:400px;margin:0 auto;}
.mydianomi-targeting-content {padding:10px;width:100%;max-width:600px;margin:-50px auto 0;border:1px solid #000;position:relative;box-sizing:border-box;}
.mydianomi-targeting-content div {padding:80px 30px 30px;box-sizing:border-box;text-align:left;}
.mydianomi-targeting-content div ul li {display:block;color:#fff;font-size:1.6rem;line-height:1.3;margin-bottom:20px;font-weight:500;position:relative;padding-left:25px;background:url(images/icon-check-white.svg) center left no-repeat;background-size:16px 12px;}
.mydianomi-targeting-content div p,
.mydianomi-targeting-content div p strong {color:#fff;font-size:1.6rem;}
.mydianomi-targeting-content:after {content:"";position:absolute;bottom:-1px;left:100%;width:200%;border-bottom:1px solid #000;}
.mydianomi-targeting-content:before {content:"";position:absolute;top:100%;right:-1px;height:200%;border-left:1px solid #000;}

.mydianomi-step {display:flex;align-items:center;width:80px;height:80px;margin:0 auto 20px;border-radius:100%;}
.mydianomi-step span {display:block;width:100%;color:#fff;font-weight:700;font-size:1.2rem;}
.mydianomi-step-col a {color:var(--color-green);text-decoration:underline;}
.mydianomi-step-col a:hover {text-decoration:none;}

/* Pardot */
.dianomi-contact-form label {display:none;}
.dianomi-contact-form .field-group {margin-bottom:15px;}
.dianomi-contact-form .field-group input,
.dianomi-contact-form .field-group select {width:100% !important;box-sizing:border-box;}
.field-group.field-group-2-col {display:flex;justify-content:space-between;}
.field-group.field-group-2-col .field-group__item {width:48.5%;}

/* -- @FOOTER ----------------- */
.site-footer {}

.footer-copy {font-size:1.2rem;font-weight:500;}
.footer-nav p strong,
.footer-social p strong {font-size:1.2rem;color:#000;text-transform:uppercase;}

.footer-nav {margin:40px 0;}
.footer-nav li {display:block;margin-bottom:10px;font-size:1.4rem;line-height:1.4;font-weight:500;}

.footer-social ul li {display:block;margin-bottom:15px;font-weight:500;}
.footer-social ul li a {display:flex;align-items:center;}
.footer-social ul li a svg {display:block;width:25px;margin-right:10px;}
.footer-social ul li a svg path{transition:0.4s;}
.footer-social ul li a:hover {color:var(--color-green);}
.footer-social ul li a:hover svg path {fill:var(--color-green);}

/* #Clearer
================================================== */
.container:after,
.row:after,
.entry:after,
.post-single-meta:after {content: ""; display: table; clear: both;}