/* EXTENSION | CORE | DEFAULT.CSS | copyright zedTEC.net */
/* REFLECTLAB | 201910.10 [1015.RZE] */

/* GENRAL ================================================================= */
.displaynone, .js_displaynone {display: none!important}

/* HOMEPAGE ================================================================= */
.hp-top {width: 100%; height: 500px; background-image: url('/pub/media/homepagegrid/lavendel.jpg'); background-size: cover; margin-bottom: 22px; background-position: center center; position: relative; color: white;}
.hp-top-left, .hp-top-right {position: absolute; top: 50px; width: 40%; background-color: rgba(0,0,0,0.45); padding: 20px;}
.hp-top-left {left: 0;}
.hp-top-right {right: 0;}
.hp-top-left .top-title, .hp-top-right .top-title {font-size: 2.4rem; margin-bottom: 10px; font-weight: 600;}
.hp-top-right .top-title {text-align: right;}
.hp-top-left .top-content, .hp-top-right .top-content {font-size: 1.6rem; margin-bottom: 20px;}
.hp-top-left .top-button, .hp-top-right .top-button {padding: 11px 30px; line-height: 51px; text-align: center; font-size: 2.1rem; text-transform: uppercase; font-weight: 900; width: fit-content; color: white;}
.hp-top-left .top-button {background-color: #44bdf0;}
.hp-top-right .top-button {background-color: #239d46;}

.hp-top-widget {margin-bottom: 22px;}
.hp-top-widget-box {width: 33%; background-color: #94c43a; text-align: center; color: white;}
.hp-top-widget-box.box-1 {margin-right: 11px;}
.hp-top-widget-box.box-2 {width: 34%; margin: 0 11px;}
.hp-top-widget-box.box-3 {margin-left: 11px;}
.hp-top-widget-box .title {width: auto; margin-top: 12px; font-size: 2.4rem; font-weight: 600;}
.hp-top-widget-box .title .break {display: none;}
.hp-top-widget-box .text {width: auto; margin-top: 3px; margin-bottom: 18px; font-size: 1.6rem;}

.hp-main {margin-bottom: 22px;}
.hp-welcome {width: calc(67% + 30px); margin-right: 11px; background-color: #d8eafa; padding: 20px 30px; font-weight: 600;}
.hp-welcome .welcome-title {font-size: 2.4rem; margin-bottom: 10px; font-weight: 600;}
.hp-welcome .welcome-content {font-size: 1.7rem; font-weight: 400;}
.hp-login {width: calc(33% - 30px); margin-left: 11px; background-color: #d8eafa; padding: 20px 30px; font-weight: 600;}
.hp-login .login-title:not(.js_show):not(.js_loading) {display: none;}
.hp-login .login-title {font-size: 2.4rem; margin-bottom: 10px; font-weight: 600;}
.hp-login .login-content {font-size: 1.4rem;}
.hp-login .login-content:not(.js_show) {display: none;}
.hp-login .login-content input::placeholder {color: lightgrey;}
.hp-login .login-content.loggedin a {font-size: 1.7rem; font-weight: 400; color: black;}

.hp-login .block-title {display: none;}
.hp-login .fieldset.login {margin-bottom: 0;}
.hp-login .fieldset.login .field.note {display: none;}
.hp-login .block.block-customer-login {margin-bottom: 0;}
.hp-login .fieldset.login .actions-toolbar .secondary {display: none;}
.hp-login .fieldset.login .actions-toolbar .primary {width: 100%;}
.hp-login .fieldset.login .actions-toolbar .primary .action.login.primary {float: right; margin: 10px 0 0 0; padding: 11px; background-color: #94c43a; text-align: center; font-size: 1.8rem; text-transform: uppercase; font-weight: 900; color: white; border: 0; border-radius: 0;}

.hp-bottom-widget {margin-bottom: 22px;}
.hp-bottom-widget-box  {width: 33%; background-color: #d8eafa;}
.hp-bottom-widget-box.box-1 {margin-right: 11px;}
.hp-bottom-widget-box.box-2 {width: 34%; margin: 0 11px;}
.hp-bottom-widget-box.box-3 {margin-left: 11px;}
.hp-bottom-widget-box .title {width: auto; padding: 12px 0; background-color: #239d46; color: white; text-align: center; font-size: 1.6rem; font-weight: 800;}
.hp-bottom-widget-box .text {width: auto; padding: 20px 30px; text-align: center;}
.hp-bottom-widget-box.box-2 .div-button-white {width: 100%;}
.hp-bottom-widget-box.box-2 .div-button-sep {width: 100%;}
.hp-bottom-widget-box.box-2 .div-button-white a, .hp-bottom-widget-box.box-2 .div-button-sep a {padding: 14px 20px; background-color: white; border: 2px solid #94c43a; color: #94c43a; font-size: 1.9rem; font-weight: 600;}
.hp-bottom-widget-box .hp-bottom-qr {background-image: url('/pub/media/homepagegrid/QR3-2048x1947.png'); background-size: contain; background-position: center center; background-repeat: no-repeat; height: 500px;}

.hp-top-widget, .hp-main, .hp-bottom, .box-mobile-row {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.box-mobile-col {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

@media all and (max-width: 1100px) {
    .hp-top-left .top-button, .hp-top-right .top-button {padding: 5px 15px; font-size: 1.8rem;}
}

@media all and (max-width: 950px) {
    .hp-top-widget-box .title .break {display: block;}

    .hp-top {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto;}
    .hp-top-left, .hp-top-right {position: relative; width: auto; display: inline-block; top: 0;}
    .hp-top-left {margin: 50px 10% 0 0;}
    .hp-top-right {margin: 40px 0 50px 10%;}

    .hp-bottom {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

    .hp-bottom-widget-box {width: auto;}
    .hp-bottom-widget-box.box-1 {margin-right: 0;}
    .hp-bottom-widget-box.box-1 img {max-width: 350px;}
    .hp-bottom-widget-box.box-2 {width: auto; margin: 22px 0;}
    .hp-bottom-widget-box.box-2 .box-mobile-col {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
    .hp-bottom-widget-box.box-3 {margin-left: 0;}
    .hp-bottom-widget-box.box-2 .div-button-white {width: 40%;}
    .hp-bottom-widget-box.box-2 .div-button-sep {width: 20%;}
}

@media all and (max-width: 800px) {
    .hp-top-widget, .hp-main {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

    .hp-top-widget-box {width: auto;}
    .hp-top-widget-box.box-1 {margin-right: 0;}
    .hp-top-widget-box.box-2 {width: auto; margin: 22px 0;}
    .hp-top-widget-box.box-3 {margin-left: 0;}
    .hp-top-widget-box .title .break {display: none;}

    .hp-welcome, .hp-login {width: auto; margin-left: 0; margin-right: 0;}
    .hp-login {margin-top: 22px;}

    .hp-bottom-widget-box.box-2 .div-button-white {width: 45%;}
    .hp-bottom-widget-box.box-2 .div-button-sep {width: 10%;}
}

@media all and (max-width: 600px) {
    .hp-bottom-widget-box.box-2 .box-mobile-col {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

    .hp-bottom-widget-box .text {padding: 20px 0;}
    .hp-bottom-widget-box.box-2 .div-button-white {width: 100%;}
    .hp-bottom-widget-box.box-2 .div-button-sep {width: 100%;}
}

@media all and (max-width: 400px) {
    .hp-top-left .top-button, .hp-top-right .top-button {font-size: 1.6rem; line-height: 32px;}
}

@media all and (max-width: 300px) {
    .hp-bottom-widget-box.box-2 .div-button-white a, .hp-bottom-widget-box.box-2 .div-button-sep a {font-size: 1.6rem;}
}


/* OVERALL FIXES ================================================================= */
/*FOOTER NEWSLETTER PAGE WIDTH FIX*/
.page-footer .footer.content .block.newsletter .content {text-align: center;}
.page-footer .footer.content .block.newsletter .content form.subscribe {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.page-footer .footer.content .block.newsletter .content form.subscribe .field.newsletter {width: calc(100% - 100px);}

/*WHATSAPP POSITION FIX*/
#chatwhatsapp .whatsapp_text_bubble {float: right;}

/*AMASTY GDPR POPUP FIX*/
aside.modal-popup.amgdprcookie-modal-container {z-index: 912!important;}