/*
Theme Name: Customizr Pro Child Theme
Version: 1.0
Description: A child theme of Customizr Pro
Template: customizr-pro
Author: Azra Secerbegovic
*/
/* Your awesome customization starts here */

#quiz .quiz-page {
  visibility: hidden;
  animation: fadeOut 0.3s ease-in-out;
  display: none;
}

#quiz .quiz-page.active {
  visibility: visible;
  animation: fadeIn 0.3s ease-in-out;
  display: block;
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    display: block;
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
#quiz input[type=radio], #quiz input[type=checkbox] {
  display: none;
}
#quiz label {
  display: block;
}
#quiz .quiz-page {
  border: none;
}
#quiz input[type=checkbox]:checked + label,
#quiz input[type=radio]:checked + label {
  color: #E21F26;
  font-weight: 700;
}
#quiz input[type=checkbox]:not(:checked) + label,
#quiz input[type=radio]:not(:checked) + label {
  color: #333;
}
#quiz input[type=checkbox] + label:hover,
#quiz input[type=radio] + label:hover {
  color: #E21F26;
  cursor: pointer;
}
#quiz .explanation {
  font-size: 0.8rem;
}
#quiz .prev, #quiz .next {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
#quiz .button {
  color: #F5F5D8;
  background-color: #E21F26;
  border: none;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  padding: 1rem;
  border-radius: 0.125rem;
  transition: all 0.3s ease-in-out;
}
#quiz .button:hover {
  cursor: pointer;
  color: #fff;
  background-color: #b6181d;
}
#quiz .prev + .next {
  margin-left: 1rem;
}
.sm_submit, #sm_submit {
    margin: 0;
    border: none !important;
    margin-left: 20px !important;
    margin-top: 20px !important;
}
.mlab-modal-body {
    position: relative;
    padding: 20px;
	background: #E3E3E3 !important;
}
#sm_form > input[type="text"], input[type="email"] {
    margin: 0;
    padding: 0;
    width: 50%;
    height: 35px;
    margin-left: 0% !Important;
    margin-bottom: 5%;
    font-size: 16px;
    font-family: helvetica,sans-serif;
    vertical-align: unset !important;

	padding-left:10px !Important;
}
#quiz .result {
  margin-top: 2rem;
  padding: 2rem;
  border: 1px solid #000000;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#quiz .result h3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#quiz .result footer {
  clear: both;
  padding-top: 2rem;
}
#quiz .result.visible {
  display: block;
  visibility: visible;
  opacity: 1;
}
#quiz .result-left {
  width: calc(50% - 1rem);
  float: left;
  padding-top: 1.5rem;
}
#quiz .result-right {
  width: calc(50% - 1rem);
  float: right;
}
#quiz .product img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0.5rem;
}

/* call to action buttons homepage */
.row-fluid.buttonrij {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}
.buttonrij .btn {
    width: 80%;
	padding: 24px 20px;
}
.buttonrij .btn-primary {
    background-image: none;
    background-color: #4CAF50;
    border-color: #388E3C; 
    color: #fff;
	font-size: 24px;
}

.btn-primary {
    background-image: none; 
    background-color: #4CAF50; 
    border-color: #388E3C;
    color: #fff; 
    padding: 10px 20px; 
    text-align: center; 
    width: 80%; 
    margin: 5px auto; 
    display: block;
}


/* WooCommerce style customisation for aspadirect*/

.product-categories .children {
    margin-left: 1.5em;
	padding-top: 5px;
}
.product-categories .children li:last-child {
	padding-bottom: 0;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
	background-color:#820B01 !important;
	color:white !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#741603 !important;
}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover, .woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
	background-color:#820B01 !important;
	color:white !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#741603 !important;
}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button,
.woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button,
.woocommerce-page input.button {
	background-color: #4cb050 !important;
	color:white !important;
	text-shadow: transparent !important;
	
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
	background-color:#820B01 !important;
	box-shadow: none;
	text-shadow: transparent !important;
	color:white !important;
	border-color:#741603 !important;
}


.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price,
.woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price,
.woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {
	color: #000; /* Change this */
	font-size: 15px; /*1.25em;*/
  font-weight: 400;
	text-align: left;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
text-align:left;
	color: #000;  /* This is what you MAY want to change color */
	font-weight: 400;
	font-size: 15px;
  font-family: inherit;
}

/*  style for product title */


.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  text-align:left;
  color: #000;
  font-weight: 400;
	font-size: 15px;
  font-family: inherit;
}
.woocommerce-loop-product__title {
  text-align: left;
	color: #000;
  font-weight: 400;
	font-size: 15px;
  font-family: inherit;
}
.woocommerce-Price-amount.amount {
	text-align: left;
	color: #000;  /* This is what you MAY want to change color */
	font-weight: 400;
	font-size: 15px;
  font-family: inherit;
}
/*
.woocommerce .products .product {
  text-align: center !important;
}*/

/* MEDIA QUERIES */
@media only screen and (max-width: 767px) {
	
	.carousel.slider-frontpage {
		display: none;
	}
	
}

/*  Babis CSS */
#more_products_btn{
	float: none;
    text-align: center;
    margin: auto;
}

body, .navbar .nav>li>a {
    font-size: 18px;
}

@media (max-width: 1199px) and (min-width: 980px){
	.buttonrij .btn-primary {
		    font-size: 21px;
	}
}

@media (max-width: 979px) and (min-width: 767px){
	.buttonrij .btn-primary {
		    font-size: 17px;
	}
}
#shop_categories{
    justify-content: space-between;
    display: flex;
    line-height: 20px;
	
}
#shop_categories a{
    margin: 11px 3px;
	align-self: center;
}
@media (max-width: 979px){
	#shop_categories a{
	font-size: 12px;
}
}


/*pop-up menu*/

            #menu_pop {
                font-family: 'Raleway';
                /*width: 1150px;*/
				width: 100%;
                max-width: 90%;
                background-color: white;
                margin: auto;
                padding: 5px 10px;
                display: flex;
                border-radius: 7px;
                text-align: left;
				position: absolute;
    			top: 145px;
				/*display: none; 
				left: 0;*/
				max-height: 100%;
				overflow: auto;
				z-index: 9999;
				transform: translateX(-50%);
				left: 50%;
				border: 1px solid #e5e5e5;
				box-shadow: 3px 5px 5px 1px #fafafa;
            }
			#menu_pop #close_pop_up {
                position: absolute;
                right: 11px;
                top: 0;
            }
			#menu_pop #close_pop_up:hover {
              cursor: pointer;
            }
            #menu_pop .menu_col {
                padding: 0 5px;
                margin: 0 auto;
            }

            #menu_pop .menu_col h5{
/*                 margin-left: 4px; */
				margin-left: -15px;
				
            }
			#menu_pop .menu_col h4{
				color: #e21f26;
			}

            #menu_pop .menu_col h3{
                color: rgb(125, 125, 125);
            }

            #menu_pop .menu_col a {
                text-decoration: none;
                color: black;
                font-size: 14px;
            }

            #menu_pop .menu_col ul {
                list-style: none;
            }

            #menu_pop .menu_col ul li {
                margin-left: -15px;
                transition: all .3s;
                padding: 1px;                
            }

            #menu_pop .menu_col ul li:hover {
                margin-left: -17px;
                transition: all .3s;
                background-color: #f2f2f2;
            }

            #menu_pop .menu_col .text-underline{
                text-decoration: underline;
            }
        

     /*   @media(max-width:767px) {
            #menu_pop {
                display: none !important;
            }
			.my_dd_menu{
				display: none !important;
			}
        } */

.my_dd_menu:hover{
	cursor: pointer;
}
.show_hide{
	display: flex !important;
}
.menu-item-12330:hover{
	cursor: pointer;
}
body {
	background: #f1f1f1;
	color: #444;
	font-size: 17px;
	line-height: 1.4em;
	min-width: 300px;
}
.tc-single-post-thumbnail-wrapper {
	display: none;
}
a.woocommerce-LoopProduct-link {
	margin-top: 0px !important;
	padding-top: 0px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 15px;
	font-family: inherit;
  height: auto;
	margin-top: 5px;
	padding-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	line-height: 1.5
}
.product_type_simple.add_to_cart_button, .attachment-woocommerce_thumbnail {
	margin-top: 0px !important;
	padding-top: 0px;
	margin-bottom: 0px !important;;
}
li.product {
	margin-top: 10px !important;
}
.button br {
	display: none;
}
.input-text, select {
	padding: 8px !important;
	height: auto !important;
}
.woocommerce form .form-row label {
	line-height: 1.2;
	margin-top: 5px;
}
.summary .woocommerce-Price-amount.amount {
	text-align: left;
	color: #000;
	font-weight: 400;
	font-size: 25px;
	font-family: inherit;
}
.summary .posted_in {
	display: none;
}
.sek-wp-content-wrapper div {
	margin-bottom: 10px;
}
.woocommerce-product-details__short-description {padding-top: 30px;
padding-bottom: 30px;}

.woocommerce ul.products li.product a.button,
.woocommerce-page ul.products li.product a.button {
    background-color: #4cb050 !important;
    color: white !important;
}

.woocommerce ul.products li.product a.button:hover {
    background-color: #3a8d40 !important;
}


.single_add_to_cart_button.button.alt {
    background-color: #4cb050 !important; /* Green */
    color: white !important;
    border: none !important;
    text-shadow: none !important;
    border-radius: 4px; /* Optional rounded corners */
}

.woocommerce div.product form.cart .single_add_to_cart_button.button.alt:hover {
    background-color: #3a8d40 !important; /* Darker Green */
    color: #ffffff !important; /* White text */
    box-shadow: none !important; /* Remove any shadow effects */
    text-shadow: none !important; /* Clear any unwanted text effects */
}

.woocommerce .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
    background-color: #4cb050 !important; /* Green */
    color: white !important;
    border: none !important;
    text-shadow: none !important;
    border-radius: 4px; /* Optional rounded corners */
}

.woocommerce .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward:hover {
    background-color: #3a8d40 !important; /* Darker Green on Hover */
    color: #ffffff !important; /* White text */
}