/* 
 

	Theme Name:     Divi Child Theme
 
	Theme URI:	https://elegantthemes.com/divi
	Description:	A Divi child theme
	Author:         Eslon Productions
 
	Author URI:     https://dp-websolutions.com 
 
	Template:       Divi
 
	Version:        2.0 

*/ 



@import url("../divi/style.css");

/* 
----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/* FOOTER INFO */
#footer-info {
font-weight: normal;
color: #666666 !important;
font-size: 11px !important;

}

#footer-info-r {
font-weight: normal;
text-align: right;
color: #666666 !important;
font-size: 11px !important;

}

#footer-info a{
 font-weight: normal;
	}
	
@media only screen and (max-width: 780px) {
    #footer-info-r {
text-align: center;

}
}	

a.woocommerce-Button.button {
color: black !important;

}


/* MENU */




#top-menu li li a:hover {
	
	color: #ffff66;
}

.ui-corner-all {

    background-color: #171717 !important;
}

#main-header {

border-bottom: 1px solid #ffff66;
}
#main-footer {
border-top: 1px solid #ffff66;
}

span.mobile_menu_bar:before {
    color: #ffff66 !important;
}

#et_search_icon:before {
  color: #ffff66 !important;
}



#yith-searchsubmit {
    margin-top: 1em;
    font-size: 12px;
    background: rgb(255, 255, 102);
    color: rgb(23, 23, 23);
    position: relative;
    padding: 0.3em 1em;
    border: 2px solid;
    border-radius: 3px;
    font-weight: 500;
    line-height: 1.7em !important;
    transition: all 0.2s;
}

#yith-searchsubmit:hover {
	color: rgb(255, 255, 102);
	background: rgb(23, 23, 23) !important;
	border-color: rgb(255, 255, 102) !important;
	
	border: 2px solid transparent;
	font-size: 12px;
	margin-left: 0.3em;
	line-height: 1.7em;
    cursor: pointer;
}


.woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: 12px;
    float: left;
}

.et-cart-info span {
color: rgb(255, 255, 102);
}

.woocommerce-loop-product__title {
  color: #000000;
}

.woocommerce-Price-amount.amount {
  color: #000000;
  font-size: 14pt;
}

body {
  font-size: 16px;
}

.screen-reader-text {
  font-size: 18px;
  color: #333;
  padding-bottom: 10px;
  margin: 0;
}

.product-title {
  font-size: 14px;
  font-weight: 500;
}


.et_pb_widget ul li {
  font-size: 14px;
}





.price {
    min-width: 60px;
    min-height: 60px;
    display: block;
    position: absolute;
    top: 10px;
    left: 8px;
    font-size: 10px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    background-color: #ffff66;
     border-radius: 3px;
    z-index: 2;
	padding-left: 4px !important;
	padding-right: 4px !important;
border-width: 2px;
border-style: groove; important;
border-color: #000!important;
}


.woocommerce-Price-amount.amount {
    color: #000000;
	font-size: 8pt;
	font-weight: bold;
}

.post-meta {
display:none
}

.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
    
	margin-top: 80%!important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	background-color: #000!important;
	 color: #ffff66;
border-width: 2px !important;
border-style: solid !important;
border-color: #ffff66 !important;
}

.woocommerce ul.products li.product .price del {
    color: inherit;
    opacity: .5;
    display: inline; 
	top: 80px;
}

/* COLOR MENU CART */
.et-cart-info span {
    display: none;
}

.wpmenucart-icon-shopping-cart-0 {
    color: #ffff66;
}

li.wpmenucartli a.wpmenucart-contents span {
  color: #ffff66;

}

.woocommerce a.button, .woocommerce-page a.button {
background: black;
}

.woocommerce-message a {
color: #ffff66;
}

#footer-info a{
font-weight: normal;
}

/* SITE FONTS */
	h1, h2, h3, h4, h5, h6 {
	font-family: 'Istok Web', sans-serif;
}

body {
	font-family: 'Lora', serif;
}

/* HOMEPAGE HOVER */

.hover-bio-wrapper {
    position: relative;
    color: rgba(0,0,0,0);
    width: 100%
}

.hover-bio-h2 {
    color: #ffff66;
		 opacity: .8;
    }
 
figure.hover-bio img{
    display: block;
border-radius: 50%;
}
 
figure.hover-bio {
    position: relative;
    overflow: hidden;
    margin:  0;
    padding: 0;
    display: inline-block;
    line-height: 0;

     
}
 
figure.hover-bio::before, figure.hover-bio::after{
    position: absolute;
    background: none;
            opacity: 0.3;
            content: '';
    height: 100%;
            width: 100%;
    display: block;
    top: 0;
    left 0;
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
 
figure.hover-bio figcaption{
    position: absolute;
/* background when block appears */
    background: #fff;
    display: block;
    line-height: 1.7em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/* caption text */
    text-align: center;
    padding: 10px;
    z-index: 100;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    top: 50%;
    left: 0;
    -moz-transform: translate3d(-100%, -50%, 0);
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
    opacity: 0;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
 
figure.hover-bio img{
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
 
figure.hover-bio figcaption{
    top: 100%;
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
 
figure.hover-bio:hover img {
            opacity: .5;

}
 
figure.hover-bio:hover figcaption{
/* background hover appearing block */
    background-color: #000000;
/* caption text */
    color: #ffff66;
            opacity: .6;
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
            box-shadow: 0px -2px 28px 
/* block shadow colour */
rgba(255,255,102, 0.5);
}