/*
===================================================
 K@TILLA WOO WEBSHOP CSS MODIFICATION - 2018. november 28. 
 Webshop extra css amivel abolt kinézetét javítjuk
 Gyári sorok átírása, amíg ez elérhető addig a woo ezt veszi elő elsőként.
===================================================
*/




/*
===================================================
RESPONSIVE LIGHTBOX / Default lightbox / TosRUs bezár gomb beállítása
===================================================
*/
.tos-close{background: #fd0707; z-index: 99999; top:10px; right:12px;}

/*
===================================================
RESPONSIVE LIGHTBOX / Default lightbox / TosRUs képek mögötti layer színe és kéz ikon
===================================================
*/
.tos-desktop .tos-wrapper.tos-fixed {background-color: rgba(0,0,0,.95); cursor: pointer;}

 /*
===================================================
WOO STORE NOTICE - AZ OLDAL TETEJÉN MEGJELENŐ SZÖVEGES REKLÁMCSÍK    
===================================================
*/

.woocommerce-store-notice, p.demo_store {
    display: none;    
	position: absolute;
    top: 160px;
	margin-left: auto;
    margin-right: auto;
    width: 800px;
    font-family: Oswald;	
    font-size: 1em;
    color: #fff;	
    text-align: center;	
    padding: 1em 1em;
	border:3px solid #ffffff;
	background-color: #00bfff;
	z-index: 99998;
    box-shadow: 0 1px 1em rgba(0,0,0,.5);
}

.woocommerce-store-notice a, p.demo_store a {
    color: #000000;
/* background-color:#ffffff;
	border: 1px solid #ffffff; */	
    text-decoration: none;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
	padding:0 5px;
}
.woocommerce-store-notice a:hover {
    color: #000000;
	background-color:#ff7979;
}
.woocommerce-store-notice__dismiss-link{	
	font-size: 12px;
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
}
.woocommerce-store-notice__dismiss-link a:hover {
	background-color: #fd0002;
}
.woocommerce-store-notice__dismiss-link::before {
	content: "x ";
} 
.woocommerce-store-notice, p.demo_store big{
	font-size: 1.5em;
}
@media (max-width: 960px){ 
	.woocommerce-store-notice, p.demo_store {
	top: 0px;
    left: 0px;
    right: 0px;
	width:auto;
	z-index: 1000000;
	}
}
/* 
===================================================
WOO MORZSAMENU
===================================================
*/
.woomorzsamenu{
        font-style: italic;
		font-family:"Times New Roman", Times, serif;
		font-size:90%;
		color:#888888;
		border-left:6px solid #8fae1b;
		padding-left:10px;
		margin-bottom:20px;
}
/* 
===================================================
WOO CIKKSZÁM, KATEGÓRIA, CÍMKE (SKU)
===================================================
*/
.skudontottszoveg{
        font-style: italic;
		font-family:"Times New Roman", Times, serif;
		font-size:90%;
		color:#888888;
}
/* 
===================================================
WOO COMPARE ÖSSZEHASONLÍTOM LINK  (plugin)
===================================================

.compare {
	margin-top:5px;
	margin-bottom:15px;
    display: inline-block;
	}
*/
/* 
===================================================
WOO LEÍRÁS, TOVÁBBI INFÓK TAB  
.panel fehér háttérszín kivéve, helyette átlátszó háttér megadva
===================================================
*/
.panel{
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
/*
===================================================
 WOO AKCIÓS TERMÉKEK CÍMKÉJE A LISTA OLDALON
===================================================
*/
.woocommerce ul.products li.product .onsale {
    top: 15px;
    right: 0;
    left: auto;
    margin: -.5em -.5em 0 0;
    font-size: 0.8em;
    padding: 2px 15px;
}
/*
===================================================
 WOO AKCIÓS TERMÉKEK CÍMKÉJE A TERMÉK OLDALON
===================================================
*/
.woocommerce span.onsale {
    min-height: 2.055em;
    min-width: 3.236em;
    line-height: 2.055;	
    padding: 2px 25px;
    margin: 0;    
    top: 0.8em;
    left: -.5em;	
    position: absolute;	
	
	font-family:arial;
	font-size: 1.1em;
    font-weight: 700;	
	text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
	
    background-color: #77a464;
    color: #fff;
	
	border-radius: 3px;
	border:2px solid #ffffff;
    z-index: 8;	
	
	/*-webkit-box-shadow: 0px 0px 18px -1px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 18px -1px rgba(255,255,255,1);
	box-shadow: 0px 0px 18px -1px rgba(255,255,255,1);	
	*/
	
	-webkit-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75); /* fekete glow */
		
	/* border-radius: 100%; /* ha kör szükséges*/
}
/*
===================================================
 WOO LISTA OLDALI KOSÁR BUTTON
===================================================
*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
	text-transform: uppercase;
	text-align:center;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #ffffff;
    background-color: #bbbbbb;
    border: 1px solid #ffffff;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}
.woocommerce #respond input#submit, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {background-color:red;}
/*
===================================================
WOO WEBSHOP OLDALSÓ SLIDER KOSÁR BUTTON IGAZÍTÁSA - WOO BŐVÍTMÉNY
===================================================
*/
.xoo-wsc-basket {
    background-color: #ffffff;
    top: 52px;
	z-index:9000;
}
/*
===================================================
WOO WEBSHOP OLDALSÓ SLIDER KOSÁR BUTTON - WOO BŐVÍTMÉNY
===================================================

.button {
	padding:10px 25px;
    border:1px solid #FFFFFF;

    background:#4f8fc7; 
    color: white !important;
    text-decoration: none !important;
    text-shadow:0 0px 1px #000000;
    font-weight:bold;
	display: inline-block;

	
    -webkit-transition: color .5s linear, background-color .5s ease-in-out, border-color .5s ease-in-out;
    -moz-transition: color .5s linear, background-color .5s ease-in-out, border-color .5s ease-in-out;
    -o-transition: color .5s linear, background-color .5s ease-in-out, border-color .5s ease-in-out;
    transition: color .5s linear, background-color .5s ease-in-out, border-color .5s ease-in-out;
}
.button:hover {
    background:#fd0002;
    cursor:pointer;
	
    -webkit-transition: color .5s linear, background-color .5s ease-in-out, border-color .5s ease-in-out;
    -moz-transition: color .5s linear, background-color .5s ease-in-out, border-color .5s ease-in-out;
    -o-transition: color .5s linear, background-color .5s ease-in-out, border-color .5s ease-in-out;
    transition: color .5s linear, background-color .5s ease-in-out, border-color .5s ease-in-out;
}
* html .button {
    padding:3px 1px !important;
}
* html .button {
    height:28px;
}
*/
/*
===================================================
WOO TERMÉKOLDAL KÉPTÁROLÓ DIV
===================================================
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 48%;
	border: 1px solid #cccccc;
	padding: 3px 4px;
	margin-right:2px;
	background-color:#ffffff;
}
*/
/*
===================================================
WOO TERMÉKEK SZÁMÁNAK KIIRATÁSA
===================================================

mark, .mark {
   background-color: transparent;
   padding: .2em; 
   }
*/   
   

/* 
===================================================
WOO TERMÉKKÉPEN ZOOM IKON LETILTÁSA
===================================================

.woocommerce-product-gallery__image.flex-active-slide {
    pointer-events: none !important;
}
*/
/*
===================================================
WOO TERMÉKKÉP NAGYÍTÓ
===================================================
*/
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 2em;
    z-index: 8;
    width: 36px;
    height: 36px;
    background: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    box-sizing: content-box;
	border: 1px solid #aaaaaa;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
	color: #ffffff;
}
/* 
===================================================
WOO TERMÉKOLDAL NAGY TERMÉKKÉP KINÉZETE
===================================================
*/
.woocommerce-product-gallery__image{ 
border:3px solid #ffffff;
margin-bottom:7px;
/*box-shadow: 0px 0px 4px #999;	*/
}

.flex-viewport{box-shadow: 0px 0px 4px #999;}


/*
===================================================
WOO TERMÉKOLDAL KÉPTÁROLÓ KISKÉPEK 
===================================================*/
.woocommerce div.product div.images .flex-control-thumbs {
    overflow: hidden;
    zoom: 1;
    margin: 0px;
    padding: 0px;
}
.flex-control-thumbs li{margin-right:4px;}

.woocommerce div.product div.images .flex-control-thumbs li img {
    cursor: pointer;
    opacity: .8;
	
	margin-top:6px;
	padding:2px;
	
	border:1px solid #dddddd;
	background-color:#ffffff;
	

}
/*
===================================================
WOO LISTA OLDAL KÉPEI
===================================================
*/
.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
	
	border: 1px solid #cccccc;
	padding:3px;
	background-color:#ffffff;
}
/*
===================================================
WOO KOSÁR OLDAL TERMÉK ÖSSZESÍTŐ TÁBLA
===================================================
*/
.woocommerce table.shop_table td {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
}
@media (max-width: 1198px){ 
	.woocommerce table.shop_table td {
	font-size:80%}
		}
}
@media (max-width: 768px){ 
	.woocommerce table.shop_table td {
	font-size:20px}
		}
}
/*
===================================================
WOO KOSÁR OLDAL KOSÁR ÖSSZESÍTŐ KÉPEI
===================================================
*/
.product-thumbnail img{
	border: 1px solid #cccccc;
	padding:3px;
	background-color:#ffffff;
	max-width:100px;
}
@media (min-width: 1468px){ 
	.product-thumbnail img{
		width:120px;
		}
}
@media (max-width: 1468px){ 
	.product-thumbnail img{
		width:80px;
		}
}
@media (max-width: 1198px){ 
	.product-thumbnail img{
		width:60px;
		}
}
/*
===================================================
WOO KOSÁR KUPONKÓD BEÍRÓ MEZŐ
===================================================
*/
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 90px;
}
/*
===================================================
WOO KOSÁR OLDAL KOSÁR ÖSSZESÍTŐ TÁBLA SZÉLESSÉGE
===================================================
*/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 80%;
}

@media (max-width: 1198px){ 
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	width:100%;
	}
}
/*
===================================================
WOO KOSÁR OLDAL TÖRLÉS A KOSÁRBÓL IKON
===================================================
*/
.woocommerce a.remove {
    display: block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 0.8;
    background-color: #f93831;
    border-radius: 100%;
    color: white!important;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid white;
}
 /*
===================================================
WOO PÉNZTÁR OLDAL ELKÜLDÉS ELÖTTI SZÖVEG
===================================================
*/
.woocommerce-privacy-policy-text{
	background-color: #dfdcde;
	padding: 1em;
	font-family:"Times New Roman", Times, serif;
	font-size: .9em;
	font-style: italic;
	border-radius: 2px;
	line-height: 1.2;
	margin-bottom: 20px;
}
.woocommerce-terms-and-conditions-checkbox-text{
	font-size: .9em;
}
.woocommerce form .form-row .input-checkbox {
    display: inline;
    margin: -12px 8px 0 0;
}
/*
===================================================
WOO TERMÉKLISTA OLDALON TALÁLATI ÉRTÉK KIÍRÁSA
===================================================
*/
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    float: left;
	font-size:18px;
	font-weight:bold;
	border-left: 7px solid #86b300;
	padding-left:10px;
}
/*
===================================================
WOO TERMÉKLISTA OLDALAKON RENDEZÉS MEZŐ
===================================================
*/
.orderby{
	margin-bottom:15px;
	border:none;
	padding:5px 10px;
	border-radius: 1px;
	border: 1px solid #cccccc;
}
/*
===================================================
WOO LEGÖRDÜLŐ SZŰRŐ MEZŐ - KATEGÓRIA SZŰRÉS - JOBBHASÁB
===================================================
*/
.dropdown_product_cat{
	width: 100%;
	max-width: 100%;
	margin-bottom:15px;
	border:none;
	padding:5px 10px;
	border-radius: 1px;
	border: 1px solid #cccccc;
}
/*
===================================================
WOO TERMÉKOLDALI ÁR
===================================================
*/
.woocommerce div.product p.price, .woocommerce div.product span.price { /* ÁR*/
    color: #77a464;
    font-size: 1.25em;
}
.woocommerce div.product span.price::before { /* ÁR ELÖTTI SZÖVEG*/
    content: "Ár: ";     
    color: #000000;
    font-size: 18px;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del { /* RÉGI ÁR */
    opacity: .5;
    display: inline-block;
	color: #888888;
	font-size: 0.8em;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins { /* ÚJ ÁR */
    background: inherit;
    font-weight: 700;
    display: block;
/* background-color: #ffffff;
	border: 1px solid #cccccc;
	padding:10px 15px; */
	text-decoration:none;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins::before { /* AKCIÓS ÁR ELÖTTI SZÖVEG*/
    content: "Akciós ár: ";   
    font-size: 18px; 
    color: #888888;		
}
/*
===================================================
WOO LISTA OLDALI ÁR
===================================================
*/
.woocommerce ul.products li.product .price { /* ÁR*/
    color: #77a464;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: 20px;
}
.woocommerce ul.products li.product .price del{ /* RÉGI ÁR */
    color: #888888;
/* display: block;
    font-weight: 400;
    margin-bottom: .5em;*/
    font-size: 18px; 
}
.woocommerce ul.products li.product .price ins{ /* ÚJ ÁR */
   /*  color: #ff00ff; */
	display: block; 
    font-weight: 700;
    font-size: 23px; 
	text-decoration:none;
}
.woocommerce ul.products li.product .price del::before { /* ÁR ELÖTTI SZÖVEG*/
    content: "Eredeti ár: ";     
}
.woocommerce ul.products li.product .price ins::before{ /* AKCIÓS ÁR ELÖTTI SZÖVEG*/
    content: "Akciós ár: ";
    font-size: 18px; 
    color: #888888;	
}

 /*
===================================================
WOO BŐVÍTMÉNY BADGE KINÉZETE (új - 20% - egyéb.....)
===================================================
*/
 .yith-wcbm-badge-418 {  /* ÚJ badge kinézet */
    color: #ffffff;
	font-family: arial;
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
	
    background-color: #dd3333;
    width: 50px;
    height: 50px;
    line-height: 46px;
    top: 8px;
    left: 3px;
	
	border-radius: 100%;
    border: 2px solid #ffffff;
    z-index: 8;
    -webkit-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
}
 .yith-wcbm-badge-414 { /* 20% badge kinézet */
    color: #ffffff;
	font-family: arial;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
	
    background-color: #efb326;
    width: 50px;
    height: 50px;
    line-height: 46px;
    top: 8px;
    left: 3px;
	
	border-radius: 100%;
    border: 2px solid #ffffff;
    z-index: 8;
    -webkit-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
}

 .yith-wcbm-badge-415 { /* Top termék badge kinézet */
    color: #ffffff;
	font-family: arial;
    font-size: 0.6em;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0px;
	
    background-color: #d24cff;
    width: 50px;
    height: 50px;
    line-height: 10px;
	padding-top:10px;
    top: 8px;
    left: 3px;
	
	border-radius: 100%;
    border: 2px solid #ffffff;
    z-index: 8;
    -webkit-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
}
 /*
===================================================
WOO SAJÁT FIÓK OLDALON MENÜ + IKONOK
===================================================
*/
.woocommerce-MyAccount-navigation {
    width: 22%; 
	float:left;
  }
 .woocommerce-MyAccount-content { 
    width: 75%; 
	float:right;
  }
 @media only screen and (max-width: 1024px) { 
  .woocommerce-MyAccount-navigation {
    width: 100%; 
	float:none;
  }
 .woocommerce-MyAccount-content { 
    width: auto; 
	float:none;
  }
}
nav.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0;
 /*  max-width:150px; */
  font-size: 15px;
  line-height: 20px;
}
nav.woocommerce-MyAccount-navigation ul li {
  padding: 8px 10px;
  background-color: rgba(0,0,0,0.05);
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
  background-color: rgba(0,0,0,0.1);
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
  color: rgba(0,0,0,0.8); cursor: default;
}
nav.woocommerce-MyAccount-navigation ul li.is-active:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid rgba(0,0,0,0.1);
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -24px;
  margin-top: -9px;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
  background-color: rgba(0,0,0,0.07);
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after { 
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid rgba(0,0,0,0.07);
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -24px;
  margin-top: -9px;
}
/* IKONOK */
.woocommerce-MyAccount-navigation-link:before{
font-family: FontAwesome;
margin-right:10px;
float:left;
font-size:15px;
}
.woocommerce-MyAccount-navigation-link--dashboard:before{
content:"\f0e4";
z-index:10;
}
.woocommerce-MyAccount-navigation-link--orders:before{
content:"\f07a";
}
.woocommerce-MyAccount-navigation-link--downloads:before{
content:"\f019";
}
.woocommerce-MyAccount-navigation-link--edit-address:before{
content:"\f07a";
}
.woocommerce-MyAccount-navigation-link--payment-methods:before{
content:"\f283";
}
.woocommerce-MyAccount-navigation-link--edit-account:before{
content:"\f007";
}
.woocommerce-MyAccount-navigation-link--appointments:before{
content:"\f073";
}
.woocommerce-MyAccount-navigation-link--customer-logout:before{
content:"\f08b";
}