/*======================================
Theme Name: It's Wedding
Theme URI: https://divicake.com/
Description: The child theme for its-wedding.
Version: 1.0
Author: doqode
Author URI: https://doqode.de
Template: Divi
======================================*/

/** Basic Tweaks **/
/**--------------**/

/* Change Toggle-Icon on Accordeon and Toggle-Module */
.et_pb_toggle_title:before {
	content: "\33";
	transition: all .3s ease-in-out;
}
.et_pb_toggle_open .et_pb_toggle_title:before {
	content: "\33";
	transform: rotate(180deg);
}

/* Blurb with content overlay */
.iw-blurb-overlay.et_pb_blurb .et_pb_image_wrap {
	position: relative;
  z-index: 1;
}

.iw-blurb-overlay .et_pb_blurb_description {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  opacity: 0;
  position: absolute;
  top: 0;
  left: -1em;
  width: calc(100% + 2em);
  height: calc(100% + 2.2em);  
  background: rgba(250,243,224,1);
	z-index: 0;
  
  -webkit-transition: opacity 2s ease-in;
  -moz-transition: opacity .3s ease-in;
  -o-transition: opacity .3s ease-in;
  -ms-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
}

.iw-blurb-overlay:hover .et_pb_blurb_description {
  opacity: 1;
}


/*----------------------------------------------------------*/ 
/*-----Show the Gallery Image Title and Caption on Hover----*/ 
/*----------------------------------------------------------*/

/*Position the gallery items*/
.iw-hover-gallery .et_pb_gallery_item {
    position: relative;
}

/*Remove the default top margin from the title*/
.iw-hover-gallery .et_pb_gallery_title {
    margin: 0 !important;
}

/*Set the overlay z-index*/
.iw-hover-gallery .et_overlay {
    z-index: 2;
}

/*Position and style the content text container*/
.iw-hover-gallery .iw-gallery-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(255, 255, 255, .8);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	pointer-events: none;
}

/*Show the content text container on hover*/
.iw-hover-gallery .et_pb_gallery_item:hover .iw-gallery-text {
    opacity: 1;
}

/*-----------------------------------------------------------*/ 
/*---End Show the Gallery Image Title and Caption on Hover --*/ 
/*-----------------------------------------------------------*/

/*--------------------------------------------------------------*/
/*-------Masonry Filterable Portfolio Layout by Divi Soup-------*/
/*--------------------------------------------------------------*/

/*Hide items until all loaded*/
.iw-masonry .et_pb_portfolio_item,
.iw-masonry .et_pb_gallery_item {
	display: none;
}


/*Set the number of columns*/
.iw-masonry .et_pb_portfolio_items,
.iw-masonry .et_pb_gallery_items {
	-webkit-columns: 20em; /*increase em values for less columns, decrease for more columns*/
	columns: 20em; /*increase em values for less columns, decrease for more columns*/
	-webkit-column-gap: 10px; /*space between columns*/
	column-gap: 10px; /*space between columns*/
	width: 100%;
	margin-bottom: 30px;
}

@media (min-width: 981px) {
	.iw-masonry .et_pb_portfolio_items,
	.iw-masonry .et_pb_gallery_items {
		-webkit-columns: 4;
		columns: 4;
		-webkit-column-gap: 10px; /*space between columns*/
		column-gap: 10px; /*space between columns*/
		width: 100%;
		margin-bottom: 30px;
	}
}


/*Size the items and add spacing*/
.iw-masonry .et_pb_portfolio_item,
.iw-masonry .et_pb_gallery_item {
	 width: 100% !important;
	 margin: 0;
	 border-bottom: 10px solid transparent; /*space between images (should be same value as space between columns)*/
	 overflow: hidden;
	 -webkit-column-break-inside: avoid;
	 break-inside: avoid-column;
}


/*Remove title spacing*/
.iw-masonry .et_pb_portfolio_item h2,
.iw-masonry .et_pb_gallery_item h2 {
	 margin-top: 0;
	 padding-bottom: 0;
}


/*Style the title and caption hover effect*/
.iw-masonry .iw-portfolio-text,
.iw-masonry .iw-gallery-text {
	 position: absolute;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 padding: 20px; /*padding around title and category*/
	 background: rgba(255, 255, 255, .8); /*overlay colour on hover*/
	 opacity: 0;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -webkit-transition: all .3s ease;
	 transition: all .3s ease;
}


/*Activate hover effect*/
.iw-masonry .et_pb_portfolio_item:hover .iw-portfolio-text,
.iw-masonry .et_pb_gallery_item:hover .iw-gallery-text {
	 opacity: 1;
}


/*Space the filters*/
.iw-masonry .et_pb_portfolio_filters ul,
.iw-masonry .et_pb_gallery_filters ul {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
	 -ms-flex-wrap: wrap;
	 flex-wrap: wrap;
	 width: 100%;
}

.iw-masonry .et_pb_portfolio_filters li,
.iw-masonry .et_pb_gallery_filters li {
	 min-width: 20%; /*adjust percentage based on number of filters*/
	 text-align: center;
}

/*--------------------------------------------------*/
/*-----End Masonry Filterable Portfolio Layout -----*/
/*--------------------------------------------------*/