/*

Theme Name: The Fifth Wall

Theme URI: https://thefithwall.ca

Description: This is custom theme for The Fifth Wall.

Author: eSimplified

Author URI: http://esimplified.ca

Version: 1.0.0

*/



/*

 * 

 * ,

.work h1,

.bg h1 



	font-family: "DIN W01 Regular" !important;

@import url("https://fonts.googleapis.com/css?family=Ropa+Sans");



*/

a {

    color: #3d6c74!important;

}



html, body {

	font-family: "DIN W01 Regular", sans-serif !important;

	/*font-family: Georgia, Times, Times New Roman, serif !important;*/

}

h1, h2, h3, h4, h5, h6 {

	font-family: "DIN W01 Bold" !important;

	font-weight: 100 !important;

	color: #3d6c74 !important;

}

.din-bold {

	font-family: "DIN W01 Bold" !important;

}

h4 {

	font-size: 1.5rem !important;

}

p {

	line-height: 1.7 !important;

	font-size: 15px !important;

}

.menu-main>li>a {

	font-family: "DIN W01 Regular", sans-serif !important;

	color: white !important;

}

.page-template-template-home .outer, .single-project .outer, .page-template-template-project .outer, .single-testimonials .outer {

    padding: 6.85% 2.85% 1.85% 2.85% !important;

}





/* header of each page, there was no class */

div.bg div>div>h1, .page-template-page-contact .row.content h1 {

	padding-top: 5px !important;

	border-bottom: 1px solid #3d6c74 !important;

	padding-bottom: 17px !important;

	margin-bottom: 40px !important;

	color: black !important;

}

/*.page-template-page-service div.bg div>div>p:nth-child(2), .page-template-page-about div.bg div>div>p:nth-child(2), .page-template-page-inovation div.bg div>div>p:nth-child(2) {

	font-size: 1.6rem !important;

	font-family: "DIN W01 Regular" !important;

	color: gray!important;

	padding-bottom: 6px!important;

	line-height: 1.5 !important;

}

*/

.page-template-page-service div.bg div>div>p, .page-template-page-about div.bg div>div>p, .page-template-page-inovation div.bg div>div>p{

	font-size: 1rem !important;

	font-family: "DIN W01 Regular" !important;

	color: gray!important;

	padding-bottom: 6px!important;

	line-height: 1.5 !important;

}



.outer li{ 

	font-size: 1rem !important;

	font-family: "DIN W01 Regular" !important;

	color: gray!important;

}



.work-title {

	font-size: 15px;

	color: #000;

	margin-top: 0;

	font-family: "DIN W01 Bold", sans-serif !important;

}

.marklogo {

	margin: 20px 0;

	/*border:1px solid #CCC;*/

	padding: 5px;

}

.marklogo img {

	width: 11%;

	margin-right: 18px;

}

.outer {

	padding: 1.85% 9.85% !important;

}

.row.content,.row.work, footer .row {

	max-width: 980px !important;

}

.featured-work::after, .work-preview::after {

	background: rgba(61, 108, 116, 0.28) !important;

}

.menu-main>li>a:hover {

	text-decoration: none !important;

	font-weight: bold !important;

}

.menu-main {

	/* 	width: 307px !important; */

}

.outer {

	padding: 1.85% 9.85% !important;

}

.services {

	padding-top: 10px !important;

	padding-bottom: 10px !important;

}

.row.content.work {

	margin-top: 0px !important;

}

.work .content {

	box-shadow: none !important;

}

.bx-next:hover, .bx-prev:hover {

	background-color: #1a3e43e6 !important;

}

.menu-box {

	background: #1a3e43e8 !important;

}

.hamburger-menu {

	background: #375b65 !important;

	border: 1px solid #3d6c74 !important;

	height: 70px !important;



}

.hamburger-menu span, .hamburger-menu span:before, .hamburger-menu span:after {

	background: #fff !important;

}

.main-menu-wrap .logo {

	background: #ffffffe8 !important;

	margin-top: 0 !important;

	width: 288px !important;

}

.logo {

	padding: 0 !important;

	margin: 0 !important;

}

.logo img {

	width: 288px !important;

	height: 70px !important;

	max-width: inherit !important;

	max-height: inherit !important;

}

.loaded .main-menu-wrap .logo {

	display: block !important;

}

.marklogo {

	margin: 0 !important;

	padding: 0 !important;

}

.profile-title {

	font-size: 17px !important;

	color: black !important;

	border-bottom: 1px solid #bdbdbd;

	padding-bottom: 8px !important;

	text-transform: uppercase !important;

}

.row.content.ourteam {

	padding-top: 32px !important;

}

.posting-block h4 {

	text-transform: inherit !important;

	margin-top: 1.7px !important;

	font-size: 1.5rem !important;

}

.client-name {

	margin-top: -11.3px !important;

	font-style: italic !important;

}



.inovation img {

    padding-bottom: 22px !important;

}

/* SINGLE PROJECT */

.single-project .row.work:first-child  {

	padding-top: 1.4% !important;

}

.single-project .row.work {

	padding-top: 0 !important;

}

	.row.work .content-image {

		padding-bottom: 22px;

	}

.work-details {

	padding-top: 7.4% !important;

}

.address-list {

	position: relative;

	margin: 1em;

	overflow: hidden;

}

address {

	font-family: "DIN W01 Bold" !important;

	color: #2f5c66;

	letter-spacing: 0.05rem;

}

address a {

	color: #747474 !important;

}

.address-list ul {

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: space-between;

	margin: 0 auto;

	list-style: none;

	max-width: 600px

}

.address-list li {

	flex-grow: 1;

	flex-basis: auto;

	margin: .25em 0;

	padding: 0;

	text-align: center;

	border-left: 1px solid #ccc;

	background-color: #fff;

}

.address-list li:first-child {

	border-left: none;

}

.address-pipe {

	font-size: 0.9rem !important;

	font-family: "DIN W01 Regular", sans-serif !important;

	padding: 0 4px !important;

}

.readmore {

	text-transform: uppercase !important;

	font-family: "DIN W01 Bold" !important;

	font-size: 0.7rem !important;

	padding-left: 7px !important;

}

a.readmore {

	color: #295c65e6 !important;

}

.footer {

	background-color: #fff !important;

	margin-top: 0 !important;

}

.footer-content p {

	font-size: 0.8rem !important;

}

.footer-logo img {

	padding-bottom: 0.5rem !important;

	max-width: 220px;

}

.copyright p {

	font-size: 0.7rem !important;

}

input[type="submit"] {

	background: #3d6c74 !important;

	;

	height: 39px !important;

	;

	-moz-border-radius: 0 !important;

	;

	-webkit-border-radius: 0 !important;

	;

	border-radius: 0 !important;

	;

}

.themap {

	text-align: center;

	/* ensures the image is always in the h-middle */

	overflow: hidden;

	/* hide the cropped portion */

}

.themap img {

	/* 	max-width: inherit !important; */

	position: relative;

	left: 100%;

	margin-left: -200%;

	margin-top: 0px;

}

@media screen and (min-width: 960px) {

	.work-preview {

		width: calc(34.5% - 36px) !important;

	}

}

/** Tablet Landscape **/



@media screen and (max-width: 1024px) {



}





/* Small only */

@media screen and (max-width: 39.9375em) {

	

	.page-template-page-about .row.content {

    padding: 80px 15px 0!important;

	}



	.menu-box {

    width: 94vw !important;

	}

	.menu-main > li {

    text-align: left !important;

	}

	.work-previews {

		width: inherit !important;

		padding: 0 !important;

		margin: 0 0 22px !important;

	}

	.themap img {

		max-width: inherit !important;

		margin-left: -267%;

		margin-top: 0px;

		height: 260px !important;

	}



		.address-list li {

		float: none;

		border-left: 0;

		max-width: inherit;

		margin: 0;

	}

	footer p {

		padding-bottom: 22px !important;

		text-align: center !important;

	}

	.marklogo img {

		width: 29.2%;

	}

}



/* Medium and up */

@media screen and (min-width: 40em) {}



/* Medium only */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {



	.menu-box {

		width: 93.4% !important;

	}

	.page-template-page-about .row.content {

		padding: 12px 15px 0 !important;

	}

	.page-template-page-about .copyright .columns {

		padding: 0 !important;

	}

	.copyright p {

		padding: 0 !important;

		margin: 0 !important;

	}

	.marklogo img {

		width: 18.6%;

	}

	.main-menu-wrap {

		background: #ffffff70 !important;

	}

	.main-menu-wrap {

		background: none !important;

	}

	.profile-title {

		margin-top: 38px !important;

	}





}

/* Large and up */

@media screen and (min-width: 64em) {}





/* Large only */

@media screen and (min-width: 64em) and (max-width: 74.9375em) {}





/** strange code in original template **/

.row.content::before, .row.content::after {

	display: none !important;

}





.profile-position{ font-size:16px !important; color:black !important;}