/*
 Theme Name:   HARO
 Theme URI:    http://www.helpareporter.com
 Description:  HARO Theme based on Enfold
 Text Domain:  haro
 Template:     enfold
 Version:      1.0.0
 */
 
 body, body h1, body h2, body h3, body h4, body h5, body h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}
body {
	font-size: 14px;
}

h1,h1 p 	{font-size: 44pt;font-weight: 700;}
h2,h2 p,.h2,.h2 p 	{font-size: 28pt;font-weight: 400;}
h3,h3 p,.h3,.h3 p 	{font-size: 20pt;font-weight: 400;}
h4,h4 p,.h4,.h4 p 	{font-size: 16pt;font-weight: 400;}

ul {margin-left: 40px;}
li {font-size: 16pt;}
#footer li {font-size: 12pt;}
p {font-size: 16pt;}
a {color: #0C6389;}
.caps {
	text-transform: uppercase;
}

/* ENFOLD FIXES */
#top #wrap_all .search-result-counter,
#top #wrap_all .pagination a,
#top #wrap_all .pagination span {
	text-align: center;
}
#top *::selection {
	background-color: grey;
	color: #fff;
}
#top *::-moz-selection {
	background-color: grey;
	color: #fff;
}
.avia-search-tooltip.avia-tt {
    background-color: #fff;
}
#top .widget {
	padding: 0;
}
#top #header #advanced_menu_toggle {
	color: #292929;
}
#header ul {
    list-style: outside none none;
}
#header a {
	font-weight: 400;
}
#header .current-menu-item > a{
	font-weight: 600;
}
#header_meta {
	background-color: #292929;
}
#header_meta a {
	color: #fff;
	font-size: 14px;
}
#header_main a {
    color: #292929;
	font-size: 16px;
}
#top #header_main .main_menu .sub-menu li a {
	background-color: #fff;
	color: #292929;
	font-size: 14px;
}
#top #header_main .main_menu .sub-menu li a:hover{
	background-color: #AAC9D6;
}
.avia-menu-fx { /* dont show arrow under current menu item */
    display: none;
}
#top .no_pad ,
#top #main .no_pad{
	padding: 0;
}
#main .container_wrap {
	text-align: center;
	border: none;
	background-repeat: no-repeat;
	background-position: center center;
}
#main .container_wrap,
#main .container_pad {
	padding: 25px 0;
}
#main .container_wrap.double_pad {
	padding: 50px 0;
}
#main .container_wrap.nopad_top {padding-top: 0;}
#main .container_wrap.nopad_bottom {padding-bottom: 0;}
footer#socket {
    border: none;
    text-align: center;
	font-size: 14px;
}

/* NEW functionality */
blockquote{
	border: none; 
	padding: 20px 0 0 20px;
	margin: 0 25px 25px 0;
	min-height: 70px;
	/*background: url('/us/wp-content/uploads/2014/04/open-quote-large.png') left top no-repeat;*/
	background: url('images/quotes/open-large-dark.png') left top no-repeat;
	background: url('images/quotes/open-large-dark.png') left top no-repeat, 
					url('images/quotes/close-large-dark.png') right bottom no-repeat;
}

/* dont show submenu on mobile nav */
#mobile-advanced .sub-menu {
    display: none;
}

body:not(.transparent_header)  #header,
body.transparent_header #header.header-scrolled {
	background-color: #fff;
}
#banner {
	height: 400px;
	color: #fff;
}
#banner h1,
#banner .sheading {
	text-shadow: 2px 2px 2px #000;
}	
.fixed_header.social_header .transparent_header #main {
	padding-top: 0;
}
.transparent_header #banner {
	padding-top: 120px;
}
#banner .container {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#banner #banner_ribbon {
	padding: 20px 10px;
}
#banner #banner_ribbon_text .parent {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 20px;
}
#banner #banner_ribbon_text .title {
	font-weight: 600;
	font-size: 30px;
	line-height: 30px;
}

a.haro_btn {
    font-size: 18px;
	display: inline-block;
	text-transform: uppercase;
	margin: 5px 25px;
	padding: 16px 48px;
}
a.haro_btn:hover {
    text-decoration: none;
	border-style: inset;
	border-width: 1px;
	opacity: .90;
}

/* force alignment in row builder */
#top #wrap_all .falign_left *{
	text-align: left;
}
#top #wrap_all .falign_center *{
	text-align: center;
}

/* hidden text area functionality */
.show_hidden_btn {
	font-weight: 600;
}
.show_hidden_btn:hover{
	cursor: pointer;
}
.hidden_textarea {
    background-color: rgba(41, 41, 41, 0.05);
    margin: 20px 0;
    padding: 10px 20px;
	text-align: left;
}

.customer_area_logo {
	height: 75px;
    margin: 15px 20px;
}

/* images */
.arrow {
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 30px;
    width: 30px;
}
.arrow.arrow_down {
	background-image: url("images/arrow_down.png");
}
.arrow.arrow_up {
	background-image: url("images/arrow_up.png");
}
.arrow_right {
	background-image: url("images/arrow_right.png");
	background-position: right center;
	background-repeat: no-repeat;
}

#breadcrumbs {
	padding: 4px;
}

/* universal form styling */
#haro_uform .univform_col {
	margin: 0 2%;
	display: inline-block;
	width: 100%;
}
#haro_uform .univform_col {
	text-align: left;
	vertical-align: text-top;
}
#top #haro_uform .univform_col.uv_onecol p {
	margin: 5px 0;
}
#top #haro_uform .univform_col.uv_onecol input,
#top #haro_uform .univform_col.uv_onecol select {
	margin-bottom: 5px;
}
#haro_uform .formlabel {
	font-size: 12pt;
}
#top #haro_uform input:not([type="submit"]), #top #haro_uform select {
	width: 100%;
}
#top #haro_uform .univform_has_errors {
	border: 2px solid red;
}

/* numbered bullets */
.numbered_bullets > div {
    background-repeat: no-repeat;
    background-size: auto 35px;
    display: block;
    font-size: 18pt;
    height: 50px;
    padding: 5px 0 0 40px;
	margin: 20px 0;
	text-align: left;
}

.numbered_bullets > div:nth-child(1) {
	background-image: url("images/bullets/gray1.png");
}
.numbered_bullets > div:nth-child(2) {
	background-image: url("images/bullets/gray2.png");
}
.numbered_bullets > div:nth-child(3) {
	background-image: url("images/bullets/gray3.png");
}
.numbered_bullets > div:nth-child(4) {
	background-image: url("images/bullets/gray4.png");
}
.numbered_bullets > div:nth-child(5) {
	background-image: url("images/bullets/gray5.png");
}

.pricing_bullets li {
	background-image: url("images/blue_check.png");
    background-position: 0 4px;
    background-repeat: no-repeat;
    background-size: 20px auto;
	padding-left: 25px;
}

/*
Social Icons (all pages)
*/
.social-icon-container{
	display: inline-block;
}
.social-icon-container .socialbutton {
    display: inline-block;
    height: 50px;
    margin: 0 0.6em 0 0;
    transition-duration: 0.5s;
    transition-property: width;
    width: 50px;
}
.social-icon-container #social-twitter.socialbutton  {
	background: url("images/social-icons.png?v=2") no-repeat scroll -70px -5px transparent;
}
.social-icon-container #social-facebook.socialbutton {
    background: url("images/social-icons.png?v=2") no-repeat scroll -140px -5px transparent;
}
.social-icon-container #social-youtube.socialbutton {
    background: url("images/social-icons.png?v=2") no-repeat scroll -350px -5px transparent;
}
.social-icon-container #social-linkedin.socialbutton  {
    background: url("images/social-icons.png?v=2") no-repeat scroll -210px -5px transparent;
}
.social-icon-container #social-instagram.socialbutton {
    background: url("images/social-icons.png?v=2") no-repeat scroll -280px -5px transparent;
}
.social-icon-container #social-cision.socialbutton {
    background: url("images/social-icons.png?v=2") no-repeat scroll 0px -5px transparent;
}
.social-icon-container #social-gplus.socialbutton {
    background: url("images/social-icons.png?v=2") no-repeat scroll -420px -5px transparent;
}
.social-icon-container #social-xing.socialbutton {
    background: url("images/social-icons.png?v=2") no-repeat scroll -490px -5px transparent;
}

/* alignment */
.haro_left { text-align: left; }
.col2 > div {
	vertical-align: top;
}

#footer, #socket,
#footer a {
	background-color: #4f4f4f;
	color: #dbdbdc;
}
#footer a:hover {
	color: #fff;
}
#top #footer .widgettitle {
	color: #fff;
}
#top #footer ul {
	list-style-type: none;
}
#top #footer li.current-menu-item {
	box-shadow: none;
}

/* Colors */
/* LIGHT BLUE */
.color1_bg { background-color: #0C6389; }
.color1_bg, .color1_bg a, .haro_btn.color1_bg { color: #fff; }
.color1_bg_o65{background-color:rgba(12,99,137,0.65); color: #fff;}
.color1 {color: #0C6389;}
#top .color1bold *{color: #0C6389; font-weight: 600; }
.haro_btn.color1_bg { color: #fff; }
/* GRAY */
.color2_bg {	background-color: #292929;}
.color2_bg, .color2_bg a, .haro_btn.color2_bg { color: #fff; }
.color2 { color: #292929; }
/* LIGHT GRAY */
.color3_bg {	background-color:#e1e1e1;}
.color3_bg, .color3_bg a, .haro_btn.color3_bg { color: #292929; }
.color3 { color: #292929; }

@media all and (min-width: 973px) {
	.transparent_header #header:not(.header-scrolled) #header_main {
		border-bottom: none;
	}
	.transparent_header #header:not(.header-scrolled) #header_main .menu > li > a {
		color: #fff;
	}
}

@media all and (min-width: 750px) {
	#main .container_wrap {
		background-size: 100% auto;
	}
	
	#haro_uform .univform_col.uv_twocol{
		width: 45%;
	}
	
	#banner #banner_ribbon {
		left: 0;
		padding: 20px 100px 20px 100px;
		position: absolute;
		top: 30%;
	}
	#banner #banner_ribbon:after {
		content: '';
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
		background: rgba(12, 99, 137, 0.65);
		-webkit-transform-origin: 100% 0;
		-ms-transform-origin: 100% 0;
		transform-origin: 100% 0;
		-webkit-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
	}
	#banner #banner_ribbon_text {
		position: relative;
		z-index: 100;
		text-align: left;
		width: 400px;
	}
	
	.col2 > div {
		display: inline-block;
		width: 45%;
	}
	.col2 > div:last-child {
		margin-left: 9%;
	}
	.col2_25_70 > div,
	.col2_35_60 > div{
		display: inline-block;
		vertical-align: middle;
		padding: 10px 0;
	}
	.col2_25_70 > div:first-child{
		width: 25%;
		margin-right: 5%;
	}
	.col2_25_70 > div:last-child{
		width: 69%;
	}
	.col2_35_60 > div:first-child{
		width: 35%;
		margin-right: 5%;
	}
	.col2_35_60 > div:last-child{
		width: 59%;
	}
	.col3 > div{
		display: inline-block;
		vertical-align: middle;
		padding: 10px;
		width: 32%;
	}
	#top #main .col3 > div:not(:last-child) {
		background-image: url(images/diag_line.png);
		background-repeat: no-repeat;
		background-position: right top;
		padding-right: 20px;
	}
	
	/* numbered bullets */
	.numbered_bullets > div {
		display: inline-block;
	}
	.numbered_bullets > div:not(:first-child) {
		margin-left: 10px;
	}
}
@media all and (max-width: 749px) {
	/* spacing */
	.m_col_space > div:not(:first-child):not(:last-child){
		margin: 30px 0;
	}
	
	#main .container_wrap.btype_left_ribbon {
		background-image: none !important;
		height: unset;
		padding: 0;
	}
	#banner #banner_ribbon {
		background: rgba(84, 119, 48, 0.65);
	}
	.hideAreaTablet {
		display: none;
	}
}
@media all and (max-width: 463px) {
	#top.transparent_header #banner {
		padding-top: 25px;
	}
	#banner h1,h1 p{font-size: 36pt;}
	#top #banner .haro_btn {padding: 8px 24px;}
}