/*
Theme Name: Myna Accountants
Author: Kubiak Creative
Author URI: https://kubiakcreative.com
Description: Custom Theme by Kubiak Creative - Requires The7 theme to be installed for base structure. 09-24
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
:root {
    --myna-navy: #0c0d19;
    --myna-green: #a3ff5d;
    --myna-yellow: #d8ff00;
    --white: #ffffff;
    --black: #000000;
}

.myna-navy  {  color: var(--myna-navy) }
.myna-green  {  color: var(--myna-green) }
.myna-yellow   {  color: var(--myna-yellow) }

.bg-myna-navy  { background-color: var(--myna-navy) }
.bg-myna-green  { background-color: var(--myna-green) }
.bg-myna-yellow   { background-color: var(--myna-yellow) }

::selection {
    color: var(--myna-navy);
    background: var(--myna-green);
}

.hide { display: none !important }

body {
    font-family: Arial, Helvetica, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: auto;
}

/* FIX .vc_column-inner  padding issue */
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner {padding-top: 0}
.vc_row-has-fill > .vc_column_container > .vc_column-inner {padding-top: 0}

/* ----------------------------------- TYPOGRAPHY ----------------------------------- */

h1 > b { font-weight: 600;}

h1 br, h2 br, h3 br, h4 br  { display: none;}

@media (min-width: 992px) { h1 br, h2 br, h3 br, h4 br  { display: inline;} }


.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg p, .dark-bg a { color: white;}
.white p, .white a, .white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 { color: white;}

.text-center { text-align: center;}
@media (min-width: 992px) { .text-center { text-align: inherit;} }
@media (min-width: 992px) { .text-right-desktop { text-align: right;} }

.pre-header { 
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

@media (min-width: 992px) { .pre-header {font-size:  1.1rem;}}

.preheader-rule {
    position: relative;
    color: var(--pink);
}
.preheader-rule::before {
    position: absolute;
    content:'';
    left: -1020px;
    top:50%;
    width: 1000px;
    height: 1px;
    background: var(--pink);
}
.preheader-rule { margin-bottom: 10px}
@media (min-width: 992px) { .preheader-rule { margin-bottom: 30px}}

/* Paragraph Styles */
p { margin-bottom: 20px;}
p.large-x1 { font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 20px; font-weight: 300;}
p.large-x2 { font-size: 1.4rem; line-height: 1.9rem; margin-bottom: 30px; font-weight: 300;}
p.preheader { font-weight: 500; }
p.preheader + h4, p.preheader + h3, p.preheader + h2, p.preheader + h1 { margin-top: 0; }
.p-no-margin { margin-bottom: 0; padding-bottom: 0; }
@media (min-width: 992px) {
    p.large-x1 { font-size: 1.3rem;line-height: 1.8rem;}
    p.large-x2 { font-size: 1.6rem; line-height: 2.2rem;}
}

.small {
    font-size: 0.9rem;
    line-height: 1.2rem;
}

/* Link styles */

strong a.link-arrow { font-weight: 500;}

a.link-arrow {
    position: relative;
    color:  white;
    text-decoration: none;
}

a.link-arrow:hover {
    color: var(--myna-green);
}

a.link-arrow::after {
    content: '';
    position: absolute;
    bottom: 2px;
    right: -20px;
    content: '\f0272';
    color: var(--myna-green);
    font-family: icomoon-the7-font !important;
    font-weight: 400;
    line-height: 1em;
    transition: all 0.25s ease;
}

a.link-arrow:hover::after {
    right: -25px;
}

.link-underline a {
    position: relative;
    display: block;
    text-decoration: 0;
        transition: 0.2s ease;
}

.link-underline a::before {
    position: absolute;
    content:'';
    left: 0;
    bottom: -10px;
    height: 1px;
    width: 100%;
    background: #999999;
}

.link-underline a::after {
    position: absolute;
    content:'';
    left: 0;
    bottom: -12px;
    height: 5px;
    width: 10%;
    background: var(--red);
    transition: all 1s ease;
}

.link-underline a:hover::after {
    width: 100%;
}

.dark-bg .link-underline a::before {background: rgba(255, 255, 255, 0.5);}
.dark-bg .link-underline a::after {background: #ffffff;}


/* ----------------------------------- GENERAL ----------------------------------- */

.delay { animation-delay: 0.25s }
.delay2 { animation-delay: 0.5s }
@media (max-width: 768px) {.center-mobile .btn-inline-right  { float: none !important;}}
@media (max-width: 992px) {.center-tablet .btn-inline-right  { float: none !important;}}

.center-mobile, .center-mobile .wpb_content_element { text-align: center;}
@media (min-width: 768px) {.center-mobile, .center-mobile .wpb_content_element { text-align: inherit;}}
.center-tablet, .center-tablet .wpb_content_element { text-align: center;}
@media (min-width: 992px) {.center-tablet, .center-tablet .wpb_content_element  { text-align: inherit;}}
.center-desktop, .center-desktop .wpb_content_element { text-align: center;}
@media (min-width: 1200px) {.center-laptop, .center-desktop .wpb_content_element { text-align: inherit;}}

.reverse-tablet { display: flex; flex-direction: row; }
@media (min-width: 768px) {.reverse-tablet { display: flex; flex-direction: row-reverse; }}
.reverse-desktop { display: flex; flex-direction: row; }
@media (min-width: 992px) {.reverse-desktop { display: flex; flex-direction: row-reverse; }}

.sidetitle br { display: none; }
@media (min-width: 992px) { .sidetitle br { display: inline; }}

.border-green {
    border-radius: 4px;
    border: solid 1px rgba(163, 255, 93, 1);
}

.page-title { flex-direction: column;}
.page-title-head { order: 2;}
.page-title-breadcrumbs { order: 1;}
ol.breadcrumbs { margin-bottom: 0 !important; letter-spacing: 1px; font-weight: 300 !important;}
.dt-breadcrumbs-shortcode {letter-spacing: 1px;}

/* ----------------------------------- ROW / BOX STYLES ----------------------------------- */

.min-height-800 { min-height: 800px;}
.min-height-600 { min-height: 600px;}
.min-height-500 { min-height: 500px;}
.min-height-400 { min-height: 400px;}
.max-width-300 { max-width: 300px;}
.max-width-250 { max-width: 250px;}

.min-height-banner { min-height: 300px;}
@media (min-width: 768px) { .min-height-banner { min-height: 600px;}}

.row-padding, .service-row  { padding-top: 50px; padding-bottom: 50px;}
@media (min-width: 992px) { .row-padding, .service-row { padding-top: 50px; padding-bottom: 50px;}}

.row-margin-top { margin-top: 70px; }
.row-margin-bottom { margin-bottom: 70px; }

@media (min-width: 992px) {.row-margin-top { margin-top: 140px;}.row-margin-bottom { margin-bottom: 70px; }}

.box-padding .vc_column-inner { padding: 35px; }
@media (min-width: 992px) { .box-padding .vc_column-inner { padding: 75px;} }

.banner-padding .vc_column-inner { padding: 35px; }

.row-grid-3 .vc_column-inner > .wpb_wrapper,
.row-grid-5 .vc_column-inner > .wpb_wrapper,
.row-grid-6 .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.row-grid-3 .vc_column-inner > .wpb_wrapper > .partner-logo { width: calc(50%);}
@media (min-width: 768px) { .row-grid-3 .vc_column-inner > .wpb_wrapper > .partner-logo { width: calc(33.333%); }}

.row-grid-5 .vc_column-inner > .wpb_wrapper > .partner-logo { width: calc(50%);}
@media (min-width: 768px) { .row-grid-5 .vc_column-inner > .wpb_wrapper > .partner-logo { width: calc(33.333%); }}
@media (min-width: 1200px) { .row-grid-5 .vc_column-inner > .wpb_wrapper > .partner-logo { width: calc(25%);}}
@media (min-width: 1400px) { .row-grid-5 .vc_column-inner > .wpb_wrapper > .partner-logo { width: calc(20%);}}

.row-grid-6 .vc_column-inner > .wpb_wrapper > .partner-logo { width: calc(50%);}
@media (min-width: 768px) { .row-grid-6 .vc_column-inner > .wpb_wrapper > .partner-logo { width: calc(33.333%); }}
@media (min-width: 1200px) { .row-grid-6 .vc_column-inner > .wpb_wrapper > .partner-logo { width: calc(25%);}}
@media (min-width: 1400px) { .row-grid-6 .vc_column-inner > .wpb_wrapper > .partner-logo { width: calc(16.666%);}}

.bg-glow {
    background-image: url('/wp-content/themes/dt-the7-child/assets/footer-glow.png');
    background-position:  center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
}


/* ----------------------------------- MENU ----------------------------------- */
/* =================================
   HOME MENU ICON
================================= */

#primary-menu .home-icon .menu-item-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hide "Myna" */
#primary-menu .home-icon .menu-text {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    width: 33px;
    height: 30px;
    display: block;
    position: relative;
}

/* Home icon */
#primary-menu .home-icon .menu-text::before {
    content: '';
    display: block;
    position: absolute;
    width: 33px;
    height: 30px;
    inset: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.1 29.8'><path d='M5.3,12.4L16.6,2.5l11.2,9.9v15.5H5.3v-15.5ZM16.6,0l-.6.5L0,14.6l1.2,1.4,2.2-1.9v15.8h26.3v-15.8l2.2,1.9,1.2-1.4L17.2.5l-.6-.5Z' style='fill:%23a3ff5d'/></svg>");    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#primary-menu .home-icon:hover .menu-text::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.1 29.8'><path d='M5.3,12.4L16.6,2.5l11.2,9.9v15.5H5.3v-15.5ZM16.6,0l-.6.5L0,14.6l1.2,1.4,2.2-1.9v15.8h26.3v-15.8l2.2,1.9,1.2-1.4L17.2.5l-.6-.5Z' style='fill:%23ffffff'/></svg>");
}



/* Remove The7 underline from home item */
#primary-menu .home-icon > a::before,
#primary-menu .home-icon > a::after,
#primary-menu .home-icon .menu-item-text::before,
#primary-menu .home-icon .menu-item-text::after,
#primary-menu .home-icon .menu-text::after {
    content: none !important;
    display: none !important;
}

#primary-menu .home-icon > a {
    text-decoration: none !important;
}



.dt-mega-menu-wrap {
    box-shadow: 0px 0px 1px rgba(163, 255, 93, 1) !important;
}

.main-nav ul.sub-nav > li.services-title > a span.menu-text {
    /* text-transform: uppercase; */
    font-size: 0.9rem;;
    font-weight: 400;
    color: var(--myna-green);
    margin-bottom: 0;
    margin-top: 10px;
}

ul.sub-nav li.menu-item a{
    position: relative;
}

ul.sub-nav li.menu-item a:before {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-40%);
}

ul.sub-nav li a:before { height:auto; width: 28px;}

ul.sub-nav li.tick-list a:before        { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-1.svg); }    
ul.sub-nav li.graph-monitor a:before    { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-2.svg); }   
ul.sub-nav li.nephos-user a:before      { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-3.svg); }    
ul.sub-nav li.money a:before            { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-4.svg); }    
ul.sub-nav li.shield a:before           { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-5.svg); }    
ul.sub-nav li.crypto a:before           { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-6.svg); }  
ul.sub-nav li.growth a:before           { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-7.svg); }    
ul.sub-nav li.forensic a:before         { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-8.svg); }    
ul.sub-nav li.outsourced a:before       { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-9.svg); }    
ul.sub-nav li.property a:before         { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-10.svg); }    
ul.sub-nav li.asset a:before            { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-11.svg); }    
ul.sub-nav li.development a:before      { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-12.svg); }    
ul.sub-nav li.strategic a:before        { content: url(/wp-content/themes/dt-the7-child/assets/icons/nephos/icon-13.svg); }    

ul.sub-nav li.bookkeeping a:before          {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-bookkeeping.svg);}
ul.sub-nav li.crypto-tax-returns a:before   {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-crypto-tax-returns.svg);}
ul.sub-nav li.defi-accounting a:before      {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-defi-accounting.svg);}
ul.sub-nav li.accountants a:before          {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-accountants.svg);}
ul.sub-nav li.family-offices a:before       {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-family-offices.svg);}
ul.sub-nav li.ifas a:before                 {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-ifas.svg);}

#mobile-menu ul.sub-nav li.menu-item.depth-1 a,
.main-nav ul.sub-nav li.menu-item.depth-2 a {
    padding-left:40px !important; 
}
#mobile-menu ul.sub-nav li.service-title.depth-1 a {
    padding-left: 0 !important;
}
#mobile-menu ul.sub-nav li.service-title > a .menu-text {
    font-size: 0.9rem;
    color: var(--myna-yellow);
}

.mobile-main-nav .sub-nav {
    margin-left: 0px !important
}


/* ----------------------------------- TEAM ----------------------------------- */


.partner-logos img {
    max-height: 50px;
    width: auto;
}

.partner-logos p {
     text-wrap: balance;
}
.myna-team .team-container .team-media {
    position: relative;
}
.myna-team .team-container .team-media::before {
    content: '';
    display: block;
    position: absolute;
    width: 90%;
    aspect-ratio: 1 / 1;
    border: solid 1px var(--myna-green);
    top: 5%;
    left: 5%;
    opacity: 0.4;
}

@media (min-width: 768px) {
.myna-team .team-container .team-media::before {
    width: 100%;
    top: -5%;
    left: -5%;
    }
}

.myna-team .dt-css-grid { row-gap: 30px !important; column-gap: 30px !important;}
@media (min-width: 1200px) { .myna-team .dt-css-grid { row-gap: 40px !important; column-gap: 50px !important;}}


/* ----------------------------------- MAPS CONTACT ----------------------------------- */

.ultimate-map-wrapper::before {
    content: '';
    display: block;
    position: absolute;
     width: 100%;
    top: -5%;
    left: -5%;
    aspect-ratio: 2 / 1;
    border: solid 1px var(--myna-green);
    opacity: 0.4;
    z-index: 0;
}
.ultimate-map-wrapper { 
    position: relative;
}
.ultimate-map-wrapper::before {
    width: 100%;
    top: -5%;
    left: -5%;
    }
@media (min-width: 992px) { 
    .ultimate-map-wrapper::before {
aspect-ratio: 1 / 1;
    }
}
    


/* ----------------------------------- SERVICE INFORMATION BOXES ----------------------------------- */

.border-box  { padding: 40px 20px; border: solid 1px #cccccc;}
.border-box-outer-row { padding: 20px;}

@media (min-width: 992px) { .border-box { padding: 70px;}}

.graphic {max-width: 180px;}



/* ----------------------------------- ACCORDION ----------------------------------- */

.myna-accordion .vc_tta-panel-heading,
.myna-accordion .vc_tta-panel-body {
    border: none !important;
    border-bottom: solid 1px var(--myna-yellow) !important;
}

.vc_tta-panel-heading h3.vc_tta-panel-title  { font: var(--the7-h3-font) !important}
.vc_tta-panel-heading h4.vc_tta-panel-title  { font: var(--the7-h4-font) !important}


/* .myna-accordion .vc_tta-title-text::before {
    content: '\f0272';
    font-family: icomoon-the7-font !important;

} */

/* ----------------------------------- ICON BEFORE ----------------------------------- */

/* 
h4.service-link {
    line-height: 1.1;
    padding: 20px 10px;
    border-top: solid 1px var(--purple);
    margin-top: 0;
}
*/
.myna-accordion .vc_tta-panel-heading {
    position: relative;
    padding: 15px 0 0px 40px
} 

.myna-accordion .vc_tta-panel-heading::before { 
    content: '';
    position: absolute;
    width: 50px;
    left: 0px;
    bottom: 2%;
}

.myna-accordion .vc_tta-panel-body .wpb_text_column {
    padding-top: 20px !important;
    padding-bottom: 35px !important;   
}

.bookkeeping .vc_tta-panel-heading::before          {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-bookkeeping.svg);}
.crypto-tax-returns .vc_tta-panel-heading::before   {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-crypto-tax-returns.svg);}
.defi-accounting .vc_tta-panel-heading::before      {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-defi-accounting.svg);}
.accountants .vc_tta-panel-heading::before          {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-accountants.svg);}
.family-offices .vc_tta-panel-heading::before       {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-family-offices.svg);}
.ifas .vc_tta-panel-heading::before                 {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-ifas.svg);}



.icon.tick-list h4.service-link::before             {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-1.svg);}
.icon.graph-monitor h4.service-link::before         {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-2.svg);}
.icon.nephos-user h4.service-link::before           {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-3.svg);}
.icon.money h4.service-link::before                 {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-4.svg);}
.icon.shield h4.service-link::before                {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-5.svg);}
.icon.crypto h4.service-link::before                {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-6.svg);}
.icon.growth h4.service-link::before                {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-7.svg);}
.icon.forensic h4.service-link::before              {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-8.svg);}
.icon.outsourced h4.service-link::before            {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-9.svg);}
.icon.property h4.service-link::before              {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-10.svg);}
.icon.asset h4.service-link::before                 {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-11.svg);}
.icon.development h4.service-link::before           {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-12.svg);}
.icon.strategic h4.service-link::before             {content: url(/wp-content/themes/dt-the7-child/assets/icons/icon-13.svg);}


/* SERVICE LISTS - ARROW WHEN A LINK ITEM */ 

h4.service-link a  {
    display: block;
    position: relative;
    transition: all 0.3s ease;
    padding-right:130px;
}

h4.service-link a::after {
    /* display: none; */
    content: '\f0272';
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    color: #FFFFFF;
    padding: 5px;
    border: solid 1px var(--white);
    border-radius: 50px;
    font-family: icomoon-the7-font !important;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    transition: all 0.3s ease;
}

h4.service-link a:hover {
    color: var(--blue);
}

h4.service-link a:hover::after {
    right: -10px;
    background: var(--blue);
    border: solid 1px var(--blue)
}

/* --------------------------------------------------------------------
   TESTIMONIAL CAROUSEL
-------------------------------------------------------------------- */



.myna-testimonial .dt-owl-item .wpb_content_element {
    background: var(--myna-navy);
    background-image: url('/wp-content/themes/dt-the7-child/assets/footer-glow.png');
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 80px 40px 40px;
    height: 220px;
    /* min-height: 250px; */
    overflow-y: scroll;
    border-radius: 4px;
    border: solid 1px rgba(163, 255, 93, 0.4);
    transition: all 1s ease;
}

.myna-testimonial .dt-owl-item p {
    font-size: inherit;
    line-height: inherit;
}

.myna-testimonial .owl-stage-outer {
    overflow: visible;
    padding-top: 50px;
}

.myna-testimonial .dt-owl-item {
    transition: all 0.5s ease;
    scale: 90%
}

.myna-testimonial .dt-owl-item.active {
    scale: 100%;
}

@media (min-width: 1200px) { 
    .myna-testimonial .dt-owl-item .wpb_content_element{ padding: 80px 120px; }
    .myna-testimonial .dt-owl-item.active  .wpb_content_element { border: solid 1px rgba(163, 255, 93, 1); }
    .myna-testimonial .dt-owl-item p { font-size: 1.2rem; line-height: 1.6rem; }
    .myna-testimonial .dt-owl-item.active { scale: 110%; }
    
}

.myna-testimonial .dt-owl-item::before {
    position: absolute;
    content: url('/wp-content/themes/dt-the7-child/assets/logo-origami.svg');
    width: 60px;
    top: 10px;
    left: 10px;
    z-index: 999;
    transition: all 0.5s ease;
}

.myna-testimonial .dt-owl-item.active::before { opacity: 1;}
.myna-testimonial .dt-owl-item::before { opacity: 0.5;}

/* ----------------------------------- PARTNERS ----------------------------------- */

.partners-row {
    background-image: url(/wp-content/themes/dt-the7-child/assets/bg-partners-slice.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* ----------------------------------- BLOG ----------------------------------- */

article h1, article h2, article h3, article h4, article h5, article h6 { color: var(--myna-green);}

article .entry-content {
    max-width: 1200px;
    margin: 0 auto;
}

/* Narrower text content */
article .entry-content > p,
article .entry-content > h1,
article .entry-content > h2,
article .entry-content > h3,
article .entry-content > h4,
article .entry-content > h5,
article .entry-content > h6,
article .entry-content > ul,
article .entry-content > ol,
article .entry-content > blockquote {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Keep images and media wide */
article .entry-content > img,
article .entry-content > figure,
article .entry-content > .wpb_single_image,
article .entry-content > iframe,
article .entry-content > video {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

article .entry-content > h1,
article .entry-content > h2,
article .entry-content > h3,
article .entry-content > h4,
article .entry-content > h5,
article .entry-content > h6 {
    margin-top: 50px;
    margin-bottom: 20px;
}

.post-navigation { border-top: solid 1px rgba(163, 255, 93, 0.4)}
.meta-nav { color: var(--myna-green); letter-spacing: 1px;}

/* ----------------------------------- MAIN BLOG LISTING ----------------------------------- */


.post-thumbnail {
    border: 1px solid rgba(163, 255, 93, 0.4) !important;
    transition: all 0.75s ease;
}
.post-entry-content {
    display: flex;
    flex-direction: column-reverse;
}

.post-entry-content .entry-meta {
    margin-bottom: 0 !important;
    letter-spacing: 1px;
    color: var(--myna-green);
    text-transform: uppercase;
    font-size: 0.9rem;
}

article:hover .post-thumbnail {
    border: 1px solid rgba(163, 255, 93, 1) !important;
}



/* ----------------------------------- HOMERPAGE BLOG GRID ----------------------------------- */



/* ---------------------------------------------------------
   RESET THE7 GRID
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode .dt-css-grid-wrap,
.myna-blog-homepage .blog-shortcode .dt-css-grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* The actual grid */
.myna-blog-homepage .blog-shortcode .dt-css-grid {
    display: grid !important;
    grid-template-columns: 60% 40% !important;
    grid-template-rows: auto auto !important;
    grid-auto-flow: row !important;
    gap: 0 !important;
}

/* ---------------------------------------------------------
   RESET THE7 CELLS
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode .dt-css-grid > .wf-cell {
    display: block !important;
    position: relative !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   POST 1   LEFT / LARGE
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode .dt-css-grid > .wf-cell:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    border-right: 1px solid rgba(163, 255, 93, 0.4) !important;
    border-bottom: 1px solid rgba(163, 255, 93, 0.4) !important;
}


/* ---------------------------------------------------------
   POST 2   RIGHT / TOP
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode .dt-css-grid > .wf-cell:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    border-bottom: 1px solid rgba(163, 255, 93, 0.4) !important;
}

/* ---------------------------------------------------------
   POST 3   RIGHT / BOTTOM
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode .dt-css-grid > .wf-cell:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    border-bottom: 1px solid rgba(163, 255, 93, 0.4) !important;
}

/* ---------------------------------------------------------
   RESET ARTICLE
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode article {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 35px 10px 0 !important;
    box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   FEATURED IMAGE
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode .wf-cell:nth-child(1) .post-thumbnail-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.myna-blog-homepage .blog-shortcode .wf-cell:nth-child(1) .post-thumbnail {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 2 / 1;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.myna-blog-homepage .blog-shortcode .wf-cell:nth-child(1) .post-thumbnail-rollover {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.myna-blog-homepage .blog-shortcode .wf-cell:nth-child(1) .post-thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* ---------------------------------------------------------
   REMOVE IMAGES FROM RIGHT POSTS
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode .wf-cell:nth-child(2) .post-thumbnail-wrap,
.myna-blog-homepage .blog-shortcode .wf-cell:nth-child(3) .post-thumbnail-wrap {
    display: none !important;
}

/* ---------------------------------------------------------
   CONTENT
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode .post-entry-content {
    position: relative !important;
    /* display: block !important; */
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* LEFT CONTENT */
.myna-blog-homepage .blog-shortcode .wf-cell:nth-child(1) .post-entry-content {
    padding: 35px 10px 50px 10px !important;
}

/* RIGHT CONTENT */
.myna-blog-homepage .blog-shortcode .wf-cell:nth-child(2) .post-entry-content,
.myna-blog-homepage .blog-shortcode .wf-cell:nth-child(3) .post-entry-content {
    height:100%;
    padding: 30px 10px 50px 30px !important;
}

/* ---------------------------------------------------------
   CATEGORY
--------------------------------------------------------- */
.myna-blog-homepage .post-entry-content {
    display: flex !important;
    flex-direction: column !important;
}

.myna-blog-homepage .blog-shortcode .entry-title {
    order: 2;
    font-size: 2rem;
    line-height: 2.1rem;
    margin-bottom: 30px;
}

.myna-blog-homepage .blog-shortcode .entry-meta {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    color: var(--myna-green);
    order: 1
}

/* Category */
.myna-blog-homepage .blog-shortcode .entry-meta .category-link {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (min-width: 992px) { 
    .myna-blog-homepage .blog-shortcode .entry-meta .category-link {
        font-size: 1.1rem;
    }
}


.myna-blog-homepage .blog-shortcode .entry-meta .category-link a {
    text-transform: uppercase;
    text-decoration: none;
}


/* ---------------------------------------------------------
   EXCERPT
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode .entry-excerpt {
    display: none !important;
}

/* ---------------------------------------------------------
   READ MORE TEXT + ARROW
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode .post-details {
    position: absolute !important;
    right: 20px !important;
    bottom: 35px !important;
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    text-decoration: none !important;
}

/* Hide existing The7 arrow */
.myna-blog-homepage .blog-shortcode .post-details i {
    display: none !important;
}

/* Create arrow */
.myna-blog-homepage .blog-shortcode .post-details::after {
    font-family: icomoon-the7-font !important;
    content: "\f033";
    color: var(--myna-green);
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    transition: transform 0.35s ease;
    bottom:10px;
}

/* ---------------------------------------------------------
   ARROW HOVER
--------------------------------------------------------- */

.myna-blog-homepage .blog-shortcode article:hover .post-details::after {
    transform: translateX(8px);
    color: var(--white);
}
.accent-gradient .post-details.details-type-link:after {
    background: none !important;
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 992px) {

    .myna-blog-homepage .blog-shortcode .dt-css-grid {
        display: block !important;
    }
    .myna-blog-homepage .blog-shortcode .dt-css-grid > .wf-cell {
        display: block !important;

        border-right: 0 !important;
        border-bottom: 1px solid currentColor !important;
    }

    .myna-blog-homepage .blog-shortcode .wf-cell:nth-child(1) .post-thumbnail {
        aspect-ratio: 1.7 / 1;
    }
    .myna-blog-homepage .blog-shortcode .wf-cell:nth-child(1) .post-entry-content,
    .myna-blog-homepage .blog-shortcode .wf-cell:nth-child(2) .post-entry-content,
    .myna-blog-homepage .blog-shortcode .wf-cell:nth-child(3) .post-entry-content {
        min-height: 0 !important;
        padding: 35px 25px 75px 25px !important;
    }

    .myna-blog-homepage .blog-shortcode .entry-title a {
        font-size: 30px !important;
        line-height: 1.15 !important;
    }

    .myna-blog-homepage .blog-shortcode .post-details {
        right: 25px !important;
        bottom: 30px !important;
    }

    .myna-blog-homepage .blog-shortcode .dt-css-grid > .wf-cell:nth-child(1) {
    border-right: none !important;
    }

}


/* ----------------------------------- FOOTER ----------------------------------- */

footer h3 { color: white !important;}

footer .widget-title,
footer ul {
    text-align: center;
}

.footer-social-column ul {
    display: block;
}
/*ROW TOP*/
.footer-row-top {
    padding-bottom:40px;
    border-bottom: solid 1px rgba(163, 255, 93, 0.4);
}

/* ROW 1 */
footer .widget-title {
    letter-spacing: 1px;
}

footer ul.menu a {
    color: white !important;
}

/* ROW 2 */


.footer-row-2.wp-block-columns {
    align-items: flex-end !important;
    margin-bottom:0;
}

.footer-social-column,
.footer-nephos-column {
    text-align: center;
    color: #888888;
    margin-bottom: 10px;
}
.footer-nephos-column p {
    margin-bottom: 0;
}
.footer-nephos-column a {
    color: #888888 !important;
}

.footer-nephos-column img {
    max-width: 180px !important;
    margin-bottom:10px;
    display: inline-block;
}

ul.footnote { list-style: none; padding: 0; margin: 0;}
ul.footnote li:first-of-type {margin-left: 0px;}
ul.footnote li { display: inline-block; margin-right: 5px; margin-left: 5px;}


@media (min-width: 992px) {

    .footer-social-column ul {
    display: flex;
    }

    footer .widget-title,
    footer ul li {
    text-align: left;
}

    .footer-social-column {
        text-align: left;
    }
    .footer-nephos-column {
        text-align: right;
    }
}

.loader-wrapper { position: relative; width: 105px; height: 105px; margin: auto; } .logo-loader { position: relative; width: 105px; height: 105px; display: flex; align-items: center; justify-content: center; } /* Thicker #a3ff5d spinning circle */ .logo-loader__ring { position: absolute; width: 93px; height: 93px; border: 3px solid #a3ff5d; border-radius: 50%; border-top-color: transparent; animation: logo-ring-spin 1.2s linear infinite; } /* Static logo */ .logo-loader__logo { position: relative; z-index: 2; width: 45px; height: auto; display: block; } @keyframes logo-ring-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .logo-loader__ring { animation: none; } }