/*
 Theme Name:   Smith & Jones
 Description:  Built by Bill Hanson
 Author:       Bill Hanson
 Author URI:   http://billhansondesign.com
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* GLOBAL STYLES */
#main-content {
	background: rgba(43, 43, 43, 0.7); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(125deg, rgba(43, 43, 43, 0.7), rgba(124, 124, 124, 0.5)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(125deg, rgba(43, 43, 43, 0.7), rgba(124, 124, 124, 0.5)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(125deg, rgba(43, 43, 43, 0.7), rgba(124, 124, 124, 0.5)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(124, 124, 124, 0.5)); /* Standard syntax */
}
#body_content.et_pb_row_0, 
#body_content.et_pb_row_1 {
	-webkit-box-shadow: 6px 0px 10px rgba( 0, 0, 0, 0.5), -6px 0px 10px rgba( 0, 0, 0, 0.5);
	-moz-box-shadow: 6px 0px 10px rgba( 0, 0, 0, 0.5), -6px 0px 10px rgba( 0, 0, 0, 0.5);
	box-shadow: 6px 0px 10px rgba( 0, 0, 0, 0.5), -6px 0px 10px rgba( 0, 0, 0, 0.5);
}
h2 {
	font-size:28px !important;
}
#services h1 {
	/*font-size: 36px;*/
	color: #ffcc00 !important;
}
#service-blurb h4 {
	color: #ffcc00 !important;
}
.sj_button {
	box-shadow: -4px 4px 8px 0px rgba(0, 0, 0, 0.16), 4px 4px 8px 0px rgba(0, 0, 0, 0.32);
	margin-bottom: 40px !important;
	position: relative;
	top: -2px;
}
.sj_button:hover {
	box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.16), 2px 2px 6px 0px rgba(0, 0, 0, 0.32);
	position: relative;
	top: -0px;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}
.sj_icons a img:hover {
	box-shadow: -4px 6px 8px 0px rgba(0, 0, 0, 0.16), 4px 4px 8px 0px rgba(0, 0, 0, 0.32);
	border-radius: 100%;
	position: relative;
	top: -2px;
	-webkit-transition-timing-function: ease;
	-mpz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}
#sj_header, .border_bottom {
	border-bottom: 15px solid #2B2B2B;
}
#clients, #screen-printing, #embroidery, #promo-items, #contact {
	padding: 20px 0px;
}
.row_top {
	box-shadow: -2px 4px 10px 4px rgba(0, 0, 0, 0.16), 3px 4px 10px 4px rgba(0, 0, 0, 0.32);
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0px 0px;
}
.row_bottom {
	box-shadow: -2px 4px 10px 4px rgba(0, 0, 0, 0.16), 3px 4px 10px 4px rgba(0, 0, 0, 0.32);
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;
}
.row_cols {
	box-shadow: -2px 4px 10px 4px rgba(0, 0, 0, 0.16), 3px 4px 10px 4px rgba(0, 0, 0, 0.32);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 0px;
}
.row_square {
	box-shadow: -2px 4px 10px 4px rgba(0, 0, 0, 0.16), 3px 4px 10px 4px rgba(0, 0, 0, 0.32);
}
.row_col_lt {
	-webkit-border-radius: 15px 0px 0px 15px;
	-moz-border-radius: 15px 0px 0px 15px;
	border-radius: 15px 0px 0px 15px;
}
.row_col_rt {
	-webkit-border-radius: 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px;
	border-radius: 0px 15px 15px 0px;
}
.toggles {
	margin: 0px 60px !important;
}
#contact {
	padding-right: 20px;
	padding-left: 20px;
}
#contact .et_pb_column {
	border: 1px solid #666666;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
@media (max-width: 980px) {
	#body_content.et_pb_section_0, 
	#body_content.et_pb_section_1 {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#contact {
	padding-right: 0px;
	padding-left: 0px;
}
	#contact .et_pb_column {
		border: 0px solid #666666;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	/*h1 {
		font-size: 33px !important;
		line-height: 1.30;
	}
	h2 {
		font-size: 24px !important;
		line-height: 1.5;
	}
	.header-content h1 {
		font-size: 28px !important;
	}
	.et_pb_fullwidth_header_subhead {
		font-size: 24px !important;
	}*/
	h5, h2 {
		font-size: 20px;
	}
	#clients {
		padding: 20px 0px 5px 0px;
	}
	#screen-printing, #embroidery, #promo-items {
		padding: 1px 0px;
	}
	#contact {
		padding: 1px 0px 20px 0px;
	}
	.row_col_lt {
	  -webkit-border-radius: 15px 15px 0px 0px;
	  -moz-border-radius: 15px 15px 0px 0px;
	  border-radius: 15px 15px 0px 0px;
	}
	.row_col_rt {
	  -webkit-border-radius: 0px 0px 15px 15px;
	  -moz-border-radius: 0px 0px 15px 15px;
	  border-radius: 0px 0px 15px 15px;
	}
	.sec_title .et_pb_text_0 h1 {
		text-shadow: -3px 3px rgba(0, 0, 0, 0.16), 3px 3px rgba(0, 0, 0, 0.32) !important;
	}
	#service-blurb, #service-blurb h4 {
		font-size: 24px;
		line-height: 1.2em;
		margin-bottom: 40px;
	}
	#service-blurb h4 {
		font-size: 24px;
		line-height: 1.2em;
		margin-bottom: 0px;
	}
	#clients .p1, #screen-printing .p1, #embroidery .p1, #promo-items .p1, #contact .p1, #services p {
		font-size: 24px;
		line-height: 1.4em;
	}
	.toggles {
		margin: 0px 10px !important;
	}
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
	.one_fourth {
		width: 46% !important;
		height: 120px;
		float: left !important;
		margin-top: 10px;
	}
	h1 {
		font-size: 48px !important;
		line-height: 1.30;
	}
	h2 {
		font-size: 24px !important;
		line-height: 1.5;
	}
	.header-content h1 {
		font-size: 36px !important;
	}
	.et_pb_fullwidth_header_subhead {
		font-size: 24px !important;
	}
	#services h1 {
	font-size: 48px;
}
	.row_col_rt {
		padding-top: 200px;
	}
	.logo_spacer {
		display: none;
	}
}
.gradient_bg_d {
	background: rgba(43, 43, 43, 0.7); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(90deg, rgba(43, 43, 43, 0.7), rgba(124, 124, 124, 0.5)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(90deg, rgba(43, 43, 43, 0.7), rgba(124, 124, 124, 0.5)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(90deg, rgba(43, 43, 43, 0.7), rgba(124, 124, 124, 0.5)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(90deg, rgba(43, 43, 43, 0.7), rgba(124, 124, 124, 0.5)); /* Standard syntax */
}
.gradient_bg_dk_solid {
	background: rgba(43, 43, 43, 1); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, rgba(43, 43, 43, 1), rgba(105, 105, 105, 1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(43, 43, 43, 1), rgba(105, 105, 105, 1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(43, 43, 43, 1), rgba(105, 105, 105, 1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(43, 43, 43, 1), rgba(105, 105, 105, 1)); /* Standard syntax */
}
.gradient_bg_light {
	background: #CCC; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(160deg, #ffffff 50%, #ccc 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(-160deg, #ffffff 50%, #ccc 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(-160deg, #ffffff 50%, #ccc 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(160deg, #ffffff 50%, #ccc 100%); /* Standard syntax */
}
/* Client Logos */
.logo_spacer {
	margin: 0px;
	display: block;
}
.one_fourth img {
	vertical-align: middle !important;
}
@media (max-width: 980px) {
	.logo_spacer {
		display: none;
	}
}
/* screen printing styles */
.bg_contact {
	background: url(http://smithandjones.cc/wp-content/uploads/2017/04/col-bg-contact.jpg) no-repeat right;
	background-size: cover;
	background-position: center;
}
/* embroidery styles */
.bg_embroider {
	background: url(http://smithandjones.cc/wp-content/uploads/2017/04/col-bg-embroidery.jpg) no-repeat right;
	background-size: cover;
	background-position: center;
}
/* pad printing styles */
.bg_pad {
	background: url(http://smithandjones.cc/wp-content/uploads/2017/04/col-bg-pad.jpg) no-repeat right;
	background-size: cover;
	background-position: center;
}
.bg_screen {
	background: url(http://smithandjones.cc/wp-content/uploads/2017/04/row-bg-screen-2.jpg) no-repeat right;
	background-size: cover;
	background-position: center;
}
@media (max-width: 766px) { // provides space to see background images
	.row_col_rt { 
		padding-top: 100px;
	}
}
@media (max-width: 1024px) {
	.bg_contact {
		background: url(http://smithandjones.cc/wp-content/uploads/2017/04/col-bg-contact.jpg) no-repeat right;
		background-size: cover;
		background-position: center bottom;
	}
}
/* Contact Form */
.contact_form {
	padding: 20px 60px;
}
.contact_form .input {
	box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.16), 1px 1px 1px 0px rgba(0, 0, 0, 0.32);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.contact_form .et_contact_bottom_container {
	padding: 10px;
}
@media (max-width: 980px) {
	.contact_form {
		padding: 20px;
	}
	.contact_form .et_pb_contact_field_3 {
		padding-left: 0px !important;
		padding-bottom: 0px !important;
		margin-left: 3% !important;
		margin-bottom: 0px !important;
		box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.16), 1px 1px 1px 0px rgba(0, 0, 0, 0.32) !important;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		display: block;
	}
	.contact_form .et_pb_contact_field_3 textarea {
		margin-bottom: -10px !important;
	}
	.contact_form .et_contact_bottom_container {
		width: 100%;
		padding: 0px;
	}
	.contact_form .et_contact_bottom_container .et_pb_contact_right {
		margin: 10px 20px;
		float: none !important;
	}
	.contact_form .et_contact_bottom_container .et_pb_contact_right,
	.contact_form .et_contact_bottom_container p.clearfix,
	.contact_form .et_contact_bottom_container button {
		text-align: center;
		display: block !important;
		margin: 20px auto;
	}
}
/* SMITH & JONES #5 */
#methods { padding: 0px;}
/* SMITH & JONES #6 */
#blurb_yellow_icon .sj_icons_6 a img {
	transition: all .1s ease-in-out;
	position: relative;
	top: -2px;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease
}
#blurb_yellow_icon .sj_icons_6 a img:hover {
	box-shadow: 0px 4px 18px 10px rgba(237, 203, 0, 0.32);
	border-radius: 100%;
	transform: scale(1.1);
	position: relative;
	top: -8px;
	-webkit-transition-timing-function: ease;
	-mpz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}
#services .yellow_bg h1 {
	color: #000000 !important;
}
.service_quote_btn {
	background: -webkit-linear-gradient(rgba(237, 203, 0, 1), rgba(237, 203, 0, 0.7)) !important;
	color: #000000 !important;
	transition: all .1s ease-in-out;
	-webkit-transition-timing-function: ease;
	-mpz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}
.service_quote_btn:hover {
	background: -webkit-linear-gradient(rgba(237, 203, 0, 1), rgba(237, 203, 0, 0.9)) !important;
	color: #000000 !important;
	-webkit-transition-timing-function: ease;
	-mpz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}