/*
Theme Name: Gerold Clone EWM
Version: 1.0
Description: Custom Bootstrap based theme.
Author: EuropeWebMedia
Text Domain: geroldewm
*/
/* --------------- Theme customization starts here ----------------- */

:root {
    
    --ewm-fontfamily-body: Sora;
    --ewm-fontfamily-heading: Sora;
    --ewm-body-bg-color: #dddddd;
    
    
	--ewm-ff-body: "Sora", sans-serif;
	--ewm-ff-heading: "Sora", sans-serif;
	--ewm-ff-russo: "Russo One", sans-serif;
	--ewm-ff-fontawesome: "Font Awesome 6 Pro";
	
	--ewm-body: #dddddd;
	--ewm-white: #ffffff;
	--ewm-off-white: #f6f3fc;
	--ewm-black: #000000;
	--ewm-black-2: #050709;
	--ewm-black3: #5c6266;
	--ewm-black4: #585859;
	--ewm-heading-primary: #8750f7;
	--ewm-heading-secondary: #ffffff;
	--ewm-color-primary: #8750f7;
	--ewm-color-primary-1: #2400ff;
	--ewm-color-primary-2: #9b8dff;
	--ewm-color-primary-3: #4654f9;
	--ewm-color-secondary: #2a1454;
	--ewm-color-accent-1: #0f0715;
	--ewm-color-accent-2: #140c1c;
	--ewm-scrollbar-primary: #8750f7;
	--ewm-scrollbar-secondary: #2a1454;
	--ewm-grey-1: #747779;
	--ewm-grey-2: #d9d9d9;
	--ewm-grey-3: #dddddd;
	--ewm-grey-4: #22272c;
	--ewm-grey-5: #636363;
	--ewm-grey-6: #1b262e;
	--ewm-bg: #0c1115;
	--ewm-bg-2: #0e1418;
	--ewm-bg-3: #10171c;
	--ewm-bg-4: #151b1f;
	--ewm-border: #1b2227;
	--ewm-border1: #2a343c;
	
	--ewm-fontweight-normal: normal;
	--ewm-fontweight-elight: 200;
	--ewm-fontweight-light: 300;
	--ewm-fontweight-regular: 400;
	--ewm-fontweight-medium: 500;
	--ewm-fontweight-sbold: 600;
	--ewm-fontweight-bold: 700;
	--ewm-fontweight-ebold: 800;
	--ewm-fontweight-black: 900;
	
    --ewm-fontsize-body: 16px;
    --ewm-fontsize-h1: 4.125rem;
    --ewm-fontsize-h2: 2.75rem;
    --ewm-fontsize-h3: 1.8rem;
    --ewm-fontsize-h4: 1.5rem;
    --ewm-fontsize-h5: 1.35rem;
    --ewm-fontsize-h6: 1.125rem;
    --ewm-fontsize-sub-title: 2.25rem;
    --ewm-fontsize-btn: 15px;
	--ewm-fontsize-p: 18px;
    --ewm-fontsize-buttons: 15px;
    --ewm-fontweight-semibold: 600;
    
}

body {
    line-height: 1.5;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: var(--ewm-fontsize-body);
}

/* COMMON CLASSES */
.ewm-primary-btn {
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--ewm-fontsize-buttons);
    line-height: 1;
    font-weight: var(--ewm-fontweight-bold);
    color: var(--ewm-white);
    background-size: 200%;
    background-image: -o-linear-gradient(left, var(--ewm-color-primary) 0%, var(--ewm-color-secondary) 51%, var(--ewm-color-primary) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(var(--ewm-color-primary)), color-stop(51%, var(--ewm-color-secondary)), to(var(--ewm-color-primary)));
    background-image: linear-gradient(to right, var(--ewm-color-primary) 0%, var(--ewm-color-secondary) 51%, var(--ewm-color-primary) 100%);
    border: none;
    border-radius: 50px;
    padding: 17px 35px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.scroll-top-btn {
    position: fixed;
    right: 30px;
    bottom: 25px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(0.75rem);
    -ms-transform: translateY(0.75rem);
    transform: translateY(0.75rem);
    -webkit-box-shadow: inset 0 0 0 0.1rem var(--ewm-color-secondary);
    box-shadow: inset 0 0 0 0.1rem var(--ewm-color-secondary);
    -webkit-transition: all 0.2s linear, margin-right 0s;
    -o-transition: all 0.2s linear, margin-right 0s;
    transition: all 0.2s linear, margin-right 0s;
}
.scroll-top-btn .scroll-top-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: var(--ewm-color-primary);
}
.section-with-bg {
	background-color: var(--tj-off-white);
}


body:not(.home) .header-wrapper .logo-block .primary-logo img,
footer .footer-logo-box img {
	filter: invert(100%) !important;
    width: 100%;
    height: auto;
}

.header-wrapper {
        background-color: transparent;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 10;
        padding: 40px 0 20px;
        min-height: 100px;
    }
.primary-logo img {
        height: auto;
    }
    .header-logo-contact .contact-email {
        margin-left: 2rem;
        margin-right: auto;
    }
    .header-logo-contact .contact-email a {
        color: #2a1454;
        text-decoration: none;
    }

    #header_menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 35px;
        -moz-column-gap: 35px;
        column-gap: 35px;
    }

    #header_menu .menu-item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: var(--ewm-color-secondary);
        font-size: var(--ewm-font-size-buttons);
        font-weight: var(--ewm-font-weight-medium);
        text-decoration: none;
        position: relative;
        padding: 17px 0;
    }

    .header-button-block {
        margin-left: 55px;
    }
    .header-button-block .btn:hover {
        color: var(--ewm-white);
        background-position: -100%;
    }


    @media (min-width: 992px) {
        .header-wrapper .logo-block .primary-logo img {
            max-width: 120px;
        }
    }

/* MAIN MENU */

.content-section {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}
.twocol-cvblocks-section {
	background-color: #F6F3FC!important;
}


.blog-item .blog-thumb img {
	height: 370px;
    width: auto;
    object-fit: cover;
}

.gerold-contact-form .col-12 .form_group p {
	overflow: hidden;
}

.page-template .contact-email a,
.single .contact-email a,
.page-template #header_menu ul > li > a,
.single #header_menu ul > li > a {
    color: var(--ewm-white);
}
.page-template .breadcrumb_area,
.single .breadcrumb_area {
    padding-top: 200px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}