/**
 * This is the main CSS stylesheet file with our custom rules.
 * These rules are not restricted to this plugin, but change the style of the whole site.
 * Practically this file replace the WP css tool.

 * IMPORTANT NOTE: Please if make any changes:
    (1) save changes 
    (2) create a new minimized version of the file
    (3) replace the already existed file 'datanexus-style.min.css' with the new one
    We use ONLY the minimized file for optimization purpose.
    Please remember: 
    Production --> min.css file
    Development --> .css file
*/

/* </></></></></></></></></></></></></></></></></></></></></></></></></></></></></></></> */
/* </></></></></></></></></></></></></></></></></></></></></></></></></></></></></></></> */

@font-face {
    font-family: 'GoogleSans';
    src: url('/wp-includes/fonts/GoogleSans/GoogleSans-Bold.woff2') format('woff2'),
         url('/wp-includes/fonts/GoogleSans/GoogleSans-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'GoogleSans';
    src: url('/wp-includes/fonts/GoogleSans/GoogleSans-Regular.woff2') format('woff2'),
         url('/wp-includes/fonts/GoogleSans/GoogleSans-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

body, .elementor {
    font-family: 'GoogleSans', sans-serif !important;
}

html, body, h1, h2, h3, h4, h5, h6 {
    font-family: 'GoogleSans', sans-serif !important;
    text-transform: none !important;
}

.wdt-button-holder.wdt-button-size-nm .wdt-button,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title,
.wdt-header-menu ul > li > a > span,
.elementor-widget-text-editor,
.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text,
.elementor-1509 .elementor-element.elementor-element-0e1d0a0 .elementor-icon-list-text,
.elementor-677 .elementor-element.elementor-element-8a3d35a .elementor-icon-list-text,
.wdt-button .wdt-button-text,
.dn-footer-col-3 *
{
  font-family: 'GoogleSans', sans-serif !important;
}


/* Theme colors */
:root {
  
  /* MDN Website Color Palette */
  --mdn-secondary-color: #0994DC;
  --mdn-primary-color: #254AA5; 
  --mdn-white-color: #f8f8f8;

  /* overwrite theme colors */
  --wdtPrimaryColor: var(--mdn-primary-color) !important;
  --wdtTertiaryColor: var(--mdn-primary-color) !important;
  --wdtSecondaryColor: var(--mdn-secondary-color) !important; /*old: #f57539*/
  --wdtLinkHoverColor: var(--mdn-secondary-color) !important; /*old: #f57539*/
  --wdt-elementor-color-primary: var(--mdn-secondary-color) !important; /*old: #f57539*/
  --wdtPrimaryColor: var(--mdn-primary-color) !important; /*old: #082D38*/
  --wdtBodyBGColor: var(--mdn-primary-color) !important; /*old: #082D38*/
  --wdtHeadAltColor:var(--mdn-primary-color) !important;
  --wdtLinkHoverColor: var(--mdn-secondary-color) !important;
  --wdtSecondaryColorRgb: var(--mdn-secondary-color) !important;

  /* overwrite font family */
  --wdtFontTypo_Base: 'GoogleSans', sans-serif !important;
  --wdtFontTypo_Alt: 'GoogleSans', sans-serif !important;
  --wdtFontTypo_H1: 'GoogleSans', sans-serif !important;
  --wdtFontTypo_H2: 'GoogleSans', sans-serif !important;
  --wdtFontTypo_H3: 'GoogleSans', sans-serif !important;
  --wdtFontTypo_H4: 'GoogleSans', sans-serif !important;
  --wdtFontTypo_H5: 'GoogleSans', sans-serif !important;
  --wdtFontTypo_H6: 'GoogleSans', sans-serif !important;
  --wdtFontTypo_Ext: "GoogleSans", sans-serif !important;

  --e-global-typography-primary-font-family: 'GoogleSans', sans-serif !important;
  --e-global-typography-secondary-font-family: 'GoogleSans', sans-serif !important;
  --e-global-typography-text-font-family: 'GoogleSans', sans-serif !important;
  --e-global-typography-accent-font-family: 'GoogleSans', sans-serif !important;



} 

/* @HomePage: Slider 1 Title 
.elementor-532 .elementor-element.elementor-element-d4c3617 .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title {
  text-transform: none !important;
}*/

/* @Menu: Line svg */
svg:not([fill]) {
    fill: var(--mdn-primary-color) !important;
}

/* Add bg color to header */
#header-wrapper{
    background-color: var(--mdn-white-color) !important;
    border-radius: 0px 0px 5px 5px !important;
}

/* Change header sidebar icons' color */
#mdn-header-sidebar svg{
    fill: var(--mdn-primary-color) !important
}

/* Fix team members images (even they has same dimentions one of them had issue) */
#mdn-team-members .wdt-content-image {
    aspect-ratio: 500 / 485;
    overflow: hidden;
}
#mdn-team-members .wdt-content-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

@media (max-width: 769px) {
    /* Logo image @menu */
    .elementor-1519 .elementor-element.elementor-element-4b0b35a div.wdt-logo-container img{
        max-width: 170px !important;
        width: 170px !important;
    }
}

@media (min-width: 770px) {
    /* Logo image @menu */
    .elementor-1519 .elementor-element.elementor-element-4b0b35a div.wdt-logo-container img{
        max-width: 170px !important;
        width: 170px !important;
    }

    .wdt-cus-main-hdr-btn-line:after{
        display: none !important;
    }
}

@media (min-width: 769px) and (max-width: 1280px){
    /* mobile menu btn @menu */
    .mobile-nav-container .menu-trigger {
        margin-left: 400px !important;
    }
}

@media  (max-width: 1280px){
    /* team member items */
    #mdn-team-members .wdt-content-item{
        border-radius: 30px !important;
    }
    #mdn-team-members .wdt-content-item .wdt-content-image > span > img{
        border-radius: 30px !important;
    }
}


#mdn-team-members .wdt-content-title h5 {
    font-size: 20px !important;
}

/* Remove bg image @Eukairies Karieras Page */ 
.elementor-1136 .elementor-element.elementor-element-c1f6f4e:not(.elementor-motion-effects-element-type-background){
    background-image: unset !important;
}
.elementor-1136 .elementor-element.elementor-element-c1f6f4e::before{
    background-color: unset !important;
}

/* Breadcrumb Active Option */
.breadcrumb span.current {
    color: var(--mdn-secondary-color) !important;
}
.main-title-section-wrapper .breadcrumb-default-delimiter:before{
    color: var(--mdn-primary-color) !important;
}

/* Main Sidebar (menu option) */
#wdt-popup-box-content-holder-3d6070f{
    background-color: var(--mdn-white-color) !important; 
}
#wdt-popup-box-content-holder-3d6070f *:not(.mfp-close){
    color: var(--mdn-primary-color) !important;
}
#wdt-popup-box-content-holder-3d6070f .wdt-button{
    background-color: var(--mdn-primary-color) !important;
}
#wdt-popup-box-content-holder-3d6070f .wdt-button *{
    color: var(--mdn-white-color) !important;
}
#wdt-popup-box-content-holder-3d6070f .wdt-button-icon svg{
    fill: var(--mdn-secondary-color) !important;
}
.wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner ~ .mfp-close{
    background-color: var(--mdn-primary-color) !important;
}

/** @ Services Page */
.wdt-cus-service-imgbox .wdt-content-item .wdt-content-title h5 {
    width: 100% !important;
}

/* @ Orama Apostoli Page */
.dn-google-testimonials * {
    font-family: 'GoogleSans', sans-serif !important;;
}

/* @ Services Page */
.wdt-cus-service-imgbox .wdt-content-item .wdt-content-media-group .wdt-content-image:before {
    background: #5897fba8 !important;
}
.wdt-cus-home-2-awards .wdt-content-icon-wrapper .wdt-content-icon::before,
.wdt-cus-home-2-awards .wdt-content-icon-wrapper .wdt-content-icon::after {
    background-image: linear-gradient(
        90deg,
        var(--mdn-secondary-color) 50%,
        transparent 50%
    ) !important;
}

@media (min-width: 768px) and (max-width: 1280px){

    /* @Services Page Workflow */
    .elementor-249 .elementor-element.elementor-element-5d30452 .wdt-content-item {
        text-align: center !important;
        justify-items: center !important;
    }
    .wdt-cus-home-2-awards .wdt-content-item .wdt-content-media-group {
        text-align: center !important;
    }
}

/* mobile menu */
.mobile-menu ul li.close-nav{
    background: var(--mdn-white-color) !important;
}
.mobile-menu ul ul li.go-back{
    background: var(--mdn-white-color) !important;
    color: var(--mdn-primary-color) !important;
}