/**
 * Extensions of 3rd Party Utilities. Keep it so the base plugin CSS can be updated separately.
 */
 

/* Annoying issue on ilab Media Cropping */

.ilabc-current-crop-container {
	max-height: 150px !important;
}
.ilabc-current-crop-container img.ilab-current-crop-img {
	max-height: 150px !important;
	width: auto !important;
}


/* Lozad  */

.fadein:not(.bg):not(.no-fade):not(.fade-none):not(.fade-off) {
	animation-name: fadein;
	animation-duration: 2s;
}

.lozad-picture {
	display: block;
	min-height: 1rem;
}



/* Tingle  */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
} 
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
}

.youtube .tingle-modal-box__content,
.vimeo .tingle-modal-box__content {
	padding: 0px;
	background: transparent;
}
.iframe .tingle-modal-box {
	padding: 0px;
	width: 100%;
	background: transparent;
}
.youtube .tingle-modal-box,
.vimeo .tingle-modal-box {
	padding: 0px;
	margin:5% auto;
	width: 90%;
	background: transparent;
}
.tingle-modal {
	z-index: 100000;
	justify-content: center;
}
.tingle-modal__close {
top: 20px;
right: calc(2% + 6px);
width: 30px;
height: 30px;
font-size: 50px !important;
line-height: 30px;
	color: rgb(160,160,160) !important;
}
.tingle-modal__close:hover, .tingle-modal__close:focus {
	background: rgba(50,50,50,.9);
}
.tingle-modal__closeIcon:focus {
	outline: none;
}

.gs-slider {
	background: #121212;
	min-height: 30vh;
	overflow: hidden;
}
.gs-slider.dark {
	background: #121212;
}
.gs-slider.light {
	background: #eee;
}
.gs-slider .gs-slide {
	display: none;
}
.gs-slider .gs-slide.tns-item {
	display: block;
}

.gs-slider .tns-item {
	padding-top: 15%;
	padding-bottom: 15%;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing:border-box;
	margin-bottom: 0px;
	color: #fff;
}

.gs-slider a.button.ghost {
	border-color: #fff;
	margin-left: 0em;
}

.gs-slider a.button.ghost:hover {
	border-color: #333;
}



.tns-outer {
	position: relative;
}

.tns-controls {
    position: absolute;
    top: 45%;
    width: 100%;
    background: transparent;
    left: 0px;
    right: 0px;
    bottom: auto;
    z-index: 1;
}

.tns-controls [data-controls="prev"],
.tns-controls [data-controls="next"] {
	font-size: 2em;
	margin: 0em 0em 0em 10px;
	background: transparent;
	color: white;
	padding: 0em;
	opacity: .5;
	transition: 0.3s;
	float: left;
}
.tns-controls [data-controls="prev"]:hover,
.tns-controls [data-controls="next"]:hover {
	opacity: 1;
}

.tns-controls [data-controls="next"] {
	float: right;
	margin: 0em 10px 0em 0em;
}



.no-padding > .grid-container {
	max-width: 100%;
}

.no-padding > .grid-container .tns-item .grid-container {
	padding-left: 40px;
	padding-right: 40px;
}

.tns-nav {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,0);
    display: inline;
    width: 90%;
    top: auto;
    text-align: right;
    padding: 1em 5%!important;
    right: 0px;
    height: auto;
    line-height: 0em;
}

.tns-nav > [aria-controls] {
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: rgba(0,0,0,.5);
  border: 0;
}

.tns-nav > [aria-controls].tns-nav-active {
  background: rgba(255,255,255,.5);
}



.tns-outer [data-action="stop"], 
.tns-outer [data-action="start"] {
     display: none;
}

.tns-slider {
	transition: all 2.5s !important;
}
.tns-item {
	transition-duration: 2.5s !important;
	animation-duration: 2.5s !important;	
}




@media (max-width: 540px) {

	.tingle-modal__close {
		width: 100%;	
		height: 60px;
		background: #2c3e50 !important;
		top:0px;
	}

}

.basicLightbox:after {content:"";position:absolute;top:1.8rem;right:1.8rem;width:2em;height:2em;background:url(../images/close.svg);background-size:contain;background-repeat:no-repeat;cursor: pointer;}

.baguetteBox-open .tingle-content-wrapper {
/* 	filter: blur(8px); */
}



/* ALM  */

.alm-listing {
  display: flex;
  flex-wrap: wrap;
}

.alm-layouts .alm-listing .alm-layout.alm-4-col {
	display: inline-block;
	vertical-align: top;
	clear: none;
}

.alm-layouts .alm-listing .alm-layout.alm-4-col {
	width: 23.6333%;
	margin-right: 1%;
}

.alm-listing.flexbox .alm-reveal{
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   justify-content: center;
}
.alm-listing.flexbox .flex-item {
   flex: 1 0 30%;   
   justify-content: space-around;  
   margin: 10px;
   padding: 0px; 
   max-width: 800px;
/*    border: 1px solid #efefef; */
}

/* Only Supporting Up to 5 Flex Columns At This Time */
.alm-listing.flexbox.flex-5 .flex-item {
   flex: 1 0 18%;   
}
.alm-listing.flexbox.flex-4 .flex-item {
   flex: 1 0 23%;   
}
.alm-listing.flexbox.flex-3 .flex-item {
   flex: 1 0 30%;   
}
.alm-listing.flexbox.flex-2 .flex-item {
   flex: 1 0 47%;   
}
.alm-listing.flexbox.flex-1 .flex-item {
   flex: 1 0 100%;   
}

.alm-listing.flexbox .flex-item img {
   display: block;
}     
.alm-listing.flexbox .flex-item h3 {
/*    padding: 15px 15px 0; */
   font-size: .95em;
   margin: 0em auto .25em !important;
   font-weight: bold;
}
.alm-listing.flexbox .flex-item p {
   font-size: .825em;  
}
.alm-listing.flexbox .flex-item p.entry-meta {
   font-size: .65em;  
   margin: 0em auto .75em;
   display: none;
}
.alm-listing.flexbox .flex-item .content {
   font-size: .95em;  
   line-height: 1.25em;
   opacity: .9;
   margin-top: .5em;
}

.alm-listing.flexbox .card {
   background: rgba(250,250,250,1);
}
.alm-listing.flexbox .card .details {
	padding-left: 1em;
	padding-right: 1em;
}

.flex-item.alm-flex .thumbWrap {
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 56.25%;
	margin-bottom: 1em;
	overflow: hidden;
}
.flex-item .thumbWrap,
.alm-gallery-img-wrap {
	background: #333;
}
.flex-item .thumbWrap.placeholder img,
.flex-item .thumbWrap img.placeholder {
	width: 30.25% !important;
	margin: 13% auto !important;
}
.hide-excerpt .flex-item .content,
.hide-date .flex-item .entry-date {
	display: none;
}




.alm-layouts .alm-listing .flex-item.alm-card h3 {
	margin: 0 !important;
	font-size: .9em;
	padding: .5em .75em;
	max-width: 85% !important;
}

.flex-item.alm-card .card-flip,
.flex-item.alm-card .card-flip .card-front,
.flex-item.alm-card .card-flip .cardIMG {
	display: block;
	width: 100%;
	height: 0px !important;
	padding-bottom: 56.25%;
	padding-bottom: 75%;
	margin-bottom: 1em;
}
.flex-item.alm-card .card-flip .card-front,
.flex-item.alm-card .card-flip .cardIMG {
	overflow: hidden;
}
.flex-item.alm-card .card-flip .cardIMG {
	display: none;
}


.alm-layouts .alm-listing .flex-item .fadein {
	animation: none;
}

.flex-item.alm-gallery .alm-gallery-img-wrap {
	display: block;
	width: 100%;
	height: 0px !important;
	padding-bottom: 56.25%;
	padding-bottom: 70%;
	margin-bottom: 1em;
}

.flex-item.alm-gallery .thumbWrap {
	text-align:center;
}
.flex-item.alm-gallery .thumbWrap img.placeholder {
	width: 40% !important;
	margin: 20% auto !important;
	display: inline-block;
}

.flex-item.alm-gallery .alm-gallery-img-wrap {

}



/* Gravity Forms */
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_chrome .gfield_checkbox li input {
	margin-top: 0px !important;
}



a.clickable {position: relative;display: inline-block;}
a.clickable .fa-stack {position:absolute;right:5px;top:5px;opacity: 0;color:#333;transition: 0.3s;}
a.clickable:hover .fa-stack {opacity:.75;opacity: 0;}

a.clickable.youtube .fa-stack,
/* 
a.clickable.youtube .fa-stack,
a.clickable.vimeo .fa-stack {right:calc(50% - 2em);top:calc(50% - 2em);opacity: .65;color:#333;transition: 0.3s;font-size:4em;width:4em;height:4em;}
 */
a.clickable.youtube .fa-stack,
a.clickable.vimeo .fa-stack {right:calc(50% - 1em);top:calc(50% - 1em);opacity: .65;color:#333;transition: 0.3s;font-size:2em;width:2em;height:2em;}
a.clickable.youtube .svg-inline--fa.fa-stack-2x,
a.clickable.vimeo .svg-inline--fa.fa-stack-2x {
	width:2em;
}
a.clickable.youtube:hover .fa-stack,
a.clickable.vimeo:hover .fa-stack {opacity:.85;}



@media (max-width: 768px) {

	.alm-layouts .alm-listing .alm-layout.alm-4-col {
		width: 100%;
		margin-right: 0%;
	}

	.alm-listing.flexbox .flex-item {
		flex: 1 0 100% !important;   
	}

}