/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.111111111247
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face {
    font-family: 'mikadoultra-italic';
    src: url('fonts/mikadoultra-italic-webfont.woff2') format('woff2'),
         url('fonts/mikadoultra-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mikadoultra';
    src: url('fonts/mikadoultra-webfont.woff2') format('woff2'),
         url('fonts/mikadoultra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mikadoblack-italic';
    src: url('fonts/mikadoblack-italic-webfont.woff2') format('woff2'),
         url('fonts/mikadoblack-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mikadoblack';
    src: url('fonts/mikadoblack-webfont.woff2') format('woff2'),
         url('fonts/mikadoblack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mikadobold-italic';
    src: url('fonts/mikadobold-italic-webfont.woff2') format('woff2'),
         url('fonts/mikadobold-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mikadobold';
    src: url('fonts/mikadobold-webfont.woff2') format('woff2'),
         url('fonts/mikadobold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mikadomedium-italic';
    src: url('fonts/mikadomedium-italic-webfont.woff2') format('woff2'),
         url('fonts/mikadomedium-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mikadomedium';
    src: url('fonts/mikadomedium-webfont.woff2') format('woff2'),
         url('fonts/mikadomedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'mikadoregular-italic';
    src: url('fonts/mikadoregular-italic-webfont.woff2') format('woff2'),
         url('fonts/mikadoregular-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mikadoregular';
    src: url('fonts/mikadoregular-webfont.woff2') format('woff2'),
         url('fonts/mikadoregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mikadolight-italic';
    src: url('fonts/mikadolight-italic-webfont.woff2') format('woff2'),
         url('fonts/mikadolight-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'mikadolight';
    src: url('fonts/mikadolight-webfont.woff2') format('woff2'),
         url('fonts/mikadolight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




:root {
  --color-yellow: 255, 203, 20;
	--color-orange: 252, 103, 25;
	--color-blue: 105, 179, 231;
	--color-green: 121, 209, 68;
	--color-red: 255, 85, 114;
	--color-white: 255, 255, 255;
	--color-turkos: 107, 202, 186;
	--color-black: 0, 0, 0;
	--color-rosa: 244, 172, 209;
}

/*
#element {
  background-color: rgba(var(--color), 0.8);
}

:root {
   #f0f0f0 in decimal RGB
  --color: 240, 240, 240;
}
*/

.stripe.black.radius { 
	background: repeating-linear-gradient(145deg, rgba(var(--color-black)), rgba(var(--color-black)) 190px, rgba(var(--color-black), 0.85) 190px, rgba(var(--color-black), 0.85) 390px); border-radius: 10px;
}

.stripe.red.radius {
	background: repeating-linear-gradient(145deg, rgba(var(--color-red)), rgba(var(--color-red)) 190px, rgba(var(--color-red), 0.85) 190px, rgba(var(--color-red), 0.85) 390px);
	border-radius: 10px; color: transparent!important;
}

.stripe.black { 
	background: repeating-linear-gradient(145deg, rgba(var(--color-black)), rgba(var(--color-black)) 190px, rgba(var(--color-black), 0.85) 190px, rgba(var(--color-black), 0.85) 390px);
}

.stripe.turkos { 
	background: repeating-linear-gradient(145deg, rgba(var(--color-turkos)), rgba(var(--color-turkos)) 190px, rgba(var(--color-turkos), 0.85) 190px, rgba(var(--color-turkos), 0.85) 390px);
}

.stripe.yellow {
	background: repeating-linear-gradient(145deg, rgba(var(--color-yellow)), rgba(var(--color-yellow)) 190px, rgba(var(--color-yellow), 0.85) 190px, rgba(var(--color-yellow), 0.85) 390px);
}
.stripe.blue {
	background: repeating-linear-gradient(145deg, rgba(var(--color-blue)), rgba(var(--color-blue)) 190px, rgba(var(--color-blue), 0.85) 190px, rgba(var(--color-blue), 0.85) 390px);
}
.stripe.red {
	background: repeating-linear-gradient(145deg, rgba(var(--color-red)), rgba(var(--color-red)) 190px, rgba(var(--color-red), 0.85) 190px, rgba(var(--color-red), 0.85) 390px);
}

.stripe.green {
	background: repeating-linear-gradient(145deg, rgba(var(--color-green)), rgba(var(--color-green)) 190px, rgba(var(--color-green), 0.85) 190px, rgba(var(--color-green), 0.85) 390px);
}

.stripe.orange {
	background: repeating-linear-gradient(145deg, rgba(var(--color-orange)), rgba(var(--color-orange)) 190px, rgba(var(--color-orange)), 0.85) 190px, rgba(var(--color-orange), 0.85) 390px);
}

.stripe-inner.red .col-inner {
	background: repeating-linear-gradient(145deg, rgba(var(--color-red)), rgba(var(--color-red)) 190px, rgba(var(--color-red), 0.85) 190px, rgba(var(--color-red), 0.85) 390px);
}
.stripe-inner.turkos .col-inner { 
	background: repeating-linear-gradient(145deg, rgba(var(--color-turkos)), rgba(var(--color-turkos)) 190px, rgba(var(--color-turkos), 0.85) 190px, rgba(var(--color-turkos), 0.85) 390px);
}

.stripe-inner.yellow .col-inner { 
	background: repeating-linear-gradient(145deg, rgba(var(--color-yellow)), rgba(var(--color-yellow)) 190px, rgba(var(--color-yellow), 0.85) 190px, rgba(var(--color-yellow), 0.85) 390px);
}
.stripe-inner.blue .col-inner { 
	background: repeating-linear-gradient(145deg, rgba(var(--color-blue)), rgba(var(--color-blue)) 190px, rgba(var(--color-blue), 0.85) 190px, rgba(var(--color-blue), 0.85) 390px);
}

.dot.yellow {
    background: radial-gradient(rgba(var(--color-white), 0.75) 19.2%, rgba(var(--color-yellow), 0.25) 19.2%), radial-gradient(rgba(var(--color-white)) 19.2%, rgba(var(--color-yellow)) 19.2%);
	background-position: 0px 0px, 100px 100px;
    background-size: 184px 184px;
}

.dot.blue {
    background: radial-gradient(rgba(var(--color-blue), 0.15) 19.2%, rgba(var(--color-white), 0.85) 19.2%), radial-gradient(rgba(var(--color-blue)) 19.2%, rgba(var(--color-white)) 19.2%);
	background-position: 0px 0px, 350px 490px;
    background-size: 744px 744px;
}

.black {
	color: rgba(var(--color-black))!important;
}

.rosa {
	color: rgba(var(--color-rosa))!important;
}


.yellow {
	color: rgba(var(--color-yellow))!important;
}

.orange  {
	color: rgba(var(--color-orange))!important;
}

.blue  {
	color: rgba(var(--color-blue))!important;
}

.red  {
	color: rgba(var(--color-red))!important;
}

.green  {
	color: rgba(var(--color-green))!important;
}

.turkos  {
	color: rgba(var(--color-turkos))!important;
}

.order-total {
	float:right;
	margin-bottom: 20px;
}

.order-total .total {
	font-weight: bold;
}

.functions-wrapper .quantity, .functions-wrapper .add-to-cart-button {
	display: inline-block;
}

.functions-wrapper {
	display: block;
}

.quantity input[type=number] {
    height: 35px!important;
}

.add-to-cart-container .quantity input[type=number] {
	height: 55px!important;
}

.box-text .button {
    margin-top: 10px;
}

@media only screen and (min-width: 769px) {
#kco-order-review {
    padding-right: 0px;
}
}

#kco-wrapper {
    padding: 40px 0;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
    margin: 0.5em 0 0.5em;
	padding: 0.5em 0;
}

.pickup-location-field.pickup-location-cart-item-field {
	display: none;
}

td, th {
	border: 1px;
}

.shipping__list_label, .pickup-location-field-label, .ui-datepicker.pickup-location-appointment-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a {
	color: #ff4c60;
}

.pickup-location-field .pickup-location-schedule ul {
margin: 5px 0 10px 0px;}

.woocommerce-shipping-total > th, .woocommerce-shipping-contents {
	display: none;
}

.shop_table .woocommerce-shipping-total tr td:last-of-type {
	text-align: left;
}

#shipping_method {
	font-size: 1rem;
}

.shipping__list_item {
    display: list-item;
}
.shipping__list_item .pickup-location-field {
	margin-top: 5px;
}


.hero_undertext p {
	
	font-size: 22px;
	line-height: 30px;
	font-family: 'mikadobold';
}

.image-tools, .tabbed-content .badge-container.innehallsforteckning {
	display: none;
}

.woocommerce-order-received .varukorg, .woocommerce-order-received .woocommerce-thankyou-order-received {
	display: none;
}


.blog-single .row .row:not(.row-collapse) {
    margin: 0 auto;
}

#comments .comment-respond {
    background-color: rgba(0,0,0,.05);
    margin-top: 15px;
    padding: 15px 25px 0;
    display: none;
}

.entry-content {
	padding: 0px!important;
}

.blog-single.page-wrapper   {
	padding: 0!important;
}

.box-blog-post .is-divider {
    display: none;
}

.btn_borderyellow {
	
	border: 3px solid #FFCB14!important;
	color: black!important;
	border-radius: 10px!important;
	
}

.btn_borderturkos {
	
	border: 3px solid #6BCABA!important;
	color: black!important;
	border-radius: 10px!important;
}

.btn_borderblue {
	
	border: 3px solid #FF5572!important;
	color: black!important;
	border-radius: 10px!important;
}

.hero_undertext p {
	
	font-size: 28px;
	line-height: 43px;
	font-family: 'mikadobold';
}

.footer_text a {
	
	font-size: 12px!important;
}

.tophead_mob {
	
display: flex;
justify-content: space-between!important;
	
}



.price-excl-vat span.amount
{
	font-size: 17px!important;
	color: black;
}

.price-excl-vat
{
	font-size: 17px!important;
	color: black;
	margin-top: -10px;
}


.custom-product-page .product-price-container .woocommerce-Price-amount  {
	font-size: 25px;
}

.product-short-description {
	color: black;
}


.woocommerce-form-coupon {
	margin: 0px!important;
}

.added_to_cart {
	display: none!important;
}

.add_to_cart_button.added {
	display: inline-flex!important;
}

.product-small p.woocommerce-loop-product__title {
	margin-bottom: 0px;
}


.functions-wrapper .quantity, .functions-wrapper .add-to-cart-button {
	margin: 0 auto;
	padding: 0px;
	/*flex-direction: column;
	 display: inline-flex; */
}



.functions-wrapper .primary.add_to_cart_button {
	padding: 0px 15px;
}

.product-weight {
	margin-top: -10px;
	margin-bottom: 5px;
	height: 25px;
	color: #000!important;
	font-size: 1.2rem;
	font-weight: 600;
	font-family: 'mikadobold';
	margin-bottom: 10px;
}

.functions-wrapper .quantity input {
	margin-top: 17px;
	height: 2.8em;
	border-radius: 3px!important;
}

.archive .product-small .box .quantity {
	margin-right: 1px!important;
	margin-top: 0px!important;
}
/*
.functions-wrapper {
	display: flex;
}
*/
.variations .reset_variations {
   display: none!important;
}

.price-excl-vat span.amount
{
	font-size: 17px!important;
	color: black;
}

.price-excl-vat
{
	font-size: 17px!important;
	color: black;
	margin-top: -10px;
}

.custom-product-page .product-price-container .woocommerce-Price-amount  {
	font-size: 25px;
}

.woocommerce-Price-amount  {
	
	font-size: 18px;
	font-family: 'mikadobold'!important;
	
	
}

body {
    font-family: "mikadoregular", sans-serif!important;
}


.product-title {
	
	font-size: 32px!important;
	
}

.price-wrapper .price {
    display: block
font-family: 'mikadobold'!important;

}

.woocommerce-LoopProduct-link {
    font-size: 21px!important;
    margin-bottom: 0px!important;
		font-family: 'mikadobold';
		text-transform: uppercase
		
}


.product-small .box .quantity .button.plus {
   display: none;
}

.product-small .box .quantity .button.minus {
   display: none;
}

.product-small .quantity input {
    display: inline-block;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
    margin-top: 10px;

}

.product-small .box .quantity {
    display: inline-block;
    display: inline-flex;
    margin-right: 0em!important;
    opacity: 1;
    vertical-align: top;
    white-space: nowrap;
	margin-top: 0px;
}

.quantity {
    display: inline-block;
    display: inline-flex;
    /* margin-right: 6em!important; */
    opacity: 1;
    vertical-align: top;
    white-space: nowrap;
}

.woocommerce-LoopProduct-link  {

	font-size: 22px!important;

}


.single_add_to_cart_button {
	font-size: 22px;
	font-family: 'mikadobold'!important;
	text-transform: none;
	background-color: #FF5572!important;
}

.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
	background-color: hsla(0,0%,100%,1);
}

.product_tabs1 {
	background-color: #fff;
	padding: 40px;
	color: #000;
}

/** HITTA BUTIK **/

form#searchForm {
    width: 50%;
    margin: 0 auto;
}

.slp_search_form .search_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch;
}

.slp_search_form .search_box .search_item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex: 1 0 auto;
  min-width: 1em;
  margin-bottom: 0.25em;
  width: 100%;
}

.slp_search_form .search_box .search_item label {
  text-align: right;
  margin-right: 0.25em;
  flex-basis: 20%;
}

.slp_search_form .search_box .search_item input[type="text"] {
  min-width: 1em;
  flex-basis: 80%;
}

.slp_search_form .search_box .search_item input[type="text"].label_empty {
  flex-basis: 100%;
}

.slp_search_form .search_box .search_item div {
  flex: 1 0 50%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.slp_search_form .search_box .search_item #addy_in_radius label {
  flex-basis: 40%;
}

.slp_search_form .search_box .search_item #addy_in_radius select,
.slp_search_form .search_box .search_item #addy_in_radius span.ui-widget {
  flex-basis: 60%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.slp_search_form .search_box .search_item #addy_in_radius select span,
.slp_search_form .search_box .search_item #addy_in_radius span.ui-widget span {
  display: inline-block;
}

.slp_search_form .search_box .search_item #radius_in_submit {
  display: flex;
  flex-direction: row-reverse;
}

.slp_search_form .search_box .search_item .slp_ui_button {
  margin: 0.25em 0;
  padding: 0.25em;
}

.store_locator_plus.tagline {
  font-size: 0.75em;
  text-align: right;
}
.slp_results_container .results_wrapper .location_name {
  font-size: 1.15em;
}

.slp_results_container .results_wrapper .contact_info {
  display: flex;
}

.slp_results_container .results_wrapper .online_info {
  display: flex;
}

.slp_results_container .results_wrapper .slp_result_contact.slp_result_hours {
  margin-top: 1em;
  display: block;
}

.slp_results_container .results_wrapper .textblock {
  display: block;
  white-space: pre-wrap;
}

.slp_results_container .results_wrapper span.slp_result_street,
.slp_results_container .results_wrapper span.slp_result_street2,
.slp_results_container .results_wrapper span.slp_result_citystatezip,
.slp_results_container .results_wrapper span.slp_result_country,
.slp_results_container .results_wrapper span.slp_result_hours {
  display: block;
}

.slp_results_container .results_wrapper span.slp_result_country {
  margin-bottom: 1em;
}

.slp_results_container .results_wrapper span.slp_result_email,
.slp_results_container .results_wrapper span.slp_result_fax,
.slp_results_container .results_wrapper span.slp_result_phone,
.slp_results_container .results_wrapper span.slp_result_website {
  margin-right: 2em;
}

/** Map info bubble **/
.slp_bubble_level_1 .location_detail_label {
  padding-right: 0.5em;
}

div#map_sidebar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(1fr);
  grid-column-gap: 20px;
  column-gap: 20px;
  grid-row-gap: 0px;
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	div#map_sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(1fr);
    grid-column-gap: 20px;
    column-gap: 20px;
    grid-row-gap: 0px;
}	
	
	
	.mfp-close-btn-in .mfp-close {
    color: #fff!important;
	}
	
	.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: black;
    transition: all .2s;
}

form#searchForm {
    width: 100%;
    margin: 0 auto;
}

	
	
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
    opacity: 1;
    transform: translate(0);
    max-height: 655px;
		border-radius: 10px;
}

.off-canvas .sidebar-menu {
    padding-top: 35px;
		padding-bottom: 0px!important;
		border-radius: 10px;
}
	
	
	.hero_undertext p {
		font-size: 20px;!important;
		line-height: 25px;
	}
	

	

}