/*-------------------------------------------------------
Theme Name: Divi Child Theme
Description: A child theme template for Divi
Author: Divi Cake
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/
html,body{font-weight:normal;}
/* -----------------------------
WEBSITE CATEGORY/GALLERY FILTERING STYLES
------------------------------*/
/* Category Filters */
#filterButtons .btn, #filterButtons button {
 	border: none;
	text-transform: capitalize;
	margin:10px 5px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 15px;
	background: #f9f9f9;color:#000;
	border-radius: 40px;
	min-width: 100px;
}
#filterButtons .btn.active {
	background:#4045ba;color:#fff;
}
/* Category Items */
#galleryList.et_pb_section {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
#galleryList .et_pb_row {
  	margin-bottom: 30px;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
}
#galleryList .et_pb_column {
  margin-bottom: 0px;
}
#galleryList .et_pb_module {
    height: auto;
}

#galleryList .et_pb_module.et_pb_image {
	height: 200px !important;
	overflow-y: scroll;
	display: block;
	border-bottom: solid 1px #eee;
}

#galleryList .et_overlay::before { 
	top: 150px !important; 
}
#galleryList .et_pb_text h2{padding-bottom:0px !important;}
#galleryList .et_pb_text span {
	display: block;
	font-size: 10px;
	font-weight: normal;
 	color: #999;
}
.gallery_list_btns ul {
	padding: 0px !important;
	margin: 0px !important;
	list-style: none !important;overflow:hidden;
}
.gallery_list_btns li {
	width: 44%;
}
.gallery_list_btns li:first-child{
 	float: left;margin: 0px 2% 4% 4%;
}
.gallery_list_btns li:last-child{
	float: right;margin: 0px 4% 4% 2%;}

.gallery_list_btns li a {
	padding: 7px 5px;
	background: #4045ba;
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
 	display: block;
	margin: auto;
	text-align: center;
	border-radius: 3px;
	font-size: 12px;transition: all 0.3s;
}
.gallery_list_btns li:last-child a{
	background: #2e3171; 
}
.gallery_list_btns li a:hover{ 
	background: #000; transition: all 0.3s;
 }
/* Animations */
/**
 * ----------------------------------------
 * animation scale-up-hor-center
 * ----------------------------------------
 */
.scale-up-hor-center {
    -webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
/**
 * ----------------------------------------
 * animation scale-up-hor-left
 * ----------------------------------------
 */
.scale-up-hor-left {
    -webkit-animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/*  */
@-webkit-keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
@keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
 
#galleryList .et_pb_row {
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;min-height: 312px;
}
    #galleryList .et_pb_column {
         margin:0px; 
    }
 


/* Small Devices, Tablets */
@media only screen and  (max-width :980px) {
#galleryList .et_pb_row {
	width: 29.33333333333333%;
	margin-left: 2%;
	margin-right: 2%;
}
    #galleryList .et_pb_column {
         margin:0px; 
    }
}
@media only screen and  (max-width :767px) {
	#filterButtons .btn, #filterButtons button {
  	margin:5px 1%;
  	padding: 10px;
	font-size:12px;
}
	#galleryList .et_pb_row {
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
	}
    #galleryList .et_pb_column {
         margin:0px; 
    }
}

@media only screen and  (max-width :520px) {
	#filterButtons .btn, #filterButtons button {
	width: 47%;
	margin: 10px 1%;
	font-size: 12px;
}
	#galleryList .et_pb_row {
	width: 96%;
}
    #galleryList .et_pb_column {
         margin:0px; 
    }
 
}