/*---------------------------------------------------------------------------------

 Theme Name:   Ned International Design Brands
 Theme URI:    https://nedinternational.nl
 Description:  Customized divi theme by Netfire
 Author:       Netfire
 Author URI:   https://netfire.nl/
 Template:     Divi
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*********************************
* Variables */
:root{
    --matzwart: #0c0c0c;
}

.nf_box_center{
  display:flex;
  align-items:center;
  justify-content:center;
}

body.home .et_pb_slide_image {
  display: block!important;
  width: 100% !important;
}
body.home .et_pb_slide{
  padding:1% !important;
}

#main-header{
  display:none !important;
}

/*********************************
 * Text selection */
::-moz-selection {  color: #1d1d1b;background-color:#ece4d9;}
::selection {       color: #1d1d1b;background-color:#ece4d9;}

/*********************************
* youtube icon header */
.et-social-youtube a.icon:before { content: '\e0a3'; }

/*********************************
 * Credits */
.netfire{
    display: block;
    width: 20px;/*30*/
    height: 30px;/*45*/
    background: url(https://netfire.nl/images/logo_netfire_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}



/* nieuws hover img */
.et_pb_blog_grid article .et_pb_image_container{overflow:hidden;}
.et_pb_blog_grid article .et_pb_image_container img{transition:200ms ease all;}
.et_pb_blog_grid article:hover .et_pb_image_container img{transform:scale(1.1);}

/*********************************
 * Slider arrows */
.et-pb-arrow-next, .et-pb-arrow-prev,
.et-pb-arrow-next, .et-pb-arrow-next{
  color:var(--matzwart);
}
.et-pb-controllers a,
.et-pb-controllers .et-pb-active-control{
  background-color:var(--matzwart);
}

/*********************************
 * SBI instagram buttons  */
#sb_instagram .sbi_load_btn, 
#sb_instagram .sbi_follow_btn a{
  border-radius: 6px !important;
  font-size: 20px !important;
  line-height: 22px !important;
  padding:12px 20px !important;
}


/*********************************
* Scissor svg sections */
#main-content,
footer{
  overflow: hidden;
}
.nf_section_scissor:after{
  box-sizing:border-box;
  content:'';
  position:absolute;
  bottom:-2px;
  z-index:2;
  left:0;
  width:110vw;
  right:0;
  display:block;
  height:40px;
/*  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%2280%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%0A%20%20%3Cpath%20style%3D%22transform%3A%20scale%284%29%20translateX%2850px%29%20translateY%28-6px%29%3B%22%20d%3D%22M13.535%2018.155l15.652%200.119-0.899-0.904c-0.067-0.067-6.674-6.531-15.515-0.334l-2.805-4.12c0.356-0.296%200.663-0.662%200.894-1.096%200.955-1.79%200.278-4.013-1.511-4.968-1.79-0.955-4.014-0.278-4.967%201.511-0.955%201.789-0.279%204.013%201.511%204.968%201.023%200.546%202.187%200.556%203.177%200.132l2.47%203.628-4.225-0.032c-0.139-1.15-0.816-2.216-1.916-2.803-1.79-0.954-4.013-0.278-4.967%201.512-0.955%201.789-0.279%204.013%201.511%204.967%201.789%200.954%204.014%200.278%204.968-1.511%200.193-0.36%200.315-0.737%200.379-1.117l4.904%200.037c-0.119%202.622%200.354%204.712%201.13%206.386h-1.786v1.049h3.147v-0.524h0.066c-0.023-0.038-0.043-0.080-0.066-0.119v-0.406h-0.223c-0.675-1.314-1.147-2.937-1.228-4.952l3.372%204.952h-0.872v1.049h3.147v-1.049h-1.007l-4.341-6.376zM25.412%2016.6c0.381%200.204%200.715%200.41%200.999%200.605l-11.825-0.091c4.737-2.758%208.586-1.708%2010.826-0.514zM6.388%2012.406c-1.275-0.681-1.76-2.273-1.080-3.548s2.272-1.761%203.549-1.080c1.275%200.68%201.76%202.272%201.079%203.548-0.68%201.276-2.272%201.76-3.548%201.079zM5.987%2018.731c-0.68%201.275-2.272%201.759-3.549%201.079s-1.76-2.272-1.080-3.548c0.681-1.276%202.272-1.761%203.549-1.080%201.275%200.68%201.76%202.272%201.080%203.549z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%224%22%3E%0A%20%20%20%20%3Cpath%20stroke-dasharray%3D%2230%22%20d%3D%22M0%2076%209999%2076%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');*/
  background-image: url('data:image/svg+xml, %3Csvg%20width%3D%22100%25%22%20height%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%0A%20%20%3Cpath%20style%3D%22transform%3A%20scale%282%29%20translateX%28200px%29%20translateY%28-6px%29%3B%22%20d%3D%22M13.535%2018.155l15.652%200.119-0.899-0.904c-0.067-0.067-6.674-6.531-15.515-0.334l-2.805-4.12c0.356-0.296%200.663-0.662%200.894-1.096%200.955-1.79%200.278-4.013-1.511-4.968-1.79-0.955-4.014-0.278-4.967%201.511-0.955%201.789-0.279%204.013%201.511%204.968%201.023%200.546%202.187%200.556%203.177%200.132l2.47%203.628-4.225-0.032c-0.139-1.15-0.816-2.216-1.916-2.803-1.79-0.954-4.013-0.278-4.967%201.512-0.955%201.789-0.279%204.013%201.511%204.967%201.789%200.954%204.014%200.278%204.968-1.511%200.193-0.36%200.315-0.737%200.379-1.117l4.904%200.037c-0.119%202.622%200.354%204.712%201.13%206.386h-1.786v1.049h3.147v-0.524h0.066c-0.023-0.038-0.043-0.080-0.066-0.119v-0.406h-0.223c-0.675-1.314-1.147-2.937-1.228-4.952l3.372%204.952h-0.872v1.049h3.147v-1.049h-1.007l-4.341-6.376zM25.412%2016.6c0.381%200.204%200.715%200.41%200.999%200.605l-11.825-0.091c4.737-2.758%208.586-1.708%2010.826-0.514zM6.388%2012.406c-1.275-0.681-1.76-2.273-1.080-3.548s2.272-1.761%203.549-1.080c1.275%200.68%201.76%202.272%201.079%203.548-0.68%201.276-2.272%201.76-3.548%201.079zM5.987%2018.731c-0.68%201.275-2.272%201.759-3.549%201.079s-1.76-2.272-1.080-3.548c0.681-1.276%202.272-1.761%203.549-1.080%201.275%200.68%201.76%202.272%201.080%203.549z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221%22%3E%0A%20%20%20%20%3Cpath%20stroke-dasharray%3D%2210%22%20d%3D%22M25%2038%209999%2038%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}
.nf_section_scissor.nf_section_scissor_flipped:after{
  transform:scale(-1,1);
} 


/*********************************
 * Footer menu */
#menu-hoofdmenu .current_page_item a{
  color:#fff !important;
}

@media screen and (max-width: 980px) {
  .et_pb_section_3_tb_footer  .et_pb_menu__menu,
  .et_pb_section_3_tb_footer .et_pb_menu__wrap,
  .et_pb_menu .et_pb_menu__menu>nav>ul{
    flex-direction:column;
  }
  .et_pb_menu .et_pb_menu__menu {
    display: block !important;
  }
  .et_pb_section_3_tb_footer  .mobile_menu_bar {
    display: none;
  }
  .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content:flex-start !important;
  }

  .et_mobile_nav_menu{display:none !important;}
}

/*********************************
 * Border button wrapper */

  .nf_block_wrapper{
    display: inline-block;
    position: relative;
    
  }
  .nf_block_wrapper .nf_block_span{
    display: block;
    height:300px;
    width:100%;
  }
  .nf_block_wrapper .et_pb_blurb_content{padding:50px;}

  .nf_block_wrapper .nf_block_span::before, .nf_block_wrapper .nf_block_span::after,
  .nf_block_wrapper .et_pb_image_wrap::before, .nf_block_wrapper .et_pb_image_wrap::after,
  .nf_block_wrapper .et_pb_blurb_content::before, .nf_block_wrapper .et_pb_blurb_content::after{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    transition: 0.5s ease-in-out;
    pointer-events: none;
  }
  .nf_block_wrapper .nf_block_span::before,
  .nf_block_wrapper .et_pb_image_wrap::before,
  .nf_block_wrapper .et_pb_blurb_content::before {
    top: -2px;
    left: -2px;
    border-top: 2px solid var(--matzwart);
    border-left: 2px solid var(--matzwart);
  }
  .nf_block_wrapper .nf_block_span::after,
  .nf_block_wrapper .et_pb_image_wrap::after,
  .nf_block_wrapper .et_pb_blurb_content::after{
    right: -2px;
    bottom: -2px;
    border-bottom: 2px solid var(--matzwart);
    border-right: 2px solid var(--matzwart);
  }
  .nf_block_wrapper.et_had_animation .nf_block_span::before, .nf_block_wrapper.et_had_animation .nf_block_span::after,
  .nf_block_wrapper.et_had_animation .et_pb_image_wrap::before, .nf_block_wrapper.et_had_animation .et_pb_image_wrap::after,
  .nf_block_wrapper.et_had_animation .et_pb_blurb_content::before, .nf_block_wrapper.et_had_animation .et_pb_blurb_content::after {
    width: calc(100% + 30px);
    height: calc(100% + 30px);
  }
  .nf_block_wrapper.et_had_animation:hover .nf_block_span::before, .nf_block_wrapper.et_had_animation:hover .nf_block_span::after,
  .nf_block_wrapper.et_had_animation:hover .et_pb_image_wrap::before, .nf_block_wrapper.et_had_animation:hover .et_pb_image_wrap::after,
  .nf_block_wrapper.et_had_animation:hover .et_pb_blurb_content::before, .nf_block_wrapper.et_had_animation:hover .et_pb_blurb_content::after{
    width: calc(100% + 40px);
    height: calc(100% + 40px);
  }





  .nf_block_wrapper::before, .nf_block_wrapper::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    transition: 0.7s ease-in-out;
    pointer-events: none;
  }
  .nf_block_wrapper::before {
    top: -12px;
    left: -12px;
    border-top: 1px solid var(--matzwart);
    border-left: 1px solid var(--matzwart);
  }
  .nf_block_wrapper::after {
    right: -12px;
    bottom: -12px;
    border-bottom: 1px solid var(--matzwart);
    border-right: 1px solid var(--matzwart);
  }
  .nf_block_wrapper.et_had_animation::before, .nf_block_wrapper.et_had_animation::after{
    width: calc(50% + 12px);
    height: calc(50% + 12px);
  }
  .nf_block_wrapper.et_had_animation:hover::before, .nf_block_wrapper.et_had_animation:hover::after{
    width: calc(60% + 12px);
    height: calc(60% + 12px);
  }



/*********************************
 *  Preloader */
.nf_preloader_wrapper:before{
    z-index:999997;
    position:fixed;
    content:'';
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#ECE4D9;
    background-color:rgba(236, 228, 217, 0.99);    
}
.nf_preloader_wrapper{
    z-index:999998;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nf_preloader {
    z-index:999999;
    overflow:hidden;
    text-align:right;
}
.nf_preloader img{
    max-width:300px;
    width:100%;
}
.nf_preloader_bar {
    display:block;
    border-radius:5px;
    height:2px;
    width: 100%;
    transform:translateX(-100%);
    background-color:#000;
    animation: nf_preloader_bar_anim 1s ease-in-out;
}

@keyframes nf_preloader_bar_anim {
  0%{
    transform:translateX(-100%);
  }
  25%{
    transform:translateX(-40%);
  }
  100% {
    transform:translateX(0%);
  }
}


/***********************
 *  Transparent menu home op de slider */

body.home #page-container {
    padding-top: 0px !important;
    margin-top: 20px !important;
}
body.home #main-header{    background-color:transparent ;}
body.home #main-header.et-fixed-header{ background-color:#ece4d9 !important; }
body.home .mobile_menu_bar:before, 
body.home .mobile_menu_bar:after, 
body.home #top-menu li.current-menu-ancestor>a, 
body.home #top-menu li.current-menu-item>a {
    color: var(--matzwart);
}
body.home #main-header:not(.et-fixed-header){
    box-shadow:none;
    -webkit-box-shadow:none;
}
body.home .logo_container{                    display:none;}
body.home .et-fixed-header .logo_container{  display:block;}
.et_mobile_menu{
    border-top-color:var(--matzwart);
}


/***********************
* Verkooppunten form */
#form_verkooppunten_wrapper form{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media screen and (max-width: 768px) {
  #form_verkooppunten_wrapper form{
      grid-template-columns: 1fr !important;
      grid-gap: 10px!important;
  }
}
#form_verkooppunten_wrapper input { border: 1px solid #999; outline: none; resize: none; width:100%;}
#form_verkooppunten_wrapper input { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
#form_verkooppunten_wrapper { font-size: 16px; line-height:20px; width: 100%; }
#form_verkooppunten_wrapper input[type="text"] { font-size: inherit; padding:12px 20px !important; }
#form_verkooppunten_wrapper input[type="submit"] { 
    font-size: inherit; 
    font-size: 20px !important;
    line-height: 22px !important;
    padding:12px 20px !important;
    color: #E1D7CD!important;
    border-color: #1D1D1B;
    border-radius: 6px;
    background-color: #1D1D1B;
    max-width:200px;
}


/***********************
* Inboxify sign up form */
#form_inboxify_wrapper #formconsument{display:block;}
#form_inboxify_wrapper #formzakelijk{display:none;}
#form_inboxify_wrapper.zakelijk #formconsument{display:none;}
#form_inboxify_wrapper.zakelijk #formzakelijk{display:block;}

#form_inboxify_wrapper #formconsument form,
#form_inboxify_wrapper #formzakelijk form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

@media screen and (max-width: 768px) {
  #form_inboxify_wrapper #formconsument form,
  #form_inboxify_wrapper #formzakelijk form{
      grid-template-columns: 1fr !important;
      grid-gap: 10px!important;
  }
}


#form_inboxify_toggler{margin-bottom:10px;}
#form_inboxify_wrapper input, #form_inboxify_wrapper select, #form_inboxify_wrapper textarea { border: 1px solid #999; outline: none; resize: none; width:100%;}
#form_inboxify_wrapper input, #form_inboxify_wrapper select, #form_inboxify_wrapper textarea { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
#form_inboxify_wrapper { font-size: 16px; line-height:20px; width: 100%; }
#form_inboxify_wrapper label { float: left; font-weight: bold; margin-right: 1.2em; padding-top: 0.5em; text-align: right; width: 12em; }
#form_inboxify_wrapper input[type="text"] { font-size: inherit; padding:12px 20px !important; }
#form_inboxify_wrapper input[type="email"] { font-size: inherit; padding:12px 20px !important; }
#form_inboxify_wrapper select { font-size: inherit; padding:12px 20px !important; }
#form_inboxify_wrapper input[type="submit"] { 
    font-size: inherit; 
    font-size: 20px !important;
    line-height: 22px !important;
    padding:12px 20px !important;
    color: #E1D7CD!important;
    border-color: #1D1D1B;
    border-radius: 6px;
    background-color: #1D1D1B;
    max-width:200px;
}
#form_inboxify_wrapper li ul { float: left; }
#form_inboxify_wrapper li ul li { margin: 1px auto; min-height: 20px; padding: 2px 0; width: auto; }
#errors { list-style-type: disc; margin-left: 3em; }
.clear { clear: both; }
.required {
    font-size: 10px;
    padding-left: 2px;
    color: red;
    vertical-align: super;
}











/***********************
 *  nf-swiper */
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px;
    font-weight:500;
    color: #fff;
}

.nf-swiper-brands .swiper-slide{
    text-align:center;
}
.nf-swiper-brands .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    max-height:150px;
    object-fit: cover;
    transform:scale(1);
    transition:ease 250ms all;
}
.nf-swiper-brands .swiper-slide img:hover{
    max-height:300px;
    transform:scale(1.25);
    z-index:99;
}

.nf-swiper-brands .swiper-wrapper {
    transition-timing-function: linear !important;
}




.image-hover-anim img{
    transition:ease all 350ms;
    transform:scale(1.1) translate(-20px,10px);    
}
.image-hover-anim:hover img{
    transform:scale(1) translate(0,0);
}

.image-hover-anim .et_pb_image_wrap{overflow:hidden;}




/***********************
 * Stars */
 .nf_stars{
    display:flex;
}
.nf_star{
    display:block;
    color: #fac917;
    font-size: 40px;
}
.nf_star:after{
    display: inline-block;
    font-family: initial;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    speak: none;    
    content: '\2606';
}
.nf_star_100:after{
    content: '\2605';
}



/********************
 * Samplesale */
.form_samplesale{
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);	
}

.form_samplesale input{
  padding:10px;
  border-radius: 6px;
}

.form_samplesale .btn_submit,
.form_samplesale .btn_submit:hover{
  border:0 !important;
  color: #ECE4D9;
  background-color: #1D1D1B;
  cursor:pointer;
}
.list_samplesale li input{
  position:absolute;
  visibility:hidden;
  text-indent:-9999px;
}
.list_samplesale li input:checked + label {
  background-color: #ece4d9;
  outline: 1px solid #1d1d1b;
}
.list_samplesale{
  padding: 0 !important;  
}
.list_samplesale li{
  list-style:none;
  padding:0;
  margin:0px 0px 5px 0px;
}

.list_samplesale label{
  cursor:pointer;
  display:block;
  padding:10px;  
  background-color:#f9f9f9;
  border-radius: 6px;
}
.list_samplesale label:hover{
  background-color:#f1f1f1;
}
.list_samplesale li.disabled label,
.list_samplesale li.disabled label:hover{
  background-color:rgba(255,255,255,.3);
  pointer-events:none;
}

.li_availability{
  font-size:.9rem;
  font-style: italic;
  color:#666;
}
.list_samplesale li.disabled,
.list_samplesale li.disabled .li_availability{
  color:#ddd;
  text-decoration: line-through;
}


.form_row_samplesale{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin:10px 0px;
}

.samplesale_submit_accept,
.samplesale_submit_error{
  position:relative;
	clear:both;	
	list-style:none;
	font-size:15px;	
	margin:10px 0px;
	padding:20px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);	
}

.samplesale_submit_accept{
  background-color:#d4edda;
  border:1px solid #c3e6cb;
  color:#155724;
}

.samplesale_submit_error{
  background-color:#f8d7da;
  border:1px solid #f5c6cb;
  color:#721c24;
}