/*
Theme Name: Multisporter theme main
Description: Custom Theme fo Multisporter
Author: Multisporter
Author URI: https://Multisporter.be/
Description: Custom Theme for Multisporter
Text Domain: solid
Version: 1.0
License: Unlicensed
*/

@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {

    --red:#CB1E1E;
    --red-dark:#A51616;
    --orange: #f5a72f;
    --green: #1BBF51;
    --black: #0F0E0E;
    --dark: #0F0E0E;
    --darkx: rgba(63, 58, 48, 0.87);
    --gray: #969696;
    --gray-mid: #eae2e2;
    --light-gray: #EBEBEB;
    --light: #F8F7F7;
    --white: #FFF;
    --txt-dark:#0F0E0E;
    --txt-color: #0F0E0E;
    --txt-gray: #515151;
    --shadow: 0 16px 22px -17px #11100E;
    --box-shadow: 7px 6px 13px -1px rgba(17, 16, 14,0.3);
    --txt-shadow-small: 1px 0px 1px rgba(17, 16, 14,0.5);
    --txt-shadow: 1px 0px 4px rgba(17, 16, 14,0.5);
    --background-grad: linear-gradient(141deg, rgba(17, 16, 14,1) 0%, rgba(69, 64, 54, 1) 51%, rgba(98, 94, 85,1) 100%);
    --background-grad-rev: linear-gradient(142deg, rgba(98,94,85,1) 0%, rgba(69,64,54,1) 51%, rgba(17,16,14,1) 100%);
}

/* ==== media queries sample ===== */

@media only screen and (max-width: 1112px) {

}

@media only screen and (max-width: 834px) {

}

@media only screen and (max-width: 667px) {

}

@media only screen and (max-width: 414px) {

}

/*  ==== GENERAL SETTINGS  ====  */
html {
    font-family: sans-serif; /* 1 */
    line-height: 1.15; /* 2 */
    -ms-text-size-adjust: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 3 */
    font-size: 15px;
    margin: 0 !important;
}

body {
    margin: 0;
   font-family: "Poppins", sans-serif;
    font-size: 15px;
    min-height: 100vh;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

figcaption,
figure,
main { /* 1 */
    display: block;
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
    background-color: var(--red);
    color: var(--black);
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: 'Roboto', sans-serif; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */

}

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
    outline: var(--black);
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* ==== fonts ===== */




p, ul, li{
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: var(--txt-color);
    font-weight: 300;
    line-height: 1.6;
}


a{
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: var(--txt-color);
    font-weight: 300;
    text-decoration: none;
}

h1 {
    font-size: 3rem;
    font-weight: 700;
    font-family: "Host Grotesk", sans-serif;;
}

h2 {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: "Host Grotesk", sans-serif;
}

h3 {
    font-size: 2rem;
    font-weight: 500;
    font-family: "Host Grotesk", sans-serif;
}

h4 {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: "Host Grotesk", sans-serif;
}

h5 {
    font-size: 1.2rem;
    font-weight: 500;
    font-family: "Host Grotesk", sans-serif;
}

h6 {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Host Grotesk", sans-serif;
}

.uppercase{
    text-transform: uppercase;
}

@media (max-width: 530px) {

    h1 {
        font-size: 1.8rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1.3rem;
    }

    h4 {
        font-size: 1.2rem;
    }

    h5 {
        font-size: 1.1rem;
    }

    h6 {
        font-size: 1rem;
    }
}

/*  ==== DIVERS ====  */

.position-relative{
    position: relative;
}



/*  ==== COLORS ====  */
.c-red{ color: var(--red) !important}
.c-green {color: var(--green) !important}
.c-light-gray {color: var(--light-gray) !important}
.c-light {color: var(--light) !important}
.c-gray {color: var(--gray)!important}
.c-white {color: var(--white) !important}
.c-dark {color: var(--black) !important}
.c-black {color: var(--black) !important}

.txt-center,
.text-center,
.center-text{
    text-align: center;
}

/*  ==== SOLID INLINE ====  */

.solid-container{
    display: block;
    max-width: 1250px;
    margin: 0 40px;
}

.solid-container-0{
    display: block;
    max-width: 1120px;
    margin: 0 40px;
    font-size: 0px;
}

.solid-block-container {
    width: 100%;
    display: block;
    vertical-align:top;
}

.solid-inline-block-20 {
    width: 20%;
    display: inline-block;
    vertical-align:top;
    font-size: 0;
}

.solid-inline-block-20-m {
    width: 20%;
    display: inline-block;
    vertical-align:middle;
    font-size: 0;
}

.solid-inline-block-25 {
    width: 25%;
    display: inline-block;
    vertical-align:top;
    font-size: 0;
}

.solid-inline-block-33 {
    width: 33%;
    display: inline-block;
    vertical-align:top;
    font-size: 0;
}

.solid-inline-block-50 {
    width: 50%;
    display: inline-block;
    vertical-align:top;
    font-size: 0;
}

.solid-inline-block-66 {
    width: 66%;
    display: inline-block;
    vertical-align:top;
    font-size: 0;
}

.solid-inline-block-75 {
    width: 75%;
    display: inline-block;
    vertical-align:top;
    font-size: 0;
}

.solid-inline-block-80{
    width: 80%;
    display: inline-block;
    vertical-align:top;
    font-size: 0;
}

.solid-inline-block-80-m{
    width: 80%;
    display: inline-block;
    vertical-align:middle;
    font-size: 0;
}

.solid-inline-block-100 {
    width: 100%;
    display: inline-block;
    vertical-align:top;
    font-size: 0;
}

.solid-inline-content-holder h1{
    font-size: 2rem;
}
.solid-inline-content-holder h2,
.solid-inline-content-holder h3,
.solid-inline-content-holder h4,
.solid-inline-content-holder h5,
.solid-inline-content-holder h6,
.solid-inline-content-holder a,
.solid-inline-content-holder ul,
.solid-inline-content-holder li,
.solid-inline-content-holder p{
    font-size: 15px;
}



@media only screen and (min-width: 1200px) {

    .solid-container-0,
    .solid-container{
        margin: 0 auto;
    }

}

@media only screen and (max-width: 834px) {
    .solid-container-0,
    .solid-container{
        margin: 0 30px;
    }

}

@media only screen and (max-width: 667px) {
    .solid-container-0,
    .solid-container{
        margin: 0 20px;
    }

}

@media only screen and (max-width: 414px) {
    .solid-container-0,
    .solid-container{
        margin: 0 10px;
    }

}


@media (max-width: 768px) {

    .solid-container-small{
        width: 90%;
        margin: 0 auto;
    }

    .solid-padding{
        padding: 20px 10px
    }

    .mobile-center-txt,
    .mobile-center-text,
    .mobile-text-center,
    .mobile-txt-center{
        text-align: center;
    }

    .solid-inline-block-25,
    .solid-inline-block-33,
    .solid-inline-block-33-proj,
    .solid-inline-block-50,
    .solid-inline-block-66,
    .solid-inline-block-75{
        margin-top: 20px;
        width: 100%;
        display: inline-block;
    }
}


.margin-top-30{
    margin-top: 30px;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-top-50{
    margin-top: 50px;
}

.margin-top-60{
    margin-top: 60px;
}
.margin-top-70{
    margin-top: 70px;
}

/*  ==== +++++++ ====  */
/*  ==== HEADER  ====  */
/*  ==== +++++++ ====  */

.page {
    position: relative;
    overflow: hidden;
}

header a.navbar-brand {
    display: inline-block;
}

header.header.site-header {
    position: relative;
    z-index: 3;
    background-color: white;
}

div#main-menu {
    display: inline-block;
    width: calc(100% - 230px);
    vertical-align: baseline;
}

img#navbar-logo {
    width: 150px;
    margin: 20px 0 10px 15px;
}

.navbar-header-mobile{
    display: none;
}

.navbar-header{
    display: block;
}

#main-menu .menu-main-hcn-container ul {
    list-style: none;
    float: right;
    padding-right: 10px;
}

#main-menu .menu-main-hcn-container ul li {
    display: inline-block;
    /* width: 100px; */
    margin: 8px 25px;
    text-transform: uppercase;
}

img#navbar-logo-mobile {
    width: 180px;
    display: block;
    position: relative;
    top: 20px;
    margin: 0 15px;
}

@media (max-width: 414px) {

    img#navbar-logo-mobile {
        width: 140px;
    }

    html #wpadminbar {
        height: 46px;
        min-width: 240px;
        display: none;
    }


}


span#menuHamburger {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 35px;
    cursor: pointer;
    color:var(--black);
}
span#menuHamburger:hover {
    color:var(--red);
}

span#menuClose {
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 35px;
    cursor: pointer;
    color:var(--txt-color);
}

span#menuClose:hover {
    color:var(--red);
}

div#main-menu-mobile {
    display: none;
    min-height: 700px;
}
#main-menu-mobile .btnContactMenu a{
    color: var(--white);
}

#main-menu-mobile li.btnContactMenu{
   width: 300px;
    margin: 10px auto;
    display: block;
}


div#main-menu-mobile ul {
    list-style: none;
    line-height: 3;
    text-align: center;
    padding: 0;
}

div#main-menu-mobile ul li{
    text-transform: uppercase;
    font-size: 20px;
}

@media only screen and (max-width: 834px) {

    .navbar-header-mobile{
        display: block;
        padding: 15px 0;
    }

    .navbar-header{
        display: none;
    }

    img#navbar-logo {
        display: none;
    }
    
    img#navbar-logo-mobile {
  width: 140px;
  top: 5px;
}


}

li.menu-contact {
    background-color: var(--dark);
    padding: 5px 10px;
    color: var(--white);
    box-shadow: var(--box-shadow);
}

li.menu-contact a {
    color: var(--white);
}

ul#menu-main-hcn li a:hover {
    color: var(--gray);
}

.current_page_item,
.current-menu-ancestor {
    position: relative;
}

.current_page_item:after,
.current-menu-ancestor:after {
    position: absolute;
    content: '';
    height: 2px;
    bottom: -4px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 70%;
    background: var(--gray);
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

ul.sub-menu .current_page_item:after,
ul.sub-menu .current-menu-ancestor:after {
    background: transparent;
}



.current_page_item:hover:after {
    width: 90%;
    background: var(--black);
}

.ul.sub-menu .current_page_item:hover:after {
    background: transparent;
}

.btnContactMenu {
    background-color: var(--black);
    padding: 6px 24px;
    border-radius: 20px;
}

ul#menu-main-hcn li.btnContactMenu a{
    color: var(--white);
}

.btnContactMenu:hover {
    background-color: var(--gray);
    border-radius: 20px;
}

ul#menu-main-hcn li.btnContactMenu a:hover{
    color: var(--white);
}

@media only screen and (max-width: 834px) {
    /* remove menu current on mobile*/
    .current_page_item:after,
    .current-menu-ancestor:after {
       display: none;
    }


}

ul#menu-main-hcn li a {
    color: var(--black);
    text-transform: uppercase;
}

li.menu-contact a {
    line-height: 1;
}

ul#menu-mobile li a {
    font-size: 20px;
    line-height: 3;
}


.sub-menu {
    position: absolute;
    top: 50px;
    display: none;
}

ul.sub-menu {
    margin-left: -50px;
    background-color: var(--black);
    padding: 10px 20px;
    max-width: 210px;
}

ul.sub-menu li{
    width: 180px
}

#main-menu .menu-main-nl-container ul li a:hover{
    color: var(--red);
}

#main-menu .menu-main-nl-container ul li.menu-contact-btn a:hover {
    font-size: 13px;
    color: var(--red);
}





/*  ==== +++++++ ====  */
/*  ==== FOOTER  ====  */
/*  ==== +++++++ ====  */

.solid-footer {
    background: var(--light);
    color: var(--black);
    padding-top: 80px;
    margin-top: 50px;
     max-width: 1500px;
    margin: 0 auto;
    background-color: var(--light);
}

.solid-footer .current_page_item:after, 
.solid-footer .current-menu-ancestor:after {
    display: none;
}

.solid-footer__inner{

}


.solid-footer-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    grid-auto-rows: minmax(300px, auto);
    margin-bottom: 50px;
    padding: 0 30px;
}

.solid-footer-grid-item01{
    grid-column: 1 ;
    grid-row: 1;
    padding: 10px;
}

.solid-footer-grid-item02{
    grid-column: 2 ;
    grid-row: 1;
}
.solid-footer-grid-item03{
    grid-column: 3 ;
    grid-row: 1;
}
.solid-footer-grid-item04{
    grid-column: 4 ;
    grid-row: 1;
}
.solid-footer-grid-item05{
    grid-column: 1/5 ;
    grid-row: 1;
    background-color: var(--light);
    padding: 5px;
    border-top: 1px solid var(--gray-mid);
}

.solid-footer-grid-item05 p,
.solid-footer-grid-item05 p a {
    text-decoration: none;
    color: var(--black);
    text-align: center;
    font-size: 12px;
}

h3.headline.headline--small {
    font-size: 17px;
}
.solid-footer ul,
nav.nav-list ul {
    list-style: none;
    padding-left: 0;
    color: var(--black);

}

.solid-footer ul li,
nav.nav-list ul li {
    color: var(--black);
    font-size: 13px;
   
}


.solid-footer a,
.solid-footer span,
.solid-footer p,
.solid-footer ul li a,
nav.nav-list ul li a{
    text-decoration: none;
    color: var(--black);
    font-weight: 100;

}
span.schema-p{
    text-decoration: none;
    color: var(--black);
    line-height: 1.2;
}

img#footerLogo {
    margin: 5px 20px 5px 0;
}

.solid-footer-grid-item01 p{
    text-decoration: none;
    color: var(--black);
    line-height: 2;

}

span.schema-p.line{
    display: block;
    line-height: 2;
}

/* media queries sample */

@media only screen and (max-width: 1112px) {

}

@media only screen and (max-width: 834px) {

    .solid-footer-grid{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
        grid-auto-rows: minmax(100px, auto);
    }

    .solid-footer-grid-item01{
        grid-column: 1/4 ;
        grid-row: 1;
        padding: 10px;
    }

    img#footerLogo {
        display: block;
        margin: 20px auto;
    }

    .solid-footer-grid-item02{
        grid-column: 1 ;
        grid-row: 2;
    }
    .solid-footer-grid-item03{
        grid-column: 2;
        grid-row: 2;
    }
    .solid-footer-grid-item04{
        grid-column: 3 ;
        grid-row: 2;
    }
    .solid-footer-grid-item05{
        grid-column: 1 / 4 ;
        grid-row: 3;

    }

    .solid-footer-grid-item01 p{
        text-align: center;
    }

    span.schema-p.line{
        display: block;
        text-align: center;
        line-height: 2;
    }

    nav.nav-list ul li,
    nav.nav-list ul,
    nav.nav-list ul li a,
    h3.headline.headline--small,
    .solid-footer-grid-item05 p,
    .solid-footer-grid-item05 p a {
        text-align: center;
    }


}

@media only screen and (max-width: 667px) {

    img#footerLogo {
        margin: 20px auto;
    }

    .solid-footer-grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        grid-auto-rows: minmax(300px, auto);

    }

    .solid-footer-grid-item01{
        grid-column: 1/3 ;
        grid-row: 1;
        padding: 10px;
    }

    .solid-footer-grid-item02{
        grid-column: 1 ;
        grid-row: 2;
    }
    .solid-footer-grid-item03{
        grid-column: 2;
        grid-row: 2;
    }
    .solid-footer-grid-item04{
        grid-column: 1/3 ;
        grid-row: 3;
    }
    .solid-footer-grid-item05{
        grid-column: 1 / 3 ;
        grid-row: 4;

    }

    nav.nav-list ul li,
    nav.nav-list ul,
    nav.nav-list ul li a,
    span.schema-p,
    h3.headline.headline--small,
    .solid-footer-grid-item05 p,
    .solid-footer-grid-item05 p a {
        text-align: center;
    }


}

@media only screen and (max-width: 414px) {

    .solid-footer-grid{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
        grid-auto-rows: minmax(300px, auto);

    }

    .solid-footer-grid-item01{
        grid-column: 1 ;
        grid-row: 1;
        padding: 10px;
    }

    .solid-footer-grid-item02{
        grid-column: 1 ;
        grid-row: 2;
    }
    .solid-footer-grid-item03{
        grid-column: 1;
        grid-row: 3;
    }
    .solid-footer-grid-item04{
        grid-column: 1 ;
        grid-row: 4;
    }
    .solid-footer-grid-item05{
        grid-column: 1 ;
        grid-row: 5;

    }

}


span.material-icons.footerDArrowIcon,
span.material-icons.footerEmailIcon,
span.material-icons.footerPhoneIcon {
    font-size: 17px;
    color: var(--red);
    padding-right: 10Px;
    vertical-align: text-bottom;
}

li.btwFooter {
    margin-top: 20px;
}

img#footerLogo {
    max-width: 200px;
    width: 100%;
    height: auto;
}

p.footerTxtCapital,
a.footerSiteMapItem,
span.schema-p.line{
    font-size: 13px;
    font-weight: 100;
}

footer nav.nav-list {
    margin-top: 40px;
}

a.footerSiteMapItem:hover{
    color: var(--red);
}

/*  ==== +++++++ ====  */
/*  ==== BUTTONS ====  */
/*  ==== +++++++ ====  */

.btn {
    text-align: center;
    text-transform: uppercase;
    padding: 16px 40px 16px 30px;
    margin: 10px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    border: none;
    border-radius: 50px;
}


.btn-red {
    color: var(--white);
    background: var(--red);
}

.btn-red:hover{
    background: var(--red-dark);
}

.btn-center{
    margin: 50px auto;
    display: block;
}

span.material-icons.chevron_rightBtn {
    vertical-align: bottom;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -13px;
}

header.header.site-header.solid-container {
    border-bottom: var(--light-gray) 1px solid;
  
}




/*  ==== +++++++ ====  */
/*  ====== HOME =====  */
/*  ==== +++++++ ====  */


.banner-ms {
    display: block;
    max-width: 1500px;
    margin: 40px auto;
    overflow: hidden;
    position: relative;
    max-height: 70vh;
}

.banner-txt {
    position: absolute;
     top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
    z-index: 99;
    max-width: 70%;
}

.banner-txt h1 {
    color: var(--white);
    text-align: center;
    text-shadow: 2px 2px 3px rgba(64,64,64,0.41);
}
.banner.center {
  display: block;
  object-fit: cover;
    width: 100%;
    max-height: 70vh;
    min-height: 70vh;
    object-position: center center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div#homepage {
   
}


span.material-icons.btnIconRight {
    color: var(--red);
    font-size: 40px;
    top: 4px;
    right: 2px;
    position: absolute;
}

span.material-icons.btnIconRightBlack {
    color: var(--dark);
    font-size: 40px;
    top: 4px;
    right: 2px;
    position: absolute;
}

.homeBanner{
    background-color: var(--black);
    height: 80vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white);
}

.homeBannerGrid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    padding: 150px 40px 60px 40px;

}
.homeBanner-leftItem{
    grid-row: 1;
    grid-column: 1;
    padding: 0 20px 0 20px;
}

.homeBanner-rightItem{
    grid-column: 2;
    display: grid;
    grid-template-columns: 40px 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto 30px auto;
    align-self: end;
}

h2.homeBannerTitle {
    color: var(--txt-color);
    font-size: 3.8vw;
    margin-bottom: 10px;
}

p.homeBanner-title {
    font-family: 'Bebas Neue', sans-serif;
    color: var(--white);
    line-height: 1.2;
    font-size: 65px;
}

a.homeBlockContentGrid:hover{

    box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.2);
}

.homeBlockContentGrid-InnerItem-1 {
    grid-column-start: 1;
    grid-column-end: 5;
    background-color: var(--black);
    color: var(--white);
    padding: 40px;
    border-top-left-radius: 30px;
    grid-row: 1;
    cursor: pointer;
}

.homeBlockContentGrid-InnerItem-2{
    grid-column-start: 6;
    grid-column-end: 11;
   grid-row: 1;
    background-color: var(--black);
    color: var(--white);
    padding: 40px;
    border-top-right-radius: 30px;
    cursor: pointer;
}

.homeBlockContentGrid-InnerItemB-1 {
    grid-column-start: 5;
    grid-column-end: 11;
    grid-row: 1;
    background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
    min-height: 350px;
    cursor: default;

}

.homeBlockContentGrid-InnerItemB-2{
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row: 1;
     background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
     min-height: 350px;
    cursor: default;
}

@media only screen and (max-width:  1112px) {
    .homeBlockContentGrid-InnerItem-1 {
    grid-column-start: 1;
    grid-column-end: 7;
    padding: 30px;
    border-top-left-radius: 30px;
    grid-row: 1;

    }

.homeBlockContentGrid-InnerItem-2{
    grid-column-start: 5;
    grid-column-end: 11;
   grid-row: 1;
    padding: 30px;
    border-top-right-radius: 30px;
}

.homeBlockContentGrid-InnerItemB-1 {
    grid-column-start: 7;
    grid-column-end: 11;
    grid-row: 1;
    min-height: 350px;
}

.homeBlockContentGrid-InnerItemB-2{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row: 1;
     min-height: 350px;
    cursor: default;
}
}

@media only screen and (max-width: 667px) {
    
     .homeBlockContentGrid-InnerItem-1 {
    grid-column-start: 1;
    grid-column-end: 11;
    padding: 20px;
         padding-bottom: 40px;
    border-top-left-radius: 30px;
    grid-row: 1;

    }

.homeBlockContentGrid-InnerItem-2{
    grid-column-start: 1;
    grid-column-end: 11;
   grid-row: 1;
    padding: 20px;
    padding-bottom: 40px;
    border-top-right-radius: 0;
    border-top-left-radius: 30px;
}

.homeBlockContentGrid-InnerItemB-1 {
    grid-column-start: 1;
    grid-column-end: 11;
    grid-row: 2;
}

.homeBlockContentGrid-InnerItemB-2{
    grid-column-start: 1;
    grid-column-end: 11;
    grid-row: 2;
    cursor: default;
}
}

.blockCtaHolder{
   transition: easy-in-out 0.5s all;
}

.blockCtaHolder:hover{
    transform: scale(1.03) translateX(10px);
    
}

.homeEventShort p {
    color: var(--gray);
}

span.moreSingle_Txt {
    color: var(--white);
    border-bottom: 2px var(--red) solid;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
}


span.redDotBanner {
    width: 20px;
    height: 20px;
    background-color: var(--red);
    display: inline-flex;
    border-radius: 10px;
}


div#sponsors{
    margin-top: 40px;
    margin-bottom: 80px;
    background-color: var(--light);
    padding-top: 30px;
    padding-bottom: 50px;
}

.homeProductsTitle h2,
.homeEventsTitle h2,
.homeBlogsTitle h2,
.homeSponsorTitle h2{
    text-align: center;
    
}
.homeSponsorIntro{
    margin-bottom: 50px;
}

.homeSponsorIntro,
.homeSponsorIntro p,
.homeSponsorIntro a,
.homeSponsorIntro span{
    text-align: center;
}

div#blogsBlockHome {
    background-color: var(--light);
    padding: 50px 0;
    Margin: 80px 0;
}


.homeBanner-Number {
    grid-column: 1;
    grid-row: 1;
    padding-top: 3px;
}
p.bannerNumber {
    font-family: 'Bebas Neue', sans-serif;
    color: var(--red);
    font-size: 20px;
    line-height: normal;
}

.homeBanner-subtitleHolder {
    grid-column: 2/6;
    grid-row: 1;
}

p.homeBanner-subtitle {
    color: var(--white);
    font-size: 19px;
}

.homeBanner-Cta {
    grid-column: 2/6;
    grid-row: 3;
}

p.homeBanner-ctaTxt {
    color: var(--white);
    font-family: 'Bebas Neue', sans-serif;
    font-size: 20px;
    border-bottom: 2px var(--red) solid;
    display: inline-block;
    cursor: pointer;
}

p.homeBanner-ctaTxt:hover {
    color: var(--red);
    border-bottom: 2px var(--white) solid;
}

span.iconNavBackBg.slick-arrow {
    position: absolute;
    background-color: var(--red);
    bottom: 80px;
    right: 100px;
    z-index: 1;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 12px;
    cursor: pointer;
}

span.iconNavNextBg.slick-arrow {
    position: absolute;
    background-color: var(--red);
    bottom: 80px;
    right: 60px;
    z-index: 1;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 12px;
    cursor: pointer;
}

span.iconNavNextBg.slick-arrow:hover,
span.iconNavBackBg.slick-arrow:hover {
    background-color: var(--white);
}

span.material-icons.iconNavBack {
    font-size: 18px;
    text-align: center;
    padding-top: 3px;
    padding-left: 5px;
}

span.material-icons.iconNavNext {
    font-size: 18px;
    text-align: center;
    padding-top: 3px;
    padding-left: 2px;
}

@media only screen and (max-width: 667px) {

    span.iconNavBackBg.slick-arrow {
        bottom: 65px;
        right: 30px;
    }

    span.iconNavNextBg.slick-arrow {
        bottom: 30px;
        right: 30px;
    }

    p.homeBanner-title {
        margin: 50px 0 10px 0;
    }

}


@media only screen and (max-width: 834px) {

    div#homepage {
        margin-top: -140px;
    }

    p.homeBanner-title {
        margin: 65px 0 20px 0;
        padding: 0 20px;
    }

    .homeBannerGrid{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 20px;
        padding: 120px 40px 60px 40px;
    }

    .homeBanner-leftItem{
        grid-row: 1;
        grid-column: 1;
        padding: 0;
    }

    .homeBanner-rightItem{
        grid-row: 2;
        grid-column: 1;
        padding: 0 20px;
    }

    p.homeBannerSubTitle,
    h2.homeBannerTitle {
        text-align: center;
    }


    a.cta-link {
        display: none;
        margin: 10px auto;
        text-align: center;
    }

    .homeBannerGrid-item05{
        display: block;
        grid-row: 5;
        grid-column: 1;
    }

    span.material-icons.iconRightYellow {
        color: var(--dark);
    }

    .homeBanner{
        height: 700px;
    }

    span.material-icons.arrowReadMore {
        display: block;
        width: 24px;
        color:var(--dark);
        transform: rotateZ(90deg);
        margin: 0 auto;
        animation: MoveUpDown 3s ease-in-out infinite;
    }

    .homeBanner-rightItem {
        grid-template-rows: auto 10px auto;
    }

}



@media only screen and (max-width: 414px) {

    h2.homeBannerTitle {
        font-size: 24px;
    }

    p.homeBanner-subtitle {
        color: var(--white);
        font-size: 16px;
    }

    .homeBannerGrid{
        grid-gap: 1px;
        padding: 120px 15px 40px 15px;
    }

}

.homeIntroTitle.solid-inline-block-100 {
    margin-top: 50px;
}

.introServiceBlocksGrid {
    padding: 50px 0 70px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
}

.introServiceBlocksGrid-item01{
    grid-column: 1;
    grid-row: 1;
    align-self: center;
}

.introServiceBlocksGrid-item02{
    grid-column: 2;
    grid-row: 1;
    align-self: center;
}
.introServiceBlocksGrid-item03{
    grid-column: 3;
    grid-row: 1;
    align-self: center;
}
.introServiceBlocksGrid-item04{
    grid-column: 4;
    grid-row: 1;
    align-self: center;
}

img.logoServiceImage {
    display: block;
    width: 80%;
    margin: 0 auto;
    height: auto;
    cursor: pointer;
}

div#homeIntro {
    background-color: var(--light);
}

@media only screen and (max-width: 834px) {

    .introServiceBlocksGrid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .introServiceBlocksGrid-item01{
        grid-column: 1;
        grid-row: 1;
    }

    .introServiceBlocksGrid-item02{
        grid-column: 2;
        grid-row: 1;
    }
    .introServiceBlocksGrid-item03{
        grid-column: 1;
        grid-row: 2;
    }
    .introServiceBlocksGrid-item04{
        grid-column: 2;
        grid-row: 2;
    }

}

@media only screen and (max-width: 414px) {
    
    p.homeBanner-title {
        font-size: 45px;
        margin: 110px 0 20px 0;
    }
    
}

@media only screen and (max-width: 667px) {


}

@media only screen and (max-width: 414px) {

    .introServiceBlocksGrid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .introServiceBlocksGrid-item01{
        grid-column: 1;
        grid-row: 1;
    }

    .introServiceBlocksGrid-item02{
        grid-column: 1;
        grid-row: 2;
    }
    .introServiceBlocksGrid-item03{
        grid-column: 1;
        grid-row: 3;
    }
    .introServiceBlocksGrid-item04{
        grid-column: 1;
        grid-row: 4;
    }

}

a.block-homeIntro-readMore-link span:hover {
   color: var(--gray)
}

span.material-icons.readMore {
    vertical-align: text-bottom;
    color: var(--red);
}
/* content block home Left & right */
.homeBlockContentGrid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    margin-top: 70px;
}

.homeBlockContentGrid-Item01L {
    grid-column: 3/6;
    grid-row: 1;
    display: grid;
    background-color: var(--dark);
    border-radius: 10px 0 0 10px;
}

.homeBlockContentGrid-Item02L {
    grid-column: 6/11;
    grid-row: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
}

.homeBlockContentGridR {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    margin-top: 70px;
    position: relative;
}

.homeBlockContentGrid-Item01R {
    grid-column: 6/9;
    display: grid;
    grid-row: 1;
    background-color: var(--dark);
    border-radius: 0 10px 10px 0;
    z-index: 3;
}
.homeBlockContentGrid-Item02R {
    grid-column: 1/6;
    grid-row: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
}

.homeBlockContentGrid-InnerItem01{
    align-self: center;
    color: var(--white);
    padding: 30px;
}

.blockTitleHolder {
    margin-top: 40px;
}

.blockTitleHolder h2.blockTitle {
    color: var(--white);
}

.blockTxtHolder a,
.blockTxtHolder li,
.blockTxtHolder ul li,
.blockTxtHolder span,
.blockTxtHolder h1,
.blockTxtHolder h2,
.blockTxtHolder h3,
.blockTxtHolder h4,
.blockTxtHolder h5,
.blockTxtHolder h6,
.blockTxtHolder strong,
.blockTxtHolder p {
    color: var(--white);
}

.blockTxtHolder a {
    color: var(--white);
}

p.blockCtaText {
    color: var(--white);
    border-bottom: 2px var(--red) solid;
    display: inline-block;
    cursor: pointer;
}

p.blockCtaText:hover {
    color: var(--red);
    border-bottom: 2px var(--white) solid;
}

@media only screen and (max-width: 1000px) {

    .homeBlockContentGridR,
    .homeBlockContentGrid {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        margin-top: 70px;
    }

    .homeBlockContentGrid-Item01L {
        grid-column: 2/7;
        grid-row:1;
    }

    .homeBlockContentGrid-Item01R{
        grid-column: 5/10;
        grid-row:1;
    }

    .homeBlockContentGrid-Item02L {
        grid-column: 7/11;
        grid-row:1;
        min-height: 400px;
    }

    .homeBlockContentGrid-Item02R {
        grid-column: 1/6;
        grid-row:1;
        min-height: 400px;
    }

}

@media only screen and (max-width: 667px) {

    .homeBlockContentGridR,
    .homeBlockContentGrid {
        grid-template-columns: 20px 1fr 20px;
        margin-top: 70px;
    }

    .homeBlockContentGrid-Item01R,
    .homeBlockContentGrid-Item01L {
        grid-column: 2;
        grid-row:1;
        border-radius: 10px 10px 0 0;
    }

    .homeBlockContentGrid-Item02R,
    .homeBlockContentGrid-Item02L {
        grid-column: 2;
        grid-row:2;
        min-height: 400px;
        border-radius: 0 0 10px 10px;
    }

}


span.blockDot {
    width: 40px;
    height: 40px;
    background-color: var(--red);
    display: block;
    border-radius: 20px;
}

.homeCtaBlock {
    margin: 70px 0 0 0;
    padding: 60px 30px;
    background-color: var(--light);
}


/* form */

.contactForm {
    width: 500px;
    display: block;
    margin: 20px auto;
}

input.wpcf7-form-control.wpcf7-text{
    width: 100%;
    padding: 16px;
    margin: 5px 0;
    box-sizing: border-box;
}


textarea {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: var(--white);
    resize: none;
    margin-top: 7px;
}

.cta-button,
input.wpcf7-form-control.wpcf7-submit .solidsite-custom-btn-text,
input.wpcf7-form-control.wpcf7-submit.cta-button {
    width: 100%;
    color: var(--white);
    background: rgb(98,94,85);
    background: var(--background-grad);
    text-align: center;
    text-transform: uppercase;
    padding: 16px 40px 16px 30px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    border: none;
}


textarea::placeholder,
input.wpcf7-form-control.wpcf7-text::placeholder{

}
span.solidsite-custom-btn-text {
    display: block;
}


@media only screen and (max-width: 667px) {

    .contactForm {
        width: 350px;
        display: block;
        margin: 20px auto;
    }

    textarea::placeholder,
    input.wpcf7-form-control.wpcf7-text::placeholder{
    }
    span.solidsite-custom-btn-text {
        display: block;
        transform: skewX(8deg);
    }


}


@media only screen and (max-width: 414px) {

    .contactForm {
        width: 250px;
        display: block;
        margin: 20px auto;
    }

    textarea::placeholder,
    input.wpcf7-form-control.wpcf7-text::placeholder{
    }

    span.solidsite-custom-btn-text {
        display: block;
        transform: skewX(5deg);
    }

}


@media only screen and (max-width: 414px) {

    input.wpcf7-form-control.wpcf7-submit.cta-button {
        font-size: 10px;
    }


}

input.wpcf7-form-control.wpcf7-submit.btnContactAlenicma {
    width: 100%;
    background-color: var(--red);
    text-transform: uppercase;
    border-radius: 30px;
    border: none;
    padding: 12px 24px;
    color: var(--white);
}

.contactBlock-Item1{
    display: grid;
}

.contactPage {
    margin-top: 60px;
}

/* === SINGLE MEMBER ==== */

.solidSH{
    min-height:300px;
    background-color: var(--light);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.memberGrid {
    display: grid;
    grid-template-columns: 2fr 5fr;
    box-shadow: var(--box-shadow);
    margin:0 0 40px 0;
}

.memberGrid-item01 {
    grid-column: 1;
    grid-row: 1;
}
.memberGrid-item02 {
    grid-column: 2;
    grid-row: 1;
    padding: 30px;
    background-color: var(--light);
}

.memberGrid-item03 {
    grid-column: 1/3;
    grid-row: 2;
    margin-top: -5px;
}




.memberGrid-positionField {
     color: var(--red);
 }

span.material-icons.iconPhoneMember,
span.material-icons.iconMailMember {
    font-size: 20Px;
    vertical-align: bottom;
    color: var(--red);
    padding-right: 15px;
}

.memberGrid-phone,
.memberGrid-mail {
    /*display: inline-block;*/
    margin-top: 30px;
    margin-right: 15px;
}

.memberResumeTitle {
    padding: 20Px;
}

.memberResume {
    padding: 0 20px 20px 20px;
}


.mailMember,
.phoneMember {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: var(--txt-color);
    font-weight: 300;
    line-height: 1.6;
}

.memberSocialMedia {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
}

img.solid-equal.memberPicture {
    width: 100%;
    max-width: 300px;
    height: auto;
    filter: grayscale(0.9);
}

.memberSocialIconHolder {
}

img.social03,
img.social02,
img.social01 {
    display: inline-block;
    width: auto;
    height: 30px;
}

div.memberSocial01,
div.memberSocial02,
div.memberSocial03 {
    display: inline-block;
}


@media only screen and (max-width: 1112px) {

}

@media only screen and (max-width: 834px) {

    .memberGrid {
        display: grid;
        grid-template-columns: 2fr 2fr;
        box-shadow: var(--box-shadow);
        margin:0 0 40px 0;
    }

    .memberGrid-item01 {
        grid-column: 1;
        grid-row: 1;
    }
    .memberGrid-item02 {
        grid-column: 2;
        grid-row: 1;
        padding: 30px;
        background-color: var(--light);
    }

    .memberGrid-item03 {
        grid-column: 1/3;
        grid-row: 2;
        margin-top: -5px;
    }

}

@media only screen and (max-width: 667px) {
    .memberGrid {
        display: grid;
        grid-template-columns:1fr;
    }

    .memberGrid-item01 {
        grid-column: 1;
        grid-row: 1;
    }
    .memberGrid-item02 {
        grid-column: 1;
        grid-row: 2;
        padding: 30px;
        background-color: var(--light);
        margin-top: -10px;
    }


    .memberGrid-item03 {
        grid-column: 1;
        grid-row: 3;
    }

}

@media only screen and (max-width: 414px) {

}

img.memberCapitalEIcon {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 20px;
    width: 10%;
    height: auto;
}

.focusAreaGrid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
    grid-auto-rows: minmax(300px, auto);
    margin-bottom: 50px;
}


.focusAreaGrid-item01{
    grid-column: 1;
    grid-row: 1;
}


.focusAreaGrid-item02{
    grid-column: 2;
    grid-row: 1;
}

.focusAreaGrid2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
    grid-auto-rows: minmax(300px, auto);
    margin-bottom: 50px;
}

.focusAreaGrid-item03{
    grid-column: 2;
    grid-row: 1;
}


.focusAreaGrid-item04{
    grid-column: 1;
    grid-row: 1;
    background-color: var(--light);
}

@media only screen and (max-width: 667px) {

    .focusAreaGrid{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 0;
        grid-auto-rows: minmax(300px, auto);
        margin-bottom: 50px;
    }

    .focusAreaGrid2{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 0;
        grid-auto-rows: minmax(300px, auto);
        margin-bottom: 50px;
    }


    .focusAreaGrid-item03,
    .focusAreaGrid-item01{
        grid-column: 1;
        grid-row: 1;
    }

    .focusAreaGrid-item04,
    .focusAreaGrid-item02{
        grid-column: 1;
        grid-row: 2;
    }

}

.focusAreaPageTitle {
    margin: 50px 20px;
}

.imageBlock{
    min-height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--white);
    background-size: cover;
    filter: grayscale(0.6);
}

.focusAreaContentExplanation {
    padding: 30Px;
}

.focusAreaGrid-item02 {
    background-color: var(--light);
}

.relatedProjectTitle {
    margin-top: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    font-family: 'Bebas Neue', sans-serif;
}

.relatedProjectBlock {
    background-color: var(--light);
    box-shadow: var(--box-shadow);
}

.relatedProjectThumbnail {
    overflow: hidden;
}

.relatedProjectThumbnail img {
    width:100%;
    height: auto;
}

.relatedProjectBtn {
    padding-bottom: 10px;
}

.focusAreaRelated {
    margin-bottom: 50Px;
}
.newsTitleProject {
    background-color: var(--light);
    margin-top: -10px;
    padding: 20px 20px 0 20Px;
    text-align: center;
}


/* */

.news-block-item-content-2 {
    background-color: var(--white);
    margin-top: 30px;
    position: relative;
    /*box-shadow: var(--box-shadow);*/
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    cursor: pointer;
}

.news-block-content {
    padding: 0 20px;
}

.newsThumbnail{
    overflow: hidden;
}
.newsThumbnail img{
    width: 100%;
    height: auto;
    /*filter: grayscale(0.5);*/
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}

.navigation li {
    display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background: var(--red);
    border-radius: 3px;
    cursor: pointer;
    /*padding: 12px;*/
    padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
    background:  var(--red);
}

.solid-news-navigation {
    margin-bottom: 50px;
}

.allNewsPageTitle {
    margin-top: 50px;
    margin-bottom: 40px;
}

.newsItemPageTitle {
    margin-top: 50px;
    margin-bottom: 30px;
}

.solid-inline-block-100.newsWysiwygBlock {
    /* margin-top: 40px; */
    margin-bottom: 50px;
}


.relatedNewsTitle {
    margin: 40px 10px;
}

/* single project */

.projectGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
    /*grid-auto-rows: minmax(300px, auto);*/
    margin-bottom: 50px;
}

.projectGrid-item00{
    grid-column: 1/3;
    grid-row: 1;
}


.projectGrid-item01{
    grid-column: 1;
    grid-row: 2;
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.projectGrid-item02{
    display: grid;
    grid-column: 2;
    grid-row: 2;
    background-color: var(--light);
    padding: 30px;

}

.projectTxtHolder{
    align-self: center;
}

.projectExplainBlockOverview {
    text-align: center;
    margin: 20px 20px 40px 20px;
}

img.projectLogoPicture {
    width: 300px;
    height: auto;
    margin: 0 auto;
    display: block;
}

.projectFundsTwo,
.projectFundsOne {
    display: inline-block;
    width: 100%;
}

.projectOverviewGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.projectOverviewGrid-item01 {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

.projectOverviewGrid-item02 {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

@media only screen and (max-width: 414px) {

    .projectOverviewGrid {
        display: grid;
        grid-template-columns: 1fr ;
    }

    .projectOverviewGrid-item01 {
        grid-column: 1;
        grid-row: 1;
    }

    .projectOverviewGrid-item02 {
        grid-column: 1;
        grid-row: 2;
    }



}

.projectOverviewGrid-item01 img.attachment-logoPortfolio.size-logoPortfolio.wp-post-image {
    width: 100%;
    height: auto;
}



@media only screen and (max-width: 667px) {

    .projectFundsTwo,
    .projectFundsOne {
        display: inline-block;
        width: 100%;
    }

    .projectGrid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 0;
        grid-auto-rows: minmax(300px, auto);
        margin-bottom: 50px;
    }

    .projectGrid-item00{
        grid-column: 1;
        grid-row: 1;
    }

    .projectGrid-item01{
        grid-column: 1;
        grid-row: 2;
    }


    .projectGrid-item02{
        grid-column: 1;
        grid-row: 3;
        background-color: var(--light);
        padding: 30px;
    }

    .memberImageBg.solidSH {
        min-height: 450px;
    }

}

@media only screen and (max-width: 414px) {


    .memberImageBg.solidSH {
        min-height: 300px;
    }

}


img.projectPicture {
    width: 100%;
    height: auto;
}

.membersOfProject {
    display: inline-block;
    margin: 20px;
}

.memberOfProjectTumb img {
    width: 150px;
    border-radius: 50%;
}


.projectGrid-relatedMembers{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-gap: 0;
    margin-bottom: 20px;
}

.item01-member{
    grid-column: 1;
    grid-row: 1;

}

.item02-member{
    grid-column: 2;
    grid-row: 1;

}

.item03-member{
    grid-column: 3;
    grid-row: 1;

}

.memberOfProjectTitle {
    font-weight: 500;
    text-align: center;
}

.memberOfProjectTitle:hover {
    color:var(--red)
}


.newsOfProjectTumb img {
    width: 100%;
    height: auto;
}

.holderProjectNews {
    margin: 20px;
}

.newsTitle {
    padding: 30px;
    margin-top: -10px;
    background-color: var(--light);
}

.holderProjectNews {
    box-shadow: var(--box-shadow);
}

.relatedNewstBtn {
    padding: 10px;
    background-color: var(--light);
}

.projectGrid-relatedNews {
    margin-bottom: 50px;
}

.projectItemTitle {
    margin-top: 50px;
}


button.btn-back {
    cursor: pointer;
    font-size: 12px;
    display: block;
    padding: 8px;
    border-radius: 3px;
    border: none;
    background-color: var(--light);
}

button.btn-back:hover {
    color: var(--white);
    border: 1px solid var(--dark);
    background-color: var(--dark);
}

span.material-icons.backBtn {
    font-size: 12px;
    vertical-align: bottom;
}

h3.projectTitle {
    text-align: center;
    font-size: 16px;
}

.project-block-content-general{
    background-color: var(--light);
    padding: 20px 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -10px;
}

.backBtnHolderMember {
    margin-bottom: 20px;
}


.member-detail-block-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
}

.memberThumbnail:hover .member-detail-block-overlay {
    opacity: 1;
}

.text-overlay {
    color: white;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.memberThumbnail{
    height:250px;
    background-color: var(--light);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}


.nameMemberOverlay{
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;

}

.positionMemberOverlay{
    color: var(--red);
    font-size: 15px;
    font-weight: 300;
}

.positionMemberOverlay p{
    color: var(--red);
    font-size: 15px;
    font-weight: 300;
    margin: 0 20px;
}


.member-block-item-content-2.blog-block.position-relative {
    margin: 10px;
}


.memberImageBg.solidSH {
    filter: grayscale(0.8);
}

.newsLinkArrowField {
    position: absolute;
    bottom: 10px;
    right: 30px;
}

span.moreNewsTxt {
    vertical-align: top;
    font-size: 15px;
}

span.moreNewsTxt:hover {
    color: var(--red);
}

span.material-icons.iconForward {
    vertical-align: top;
    margin-top: -4px;
}

/* page template advanced*/

.imageBlockTop {
    height: 220px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--light);
    filter: grayscale(0.5);
}

.inlineBlockHolderGeneral {
    margin: 10px 10px 50px 10px;
    box-shadow: var(--box-shadow);
    background-color: var(--light);
}

p#breadcrumbs span a,
.breadcrumbs span,
.breadcrumbs p {
    color: var(--gray);
    font-size: 12px;
}

.contactBlockGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0;
    grid-auto-rows: minmax(300px, auto);
    margin-bottom: 50px;
    margin-top: 50px;
}

.contactBlock-Item1{
    grid-column: 1;
    grid-row: 1;
    background: var(--black);
    padding: 60px 20px;
    border-radius: 10px 0 0 10px;
}

.contactBackground{
    color: var(--white);
}
.contactBackground div p,
.contactBackground div p span,
.contactBackground div span p,
.contactBackground p{
    color: var(--white) !important;
}


.contactBlock-Item2{
    grid-column: 2/4;
    grid-row: 1;
    background-color: var(--light);
    padding: 30px;
}



@media only screen and (max-width: 667px) {

    .contactBlockGrid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 0;
        grid-auto-rows: minmax(300px, auto);
        margin-bottom: 50px;
    }
    .contactBlock-Item1{
        grid-column: 1;
        grid-row: 1;
        border-radius: 10px 10px 0 0;
    }
    .contactBlock-Item2{
        grid-column: 1;
        grid-row: 2;
        background-color: var(--light);
        padding: 30px;
    }

    .contactBackground {
        text-align: center;
    }
    
    .blockDotHolder.dotCentMob span.blockDot {
        display: block;
        margin: 0 auto;
    }


}

.contactFormPage{
    width: 70%;
    display: block;
    margin: 20px auto;
}

span.material-icons.contactMail,
span.material-icons.contactPhone {
    color: var(--red);
    cursor: pointer;
}

span.material-icons.contactMail:hover,
span.material-icons.contactPhone:hover {
    color: var(--white);
}

span.contactMailTxt,
span.contactPhoneTxt {
    color: var(--white);
    margin-left: 10px;
    vertical-align: super;
    cursor: pointer;
}

span.contactMailTxt:hover,
span.contactPhoneTxt:hover {
    color: var(--red);
}


.contactFormAddressBlock {
    margin: 30px 0;
}


.Header {
    background-color: var(--dark);
    height: 100px;
    margin-top: -100px;
}

@media only screen and (max-width: 834px) {

    .Header {
        height: 130px;
    }

}

/* general */

.galleryBlock {
    margin-top: 70px;
}

.logoImgPortfolio img {
    width: 80%;
    margin: 0 auto;
}

span.iconNavBackBgLogo.slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px;
}
span.iconNavNextBgLogo.slick-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
}
span.material-icons.iconNavNextLogo,
span.material-icons.iconNavBackLogo {
    font-size: 20px;
}

.wysiwygGenContent{
    margin-top: 50px;
}

/* single event */

.singleEventTitleHolder {
    margin-top: 50px;
}

.alenicmaEventGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;

}

.alenicmaEventGrid-item01 {
    display: grid;
    grid-column: 1;
    grid-row: 1;
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 10px 0 0 10px;
}

.alenicmaEventGrid-item02 {
    grid-column: 2;
    grid-row: 1;
    background-color: var(--black);
    color: var(--white);
    padding: 20px;
    overflow: hidden;
    border-radius: 0 10px 10px 0;
}

.alenicmaEventGrid-item03 {
    grid-column: 1/3;
    grid-row: 2;
    padding: 40px 0;
}

.alenicmaEventGrid-item04 {
    grid-column: 1/3;
    grid-row: 3;
    background-color: var(--light);
    padding: 20px 20px 40px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 10px;
    grid-gap: 20px;
}

.alenicmaEventGrid-item05 {
    grid-column: 1/3;
}

.alenicmaEventGrid-titleDateTimeGrid {
    align-self: end;
    background-color: var(--darkx);
    padding: 20px;
    color: var(--white);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}

.alenicmaEventGrid01-Title {
    grid-row: 1;
    grid-column: 1/3;
}

h2.eventTitle {
    color: var(--white);
     line-height: 1;
     margin-block-start: 0;
     margin-block-end: 0;
 }

.alenicmaEventGrid01-Time {
    grid-column: 2;
    grid-row: 2;
}

.alenicmaEventGrid01-Date {
    grid-column: 1;
    grid-row: 2;
}

.alenicmaEventGrid04-Title {
    grid-column: 1/3;
    grid-row: 1;
    padding: 15px 0 30px 0;
    text-align: center;
}

.alenicmaEventGrid04-Mail {
    grid-column: 1;
    grid-row: 2;
    text-align: center;
}

.alenicmaEventGrid04-Phone {
    grid-column: 2;
    grid-row: 2;
    text-align: center;
}

span.material-icons.call_event,
span.material-icons.email_event {
    vertical-align: bottom;
    font-size: 20px;
    color: var(--red);
    padding-right: 8px;
}

@media only screen and (max-width: 834px) {

    .alenicmaEventGrid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .alenicmaEventGrid-item01 {
        grid-column: 1;
        grid-row: 1;
        border-radius: 10px 10px 0 0;
    }

    .alenicmaEventGrid-item02 {
        grid-column: 1;
        grid-row: 2;
        border-radius: 0 0 10px 10px;
    }

    .alenicmaEventGrid-item03 {
        grid-column: 1;
        grid-row: 3;
    }

    .alenicmaEventGrid-item04 {
        grid-column: 1;
        grid-row: 4;
        grid-template-columns: 1fr;
    }

    .alenicmaEventGrid-item05 {
        grid-column: 1;
        grid-row: 5;
    }

    .alenicmaEventGrid04-Title {
        grid-column: 1;
        grid-row: 1;
    }

    .alenicmaEventGrid04-Mail {
        grid-column: 1;
        grid-row: 2;
    }

    .alenicmaEventGrid04-Phone {
        grid-column: 1;
        grid-row: 3;
    }


}

span.material-icons.euro_symbol,
span.material-icons.people_alt,
span.material-icons.location_on {
    font-size: 20px;
    color: var(--red);
}

.alenicmaEventGrid02-Date{
    margin-bottom: 20px;
}

.alenicmaEventGrid02-Date p,
.alenicmaEventGrid02-Date span,
.alenicmaEventGrid02-Date a,
.alenicmaEventGrid02-Date h1,
.alenicmaEventGrid02-Date h2,
.alenicmaEventGrid02-Date h3,
.alenicmaEventGrid02-Date h4,
.alenicmaEventGrid02-Date {
    color: var(--white);
}

.alenicmaEventGrid02-Location span,
.alenicmaEventGrid02-Location p,
.alenicmaEventGrid02-Location a {
    color: var(--white);

}

.alenicmaEventGrid02-Location,
.alenicmaEventGrid02-Rates,
.alenicmaEventGrid02-Artists {
    margin-bottom: 25px;
    text-align: center;
    color: var(--white);
}
.alenicmaEventGrid02-Rates ul,
.alenicmaEventGrid02-Rates li,
.alenicmaEventGrid02-Rates a,
.alenicmaEventGrid02-Rates p,
.alenicmaEventGrid02-Rates span,
.alenicmaEventGrid02-Rates h1,
.alenicmaEventGrid02-Rates h2,
.alenicmaEventGrid02-Rates h3,
.alenicmaEventGrid02-Rates h4,
.alenicmaEventGrid02-Rates h5,
.alenicmaEventGrid02-Rates h6,
.alenicmaEventGrid02-Rates {
    text-align: center;
    color: var(--white);
}


.alenicmaEventGrid02-Artists ul,
.alenicmaEventGrid02-Artists li,
.alenicmaEventGrid02-Artists a,
.alenicmaEventGrid02-Artists p,
.alenicmaEventGrid02-Artists span,
.alenicmaEventGrid02-Artists h1,
.alenicmaEventGrid02-Artists h2,
.alenicmaEventGrid02-Artists h3,
.alenicmaEventGrid02-Artists h4,
.alenicmaEventGrid02-Artists h5,
.alenicmaEventGrid02-Artists h6,
.alenicmaEventGrid02-Artists {
    text-align: center;
    color: var(--white);
}

/* contact event*/

div.contactBlock-Event{
    grid-column: 1/4;
    background-color: var(--light);
    padding: 50px;
}


select#aantalField {
    display: block;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('images/tri.png'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
select#aantalField::-ms-expand {
    display: none;
}
select#aantalField:hover {
    border-color: #888;
}
select#aantalField:focus {
    border-color: #aaa;
    box-shadow: var(--light);
    color: var(--black);
    outline: none;
}
.select-css option {
    font-weight:normal;
}

div#eventContainerSubscribe {
    background-color: var(--black);
    text-align: center;
    padding: 20px;
}

input#selectedEvent {
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: transparent;
    color: var(--white);
}

p.eventSubcribeTitle {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Bebas Neue', sans-serif;
    color: var(--white);
}

.dateEventOverview{
    font-weight: 700;
    font-family: 'Bebas Neue', sans-serif;
    color: var(--white);
    background-color: var(--black);
    padding: 20px;
    text-align: center;
    border-radius: 10px 10px 0 0;
}

p.newsTitle2{
    font-weight: 700;
    font-family: 'Bebas Neue', sans-serif;
    text-align: center;
    font-size: 21px;
}

.news-block-content {
    margin-top: -40px;
    background-color: var(--light);
    padding: 10px;
    text-align: center;
    z-index: 2;
    position: relative;
    border-radius: 0 0 10px 10px ;
}

button.btnEvents {
    background-color: var(--red);
    border: none;
    padding: 6px 16px;
    color: var(--white);
    font-size: 13px;
    margin-bottom: 20px;
    border-radius: 20px;
    cursor: pointer;
}

button.btnEvents:hover {
    background-color: var(--red-dark);
}

/* Eventspage overview*/

.events-block{
    display: grid;
    grid-template-columns: repeat(3, calc(33.33% - 20px));
    grid-gap: 30px;
    margin-bottom: 30px;
}

.event-item {
    overflow: hidden;
    border-radius: 0 0 25px 0; 
    background-color: var(--black);
    -webkit-box-shadow: 13px 10px 24px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 13px 10px 24px -17px rgba(0,0,0,0.75);
box-shadow: 13px 10px 24px -17px rgba(0,0,0,0.75);
    transition: all ease-in-out 0.5s;
}

@media only screen and (max-width: 1112px)  {
    
        .events-block{
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 15px));
        grid-gap: 30px;
        margin-bottom: 30px;
    }
    
}

@media only screen and (max-width: 667px) {
    .events-block{
        display: block;
        grid-template-columns: unset;
        grid-gap: 0;
        margin-bottom: 30px;
    }
    
        .event-item {
        margin-bottom: 50px
    }
    
}



.event-item h3,
.event-item p{
    color: var(--white);
}

.eventBtn{
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: var(--white);
    font-weight: 300;
    text-decoration: none;
}

.eventBtn span.moreSingle_Txt{
    color: var(--white);
    border-bottom: 2px var(--red) solid;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
}

.event-item:hover {
    transform: scale(1.02);
}


.eventInt{
    padding: 0 25px 30px 25px;
}

p.eventPlace {
    color: var(--red);
    text-transform: uppercase;
    font-weight: 600;
    
}
p.eventDate{
    color: var(--gray);
}

img.featuredImg {
    min-width: 100%;
    max-width: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: center center;
}

/* WooCommerce */

select.orderby {
    display: none;
}

img.woocommerce-placeholder.wp-post-image {
    object-fit: cover;
    max-height: 300px;
    max-width: 300px;
}

.solid-container .zoom.slick-slide img{
    object-fit: cover;
    max-height: 400px;
    max-width: 400px;
    min-width: 400px;
    min-height: 400px;
}

@media only screen and (max-width: 667px) {
    
    .solid-container .zoom.slick-slide img{
    object-fit: cover;
    max-height: 300px;
    max-width: 300px;
    min-width: 300px;
    min-height: 300px;
}
}

ul.products li.product .price {
   
    color: var(--gray);
    font-weight: 400;
       font-family: "Poppins", sans-serif;
}

ul.products.columns-4 li a.button.product_type_simple, ul.products.columns-3 li a.button.product_type_simple, ul.products.columns-4 li a.button.add_to_cart_button, ul.products.columns-3 li a.button.add_to_cart_button {
    width: 80%;
    font-weight: 400;
       font-family: "Poppins", sans-serif;
}

ul.products.columns-4 li a.button.product_type_simple,:hover 
ul.products.columns-3 li a.button.product_type_simple:hover, 
ul.products.columns-4 li a.button.add_to_cart_button:hover, 
ul.products.columns-3 li a.button.add_to_cart_button:hover {
    border-bottom: 2px var(--gray) solid;
}

td.value select{
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #19170F;
    line-height: 1;
    padding: 12px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: 5px;
    border: none;
    box-shadow: 0 1px 0 1px rgba(45, 45, 45, 0.09);
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--light-gray);
    background: url(../ms/images);
    background-image: url(../ms/images/triangle-solid.svg), -webkit-linear-gradient(top, var(--light-gray), var(--light-gray));
    background-image: url(../ms/images/triangle-solid.svg), -moz-linear-gradient(top, var(--light-gray), var(--light-gray));
    background-image: url(../ms/images/triangle-solid.svg), -ms-linear-gradient(top, var(--light-gray), var(--light-gray));
    background-image: url(../ms/images/triangle-solid.svg), -o-linear-gradient(top, var(--light-gray), var(--light-gray));
    background-image: url(../ms/images/triangle-solid.svg), linear-gradient(to bottom, var(--light-gray), var(--light-gray));
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    outline: none;
    
}

td.value select::after {
    position: absolute;
    font-family: 'Material Icons';
    content: '\e8cb';
    vertical-align: bottom;
    font-size: 18px;
}

th.label {
    padding-right: 10px;
}

span.eventProduct {
    z-index: 99;
    position: absolute;
    background-color: var(--red);
    color: var(--white);
    padding: 5px 10Px;
    left: 0;
}

span.rentalProduct {
    z-index: 99;
    position: absolute;
    background-color: var(--black);
    color: var(--white);
    padding: 5px 10Px;
    left: 0;
}
#tab-title-additional_information.active,
#tab-title-description.active {
    border-top: 2px solid var(--red);
    background-color: #ebebeb;
}


span.eventIntTile span{
    text-transform: uppercase;
    color: var(--red);
}

.eventProdPageData span.detailsEvent{
    color: var(--red);
}


input.wpcf7-form-control.wpcf7-submit.btnContactMS {
    width: 100%;
    background-color: var(--red);
    text-transform: uppercase;
    border-radius: 30px;
    border: none;
    padding: 12px 24px;
    color: var(--white);
}


/* BLOG */

.solidBlogGrid {
    margin: 80px 0;
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 20px));
    grid-gap: 30px;
}

@media only screen and (max-width:  1112px) {
    
    .solidBlogGrid {
    margin: 80px 0;
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 15px));
    grid-gap: 30px;
}
}

@media only screen and (max-width: 667px) {
    
    .solidBlogGrid {
        margin: 80px 0;
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 30px;
    }
}

.moreCardGen span {
    color: var(--white);
    border-bottom: 2px var(--red) solid;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 40px;
    transition: 0.5s easy-in-out all;
}

.moreCardGen span:hover {
    transform: scale(1.02) translateX(10px);
}

a.gridHolderArchiveItem.equalContent{
    display: block;
    overflow:hidden;
    background-color: var(--black);
    border-top-left-radius: 25px;
    color: var(--white);
     transition: 0.5s easy-in-out all;
}

a.gridHolderArchiveItem.equalContent:hover{
    transform: translate(5px);
    box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.2);
    
}

a.gridHolderArchiveItem h3.archiveItemTitle {
    color: var(--white);
}

.archiveItemblockContent.equalTxt {
    padding: 20px;
}

.solidGrid3Col-item{
    /*overflow: hidden;*/
    
}

.archiveItemblockImage.equalImage img {
    width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}


.archiveItemExcerpt.equalExcerpt {
    color: var(--gray);
}
div#archivePage{
    margin: 80px 0;
}

/* BLOG SINGLE */

.blogTxtImgBlock {
    display: grid;
    grid-template-columns: 50% 50%;
    overflow: hidden;
    margin: 80px 0;
}

.blogWysi{
    margin: 80px 0;
}

.blogImgBlock-image-right img,
.blogImgBlock-image-left img{
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
}

.blogTxtBlock-image-right h1,
.blogTxtBlock-image-right h2,
.blogTxtBlock-image-right h3,
.blogTxtBlock-image-right h4,
.blogTxtBlock-image-right span,
.blogTxtBlock-image-right ul li,
.blogTxtBlock-image-right a,
.blogTxtBlock-image-right span,
.blogTxtBlock-image-right p,
.blogTxtBlock-image-left h1,
.blogTxtBlock-image-left h2,
.blogTxtBlock-image-left h3,
.blogTxtBlock-image-left h4,
.blogTxtBlock-image-left span,
.blogTxtBlock-image-left ul li,
.blogTxtBlock-image-left a,
.blogTxtBlock-image-left p,
.blogTxtBlock-image-left span {
    color: var(--white);
}

span.entry-date span {
    vertical-align: middle;
    color: var(--gray);
}

.blogTxtBlock-image-left{
    background-color: var(--black);
    padding: 40px;
    color: var(--white);
    grid-column: 2;
    grid-row: 1;
    z-index: 99;
    position: relative;
    border-top-right-radius: 30px;
}

.blogImgBlock-image-left{
    grid-column: 1;
    grid-row: 1
}


.blogTxtBlock-image-right{
    grid-column: 1;
    grid-row: 1;
    background-color: var(--black);
    padding: 40px;
    color: var(--white);
     z-index: 99;
     position: relative;
    border-top-left-radius: 30px;
}

.blogImgBlock-image-right{
     grid-column: 2;
    grid-row: 1
}

.archiveItemExcerpt.equalExcerpt{
    margin: 20px 0;
}

@media only screen and (max-width: 834px) {
    
    .blogTxtImgBlock {
    grid-template-columns:100%;
    }
    
    .blogTxtBlock-image-left{
    grid-column: 1;
    grid-row: 2;
    border-top-right-radius: 0;
       border-bottom-right-radius: 30px;
    }

    .blogImgBlock-image-left{
        grid-column: 1;
        grid-row: 1
    }


    .blogTxtBlock-image-right{
        grid-column: 1;
        grid-row: 2;
        border-top-left-radius: 0;
        border-bottom-right-radius: 30px;
    }

        .blogImgBlock-image-right{
         grid-column: 1;
        grid-row: 1
    }
    
    
}

/* home blog block */
.blogHomeOverview {
    display: grid;
    grid-template-columns: repeat(3, calc(33.33% - 20px));
    grid-gap: 30px;
    margin: 80px 0;
}



@media only screen and (max-width:  1112px) {
    
    .blogHomeOverview {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 15px));
        grid-gap: 30px;
        margin: 80px 0;
    }
    
}

@media only screen and (max-width:  667px) {
    
    .blogHomeOverview {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 30px;
        margin: 80px 0;
    }
    
}
.homeBlogBlock-Image{
    min-height: 300px;
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}

.homeBlock-txt{
    padding: 30px;
}

a.homeBlogBlock {
    background-color: var(--black);
    color: var(--white);
    border-top-left-radius: 30px;
    cursor: pointer;
}

.blogShort p{
    color: var(--gray);
}

.blogShort {
    margin: 20px 0;
}
   

a.toAllBlogBtn {
    display: inline-block;
    width: auto;
    background-color: var(--black);
    padding: 10px 30px;
    transition: easy-in-out 0.5s all;
    /* margin: 30px auto; */
    /* text-align: center; */
}
.blogCtaBlockAll {
    text-align: center;
}
a.toAllBlogBtn span{
    color: var(--white);
}
a.toAllBlogBtn:hover {
    transform: scale(1.02) translateX(5px);
}

#productsBlockHome{
    margin: 80px 0;
}


.homeProductOverview {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 20px));
    grid-gap: 30px;
    margin: 80px 0;
}

.homeBlockProdTileImage {
    height: 300px;
    background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; 
}

a.homeBlockProductGrid {
    display: block;
    background-color: var(--black);
    border-bottom-right-radius: 30px;
    transition: 0.5s easy-in-out all;
    border: 1px solid var(--light);
}

a.homeBlockProductGrid:hover {
    transform: scale(1,02) translateX(3px);
    box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.2);
   
}


@media only screen and (max-width:  1112px) {
    
    .homeProductOverview {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 15px));
        grid-gap: 30px;
        margin: 80px 0;
    }
    
}

@media only screen and (max-width:  667px) {
    
    .homeProductOverview {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 30px;
        margin: 80px 0;
    }
    
}

.homeBlockProdTileData{
    padding: 20px;
}

span.moreProductTxt {
    color: var(--white);
    border-bottom: 2px var(--red) solid;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
}
.blockProductData h2,
.blockProductData span,
.blockProductData div{
    color: var(--white);
}

.homeProductMoreCta,
.homeProductShort{
    margin: 20px 0;
}

#main-menu .menu-main-hcn-container ul li.cart-menu { display: none; }

span.footerSoMe {
    width: 50px;
    display: inline-block;
}
span.footerSoMe a{
    width: 50px;
    display: inline-block;
    margin-right: 10px;
    transition: 0.5 ease-in-out all;
}
img#inLogo,
img#faLogo{
    width: 30px;
    
}

span.footerSoMe a:hover,
span.footerSoMe a:hover{
    transform: scale(1.05) translateX(3px;)
}

@media only screen and (max-width: 1130px) {
    
    
    div#productPage {
        display: grid;
        grid-template-columns: 100%;
    }


    ul.products.columns-4,
    ul.products.columns-3 {
        display: grid;
        grid-template-columns: 50% 50%;
        width: 100%;
        grid-row: 2;
        grid-column: 1;
    }
}

@media only screen and (max-width: 834px) {
    
    div#productPage {
        display: grid;
        grid-template-columns: 100%;
    }

    ul.products.columns-4,
    ul.products.columns-3 {
        display: grid;
        grid-template-columns: 100%;
        width: 100%;
        grid-row: 2;
        grid-column: 1;
    }


}

@media only screen and (max-width: 414px) {
    
    solid-footer-grid-item02 span {
        text-align: center;
    }
    
    .solid-footer-grid-item02 span {
    display: block;
    text-align: center;
    margin: 5px auto;
}
    
    .footerTwoWidget p {
        display: block;
        text-align: center;
    }
    
    ul#menu-sitemap li {
    text-align: center;
}
}


@media only screen and (max-width: 834px) {
    section.related.products ul.products.columns-4 li.product, ul.products.columns-4 li {
        display: inline-block;
        width: 100%;
    }
}

.woocommerce-pagination {
       text-align: center;
       margin: 20px 0;
   }

   .woocommerce-pagination a {
       background-color: #f1f1f1;
       color: #333;
       padding: 10px 15px;
       border-radius: 5px;
       margin: 0 5px;
   }

   .woocommerce-pagination a:hover {
       background-color: #007cba;
       color: white;
   }

.price_slider_wrapper .ui-slider .ui-slider-range, .woocommerce .social-share li a:hover i, .woocommerce-pagination .current, p.woocommerce-store-notice {
    background-color: #f1f1f1;
    color: var(--red);
}

.woocommerce-pagination span {
    background-color: #f1f1f1;
    color: #333;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 0 5px;
}

.woocommerce-pagination ul.page-numbers li {
    display: inline-block;
}