/* =====================================================
   VARIABLES
===================================================== */
:root {
    --brand-purple: #924E7D;
    --brand-pink: #A05888;
}


/* =====================================================
   GENERAL
===================================================== */

/* -- Body / Module Spacing -- */
#sp-main-body {
    padding: 0px;
}
.sp-module {
    margin-bottom: -1%;
}
#sp-footer1 > .sp-column {
    text-align: center;
}
.sp-module ul > li > a {
    color: #ffffff;
}

/* -- Icons -- */
.pe-7s-phone:before,
.pe-7s-mail:before {
    color: var(--brand-pink) !important;
    font-weight: bold !important;
}
.pe-7s-angle-up:before {
    color: white !important;
    font-weight: bold !important;
}
.pe-7s-angle-down:before {
    display: none;
}

/* -- Article Page Title Bar -- */
.article-details .article-header h1,
.article-details .article-header h2,
.article-details .article-header h4 {
    background-color: var(--brand-pink);
    border-top: 3px solid #6d3a5e;
    color: white;
    font-weight: 700;
    font-size: 28px;
    padding: 0.8% 3.3%;
}
div.sp-page-title-no-img > div.container > h2 {
    font-weight: bold !important;
}

/* -- Generic "Read More" Button -- */
.butReadMore {
    text-align: right;
}
.butReadMore a {
    color: white !important;
    font-weight: bold;
    border: 2px solid white;
    padding: 12px;
}
.butReadMore a:hover {
    background: white !important;
    color: var(--brand-purple) !important;
    font-weight: bold;
    border: 2px solid white;
    padding: 12px;
}

/* -- Article Content (general pages) -- */
.articleClass {
    padding-left: 6% !important;
    padding-right: 6% !important;
}
hr {
    border-top: none !important;
}
p, li {
    font-weight: 400;
    font-size: 15px;
}
p.insideTitle {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 24px;
}
div.col-sm-12.col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
p.titleSubsection {
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
}
/* NOTE: used across several pages/modules - see flag below */
p.titleInOtherPage {
    font-size: 26px;
    font-weight: bold;
    color: var(--brand-pink);
}

/* -- Misc -- */
.sp-horizontal .sp-arrow {
    top: 46% !important;
}
.hideOriginalFooter {
    display: none;
}


/* =====================================================
   MENU
===================================================== */

/* -- Header Text & Link Colors -- */
#sp-header a, span.sp-menu-heading {
    color: white !important;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
#sp-header #sp-menu .sp-megamenu-parent > li.current-item.active > a,
#sp-header #sp-menu .sp-megamenu-parent > li.sp-has-child.active > a {
    color: var(--brand-pink) !important;
}
.sp-megamenu-parent > li > a {
    color: white !important;
    font-weight: bold;
    text-transform: uppercase;
}
.sp-megamenu-parent > li > a:hover {
    color: var(--brand-pink) !important;
}

/* -- Logo -- */
div.logo a img.logo-image,
div.logo a img.logo-image-phone {
    max-height: 70px !important;
    height: auto !important;
    width: auto !important;
}
.logo-image.logo-sticky {
    display: none !important;
}

/* -- Top Bar -- */
#sp-top-bar {
    display: none;
}
#sp-top-bar a {
    color: white !important;
    font-weight: bold !important;
}

/* -- Sticky Header -- */
.sticky-menu #sp-header {
    background-color: rgba(0, 0, 0, 0.75) !important;
}

/* -- Hamburger Icon -- */
.burger-icon span {
    background-color: var(--brand-pink) !important;
}

/* -- Offcanvas Mobile Menu Panel -- */
.offcanvas-menu {
    background-color: var(--brand-pink) !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .nav-header,
.offcanvas-menu .offcanvas-inner .sp-module ul > li .separator {
    color: white !important;
}
.offcanvas-menu .offcanvas-inner > div.sp-module > h3.sp-module-title {
    color: white !important;
    font-weight: bold;
}
a.close-offcanvas {
    color: white !important;
}


/* =====================================================
   ARTICLES: About Us
===================================================== */
img.customPicAbout {
    width: 73%;
    margin: auto;
    margin-top: 16%;
}
div#aboutUs {
    padding: 64px;
    background: url("/../images/pictures/background_About_Us.png");
    background-size: cover;
}
.col-md-6.col-sm-6.customTextAbout > p {
    text-align: justify;
}
div.textAboutUsHomepage {
    text-align: justify;
    color: white;
    font-weight: 400;
}
#sp-main-body.customCSSAbout,
.contactZone {
    background: url(/../images/pictures/background_About_Us.png) center center fixed;
    background-size: cover;
}


/* =====================================================
   ARTICLES: De ce sa ne alegi (Why Us)
===================================================== */
.why-us-row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}
.why-us-photo {
    flex: 0 0 30%;
    max-width: 30%;
}
.why-us-photo img {
    width: 100%;
    height: auto;
    display: block;
}
.why-us-text {
    flex: 1;
    min-width: 300px;
}
.why-us-text p {
    text-align: justify;
}

/* =====================================================
   ARTICLES: Domenii de expertiza si afilieri
===================================================== */
p.customTitleDomAfilieri {
    color: var(--brand-purple);
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2%;
}
.afilieri {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}
.afilieri > div {
    flex: 0 0 auto;
    text-align: center;
    width: 100%;
    max-width: 320px;
}
.afilieri .titlerPic {
    color: var(--brand-purple);
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 16px;
}
.afilieri .afilieriPic {
    width: 100%;
    max-width: 220px;
    height: auto;
    margin: 0 auto;
}
/* =====================================================
   MEDIA QUERIES
===================================================== */

/* ----- min-width: 1310px ----- */
@media (min-width: 1310px) {
    #sp-menu .sp-megamenu-parent {
        display: block !important;
    }
    #sp-menu #offcanvas-toggler {
        display: none !important;
    }
    #sp-logo .logo-default {
        display: inline-block !important;
    }
    #sp-logo .logo-image-phone {
        display: none !important;
    }
}

/* ----- max-width: 1309.98px (menu -> hamburger) ----- */
@media (max-width: 1309.98px) {
    #sp-menu .sp-megamenu-parent {
        display: none !important;
    }
    #sp-menu #offcanvas-toggler {
        display: flex !important;
    }
    #sp-logo .logo-default {
        display: none !important;
    }
}

/* ----- max-width: 1024px ----- */
@media (max-width: 1024px) {
    /* placeholder retained intentionally - tablet-only rule below covers this range for cookies,
       moved out to JB Cookies module. Kept range documented here for reference. */
}

/* ----- max-width: 1014px (logo shrink on sticky header) ----- */
@media (max-width: 1014px) {
    #sp-header.header-sticky .logo-sticky {
        display: none !important;
    }
    div.logo a img.logo-image,
    div.logo a img.logo-image-phone {
        max-height: 35px !important;
        height: auto !important;
        width: auto !important;
    }
}

/* ----- max-width: 767px ----- */
@media (max-width: 767px) {
    .why-us-row {
        flex-direction: column;
    }
    .why-us-photo {
        flex: 1 1 100%;
        max-width: 60%;
        margin: 0 auto;
    }
}

/* ----- max-width: 640px ----- */
@media (min-width: 300px) and (max-width: 640px) {
    div.textAboutUsHomepage {
        padding-left: 5%;
        padding-right: 5%;
        font-size: 11px;
    }
    /* NOTE: .customFontAbout below has no base (non-media) rule anywhere in the source file -
       keeping it here next to its About Us sibling since it only ever appears in this query */
    .col-md-6.col-sm-6.customFontAbout {
        width: inherit;
    }
}

/* ----- max-width: 400px (logo shrink further) ----- */
@media (max-width: 400px) {
    div.logo a img.logo-image,
    div.logo a img.logo-image-phone {
        max-height: 20px !important;
        height: auto !important;
        width: auto !important;
    }
}

/* =====================================================
   CUSTOM MODULES OVERRIDES
===================================================== */
/* HOME SLIDER RO/EN */
@media (max-width: 575px) {
.jb-privacy .modal-dialog {
    max-width: 100%;
}
}
/* Contact Section RO/EN */
.agreementCheckbox{
display: flex !important;
}