/*

 Theme Name:   Woodmart Child

 Description:  Woodmart Child Theme

 Author:       XTemos

 Author URI:   http://xtemos.com

 Template:     woodmart

 Version:      1.0.0

 Text Domain:  coretrek

*/

.color-options .choose-color,.color-options .choose-color:hover{

    color:#000!important;

    opacity: 1!important;

}

.color-options .choose-color small {

    font-weight: 700;

    font-size: 1em;

}

.color-options .choose-color {

    border-radius: 5px;

    background: #fff;

    padding: 10px;

    text-align: center;

    font-weight: 500;

    cursor: pointer;

    margin-bottom: 2px;;

    display: inline-block;

    min-width: 42px;

    min-height: 42px;

    border: solid 1px;

}

.single-product .quantity,.single-product .single_add_to_cart_button{margin-top: 20px;}

#product-color-app .panel-body{border-top: none!important;}





#chosen-color{margin-bottom: 0px;}

#product-popup-color{

    max-width: 50%;

    margin: 0 auto;

    padding: 20px;

    background: #fff;

}

.wap-list-colors .sub-color{

    position: relative;

    cursor: pointer;

    display: inline-block;

    width: 50%;



}

[v-cloak] { display: none; }

.wap-list-colors .sub-color .color-name{

    padding: 30px;

}

.white-popup {

    position: relative;

    background: #FFF;

    padding: 20px;

    width: auto;

    max-width: 500px;

    margin: 20px auto;

}

.modal-content {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

    pointer-events: auto;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0,0,0,.2);

    border-radius: .3rem;

    outline: 0;

}

.item-color{

    border-radius: 5px;

    background: #fff;

    display: block;

    width: 42px;

    height: 42px;

    margin: 0 auto;

    border: solid 1px ;

}

#product-color-app .panel-heading{margin-top: 15px;color:#464646}

.label-search{margin-top: 15px;margin-bottom: 20px;margin-left: 22px;}

.label-search span{font-weight: bold;margin-left: 15px;}

.label_selected_color{font-weight: bold}

.wrap-sub-color{word-wrap: break-word; display: inline-block;width: 90px;padding:5px;vertical-align:top;margin-bottom: 20px;text-align: center;cursor: pointer}

.color_title{font-size: 0.9em;}

.footer-container{background-color: #333!important;color: rgba(255,255,255,.7) !important;}

.footer-container h4, .footer-container li, .footer-container p, .footer-container a{color: rgba(255,255,255,.7) !important;font-weight: 600;font-size: 1.05em;}

.footer-container a{text-decoration: underline;}

.footer-container .widget-title{color: #fff;

    width: 100%;

    margin: 0 0 25px 0;

    padding: 0 0 20px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.7);

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 2px;

    text-transform: uppercase;}

.footer-container .copyrights-wrapper.copyrights-two-columns{background-color:#222!important;}

.footer-container  .social-media-navigation .single-social{

    display: inline-block;

    margin-right: 10px;

    margin-top: 10px;

    width: 40px;

    height: 40px;

    color: #fff;

    background: rgba(255,255,255,.15);

    font-size: 23px;

    line-height: 40px;

    text-align: center;

    text-decoration: none;

    -webkit-border-radius: 200px;

    -moz-border-radius: 200px;

    border-radius: 200px;

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    -o-transition: all .4s ease;

    -ms-transition: all .4s ease;

    transition: all .4s ease;

}

.footer-container  em{font-style: normal}

.zmdi-facebook:before{

    content: "\f180";

    font-family: woodmart-font;

}

.zmdi-instagram:before{

    content: "\f163";

    font-family: woodmart-font;

}

#billing_country_field{display: none}

.search-wrapper{position: relative}

.wrap-search-query:after {

    position: absolute;

    top: 20px;

    right: 20px;

    display: inline-block;

    margin-top: -10px;

    margin-left: -10px;

    width: 20px;

    font-size: 20px;

    line-height: 20px;

    transition: opacity .2s ease;

    content: "\f130";

    font-family: woodmart-font;

}

input[type=text], input[type=email], input[type=password], input[type=search], input[type=number], input[type=url], input[type=tel], input[type=date], select, textarea{

    border: solid 1px rgba(129,129,129,.2)!important;

}

div.quantity input[type=button]{

    border: 1px solid rgba(129,129,129,.2) !important;

}

.wrap-calculator-price{margin-top: 10px;margin-bottom: 10px;}

.floor-package-cart .quantity input[type=number],#txt-pakke{    background-color: #eeeeee;min-width: 80px;text-align: center}

.floor-package-cart .minus,.floor-package-cart .plus{display: none!important;}

.woodmart-wishlist-btn{margin-bottom: 15px;}

.search-wrapper input, #product-color-app .panel-body{border: solid 1px #000 !important;margin-bottom: 20px;}

.search-wrapper input{margin-bottom: 0px;}

#input_floor,#txt-pakke{width: 80px!important;display: inline-block;padding: 8px 6px;}

#txt-pakke{margin-right: 5px;}

#shipping_method li label{display: block;margin-right: 20px;}

.whb-column .woodmart-search-form input[type=text]{min-width: 150px;}

.woodmart-search-form{max-width: 250px;}


dialog#core_mailchimp {
  position:relative;
  padding:100px 20px 100px 40%;
  border:none;
  border-radius:1rem;
  background-color:white;
	background-image:url("https://www.nysted.no/wp-content/uploads/2024/05/Nysted-kundeklubb.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

dialog#core_mailchimp   #core_close_mailchimp {
    position:absolute;
    top:2px;
    right:2px;
    width:1.4em;
    height:1.1em;
    border:1px solid black;
    border-radius:200px;
    padding:0;
    background-color:white;
    color:black;
    font-size:2em;
    line-height:1em;
    vertical-align:middle;
    text-align:center;
    font-weight:bold;
  }
dialog#core_mailchimp #core_modal_content {
  background-color:white;
	padding:20px;
    width:530px;
	max-width:100%;
    height:250px;
    overflow:auto;
	text-align:center;
  }
@media screen and ( max-width:768px ) {
		dialog#core_mailchimp {
  		padding:70px 20px 70px 40px;
		}
		dialog#core_mailchimp #core_modal_content {
    height:auto;
		}
}
dialog#core_mailchimp #core_modal_content p{
  display:flex;
	font-size:1.1rem;
  }
dialog#core_mailchimp #core_modal_content p span{
  flex:1;
	text-align:center;
  }
dialog#core_mailchimp #core_modal_content h1{
  text-align:center;
	font-size:1.2rem;
	max-width:290px;
	max-width:100%;
	margin:auto;
  }
dialog#core_mailchimp img{
  width:40px;
	height:40px;
	position:absolute;
	bottom: 10px;
	right:10px;
  }