/* FCTB_THICKBOX Styles 
    
    v1.1 aug 2017

    v1.2 nov 2019
    - updated icons to use svg instead of fontawesome
*/


#fctb_thickbox { 
	position:fixed; 
	left:0; 
	top:0; 
	right:0; 
	bottom:0; 
	z-index:1000; 
	display:none; 
	cursor:pointer; 
	overflow:hidden;
	text-align:center;
}

#fctb_thickbox .fctb_thickbox_overlay { 
	position:absolute; 
	left:0; 
	top:0; 
	right:0; 
	bottom:0; 
	background:#000; 
	filter:alpha(opacity=80); 
	opacity:0.8; 
}

#fctb_thickbox .fctb_thickbox_image {
	position:absolute;
	left:50%;
	top:50%;
	max-width:100%;
	max-height:100%;
	padding:0;
	margin: 0;
	border:none;
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    opacity: 0;
}

#fctb_thickbox .close,
#fctb_thickbox .arrow {
	z-index:1011;
	position:absolute;
	display:block;
	/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);*/
    padding: .5em;
    opacity: .7;
}

#fctb_thickbox .close:hover,
#fctb_thickbox .arrow:hover {
	opacity: 1;
}


#fctb_thickbox .close {
	right:1em;
	top:1em;
}
#fctb_thickbox .arrow.left {
	left:.5em;
	top:50%;
}

#fctb_thickbox .arrow.right {
	right:.5em;
	top:50%;
}

#fctb_thickbox .close:after,
#fctb_thickbox .arrow:after {
	content:"";
	position:relative;
    display: block;
    width: 5em;
    height: 5em;
	color:#fff;
    background-size: contain !important;
}
#fctb_thickbox .close:after {
    width: 4em;
    height: 4em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 1000 1000'%3E%3Cpath d='M33.2 53.3l15.5-15.5H33.2l7.7 7.7 908.9 908.9 7.7 7.7v-15.5L942 962.1h15.5l-7.7-7.7L40.9 45.6l-7.7-7.7v15.4zM17.7 37.8L10 45.6l7.7 7.7 7.7 7.7 908.9 908.9 7.7 7.7 7.7 7.7 7.7-7.7 15.5-15.5 7.7-7.7-7.7-7.7-7.7-7.7L56.4 30.1l-7.7-7.7-7.7-7.7-7.7 7.7-15.6 15.4zm933.7 0l15.5 15.5V37.8l-7.7 7.7-909 908.9-7.7 7.7H58l-15.5-15.5v15.5l7.7-7.7L959.1 45.6l7.7-7.7h-15.4v-.1zm15.4-15.4l-7.7-7.7-7.7 7.7-7.7 7.7L34.7 939l-7.7 7.7-7.7 7.7 7.7 7.7 15.5 15.5 7.7 7.7 7.7-7.7 7.7-7.7L974.5 61l7.7-7.7 7.7-7.7-7.7-7.7-15.4-15.5z'/%3E%3C/svg%3E") center center no-repeat;
}
#fctb_thickbox .arrow.left:after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='215' height='372'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cg class='currentLayer'%3E%3Cpath fill='%23ffffff' d='M215.025 25.947L190.886 1.099 0 186.5l190.886 185.413 24.139-24.853L49.743 186.5z'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
}
#fctb_thickbox .arrow.right:after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='215' height='372'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cg class='currentLayer'%3E%3Cpath fill='%23ffffff' d='M0 346.713l24.139 24.848 190.886-185.4L24.139.746 0 25.6l165.282 160.56z'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
}


/* fctb image transitions */

#fctb_thickbox .fctb_thickbox_image {
    -webkit-transform:translate(-50%,-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform:translate(-50%,-50%); /* IE 9 */
    transform:translate(-50%,-50%);
    transition: opacity .3s ease;
}


#fctb_thickbox.current0 .fctb_thickbox_image.image1,
#fctb_thickbox.current1 .fctb_thickbox_image.image0 {
    opacity: 0;
}

#fctb_thickbox.current0 .fctb_thickbox_image.image0,
#fctb_thickbox.current1 .fctb_thickbox_image.image1 {
    opacity: 1;
}


@keyframes fctb_left_out {
      0% { transform: translate(-50%, -50%); opacity: 1; }
    100% { transform: translate(-40%, -50%); opacity: 0; }
}

@keyframes fctb_left_in {
      0% { transform: translate(-60%, -50%); opacity: 0; }
    100% { transform: translate(-50%, -50%); opacity: 1; }
}

@keyframes fctb_right_out {
      0% { transform: translate(-50%, -50%); opacity: 1; }
    100% { transform: translate(-60%, -50%); opacity: 0; }
}

@keyframes fctb_right_in {
      0% { transform: translate(-40%, -50%); opacity: 0; }
    100% { transform: translate(-50%, -50%); opacity: 1; }
}


#fctb_thickbox .fctb_thickbox_image {
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: none;
    animation-direction: normal;
}


#fctb_thickbox.direction_left.current0 .fctb_thickbox_image.image0,
#fctb_thickbox.direction_left.current1 .fctb_thickbox_image.image1 {
    animation-name: fctb_left_in;
    animation-timing-function: ease;
}

#fctb_thickbox.direction_left.current0 .fctb_thickbox_image.image1,
#fctb_thickbox.direction_left.current1 .fctb_thickbox_image.image0 {
    animation-name: fctb_left_out;
    animation-timing-function: ease;
}


#fctb_thickbox.direction_right.current0 .fctb_thickbox_image.image0,
#fctb_thickbox.direction_right.current1 .fctb_thickbox_image.image1 {
    animation-name: fctb_right_in;
    animation-timing-function: ease;
}

#fctb_thickbox.direction_right.current0 .fctb_thickbox_image.image1,
#fctb_thickbox.direction_right.current1 .fctb_thickbox_image.image0 {
    animation-name: fctb_right_out;
    animation-timing-function: ease;
}