/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
body{background-color:rgb(237,237,237)} 
body {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
#main-content{background-color:rgb(237,237,237); min-height:100vh}
.home #main-content{min-height:inherit}

.home footer{position: fixed; width: 100%;bottom: 0; z-index: 2; }

#et-top-navigation{display:none}
#main-footer {background-color: #222222; width: 100%;  bottom: 0;	z-index:2;}
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {padding-top: 0;}
.rowflip{display:flex; flex-direction: column;}
.et_pb_section{background-color:transparent}

header .et_pb_row, header .et_pb_row .et_pb_image_0_tb_header{transition:0.3s all ease-out;}
header .has_et_pb_sticky .et_pb_row{ padding: 15px 0 15px 0; min-height:50px}
header .has_et_pb_sticky .et_pb_row .et_pb_image_0_tb_header{max-width:150px; }

#home-block .et_pb_image{margin-bottom:10px}
#home-block h2{padding-bottom:0}

.sloft-blog-grid .et_pb_blog_grid .et_pb_post{padding-bottom:10px; }

.sloft-blog-grid .et_pb_blog_grid .et_pb_post{border: none; box-shadow: #CCC 0px 0px 20px;}
.sloft-blog-grid .et_pb_blog_grid .et_pb_post .post-content{display:none}
.sloft-blog-grid .et_pb_blog_grid .et_pb_post .et_pb_image_container{padding: 10px; margin-bottom: 0; transition:0.3s all ease-out}
.sloft-blog-grid .et_pb_blog_grid .et_pb_post .et_pb_image_container a{margin-bottom:0; overflow:hidden}
.sloft-blog-grid .et_pb_blog_grid .et_pb_post .et_pb_image_container img{transition:1s all ease-out; opacity:1; transform: scale(1)}
.sloft-blog-grid .et_pb_blog_grid .et_pb_post:hover .et_pb_image_container img {transform: scale(1.1); opacity:0.6;}
.sloft-blog-grid .et_pb_blog_grid .et_pb_post h2{padding-bottom:0; margin-left: -10px; font-size:16px}

.lwp-breadcrumbs a{transition:0.3s all ease-out}
.lwp-breadcrumbs a:hover{text-decoration:underline; color:#000}

.et-l--footer .et_pb_social_media_follow li{margin-bottom:0}
.et-l--footer .et_pb_row_0_tb_footer{align-items:center}

/*PRODUCT PAGE*/
.overlay-title{background-color: #ededed; position: absolute; bottom: 0; bottom: -6px; padding: 5px 10px 0px 10px; margin-left: 30px;}
.overlay-title h1{padding-bottom:0}
@media only screen and (max-width: 1200px) {
	#home-block{max-width:calc(100% - 60px)}
}
@media only screen and (max-width: 980px) {
	footer .et_pb_column{margin-bottom:10px}
}

@media only screen and (max-width: 768px) {
	.rowflip{flex-direction: column-reverse;}
	.overlay-title{bottom:-2px; margin-left:15px}
	.home footer{position: inherit;}
} 

@media only screen and (max-width:479px) {
	#home-block{display:grid; grid-gap:10px;}
	#home-block .et_pb_column.et_pb_column_1_4:last-child{margin-bottom:30px}
}