/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/*--------------------------------------------------------
# New JM Styles for new look Home Page 
Font styling rules*/

@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.eot');
    src: url('fonts/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('fonts/poppins-bold-webfont.woff') format('woff'),
         url('fonts/poppins-bold-webfont.ttf') format('truetype'),
         url('fonts/poppins-bold-webfont.svg#poppinsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#page-wrapper section h2 {
    font-family: 'poppinsbold';	
}


/*--------------------------------------------------------
# Genearl Layout Styles */

.center-content {
    width: 100%;
    max-width: 1600px;
    padding: 0 15px;
    margin: 0 auto;
}

#page-wrapper section ul::after,
.center-content::after {
    content: '';
    display: block;
    clear: both;    
}

.page-template-page-home main {
	padding: 0!important;
}

#page-wrapper section {
	margin-bottom: 50px;
}


/*--------------------------------------------------------
# Page Typography Styles */

.title-wrapper {
	margin-bottom: 50px;
}

#page-wrapper section h2 {
	text-align: center;
	font-weight: 300;
	font-size: 1.875em;	
	margin: 0;
	padding: 0;	
	line-height: 1.3!important;
}

.line {
	width: 250px;
	margin: 20px auto 0;
	height: 2px;
	background-color: #ed2024;
}

#page-wrapper section h3 {
	color: #000;
	margin: 0;
	padding: 0;	
	font-size: 1.2em;
	line-height: 1.2em !important;
}

#page-wrapper section p {
	font-size: 0.9em;
	margin: 10px 0 0;
	padding: 0;
	line-height: 1.4em !important;
}


/*--------------------------------------------------------
# Page Box Styles */

#page-wrapper section ul::after {
	content: "";
	clear: both;
	display: table;
}

#page-wrapper section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#page-wrapper section li {
	padding: 0 12.5px;
	position: relative;
}

#page-wrapper section li:hover .front {
	display: none;
}

.front {
	position: absolute;
  	z-index: 1;
	width: 100%;
	transition: all 0.5s ease-in;
	opacity: 1;
}

#page-wrapper section li:hover .front {
	opacity: 0;
}

.project-deliverables-list li,
.services-list li {
	width: 20%;
	float: left;
}

.back {
	position: absolute;
	z-index: 2;
	width: 100%;
	opacity: 0;
	text-align: center;
	transition: all 0.5s ease-out;
}

#page-wrapper section li:hover .back {
	opacity: 1;
}

.other-services-block .back,
.additional-services-block .back,
.services-block .back {
	height: 460px;
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;  
}

.other-services-block .back {
	height: 300px;
}

.other-services-block .back .list-item-wrapper,
.additional-services-block .back .list-item-wrapper,
.services-block .back .list-item-wrapper {
	position: relative;
    top: 50%;
    transform: translateY(-50%); 	
}

.other-services-list li {
	width: 33.3%;
	float: left;
	padding: 0 12.5px;
}

.additional-services-block .services-list li {
	width: 25%;
	float: left;
	padding: 0 12.5px;
	margin-bottom: 25px;
}

.list-item-wrapper-services {
	background-color: #E8E8E8;
	border-left: 1px solid #ed2024;
	position: relative;		
	height: 460px;
}

.other-services-block .list-item-wrapper-services {
	background-color: #fff;
	height: 300px;
	border: none;
	border-radius: 5px;
}

.additional-services-block .list-item-wrapper-services {
	height: 430px;
}

.locations-list li {
	width: 50%;
	float: left;
}

.locations-list li:nth-child(odd) {
	padding-left: 12.5px;
  }
  
.locations-list li:nth-child(even) {
	padding-right: 12.5px;
  }

.service-thumb {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 200px;
}

.list-item-wrapper {
	padding: 20px;
	position:relative;
}

.other-services-block,
.project-deliverables-block {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.other-services-block .overlay {
	padding: 50px 0;
	background-color: rgb(255, 255, 255, 0.66);	
}

#page-wrapper section.other-services-block {
	margin-bottom: 0;
}

.project-deliverables-block .overlay {
	padding: 50px 0;
	background-color: rgb(255, 255, 255, 0.33);	
}

p.center,
.project-deliverables-block h3 {
	text-align: center;
}

#page-wrapper section p.center {
	font-size: 1.1em;
	width: 100%;
	max-width: 800px;
	margin: 15px auto 0;
}

#page-wrapper section ul.project-deliverables-list {
	margin: 10px auto 0;
	width: 100%;
	max-width: 1200px;
}

.project-deliverables-list li {
	text-align: center;
}

.project-deliverables-list h4 {
	font-size: 1.125em;
	margin: 15px 0 0;
	padding: 0;
}

.project-deliverables-list i {
	background-color: #333;
	color: #fff;
	padding: 20px;
	border-radius: 50%;
	font-size: 2.5em;	
}

#page-wrapper section .project-deliverables-list li p {
	margin-top: 0;
}

a.mobile,
.list-item-wrapper .btn,
.project-deliverables-block .btn {
	margin: 10px auto 0;
	width: 100%;
	max-width: 180px;
	text-align: center;
	padding: 9px;
	display: block;
	border: 2px solid  #ed2024;
	background-color: #ed2024;
	color: #fff;
	border-radius: 5px;
}

a.mobile {
	margin: 15px 0 0;
	font-size: 0.9em;
	max-width: 160px;	
}

.list-item-wrapper .btn {
	margin-top: 15px;
	font-size: 0.9em;
	max-width: 170px;
}

a.mobile,
.mobile {
	display: none;
}

a.mobile:hover,
.list-item-wrapper .btn:hover,
.project-deliverables-block .btn:hover {
	background: none;
	color:  #ed2024;
}

.wpgmza_map {
	margin-bottom: 15px;
}

.office-locations-block a {
	color:  #ed2024;
}

#footer-new {
	text-align: center;
	color: #fff;	
	border: none;
}

#footer-new a {
	color: #fff;
}

#footer-logo img {
	max-width: 300px;
}

#social-media-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

#social-media-links li {
	display: inline-block;
	margin: 0 10px;
	font-size: 2em;
}

.contact-info-container {
	width: 100%;
	font-size: 0.9em;
	color: #ddd;
}

.contact-info-container p {
	max-width: 500px;
	margin: 10px auto 15px;
	width: 100%;	
}

.contact-info-container li {
	display: inline-block;
	border-right: 1px solid #ddd;
	margin: 0;
	padding: 0 20px;
	font-size: 0.9em;
}

.contact-info-container li:last-of-type {
	border-right: none;
}

.other-services-list li {
	padding: 0 12.5px;
	text-align: center;
}

.item-wrapper-outer {
	background-color: #fff;
	border-radius: 5px;
	position: relative;
	height: 310px;
	padding: 25px;
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; 	
}

.item-wrapper-inner {
	position: relative;
    top: 50%;
    transform: translateY(-50%); 	
}


/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 1460px) {
	.additional-services-block .services-list li {
		width: 33.3%;
	}
}

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 1460px) {
	.project-deliverables-list li, .services-list li {
		width: 33.3%;
		margin-bottom: 25px;
	  }
}

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 1260px) {
	.additional-services-block .back,
	.additional-services-block .list-item-wrapper-services {
		height: 400px;
	}
	.additional-services-block .services-list li {
		width: 50%;
	}	
}

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 1060px) {
	.project-deliverables-list li, .services-list li {
		width: 33.3%;
	  }
	  #page-wrapper section li:hover .back {
		opacity: 0;
	  }
	  #page-wrapper section li:hover .front {
		opacity: 1;
		display: block;
	  }
}

/*--------------------------------------------------------
# Touch Device Only Styles */
@media (hover: none) {
	a.mobile,
	.mobile {
		display: block;
	  }
}

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 960px) {
	.services-block .list-item-wrapper-services,
	.services-block .back {
		height: 500px;
	}
	.additional-services-block .back, .additional-services-block .list-item-wrapper-services {
		height: 450px;
	  }	
}

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 800px) {
	.services-list li {
		width: 50%;
	}
}

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 700px) {
	.locations-list li {
		width: 100%;
		margin-bottom: 15px;
	}
	.list-item-wrapper-services h3 {
		font-size: 1.2em;
	}
	.additional-services-block .services-list li {
		width: 100%;
	}
	.additional-services-block .list-item-wrapper-services,
	.additional-services-block .back, .additional-services-block .list-item-wrapper-services {
		height: 450px;
	}
	#page-wrapper section li {
		padding: 0;
	}			
}

/*--------------------------------------------------------
# Break Point Styles */
@media screen and (max-width: 500px) {
	.page-template-page-home .fusion-header-wrapper {
		position: fixed;
  		width: 100%;
	}
	#wrapper .fusion-mobile-menu-design-classic.fusion-header-v1 .fusion-logo a {
		text-align: left;
	}
	html.avada-has-site-width-percent.avada-has-site-width-100-percent #wrapper .fusion-header {
		padding-left: 15px;
	}
	.services-block .list-item-wrapper-services, .services-block .back,
	.list-item-wrapper-services {
		height: 420px;
	}
	.other-services-block .list-item-wrapper-services {
		height: 280px;
	}
	#rum_sst_tab {
		display: none;
	}
	#page-wrapper section.slideshow-block {
		margin-bottom: 30px;
	}
	.locations-list li,
	.other-services-list li, .additional-services-block .services-list li,
	.project-deliverables-list li, .services-list li {
		width: 100%;
		margin-bottom: 15px;
	}	
	.project-deliverables-list li {
		width: 50%;
		float: left;
	}
	.project-deliverables-list li .list-item-wrapper {
		padding: 7.5px;
	}
	#page-wrapper section ul {
		display: block;
	}
	.back {
		display: none;
	}
	.title-wrapper {
		margin-bottom: 30px;
	  }	
	.line {
		margin-top: 10px;
	}
	.other-services-block .list-item-wrapper,
	.office-locations-block .list-item-wrapper {
		padding: 0;
	}
	.other-services-block .overlay {
		padding-bottom: 35px;
	}
	#footer-logo img {
		max-width: 225px;
	}	
	#social-media-links li {
		font-size: 1.75em;
	}
	.contact-info-container li,
	.contact-info-container {
		font-size: 0.8em;
	}
	.contact-info-container li {
		padding: 5px 0;
		display: block;
		line-height: 1.3em;
		border: none;
	}
	.other-services-block img {
		max-width: 200px;
	}
}