/*!
	Theme Name: ADA Theme
	Theme URI: https://wplense.com/
	Description: A plain-vanilla & lightweight ADA Compliant WordPress theme
	Author: Elementor Team
	Author URI: https://wplense.com/
	Version: 2.5.0
	Stable tag: 2.5.0
	Requires at least: 4.7
	Tested up to: 5.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
body{ margin: 0; padding: 0; }
img{ max-width: 100%; }
a{ color:#a71c1c; }
.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	max-width:100% !important;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 15px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}


/* portfolio cpt */
.portfolio_wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:25px;
	row-gap:50px;
	line-height: 1.5em;
    font-family: "Open Sans";
  	font-weight: 300;
	width: 100%;
	color: #BBBBBB;
	font-size: 15px;
}
.portfolio_item{
    
}

.portfolio_img {
    position: relative;
    height:500px;  
    overflow: hidden;
    cursor: pointer;
    border: 15px solid #2A1D4B;
}
.portfolio_tag {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top:25px;
}
.portfolio_tag i{
	display: inline-block;
	color: #ffffff;
	padding:6px 12px;
	font-size:12px;
	border: 1px solid #0B8EA0;
	font-style: normal;
	line-height: 1;
	text-transform: uppercase;
}
.portfolio_tag i:last-of-type{
	color: #C8A65C;
	border: 1px solid #C8A65C;
}
.portfolio_img img{
    width: 100%;
    height: auto;
    display: block;
    transform: translateY(0);
	transition: transform 3s linear; 
    
}
.portfolio_img:hover img {
    transition: transform 8s linear; 
    transform: translateY(calc(-100% + 500px));
}
 
.portfolio_title{
    color: #ffffff;
	margin: 0;
	font-family: "Cormorant Garamond";
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 15px;
}

.portfolio_details, .portfolio_details p{
	margin: 0;
    line-height: 1.5em;
    font-family: "Open Sans";
  	font-weight: 300;
}
.portfolio_li ul{
	margin: 0;
	padding: 0;
	margin-top: 15px;
}
.portfolio_li li{
	list-style: none;
	padding-left:25px;
	position: relative;
	margin-bottom:5px;
	color: #ffffff;
}
.portfolio_li li:before{
	content: "";
	position: absolute;
	left: 0;
	top:4px;
	width: 20px;
	height: 15px;
	background-image: url(images/check.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.portfolio_btn{
	color:#FFC90B;
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFC90B;
	margin-top: 15px;
}
.portfolio_btn:hover{
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}



.sep_shortcode{
	line-height: 1.5em;
    font-family: "Open Sans";
  	font-weight: 300;
	color: #BBBBBB;
	font-size: 15px;
}

@media (max-width: 988px){
    .wp-caption {
      /* Force the box to be 100% */
      width: 100% !important;
    }
    #content .wp-caption a img {
      /* Scale down if too big */
      max-width: 99.03225806%; /* 614/620 */
      height: auto;
    }

	.portfolio_wrapper{
    grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 600px){
	.portfolio_wrapper{
    grid-template-columns: repeat(1, 1fr);
	row-gap:30px;
	}
	
	.portfolio_cont{
		border:2px solid #7D3BEC;
		padding:20px;
		border-top: 0px;
	}
	.portfolio_img {
    border:2px solid #7D3BEC;
	border-bottom: 0px;
	}
	.portfolio_tag{
		margin-top: 0;
	}
}