/*
 * Text-Editor only CSS
 * CSS classes breakdown for different types of styling
 * This file CANNOT be used globally
 *
 */

/* Image Cropping 
 * These styles are also added in the custom.css (global)
 */
.homepage-slider li {position: relative; background-color: #CCC;opacity:0;transition:0.5s}
.homepage-slider li img.image-loaded { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.homepage-slider li h1{opacity:0}

/* Slider specific classes and styling
 * This portion CAN be used globally
 */
.font-georgia .h1 { font-family: Georgia, Times, "Times New Roman", serif; }
.font-6_8rem .h1 { font-size: 6.8rem; white-space: nowrap;}
.font-white .h1 { color: #FFF; }
.font-italic .h1 { font-style: italic; }
.text-overlay-yes .h1 { position: absolute; }
.text-y-center .h1 { transform: translateY(-50%); top: 50%;}
.text-x-center .h1 { transform: translateX(-50%); left: 50%;}
.text-xy-center .h1 { transform: translate(-50%, -50%); left: 50%; top: 50%;}
.text-x-left-10per .h1 {left: 10%;}

.font-small-sans span { font-family: sans-serif,Arial,Helvetica Neue,Helvetica; }
.font-small-3_2rem span { font-size: 3.2rem; }
.font-small-weight-700 span.bold-text { font-weight: 700; }
.font-small-display-block span {display: block;}
.font-small-font-stretch span {font-stretch: condensed;}
.font-small-space-top span { margin-top: 0.6rem; }

.text-x-right-10per .h1 {right: 10%;}
.font-5_8rem .h1 { font-size: 5.8rem; }
.font-large-sans .h1 { font-family: sans-serif,Arial,Helvetica Neue,Helvetica; }
.text-align-right .h1{ text-align: right; }

.text-align-center .h1 { text-align: center; }
.width-100per .h1 { width:100%; }

.font-black .h1 { color: #000; }

.text-y-bottom-10per .h1 { bottom: 10%; }
.font-small-3_6rem span { font-size: 3.6rem; }

.font-orange .h1 { color: #f63; }

.text-background-translucent .h1 { background:rgba(255,255,255,0.6); }
.box-padding-20px .h1 { padding:20px }
.font-blue .h1 { color:#00365f; }
.text-x-right-5per .h1 {right: 5%;}

.font-6rem .h1 { font-size: 6rem; }
.font-gray .h1 { color:#7F7F7F; }
.font-large-weight-700 .h1 { font-weight: 700; }


/* Responsive CSS, already added in custom.css (global) */
@media only screen and (max-width:1024px) {
	.homepage-slider li .h1 span {
		font-size: 3.2rem;
		top: 1rem;
	}
}
@media only screen and (max-width:1023px) {
	.homepage-slider li .h1 {
		font-size: 3.8rem !important;
	}
}
@media only screen and (max-width:559px) {
	.homepage-slider li .h1 {
		font-size:	2rem !important;
	}
}
@media only screen and (max-width:768px) {
	.homepage-slider li .h1 span {
		font-size: 1.8rem;
		top: 1rem;
	}
}
@media only screen and (max-width:767px) {
	.bx-wrapper .bx-pager {
		display: none;
	}
}
@media only screen and (max-width:480px) {
	.homepage-slider li .h1 span {
		font-size: 1.8rem;
	}
}