/*
Theme Name:     Stack Child
Description:    Child theme of the Stack Theme
Author:         Wegrass Interactive
Author URI:     http://wegrass.com
Template:       stack-theme
Version:        1.0
*/

/*Red: #ed1b2e   #ed1b2e

/* ------- Insert custom styles below this line ------- */

.btn-more {
	background: #ed1b2e;
	border-radius: 10px;
	padding: 5px 10px;
	color: #FFF;
}
a [class^="icon-"] {
	color: #ed1b2e !important;
}
#menu-header-submenu {
	float: right;
	padding-top: 4px;
}
#menu-header-submenu li {
	display: inline-block;
	list-style: none;
	margin-right: 5px;
	font-size: .7em;
}
#menu-header-submenu li a {
	color: #dbdbdb;
}
header #social-box {
	position: relative;
	float: right;
}
/*
#primary-nav #primary-nav-list > li.current-menu-item > a, #primary-nav #primary-nav-list > li.current-menu-ancestor > a {
	border-bottom: 3px solid #ed1b2e !important;
}
#primary-nav #primary-nav-list > li a {
	padding: 0 15px 11px 15px !important;
}
header.dark #primary-nav {
	bottom: -16px;
}*/
#primary-nav #primary-nav-list > li ul, #primary-nav #primary-nav-list > li ul li.current-menu-item > a {
	background: #393536;
	border: none;
}
#primary-nav #primary-nav-list > li ul li a {
	color: #FFF;
}

#primary-nav #primary-nav-list > li ul li:hover > a {
	background-color: #ed1b2e;
	border: none; 
}
#primary-nav #primary-nav-list > li ul li {
	border: none;
}
a [class^="icon-"] {
	color: #ed1b2e !important;
}
#primary-nav #primary-nav-list > li.current-menu-item > a, #primary-nav #primary-nav-list > li.current-menu-ancestor > a {
border-bottom: 3px solid #ed1b2e;
}
#page-breadcrumb {
	display: none !important;
}
#usconcrete-sidebar a.active {
	color: #ed1b2e !important;
}
#usconcrete-sidebar a:link, #usconcrete-sidebar a:visited {
	color: #555;
}
#usconcrete-sidebar a:hover,  {
	color: #ed1b2e;
}
#usconcrete-sidebar h3 {
	margin-bottom: 10px;
	border-bottom: 2px solid #777;
	margin-right: 20px;
}
#usconcrete-sidebar ul {
	list-style-type: none;
	padding-left: 5px;
	margin-right: 20px;
}
#usconcrete-sidebar ul li {
	padding: 5px;
	border-bottom: 1px solid #777;
}
#usconcrete-sidebar ul li:first-child {
	padding-top: 0px;
}
.padding-right-20 h1 {
	font-size: 36px;
	line-height: 1.5em;
	margin: 0;
	padding: 0 150px 0 0;
	position: relative;
	margin-top: -12px;
}
.sidebar-template {
	margin-top: -100px;
	background: #FFF;
}
h2 {
	font-size: 22px;
}
#branding {
	margin-top: 0 !important;
	min-width: 200px
}
#branding img {
	width: 100%;
	height: auto;
	max-width: 200px;
}
li.youtube img {
	padding: 6px;	
}
/*---------- Home Page ---------*/

.page-template-page-home-php .featured-stories img {
	height: auto;
}
.page-template-page-home-php #content {
	padding-bottom: 50px;
}
#home-first-row {
	margin-top: 35px;
	margin-bottom: 35px;
}
.featured-first-row p {
	height: 133px;
	overflow: hidden;
}
#home-first-row .featured-image {
	height: 169px;
	overflow: hidden;
}
#home-second-row .featured-image {
	height: 157px;
	overflow: hidden;
}
.news-date {
	color: #ed1b2e;
	font-weight: bold;
}
.page-template-page-home-php h2, .page-template-page-home-php h3 {
	margin: 10px 0px;
}
#news-roll p a {
	color: #555 !important;
}
#news-roll h2 {
	margin-top: -8px;
}
#home-second-row p {
	height: 75px;
}
#more-news {
	font-style: italic;
	color: #555;
}
#more-news:hover {
	font-style: italic;
	color: #ed1b2e;
}
/*---------- Footer ---------*/
footer #social-box {
	position: relative;
	display: inline-block;
	margin: 10px 0 0 0;
}
footer #social-box ul li {
	margin: 0 15px 0 0;	
}
footer {
	font-size: .8em;
	background: #FFF;
	padding-bottom: 30px;
}
footer img {
	display: inline;
}
footer #clients-list img {
	max-width: 200px;
}
#footer-nav li {
	display: inline;
	float: none;
	border: none;
}
#footer-nav {
	border-top: 2px solid #ddd;
	padding-top: 20px;
}
footer a {
	color: #777;
}
#footer-nav ul {
	text-align: center;
}
#top-footer {
	margin-bottom: 20px;
	color: #000;
}
#copyright-social {
	padding-top: 20px;
}
/*---------- Flexslider ---------*/
.flex-control-paging {
	display: none !important;
}
.flexslider {
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	margin-bottom: 0px !important;
}
.flexslider .flex-prev {
    opacity: 1 !important;
    left: 90% !important;
    top: 70px !important;
}
.flexslider .flex-next {
    opacity: 1 !important;
    right: 0 !important;
        top: 70px !important;
}

/*  ARIDUS HOME PAGE */

.aridus-column p {
	margin: 0 0 30px;
}
.aridus-column h3 {
	margin: 0;
}
.aridus-column br {
	display: none;
}
.aridus-column a {
	    display: table;
	margin: 5px 0;
}
.aridus-child {
	padding-bottom: 20px;
}
.aridus-child img {
	display: block;
	float: right;
	margin-left: 20px;
	max-width: 300px;
}
.aridus_subnav {
	background: #2886ad;	
	
}
.aridus_subnav .span4 {
	border: 1px solid white;
	border-radius: 20px;
	text-align: center;
	color: #FFF;
	background: rgba(255,255,255,.2);
	max-width: 290px;
}
.aridus_subnav .span4:hover {
		background: rgba(255,255,255,.1);
}
.aridus_subnav h3, .aridus_subnav p {
	margin: 0;
}
.aridus_subnav p {
	font-size: 14px;
}
.aridus_subnav .subnav_icon {
	width: 50px;
	height: auto;
	display: block;
	margin: 0 auto;	
}
.aridus_subnav .cta-button {
	background: #2886ad;
	color: #FFF !important;
	padding: 1px 10px;
	border: 1px solid #FFF;
	border-radius: 30px;
	margin: 10px 0;
	display: inline-block;
}
.aridus_subnav .cta_right {
	    float: right;
    position: relative;
    width: 103px;
    margin: 23px -20px 0px -10px;
}
.aridus_learn_more .span4 {
	max-width: 220px;
}
.page-id-1686 #content a, .aridus_learn_more .feature-title i {
	color: rgb(39, 170, 222);
}
.page-id-1686 .btn-more {
	background: rgb(39, 170, 222);
	color: #FFF !important;
}
.aridus_learn_more .stack-feature .feature-title, .aridus_learn_more .stack-title {
	text-align: center;
}
.page-id-1686 #stack-1686-4 {
	text-align: center;
}
.page-id-1686 .stack-feature-with-image .span4 {
	width: 220px;
}
.aridus_learn_more .feature-title {
    font-size: 21px;
    padding: 15px 0 0;
    display: block;
	margin: 0 0 10px 0;
}
.page-id-1686 .stack-feature-with-image .clear {
   clear: none;
}
.last_two p, .last_two a {
	margin: 0;
	padding: 0;
}
.last_two .btn-more {
	margin-top: 5px;
    padding: 2px 10px;
}
.new-container .container {
	width: inherit;	
}
.new-container .span12 {
	width: 100%;
}
.new-container .stack-page-content {
	padding: 0;
}
.new-container h4 {
	color: #2885ae;
	font-weight: 700;
}
.blue, .gray, .white {
	padding: 40px 0;
}
.blue {
	background: #2885ae;
	color: white;
}
.blue img {
	border-radius: 20px;
	border: 1px solid white;
	height: 165px;
    width: auto;
}
.blue h1, .blue h2, .blue h3, .blue h4, .blue h5 {
	color: white;
	padding: 0;
	margin: 0;
	font-family: Helvetica;
    font-weight: 100;
	line-height: initial;
}
.blue h1 {
    font-size: 20px;
}
.blue h2 {
	font-weight: 700;
}
.blue h3 {
	font-size: 14px;
    margin: 5px 0 0 0;
}
.blue h4 {
    margin: 12px 0 10px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
}
.gray { 
	background: #e6e7e9;
}
.gray em {
	color: inherit;
}
.wrap {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 40px;
}

.aridus-left {
	background: #fafafa; padding: 20px; width: 510px; border-radius: 5px; border: 1px solid #2886ad;
}
.aridus-right {
	background: #FFF; padding: 20px; width: 320px; float: right;
}
.aridus-cta {
	background: #e8e8e8;
	text-align: center;
	padding: 0 !important;
}
.aridus-cta img {
	margin-top: -30px;
}

.aridus-cta .outer {
    position: relative;
    width: 940px;
    height: 120px;
    margin: 20px auto;
 }
.aridus-cta .inner {
    position: absolute;
    width: 56%;
    height: 99px;
    top: 10px;
    left: 28%;
    margin-left: -50px;
 }
.hubcta {
 	display: inline-block;
}
 
.hubspot_ctas .container {
	width: 100%;
	    text-align: center;
}


/* Map page tweaks */
.page-id-1118 .stack-map {
padding-bottom: 0;
}
.page-id-1118 {
padding: 0;
}

/*---------- Mobile ---------*/

@media only screen and (max-width: 767px) {
	header #social-box {
		float: none;
	}
	.wrap {
	    width: 290px;
	}
	.blue img {
		width: 100%;
		height: auto;	
	}
	.aridus-left, .aridus-right {
		width: 60%;
		margin: 0;
		display: block;
		float: none;
	}
	.middle {
	    margin-left: 20px;
	}
 }