#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;
} .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;
} .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; font-size: 15px; font-weight: 400;
text-align: left;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
text-align:left;
color: #000; font-weight: 400;
font-size: 15px;
font-family: inherit;
} .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; font-weight: 400;
font-size: 15px;
font-family: inherit;
}  @media only screen and (max-width: 767px) {
.carousel.slider-frontpage {
display: none;
}
} #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;
}
} #menu_pop {
font-family: 'Raleway'; 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; 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: -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;
} .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; color: white !important;
border: none !important;
text-shadow: none !important;
border-radius: 4px; }
.woocommerce div.product form.cart .single_add_to_cart_button.button.alt:hover {
background-color: #3a8d40 !important; color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; }
.woocommerce .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
background-color: #4cb050 !important; color: white !important;
border: none !important;
text-shadow: none !important;
border-radius: 4px; }
.woocommerce .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward:hover {
background-color: #3a8d40 !important; color: #ffffff !important; }