/*
Theme Name: Retouch Child
Author: Salted Stone
Description: Modifications added for TrueMotion's web strategy.

Template: retouch-parent
*/
@font-face {
    font-family: 'modern_pictograms_proregular';
    src: url('fonts/modernpictogramspro_2-webfont.eot');
    src: url('fonts/modernpictogramspro_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/modernpictogramspro_2-webfont.woff') format('woff'),
         url('fonts/modernpictogramspro_2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'social-icons';
    src: url('fonts/s2-2016-social.eot');
    src: url('fonts/s2-2016-social.eot?#iefix') format('embedded-opentype'),
         url('fonts/s2-2016-social.woff') format('woff'),
         url('fonts/s2-2016-social.ttf') format('truetype'),
         url('fonts/s2-2016-social.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
	text-transform: initial;
}

.social-icon {
	font-family: 'social-icons';
}

.c-orange {
	color:#DC4405;
}

.bg-clear {
	background-color:transparent;
}

.button {
	padding:17px;
	font-weight:700;
	font-size:14px;
	line-height:1;
	min-width:200px;
	text-align:center;
	border:1px solid;
	text-transform:uppercase;
	display:inline-block;
	transition:0.2s;
}
.button:hover {
	text-decoration:none;
}

.page-center {
	max-width:1140px;
	padding:0 15px;
	margin:0 auto;
}
.section1 {
	padding:120px 0;
}
.section2 {
	padding:60px 0;
}

/* Layout System */
.columns .column-item {
	float:left;
	box-sizing:border-box;
	position:relative;
	min-height:1px;
	margin-left:2.564102564102564%;
	*margin-left:2.5109110747408616%;
}
.columns .column-item:first-child {
	margin-left:0;
}
.columns:after {
	display:table;
	content:"";
	height:0;
	width:100%;
	clear:both;
}
.column-span-1 {
	width:5.982905982905983%;
	*width:5.929714493544281%;
}
.column-span-2 {
	width:14.52991452991453%;
	*width:14.476723040552828%;
}
.column-span-3 {
	width:23.076923076923077%;
	*width:23.023731587561375%;
}
.column-span-4 {
	width:31.623931623931625%;
	*width:31.570740134569924%;
}
.column-span-5 {
	width:40.17094017094017%;
	*width:40.11774868157847%;
}
.column-span-6 {
	width:48.717948717948715%;
	*width:48.664757228587014%;
}
.column-span-7 {
	width:57.26495726495726%;
	*width:57.21176577559556%;
}
.column-span-8 {
	width:65.81196581196582%;
	*width:65.75877432260411%;
}
.column-span-9 {
	width:74.35897435897436%;
	*width:74.30578286961266%;
}
.column-span-10 {
	width:82.90598290598291%;
	*width:82.8527914166212%;
}
.column-span-11 {
	width:91.45299145299145%;
	*width:91.39979996362975%;
}
.column-span-12 {
	width:100%;
	*width:99.94680851063829%;
}

.c-orange.button:hover {
	color:#FFF;
	background-color:#DC4405;
	border-color:#DC4405;
}

/* Header Static /w Form
============================ */
#content.page-template.a article#welcome.header-static-form {
	padding:220px 0 133px;
}
#welcome.header-static-form h1, #welcome.header-static-form h2 {
	font-size:5.6em;
}
#welcome.header-static-form .column-item.column-span-4 {
    width: auto;
}

#welcome > figure {
    width:473px;
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    margin:0;
}

.header-static-form .gform_wrapper form {
	max-width:70%;
	margin:0;
}
.header-static-form .gform_title, .header-static-form .gform_description, .header-static-form .gform_wrapper .top_label .gfield_label {
	display:none;
}
.header-static-form input {
	font-family:'Open Sans';
	font-size: 1.8em;
	font-weight:300;
	color: #7E7E7E;
	padding:14px 17px!important;
	height:auto!important;
	border-radius:0;
}
.header-static-form .gform_wrapper .gform_footer {
	padding:0;
	margin:0;
	position:relative;
}
.header-static-form input.button {
	background:url(/wp-content/themes/retouch-parent-child/images/submit-arrow.png) center center no-repeat;
	border:none;
	position: absolute;
	top:-37px;
	right:0;
	font-size:0 !important;
	min-width:auto !important;
}
.header-static-form input.button:hover {
	background:url(/wp-content/themes/retouch-parent-child/images/submit-arrow.png) center center no-repeat transparent;
}

#readmore-bar {
	/*width:calc(100% - 553px)!important;*/
	/*text-align:center;*/
	margin-toP:45px;
	font-weight:300;
	font-size:2.1em;
	font-style:italic;
}
#welcome-bar h3 {
	font-size:4.2em;
	font-weight:300;
}
#welcome-bar h4 {
	font-size:2.5em;
	font-weight:300;
}
#welcome-bar .download-a {
	margin-top:30px;
}

/* Single Article
============================ */
#social-share {
	position:fixed;
	top:calc(516px + 9%);
	left:0;
	width:48px;
	z-index:99;
}
#social-share a {
	margin:0!important;
	padding:0!important;
	display:block;
}
#social-share a span {
	display:block;
	width:48px!important;
	height:48px!important;
	line-height:48px!important;
	text-align:center;
}

/* Resources Page
============================ */
#featured-rotator {
	margin-bottom:50px;
	position:relative;
}
#featured-rotator .slick-dots {
	position:absolute;
	top:50%;
	right:30px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
#featured-rotator .slick-dots li {
	width:10px;
	height:10px;
	background:#EFEFEF;
	overflow:hidden;
	border-radius:50%;
	list-style-type:none;
	transition:0.2s;
	cursor:pointer;
}
#featured-rotator .slick-dots li.slick-active {
	background:#DC4405;
}
#featured-rotator .slick-dots li button {
	opacity:0;
}
#featured-rotator .slick-dots li + li {
	margin-top:10px;
}

#resource-feed:after, .featured-slide:after {
	content:"";
	display:table;
	clear:both;
	width:100%;
	height:0;
}
.fs-featured-image {
	width:60%;
	float:left;
	padding:50px;
	box-sizing:border-box;
}
.fs-content {
	float:right;
	padding:50px;
	box-sizing:border-box;
	border:1px solid #EFEFEF;
	width:40%;
	min-height:342px;
}
.fs-featured {
	font-weight:700;
	font-size:14px;
	color:#DC4405;
	letter-spacing:2px;
	line-height:14px;
	text-transform:uppercase;
}
.fs-title {
	font-weight:300;
	font-size:24px;
	color:#000000;
	line-height:28px;
	padding:20px 0;
}
.fs-date {
	font-size:14px;
	color:#415464;
	line-height:14px;
	margin-bottom:40px;
}

#feed-filter {
	text-align:right;
	padding-bottom:40px;
}
#feed-filter ul {
	display:inline-block;
	font-size:0;
	padding-left:0;
	margin-bottom:0;
}
#feed-filter li {
	display:inline-block;
	color:#415464;
	font-size:14px;
}
#feed-filter li:hover {
	color:#E55A00;
	cursor:pointer;
}
.filter-title {
	text-transform:uppercase;
	font-weight:600;
}
#feed-filter .filter-title:hover {
	color:#526777;
	cursor:default;
}
.filter-title-icon {
	margin-left:17px;
}
#feed-filter li + li {
	margin-left:20px;
}

.grid-item {
	margin-bottom:3.464102564%;
	transition:0.2s margin;
}
.grid-item:hover {
	margin-top:-10px;
	/*-webkit-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	transform:translateY(-10px);*/
}
.gutter-sizer {
	width:3.464102564%;
	height:0;
}
.column-sizer {
	width:31%;
	height:0;
}

.third-block {
	width:31%;
	float:left;
}
.twothird-block {
	width:65.45%;
	float:left;
}
.twothird-block:after {
	content:"";
	display:table;
	clear:both;
	width:100%;
	height:0;
}
.twothird-block .rs-thumbnail {
	float:left;
}
.twothird-block .rs-content {
	float:right;
}
.twothird-block:nth-child(even) .rs-thumbnail {
	float:right;
}
.twothird-block:nth-child(even) .rs-content {
	float:left;
}

.twothird-block:nth-child(5n), .altLayout .twothird-block:nth-child(even) {
	width:31%;
}
.twothird-block:nth-child(5n) .rs-content, .altLayout .twothird-block:nth-child(even) .rs-content {
	float:none;
	width:auto;
}
.twothird-block:nth-child(5n) .rs-thumbnail, .altLayout .twothird-block:nth-child(even) .rs-thumbnail {
	display:none;
}


.rs-thumbnail {
	width:40%;
	max-height:342px;
}
.rs-content {
	padding:11%;
	box-sizing:border-box;
	border:1px solid #EFEFEF;
	min-height:342px;
}
.twothird-block .rs-content {
	width:60%;
	padding:48px;
}
.rs-category {
	font-weight:700;
	font-size:14px;
	color:#DC4405;
	letter-spacing:2px;
	line-height:14px;
	text-transform:uppercase;
}
.rs-title {
	font-weight:300;
	font-size:20px;
	color:#000000;
	line-height:28px;
	padding:20px 0;
}
.rs-date {
	font-size:14px;
	color:#415464;
	line-height:14px;
	margin-bottom:40px;
}

.social-item {
	/*background:#415464;*/
	background:#3a3a3a;
	padding:4%;
	color:#FFF;
	min-height:342px;
	box-sizing:border-box;
}
.social-item .social-icon {
	font-size:15px;
}
.social-text {
	font-weight:300;
	font-size:20px;
	line-height:28px;
	padding:20px 0;
}
.social-item-meta {
	font-size: 14px;
	line-height: 14px;
}
.social-item-meta a {
	color:#FFF;
}
/*.social-item:nth-child(even) {
	background:#DC4405;
}*/

#loadmore {
	text-align:center;
}
#loadmore .button {
	cursor:pointer;
}


/* Top Notification Bar */
.home .top-notification-bar { display: block; }
.top-notification-bar { display: none; padding: 0 15px; text-align: center; background: #fff; color: #7E7E7E; font-size: 15px; line-height: 1.33em; }
.top-notification-bar .text { display: inline-block; padding: 0 15px; }
.top-notification-bar .button { margin: 5px 15px; min-width: 0; padding: 12px 20px; }
.top-notification-bar a { font-weight: 600; }
.top-notification-bar .button img { top: -2px; }

@media only screen and (max-width:68.75em) {
	#welcome.header-static-form > figure {
		left: 50%;
	}
	#welcome.header-static-form > .gform_wrapper {
		width:auto;
	}
}

@media only screen and (max-width:641px) {
	.header-static-form input.button {
		min-height:0!important;
		width:auto!important;
		margin:0!important;
		line-height:1!important;
	}
	.header-static-form input {
		line-height:1!important;
	}
}

@media only screen and (max-width:767px) {
	/* Layout System */
	.columns .column-item {
		width:auto;
		float:none;
	}
	.columns .column-item + .column-item {
		margin-top:30px;
	}


	.third-block, .twothird-block, .rs-thumbnail, .rs-content {
		width:100%!important;
		float:none;
		min-height:0;
	}
	.social-item {
		padding:48px;
	}

	.fs-featured-image {
		width:100%;
		float:none;
		padding:80px 0;
	}
	.fs-content {
		float:none;
		width:100%;
	}
	#featured-rotator .slick-dots {
		top:-30px;
		right:auto;
		left:50%;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
		padding-left:0;
		margin-bottom:0;
	}
	#featured-rotator .slick-dots li {
		display:inline-block;
	}
	#featured-rotator .slick-dots li + li {
		margin-top:0;
		margin-left:10px;
	}
}

@media only screen and (max-width:1024px) {
	#social-share {
		position:fixed;
		top:auto;
		bottom:0;
		left:0;
		width:100%;
		background:#2a2a2a;
		height:48px;
		text-align:center;
	}
	#social-share a {
		display:inline-block;
	}
	.button {
		min-width:0;
	}

	#welcome > figure {
		-webkit-transform:translateX(-45%);
		-ms-transform:translateX(-45%);
		transform:translateX(-45%);
	}
}




#our-customers .section { padding: 100px 0; position: initial !important; position: relative !important; z-index: 2; }
#our-customers .section-title { font-size: 36px; color: #000; text-align: center; margin-bottom: 20px; line-height: 1.36em; }
.c-white { color: #fff !important; }
#our-customers  .white-bar { width: 60px; height: 3px; background-color: #fff; margin: 30px auto; }
#our-customers { background-color: #415464; }
div#our-customers:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(images/pattern.png); }

#our-customers .page-center { max-width: 1116px; }
.cl-container { padding: 0; margin: 0; list-style: none; text-align: center; }
.cl-item { display: inline-block; width: calc(98%/5); padding: 15px 22px; box-sizing: border-box; }

/* about-page -------*/
.page-id-1295 .shortcode-container{ position:relative;}
.page-id-1295 #our-customers{ position:relative;}

@media only screen and (max-width:768px) {
	.cl-item { width: calc(98%/3); }
	.header-static-form .gform_wrapper form {
		margin:0 auto;
	}
}
@media only screen and (min-width:320px) and (max-width:1023px) {
	#root #welcome > figure {
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
		margin:-70px auto -20px;
	}
}
@media only screen and (min-width:1024px) and (max-width:1099px) {
	#root #welcome > figure {
		-webkit-transform:translateX(-45%);
		-ms-transform:translateX(-45%);
		transform:translateX(-45%);
	}
}
@media screen and (max-width: 480px){
	.cl-item { width: calc(98%/2); }

}