/*
Theme Name: H-R CSB
Description: A custom <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> designed for the Harrisonburg Rockingham CSB by <a href="http://www.estlanddesign.com">Estland Design</a>. This child theme is build on the Enfold Wordpress Parent Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Estland Design
Author URI: http://www.estlanddesign.com
Template: enfold
*/

/******************************
Table of Contents =TOC
/******************************

Color Guide
Fonts
Header
Homepage Slider
Homepage, Middle Widgets
Homepage, Below Middle Widgets
Forms
Footer
Secondary Pages
Mobile Styles

*/

/******************************
=Color Guide
******************************/

/******************************
=Fonts
******************************/

.av-main-nav a {
  font-weight: bold !important;
   -webkit-font-smoothing: subpixel-antialiased;
}

body{
	font-size: 15px;
}

p{
	font-size: 15px;
}

h1 {
	font-size: 32px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

h2 {
	font-size: 24px;
	line-height: 1.4em;
	letter-spacing: 0px !important;
	margin-bottom: 20px;
}

h3 {
	font-size: 20px;
	line-height: 1.4em;
	margin: 12px 0px;
}

h4 {
	font-size: 18px;
	line-height: 1.1em;
	margin: 10px 0px;
}

h5 {
	font-size: 16px;
	line-height: 1.1em;	
}

h6 {
	font-size: 14px;
	line-height: 1.1em;
}

ul, ol {
	margin-bottom: 18px;
}

ul li {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

table {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 15px;
}

td {
	font-size: 15px;
	padding: 9px 12px;
	border-style: solid;
	border-width: 1px;
	border-left:none;
	border-top:none;
}


/******************************
=Header
******************************/

.html_header_top.html_header_sticky #top.home #wrap_all #main {padding-top: 0px;}

#top.home .header_bg,
#top.home .html_header_sticky_disabled .header_bg {opacity: 0.95; filter: alpha(opacity=85);background-color: white;}

#top.home #header_meta {background-color: #1d2d41;}

#header_main_alternate,
#top #wrap_all .social_bookmarks, 
#top #wrap_all .social_bookmarks a, 
#top #wrap_all .social_bookmarks li {border:0;}

.logo img {
	margin-top: 20px;
	height: 120px;
}

.avia-menu-fx {
	height: 3px;
	border-color: #fff;
}

.av-main-nav > li {margin: 0px 15px;}

.header_color .avia-menu-fx {
	background-color: #496678 !important;
}

.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {line-height: 65px;}

#google_translate_element.prisna-gwt-align-right{
	background: white;
	padding-right: 25px;
}

#top #searchsubmit, .ajax_load, #top #s {
	background-color: #fff;
    color: #7997ac;
    border-color: #7997ac;
    border: 1px solid;
}

.header_color .main_menu .menu ul li a {
	background-color: #7998AB;
    color: #fff;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #CAD5DC;
	font-size: 15px;
}

.header_color .main_menu .menu ul li a:hover {
	background-color: #5a7e92;
}

.header_color .main_menu .menu ul li a:hover span {
    color: #fff;
}
.av-main-nav > li > ul {border-top-width: 0px;}

.av-main-nav > li > a {
	font-size: 15px;
}

.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
	color: #496678;
}

#header_meta > div > div > span > span:last-child {color:#fff;margin-left: 10px;}

.current_page_item > a, 
#top .header_color .main_menu .menu ul .current-menu-item > a, 
#top .header_color .sub_menu li ul a {color: #fff;}
#menu-item-58.active-parent-item > a > span.avia-menu-fx {display: block;visibility: visible;}

.gc-cs-link {color: inherit !important;}

.av-main-nav ul li:last-child > a {border-bottom: 0px;}

#header .widget {
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
}

#google_translate_element.prisna-gwt-align-right {
    background: transparent;
    padding-right: 25px;
}

.header_color .phone-info a {
	color: #dfe8ed;
}

.header_color .phone-info {
	color: #dfe8ed !important;
}

.phone-info {
	font-size: 13px;
}

.breadcrumb-trail .trail-end {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.title_container .breadcrumb {
	font-size: 15px;
	line-height: 1.2em;
	color: #496678;
	margin-top: -9px;
}

.title_container .main-title {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #496678;
	font-weight: 600;
	line-height: 1.5em;
	margin-top: 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60%;
}

.title_container .breadcrumb a, .main-title a {
	color: #496678 !important;
}

.title_container .breadcrumb a:hover, .main-title a:hover {
	text-decoration: underline !important;
}

#top .av-main-nav ul a {
	font-size: 15px !important;
	padding: 12px 16px;
}

#top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
	color: #496678;
}

#top #wrap_all .header_color.av_header_transparency {
	color: #496678;
}

#top .header_color.av_header_transparency .avia-menu-fx {
	background: #496678;
}


/******************************
=Homepage Slider
******************************/

#layer_slider_1 *{color: #496678;}
.ls-button a {opacity:0.95; border: 4px solid #fff !important; padding: 10px 30px;background-color: #fff;}
.ls-button a:hover {opacity:1;text-decoration: none !important;}

#top .avia-layerslider .ls-bottom-slidebuttons{
    top: -5px;
}

#top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop {
    margin-left: 7px;
	border-color: transparent !important;
}


/******************************
=Homepage, Middle Widgets
******************************/

#after_layer_slider_1 > div > div {padding-top: 0;}

#after_layer_slider_1 {border: 0;}

.widget-title h3 {margin: 0;}

.widgets > a h3 {
	padding: 15px 10px;
	text-align: center;
	background-color: #7998ac;
	color: #fff;
	opacity: 1;
	margin: 0;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 1.4em;
	text-transform: uppercase;
}

.widgets > a {text-decoration: none;}

.widgets > a:hover h3 {
	opacity: 0.85;
}

.widget-text {color: #717f81;}

.widget-button h3 a {color: #609bbc; text-decoration: none;}

.widget-button h3 a:hover {color: #7998AC;}

#top .av_inherit_color a {
	text-decoration: none;
}

#top .av_inherit_color a:hover {
	text-decoration: underline;
	color: #7998AC;
}

/******************************
=Forms
******************************/

/* Notices for new/updated job applications */
.new-entry, .update-entry {
	font-size: 1.1rem;
}
.partial_entry_warning,
.new-entry,
.gf_progressbar_wrapper + .gform_body .update-entry {
	display: none;
}
.gf_progressbar_wrapper + .gform_body .new-entry { 
	display: initial;
}


/******************************
=Footer
******************************/

#footer > div > div:first-child {
	text-align: right;
}

#footer #custom_html-2 ul.social_bookmarks li {
	float: none;
	display: inline-block;
}
.sub_menu_socket {
    display: none;
}
#socket .copyright {
    text-align: center;
    width: 100%;
	font-size: 15px;
	
}

.widget_nav_menu a {
    padding: 3px 0;
	font-size: 15px;
	line-height: 1.3em;
}

.widgettitle {
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	line-height: 1.3em;
}

#footer a:hover {
	text-decoration: underline;
}

.widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a {
	color: #496678;
}


/******************************
=Secondary Pages
******************************/

.main_color .container .av-inner-masonry-content, 
#top .main_color .container .av-masonry-load-more, 
#top .main_color .container .av-masonry-sort, 
.main_color .container .av-masonry-entry .avia-arrow,
#top .avia-post-nav {display: none;}

.main_color a {
	color: #7998AC;
	font-weight: bold;
}

.main_color a:hover {
	text-decoration: underline !important;
}

#after_section_1 {border: 0;}

#top.secondary-page #main .avia-section .template-page {padding: 0;}

.avia-button-no .avia-promocontent,.team-member-job-title, .team-member-name {text-align: center;}

body .container_wrap .avia-builder-el-last.promo-wrap {margin-top: 10px;}

.callus {
    background: #dfe8ed;
    padding: 40px 10px;
}

.callus p {    
    text-align: center;
    font-size: 20px;
    color: #496678;    
    line-height: 1.5;
    margin:0;
}

.callus p .gc-cs-link {text-decoration: none;}

.main_color .toggle_content {background-color: #dfe8ed;}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {text-transform: none;} 

.team-member-name {
	font-size: 20px;
	margin-top: 25px;
}

.entry-content-wrapper .post-title {
	font-size: 24px;
}

#top .flex_column .template-blog .post-title{
	font-size: 24px;
}

.post-meta-infos, .container .minor-meta{
	font-size: 15px;
}

.pagination a, .pagination span, .pagination .current {
	font-size: 15px !important;
}

.main_color .pagination .current {
	background: #7997ac !important;
	color: #fff;
}

.main_color strong {
	color: #496678;
	font-weight: bolder;
}


.flex_column .template-blog .post_delimiter {
	border-bottom: 1px solid #ddd;
	margin-bottom: 33px;
	padding-top: 13px;
}


/******************************
=Services Page
******************************/

.foundresults, .search-filter-results .post-categories, .search-filter-results small {display: none;}

.notop {margin-top:0px !important;}

#top .search-filter-results .pagination a {width: 100px;}

#top.page-id-13 .inner_sidebar > a:hover {text-decoration: none !important; color:inherit !important;} 

.sidebar-buttons a:hover {text-decoration: none;}

.sidebar-buttons a p {
	background-color: #7998ac;
	margin: 0;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.sidebar-buttons a.applynow p {
	background-color: #7998ac;
	
}

.sidebar-buttons a:hover p {
	opacity:0.9;
}

#top.page-id-400 .sidebar #text-4 {display: none;}

#text-3 {background-color: #dfe8ed;padding: 0;}
#text-5, #text-8 {padding-top: 0px;}

#text-3 form {margin-bottom: 0px;}

#text-3 h3 {
    margin: 0;
    text-align: center;
    padding: 20px 0;
    background-color: #7998ac;
    color: #fff;
    font-size: 18px;
	font-weight: bold;
}

.searchandfilter ul li {
	padding: 0;
}

.searchandfilter ul li li {
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid #bfd4e1;
}

.searchandfilter ul li li:last-child {border-bottom-width: 0px;}

.sf-field-reset input {
    width: 100%;
    padding: 20px;
    font-size: 15px;
    background-color: #7998AC !important;
}

.sf-field-reset input:hover {background-color: #5c8098 !important;}

#top.page-id-13 #text-4 .servhide {display: none;}

#top label {
	font-size: 15px;
}

.current_page_item > a {
	color: #496678;
}

.readmore:after {
	content: "\E87d";
    font-family: 'entypo-fontello';
    font-size: 10px;
    vertical-align: middle;
    padding: 0 8px;
	color: #496678;
}

.search-result-counter {
	font-size: 15px !important;
}


/******************************
=Mobile Style
******************************/

@media only screen and (max-width: 767px) {
	.responsive #top .logo {width: 100%;}
	.responsive .logo img {
		margin: 0 auto;
		padding: 10px;
		max-height: 156px;
	}
	#header_main_alternate, 
	#top #wrap_all .social_bookmarks, 
	#top #wrap_all .social_bookmarks a, 
	#top #wrap_all .social_bookmarks li {display: none;}
	.responsive #top #wrap_all #header_meta > .container {width:100%;max-width: 100%;}
	.ls-button a {opacity: 0.8; border: 2px solid #fff !important;padding: 5px 20px;}
	.responsive #top.home .av_header_transparency #header_meta {
	    background-color: #1d2d41;
	}
	#header .widget {
	    padding: 0 !important;
	    position: relative;
	    right: 0;
	    top: 0;
	    display: block;
	    width: 160px;
	    margin: 0 auto;
	}
	#top #menu-item-search {display: none;}
}
@media only screen and (max-width: 768px) {
	#footer,
	#footer .flex_column,
	#footer > div > div:first-child {text-align: center;}

	#footer .social_bookmarks, #footer .social_bookmarks a, #footer .social_bookmarks li {
		display: inline-block !important;
	}

}
@media only screen and (max-width: 989px) and (min-width: 768px) {

	#top #header_main > .container, 
	#top #header_main > .container .main_menu ul:first-child > li > a, 
	#top #header_main #menu-item-shop .cart_dropdown_link {
	    height: 120px;
	    line-height: 120px;
	}
	#header_main_alternate {margin-top: -10px;}
	.responsive .logo img {
	    padding-top: 20px;
	}
}


