/*Theme Name: Organic Beauty Child
Theme URI: http://organic-beauty.themerex.net/
Description: Organic Beauty - Multipurpose and Multiskin Responsive Wordpress theme
Author: themerex
Author URI: http://themerex.net/
Template: organic-beauty
Version: 1.0
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,flexible-header,buddypress,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,front-page-post-form,full-width-template,microformats,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,holiday
*/


/* =Theme customization starts here
-------------------------------------------------------------- 
@font-face {
    font-family: 'lie_to_meregular';
    src: url('fonts/lie_to_me_-_ttf-webfont.woff2') format('woff2'),
         url('fonts/lie_to_me_-_ttf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/
form.woocommerce-checkout input[type="text"] {height:3em !Important}

/*BODY*/

/*FONT FAMILY 3 ZNAČILNOSTI*/
.wpb-js-composer .vc_tta.vc_general .vc_tta-title-text:not(:empty):not(:first-child), .wpb-js-composer .vc_tta.vc_general .vc_tta-title-text:not(:empty)~* {font-family:sans-serif}

.wpb_wrapper h5{padding-top:2rem !important}
.scheme_original .menu_main_nav>li.current-menu-ancestor>a{color:#a0d445 !important}
.wpb_wrapper h4{margin-top:1rem !important}
.wpb_wrapper p{margin-bottom:1rem !important}
.trust-icons{display:flex !important;justify-content:space-between}
.trust-icons img{margin-top:0rem !important}
@media only screen and (max-width: 769px) {h1{font-size:1.6em !important}}
@media only screen and (max-width: 769px) {.trust-icons h4{font-size:12px !important}}
@media only screen and (max-width: 769px) {.trust-icons img{width:50px !important; height:50px !important}}
@media only screen and (max-width: 769px) {.vc_custom_1571585661366{padding-left:50px !important;padding-right:50px !important}}
@media only screen and (max-width: 769px) {h2 {margin-top:-2rem !important}}
@media only screen and (min-width: 769px) {.vc_custom_1571585661366{padding-left:25rem !important;padding-right:25rem !important}}
@media only screen and (min-width: 769px) {.wpb_wrapper h1 {margin-top:0rem !important}}

pre, code, kbd, tt, var, samp {font-size:1.3rem; font-family:'Karla'}


@media only screen and (max-width: 769px){.vc_column_container>.vc_column-inner{padding-right:0rem !important;padding-left:0rem !important}}
/*FONTS*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 6, 2019 */
/*IKONE*/
.lastnosti {display:flex;flex-direction:row;font-size:.8em;text-align:center;margin-top:2rem;justify-content:center;margin-bottom:2rem}
/*.step {max-width:25%;padding-left:1rem;padding-right:1rem;text-align:center;color:#8178b8;font-weight:600}*/
@media screen and (max-width: 768px){.lastnosti .step {width: 25%;}
	.lastnosti {justify-content:space-between}
	.lastnosti .step img {width:60% !important}}
.lastnosti .step img{width: 60%;}
.step p{color:#000;font-weight:600;line-height:1.3rem;margin-bottom:.5rem;font-size:13px}

/*GUARANTIES*/
.section.guaranties .guaranties {display: flex;flex-direction: row;font-size: 0.8em;text-align: center;margin-top: 1rem;justify-content: space-evenly}
@media screen and (max-width: 768px) {.section.guaranties .guaranties {font-size: 2vw;padding-bottom: .5rem !important;padding-top: 0rem !important;}.step p{font-size:10px}}
@media screen and (min-width: 769px) {.section.guaranties .guaranties {font-size: 1rem}}
.section.guaranties .guaranties img {margin-bottom: 0.5rem;width: 40px}
@media screen and (min-width: 769px) {.section.guaranties .guaranties img {width: 45%}}
.section.guaranties .guaranties>div {display: flex;flex-direction: column;align-items: center}
@media screen and (max-width: 768px) {.section.guaranties .guaranties>div {width: 25%}}
.section.guaranties .guaranties div {font-weight: 600;line-height:1.2rem}}
@media screen and (max-width: 768px) {.section.guaranties .container {padding-left:0rem !important;padding-right:0rem!important}}
#payment_opt img {display:block !important; margin:auto !important}
#payment_opt {margin-top:1rem}
.meetme {font-family: 'lie_to_meregular';text-align:center;color:#8178b8;padding-top:1rem;padding-bottom:1rem;font-size:15px;font-weight:600}

/*WIDGET*/
.scheme_original .widget_area_inner ul li:before, .scheme_original .widget_area_inner button:before {color:#fff !important}
.scheme_original .widget_area_inner ul li:after, .scheme_original .widget_area_inner button:after {color:#fff !important}
.scheme_original .widget_area_inner {color:#fff !important}
/*TABS*/
.vc_tta-panel-body {background-color:#8178b8 !important; color:#fff}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a{border-color:#f0f0f0;background-color:#8178b8 !important;color:#fff!important}

/*MENU*/
.menu_main_nav>li.current-menu-ancestor>a {color:#fff !important}
.scheme_original .menu_main_nav>li>a {color:#fff !important}
.scheme_original .menu_main_nav>a:hover, .scheme_original .menu_main_nav>li>a:hover, .scheme_original .menu_main_nav>li.sfHover>a, .scheme_original .menu_main_nav>li.current-menu-item>a, .scheme_original .menu_main_nav>li.current-menu-parent>a, .scheme_original .menu_main_nav>li.current-menu-ancestor>a {color:#fff !important}
.search_wrap {display:none !important}
.top_panel_bottom .content_wrap {text-align:center !important}
.scheme_original .top_panel_middle {text-align:center !important}
.top_panel_title {display:none !important}
.scheme_original .top_panel_bottom {background-color:rgba(142,134,191,.8); border-color:rgba(142,134,191,.8);}
@media only screen and (max-width: 769px){
	#wpmenucartli {display:none}
}

@media only screen and (max-width: 769px){
	.header_mobile .logo_main { max-height:50px !important;
	}
	.page_wrap {padding-top:55px !important}
}
@media only screen and (max-width: 769px){
	.admin-bar .header_mobile .side_wrap {top:110px !important; height:255px !important}}

@media only screen and (max-width: 769px) {
  .header_mobile .logo {    
    margin:auto !important;    
    text-align: center !important;   
  }
	.header_mobile .menu_button {
		left:2rem !important;
	}
	.header_mobile .side_wrap {
		height: 255px !important;
		top:90px !important;
	}
}

/* This part centers the mobile menu toggle - ONLY add his code if you want this also*/
#mobile-menu {
    position: inherit;
    top: auto;
    right: auto;
    margin: 0;
    float: none;
    text-align: center;
    padding-top: 20px;
}

#mobile-menu a {
    display: inline-block;
    float: none
;
}

/*MENU KOŠARICA TEKST*/
.woocommerce-mini-cart__empty-message {margin-bottom:0rem!important}

/*FOOTER*/
.copyright_wrap_inner{display:none}
.scheme_original .widget_area_inner {background-color:rgba(142,134,191,.8)!important}
.scheme_original .widget_area_inner .widget_text a:not(.sc_button), .scheme_original .widget_area_inner .post_info a {color:#fff !important; font-style: italic;}
.social-media-icons {display:flex; justify-content:start}
.social-media-icons img {max-width:40px; max-height:40px; margin-right:1rem;margin-bottom:1rem}
/*KONTAKT*/
.column-2_3 .contact_in{display:none}
.sc_form_field_checkbox {display:none}


/*SCROLL BAR*/
.scheme_original .scroll_to_top{background-color:#8178b8 !important}

/*O NAS*/
@media only screen and (max-width: 769px) {#nasa_zgodba{width: 100% !important; height: 200px !important; max-height: 240px !important; overflow: hidden !important; margin: 0 !important; position: relative !important;}}

/*KOŠARICA*/
.scheme_original .woocommerce ul.products li.product .add_to_cart_button,.scheme_original .woocommerce-page ul.products li.product .add_to_cart_button{background-color:#8178b8 !important;}

.q_dec {display:none !important}
.q_inc {display:none !important}

.product_add_to_cart_container table {display:none !important}
/*
 * 
/*TRGOVINA*/
.body_filled .sidebar[class*="scheme_"] .sidebar_inner {display:none !Important}
.woocommerce-result-count {display:none}
.orderby {display:none}
.sidebar_right .content {text-align:center}
.product_cats {display:none}
.scheme_original .woocommerce ul.products li.product .price, .scheme_original .woocommerce-page ul.products li.product .price {color:#000 !important}
.onsale {display:none}
/*.post_thumb {pointer-events: none !important;}*/
.post_content {font-size:1rem;}
.products columns-3 {width:100%}

/*PRODUCT PAGE*/
.woocommerce div.product p.price ins{font-size:2rem !important}

.related .products {margin-top:2rem !important}

/*QUANTITY PICKER - PRICE*/
.full-price {display:none}
.discounted-price {display:none}
/*TRUSTED IKONE */
.garancija {display: flex; justify-content: space-between; text-align: center;}
.zaupanje {width:25%}

/*KOŠARICA IKONE*/
.kosarica h1 {margin-top:0rem !important; text-decoration:none !important}

/*BENEFITI*/
.benefit {padding-top:1rem;padding-left:2rem;color:#8178b8;font-weight:700;align-items:center;display:flex;flex-direction:row;line-height:18px}
.benefit img {margin-right:1rem; width:30px}
/*SHIPPING TEKST*/
.shipping-time {padding-top:1rem; padding-bottom:1rem}


/*DRUŽABNA OMREŽJA - WIDGET*/
.widget_area .widget_socials .sc_socials {margin-top:0rem !important}


/*ADD TO CART*/
.contact_in {display:none !important}
/*.woocommerce-message {display:none !important}*/
.product-name {color:#000 !important}
.product-price {color:#000 !important}
.product-quantity {color:#000 !important}
.product-subtotal {color:#000 !important}
.coupon {display:none}
.woocommerce-form-coupon-toggle {display:none}
.checkout-button {background-color:#8178b8 !important;color:#fff}
.woocommerce [class*="sc_button_hover_fade"]:after{border-color:#8178b8 !important}

/*LOGIN*/
.top_panel_top {display:none}
.top_panel_wrap .logo {margin:0rem !important}


/*ADD TO CART*/
.product_info_container{
    display: block;
    float: right;
	width:100%
}
/*td.actions {display:none}*/

.button wc-forward {background-color:#8178b8}
.sc_button_hover_fade {background-color:#8178b8; border-radius:4px}
/*.actions{display:none !Important}*/
.button.wc-backward {background-color:#8178b8 !important}

.order-total .woocommerce-Price-amount {color:#000 !important}

.product_info_container .product_qty .custom_qty{
	width:100% !important
}
.product_add_to_cart_container table{
    width: 100%;
	margin:auto;
    margin-bottom: .5rem;
	border-collapse: separate;
	border-spacing:10px 10px;
	table-layout:fixed;
	
}

.product_add_to_cart_container td{
    border: 0px;
}

.product_add_to_cart_container .free_shipping_td{
    background-color: #8178b8;
    color: white;
    font-weight: bold;
	text-align:center;
	font-size:.7rem
}
.product_add_to_cart_container .price_1, .product_add_to_cart_container .price_2{
    color: #777777;
    border: 2px solid #8178b8;
	border-radius:4px;
    font-size: 1.2em;
	text-align:center;
	height:50px;
	font-weight:600;
    cursor: pointer;
	display:flex;
	justify-content:space-between;
	align-items:center
}

.price_2 p {margin-bottom:0rem !important;font-weight:500}

.product_info_container .product_qty{
   	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 2.25em;
    position: relative;
    vertical-align: top;
	
}

.product_info_container {
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
	margin-bottom:1rem;
}

.product_info_container .product_html_price{
    margin-left: 2em;
    font-size: 2em;
}

.product_html_price {
	display:flex;
	flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
	font-size:2rem
}

#custom_qty {
	padding-left:2.5rem;
	padding-right:2.5rem;
	margin-left:1rem;
	border-radius:4px;
}
.select_qty {
	background-image:    url('https://tamica-damica.com/wp-content/uploads/2019/11/tamica_damica_solni_piling_za_telo_naravno_vegansko_down-arrow.png');
  background-position: calc(100% - .5rem), 100% 0;
  background-size:  1em 1em;
  background-repeat: no-repeat;
	border-color:#777777 !important;
}

.product_custom_btn{
    display: flex;
	justify-content:center;
	width:100%;
	height:3rem;
	padding:0 !important;
}
input[type="submit"]:hover{
    background-color: #537b0d!important;
}
.price_1.izbran, .price_2.izbran{
    background-color: #8178b880;
    color: white;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.product-add-to-cart-title {text-align:left !important;padding-left:.8rem;font-size:.9rem}
.product_add-to-cart-price {padding-right:.8rem}
.product_add-to-cart-price p {text-decoration:line-through;margin-bottom:0rem !important;}


.page_content_wrap.page_paddings_no, .body_style_fullscreen .page_content_wrap{background-color:#fff !important}
.button sc_button_hover_fade {color:#fff !important	}

.scheme_original input[type="submit"], .scheme_original input[type="reset"], .scheme_original input[type="button"], .scheme_original button, .scheme_original .sc_button.sc_button_style_filled {background-color:#8178b8 ;color:#fff ;width:80%}


/*GUMBI*/
#place_order {height:4rem;font-size:1.5rem}
@media only screen and (min-width: 769px) {#place_order {width:30%;height:3rem;font-size:1.2rem}}
.wc-proceed-to-checkout {height:4rem;font-size:1.5rem}

/*KREDITNA KARTICA*/
.form-row-last {float:left !important}
input[type=tel]{height:3em !important;}
/*.woocommerce .checkout #order_review .payment_methods li label, .woocommerce-page .checkout #order_review .payment_methods li label {
		max-width: 88% !important;
	}
@media screen and (max-width: 768px) {wc_payment_method .payment_method_braintree_credit_card img{width:15% !important}}
/*@media screen and (max-width: 768px) {input {height:72% !important}}*/

@media screen and (max-width: 768px) {.payment_method_braintree_credit_card img {width:35px !important}}
@media screen and (min-width: 768px) {input[type="submit"], input[type="button"], button, .sc_button, .post_readmore {padding:0 !important}}
@media screen and (min-width: 768px) {.button.sc_button_hover_fade {width:30%;padding:.5rem !important}}
@media screen and (min-width: 768px) {.checkout-button.button.alt.wc-forward.sc_button_hover_fade{width:100% !important}}
@media screen and (min-width: 768px) {.woocommerce-message .button{margin-right:3rem !important}}

.woocommerce-message .button {float:left !important}

input#expiration, input#credit-card-number, input#cvv {
    height: auto;
    top: 0.25em;
}
/*BANNER 
.custom_banner_hook h1 {font-size:1.5rem !important; position:fixed !important; text-align:center !important; z-index:999;margin-top:0}
<div class="custom_banner_hook"><?php custom_hook(); ?> </div>

/*ELEEMENT STYLE
.page_wrap {padding-top:0rem !important}
*/

/*BORDER*/
.form-row select {border-color:#8178b880 !important}


/*TRGOVINA*/
.sidebar_show .content {width: 100%}
.mode_buttons {display:none !important}

/*IZDELKI*/
@media screen and (min-width: 768px){.woocommerce .related.products h2 {display:none !important}}
.product_meta {display:none}
.woocommerce div.product p.price {color:#8178b8 !important}
@media screen and (max-width: 768px){.woocommerce .related ul.products.columns-4 li.product {width:100% !important}}
@media screen and (max-width: 768px){.woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity {margin-bottom:1rem !important}}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {display:none !important}
.woocommerce-Tabs-panel h2 {display:none !important}

/*IZDELKI FOOTER*/
.footer_wrap_inner {background-color:#ffffff !important}
.widget_title {color:#ffff !important}

/*CHECKOUT PAGE*/
.woocommerce-notices-wrapper {display:none !important}

/*SIVKIN HIDROLAT Homepage*/
.sivkin-hidrolat h1 {
	margin-bottom:.5rem
}

.sivkin-hidrolat h4 {
	margin-bottom:.5rem;
	color:#8178b8 !important}

/* KUPI PP*/
.buy-pp {
	color:#fff !important;
	text-align:center;
	font-size:1.1rem;
	font-weight:500;
	margin-top:1.5rem;
	border:1px solid;
	border-color:#01bad4;
	background-color:#01bad4 !important;
	padding:10px 25px 10px 25px !important;
	width:100% !important;
	margin:auto;
	margin-bottom:2rem !important;
	margin-top:1rem !important;
	border-radius:10px;
}

.buy-pp.more.sc_button_hover_fade {background-color:#fff !important; color:#000 !important}

.buy-buttons_hmp {
	margin-top:1rem !important
}

.btn_hmp {display:flex; justify-content:space-evenly}

#show-homepage-products .columns-4 {
	margin-bottom:0rem;
	margin-top:1rem;
	padding-bottom:0rem;
	border:none
}

@media screen and (max-width: 768px){
	#show-homepage-products ul.products  {
		column-count:2
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
	break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
	}
	
	.post_item_wrap {
		overflow:hidden;
		z-index:99999998
	}
	.header_mobile {
		z-index:99999999
	}
}

/*TABULATORJI PP*/
.woocommerce-Tabs-panel {background-color:#d6d0ea;color:#000}
.faq_tab li.active {background-color:#d6d0ea!important;color:#000}
.kaj-vsebuje-inci_tab active {background-color:#d6d0ea;color:#000}
.uporaba_tab active {background-color:#d6d0ea;color:#000}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background-color:#d6d0ea;color:#000 !important;border-color:#d6d0ea!important}

/*MOBILE LOOK*/
@media (max-width: 479px) {
	.slider_boxed, .content_wrap, .content_container {
		width:300px !important
	}}

/*KOŠARICA HOMEPAGE*/
.button .wc-forward a {background-color:#8178B8}

/*TITLE ZGORAJ*/
#title_first h1 {margin-top:1rem !important; margin-bottom:0rem}
@media (max-width: 479px) {#title_first h1{margin-top:3rem !important}}
