/* 
Theme Name: NNSC
Author: We'R Media
Author URI: https://www.weremdia.nl
Template: wer-theme-base
*/

/*
    Add your custom styles here
*/
#wpadminbar { position:fixed!important; }
.footermenu li:before { content:'\f054'; font-family: "Font Awesome 5 Free"; font-weight:900; color:#fff; position:absolute; }

.wer-post-items .slick-arrow { width: 50px;height: 50px;padding: 0px;display: flex;align-items: center;justify-content: center;z-index: 2;  color: transparent!important;  border-radius:0px!important; border:0px!important;}
.wer-post-items .slick-arrow:before { color:#fff; position:absolute; width:100%; height:100%; display:flex;align-items:center; justify-content:center; opacity:1!important; }
.wer-post-items .slick-arrow:hover { background:#000; }
.wer-post-items .slick-arrow:before { font-family: "Font Awesome 5 Free"; }
.wer-post-items .slick-prev:before { content:'\f053'; }
.wer-post-items .slick-next:before { content:'\f054'; }

.offerte-form {  width:auto; width:420px; background:#000; z-index:99999999; position:fixed; top:125px; right:30px; opacity:0; visibility:hidden; transition:all 0.4s ease;  transform:translatex(450px);  transform-origin: top; }
.offerte-form.open { opacity:1; visibility: visible; transform:translatey(0px); height:auto;}

.elementor-field-group-bestand, .elementor-field-group-bestandofferte { color:var( --e-global-color-primary ); justify-content: space-between; align-items: center; padding:25px 0px; }
.elementor-field-group-bestand a, .elementor-field-group-bestandofferte a { padding:7px 15px; background:var( --e-global-color-primary ); color:#fff; display:block; border:1px solid transparent; transition:all 0.5s ease; margin:10px auto; border-radius:100px; text-align:center; font-weight:500; text-transform:uppercase; font-size:16px;}
.elementor-field-group-bestand:hover a, .elementor-field-group-bestandofferte:hover a { background:transparent; border-color:var( --e-global-color-primary ); color:var( --e-global-color-primary ); }
.elementor-field-group-bestand input, .elementor-field-group-bestandofferte input { border:0px!important; }
.elementor-field-group-bestand input[type="file"], .elementor-field-group-bestandofferte input[type="file"]{        width: 100%;        height: 100%;        opacity: 0;        position: absolute;        top: 0;        left: 0;        z-index: 999;    }
.elementor-field-group-bestand .value, .elementor-field-group-bestandofferte .value { width:100%; }
.elementor-field-group-bestand .btn-area, .elementor-field-group-bestandofferte .btn-area { width:100%; }

.elementor-field-group-bestandofferte a { background:#fff; color:#000; }
.elementor-field-group-bestandofferte:hover a { background:transparent; border-color:#fff; color:#fff; }
.elementor-field-group-bestandofferte { color:#fff; }

@media screen and (max-width:990px) {
	.offerte-form { display:none; }
}