/*
Theme Name: Chase Architecture
Author: Sidewalk Cafe Design
Template: jumpstart
*/

/* Colors
	Reddish orange:ff3d20
*/


/* Puts white space above header */
.site-header {
	margin-top:50px;
}

@media (max-width: 991px){
	.site-header {
		margin-top:0;
	}
}

.element-section {
	padding:30px;
}

.element-section>.element, .element-columns .element {
	margin-bottom:20px;
}


/******* Navigation *********/

/* Moves orange block (hover and current) above header */
.header-nav .tb-primary-menu > li > .menu-btn:before {
	height: 100px;
	top:-60px;
}

/* Padding top and bottom = 80px */
.header-nav .tb-primary-menu > li > .menu-btn {
	text-transform: uppercase;
	padding-top:50px;
	padding-bottom:30px;
/* 	font-weight: bold; */
}

/* Submenu */
.tb-primary-menu ul.sub-menu .menu-btn {
	font-size:16px;
}

.sf-menu ul.non-mega-sub-menu {
	width:150px;
}

/********* Logo **********/

/* Puts padding around logo */

@media (min-width: 992px){
.header-content .header-logo {
	padding-top:17px;
	}
}

@media (max-width: 991px){
	.header-logo img {
		max-height: 70px;/* Was 64px */
	}
}

@media (max-width: 767px){
	.header-logo img {
		max-height: 50px;/* Was 30px */
	}
}



/*************Home**************/

/* Puts white space above large photo at top of page */
.home-top-photo {
	margin-top:10px;
}

/*
Move the text that's over the photo to the left so it lines up with My Services below
*/
.home-text-over-photo {
	font-size: 1.2rem;
	padding-left:40px;
}

/* 	When Mission and Services columns stack this text moves to the left, so get rid of left padding */
@media (max-width: 991px){
	.home-text-over-photo {
		padding-left:0;
	}
}


@media (max-width: 530px){
	.home-text-over-photo {
		font-size: 1rem;
	}
}

/* Set padding on desktop, resets to original padding when stacking (less than 991px) */
@media (min-width: 991px){
	
	.home-left-col {
		padding:0 80px 30px 15px;
	}
}


/* Moves map up so it's even with Services */
.home-right-col img.alignleft {
	margin-top:-50px;
}

/* Puts Mission Statement section closer to photo at top of page */
#home-section-2 {
	padding-top:50px;
}

.name {
	padding-left:90px;
	margin-top:-20px;
}

/*
Under "My Services" in phone size has a thick red line under it. This sets height of line
and removes margin under p
*/

.services p {
	margin-bottom: 5px;
}

.home .tb-divider.solid .divider {
	height: 5px;
}

/*
.news-update a {
	color:#ff3d20;
}
*/

/*
3 boxes with circle and graphic inside. The circle is made from 
milestone element with percentage. Images are in images folder.
*/

.mile-1 .tb-milestone-percent .milestone {
	background:url("assets/images/building-75.png") center no-repeat;
}

.mile-2 .tb-milestone-percent .milestone {
	background:url("assets/images/crane-75.png") center no-repeat;
}

.mile-3 .tb-milestone-percent .milestone {
	background:url("assets/images/diploma-75.png") center no-repeat;
}

/*
This matches h4 so that this section is same size as under
My Services
*/
.tb-milestone-percent .content h5 {
	color:#6d6e71;
	font-size: 1.14rem;
	letter-spacing: 5px;
}

.tb-milestone-percent .content p {
	color:#009f7e;
	font-size: 1rem;
}

/* Puts more padding between milestone columns */
.tb-milestone-percent .content {
	padding:20px 20px 0;
}


/******** Other Pages **********/

/* About Page */

/* Text on top of first image */
.page-id-2 .has-bg h1, .page-id-2 .has-bg h3 {
	text-shadow: 0 4px 6px #333;
	margin-bottom:0;
}

.has-bg h3 {
	margin-top:0;
}

.awards p {
	margin-bottom:10px;
}

.wp-caption .wp-caption-text {
	background:none;
	font-family:"Helvetica", sans-serif;
	font-weight: bold;
}

.site-footer {
	padding:0;
}

/* Services */

/* One author had more info so box wasn't big enough */
/*
.tb-testimonial.standard .author {
	height: 75px;
}
*/

/******** Plugins **********/

/* Gravity Forms */

/* Move radio button container closer to label */
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
	margin-top:8px;
}

/* The radio buttons are too far down. They're farther down on Chrome than Firefox or Safari */
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
	margin-top:2px; /* Was 6px */
}

.gform_wrapper .top_label input.medium {
	width:98%
}