/*
  Theme Name: Spixels
  Theme URI: https://www.spixels.co.uk
  Version: 1.0.0
  Template: Divi
  Author: Spixels
  Author URI: https://www.spixels.co.uk
  Text Domain: spixels
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*** Center Items Vertically ***/
.dp-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*** Reverse columns on mobiles ***/
@media screen and ( max-width: 980px ) {
    .reverse-columns {
        display: flex;
        flex-direction: column-reverse;
    }
}

/***  Portfolio ***/
.et_pb_row_fullwidth .dp-portfolio-grid .et_pb_portfolio_item {
    min-height: 400px;
}
.dp-portfolio-grid {
    padding: 0 10px;
}
.dp-portfolio-grid .et_pb_portfolio_item {
    min-height: 300px;
    padding: 35px;
    border: 10px solid transparent;
    position: relative;
    overflow: hidden;
}
.dp-portfolio-grid .et_pb_portfolio_item:hover .et_overlay {
    z-index: 3;
    opacity: 1;
}
.dp-portfolio-grid .et_portfolio_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.dp-portfolio-grid .et_portfolio_image img {
    max-width: none;
    object-fit: cover;
    height: 100%;
	width:100%;
    object-position: center;
}

.dp-portfolio-grid .et_pb_module_header,
.dp-portfolio-grid p.post-meta {
    position: relative;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -webkit-transform: translate(0, -20px);
}

.dp-portfolio-grid .et_pb_module_header {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.dp-portfolio-grid .et_pb_portfolio_item:hover .et_pb_module_header,
.dp-portfolio-grid .et_pb_portfolio_item:hover p.post-meta {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}
.dp-portfolio-grid
.et_pb_portofolio_pagination {
	border-top: none;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    padding: 15px 30px;
    border: none;
    background-color: #f6f7fa;
}

.dp-portfolio-grid .et_pb_portfolio_item:hover .et_portfolio_image img {
	transform: scale(1);
  transition: all .3s ease-in-out;
}
.dp-portfolio-grid .et_pb_portfolio_item .et_portfolio_image img {
	transition: all .3s ease-in-out;
  transform: scale(1.1);
}
/*** Portfolio Filters Responsive Fixes ***/
@media screen and ( min-width: 1600px ){
.dp-portfolio-grid .et_pb_portfolio_item {
    min-height: 400px !important;
}
}

@media screen and ( max-width: 1720px ) {
.dp-portfolio-grid .et_pb_portfolio_filters {
	  justify-content: flex-start !important;
    margin-top: 100px;
}
}


/* DP Sign Up Form */
.dp_sign_up.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}
.dp_sign_up.et_pb_newsletter .et_pb_newsletter_fields > * {

    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

@media screen and ( max-width: 980px ) {
	.dp_sign_up .et_pb_newsletter_form .et_pb_contact_field_half {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}
.dp_sign_up .et_pb_newsletter_fields > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
}

@media screen and ( max-width: 767px ) {
	.dp_sign_up .et_pb_newsletter_form .et_pb_contact_field_half {
    -ms-flex-preferred-size: 48%;
    flex-basis: 100%;
}
	.dp_sign_up.et_pb_newsletter .et_pb_newsletter_fields>* {
		flex-basis: 100% !important;
	}
}

/* Show right swiper arrow next to left arrow on testimonials carousel */
#creative-testimonials .swiper-button-next.swiper-arrow-button {
    right: auto !important;
    left: 60px;
}



/* Creative Team Member */
.creative_team_member.et_pb_social_media_follow:before {
	margin-top: 0;
	opacity: 0;
		transition: all .3s ease-in-out;
	
}


.creative_team_member:hover .et_pb_social_media_follow:before {
	opacity: 1 !important;
	transition: all .5 ease-in-out !important;
	margin-top: -50px;
	transition: all .2s ease-in-out;
	
}


.creative_team_member li {
transform: translateY(40px) !important;
	transition: all .2s ease-in-out;
	opacity: 0;
	
}
.creative_team_member:hover li {
transform: translateY(-10px) !important;
	transition: all .25s ease-in-out;
	opacity: 1;
}

.creative_team_member .et_pb_promo {
	border-radius: 0 0 100px 0;
	transition: all .25s ease-in-out;
}
.creative_team_member:hover .et_pb_promo {
	border-radius: 0 !important;
	transition: all .25s ease-in-out;
}


.creative_team_member .et_pb_promo:after {
	content: '24';
  float: right !important;
	margin-top: -30px;
	font-family: 'ETmodules';
	opacity: 0;
  transform: translateX(-40px);
	transition: all .25s ease-in-out;
}

.creative_team_member:hover .et_pb_promo:after {
	opacity: 1;
	transform: translateX(0);
	transition: all .25s ease-in-out;
}

/* DP Subheading */
.dp_subheading p:before {
	content: "";
  display: inline-block;
  width: 30px;
  height: 8px;
  background: rgb(129,111,210);
background: linear-gradient(90deg, rgba(129,111,210,1) 0%, rgba(201,137,218,1) 100%);
  left: 0;
  top: 35%;
  position: absolute;
	border-radius: 5px 20px;
}
.dp_subheading p {
	padding-left:40px
}

/*** Blog Grid ***/
.dp_blog_grid .et_pb_post:hover {
	background-color: #fff !important;
transition: all .3s ease-in-out;
}
.dp_blog_grid .et_pb_post {
transition: all .3s ease-in-out !important;
	overflow: hidden;
}
.dp_blog_grid .et_pb_blog_grid .et_pb_post:hover .et_pb_image_container img {
	transform: scale(1.1);
	transition: all .4s ease-in-out;
}
.dp_blog_grid .et_pb_blog_grid .et_pb_post .et_pb_image_container img {
	transition: all .4s ease-in-out;
}