/*-----------------------------------------*/
/*-- TABLE OF CONTENTS --*/
/*-----------------------------------------*/
/*
	ASSET IMPORTS	
	UNDERSTRAP RESETS
		Function Required Classes
		Display
		Standard branch row classes
			Content Positioning
			Row Padding
			Example code to extend background beyond div container
	PROJECT CUSTOMIZATIONS
		Font Import
		Color Reference Chart
		General Styling
			Fonts
			Headers
			Layout
		Header and Navigation
			General Styling
			Mobile Specific
		Buttons
			Primary Buttons
			Secondary Buttons
		Link Styling
		Gravity Forms
		Media Queries
*/

/*-----------------------------------------*/
/*-- START - ASSET IMPORTS --*/
/*-- Items in this section are customized per project and are important to be at the top of the stylesheet --*/
/*-----------------------------------------*/

/*-----------------------------------------*/
/*-- START - Font Import --*/
/*Font Imports have been moved to the ljm_understrap.php file as @imports is not the most efficient method for importing fonts. 

/*
Example of how to use the imported font:
font-family: 'Work Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

/*-----------------------------------------*/
/*-- START - UNDERSTRAP RESETS --*/
/*-- Items in this section are not customized unless absolutely necessary from site to site --*/
/*-----------------------------------------*/

/*-----------------------------------------*/
/*-- START - Function Required Classes --*/

.hidetitle .entry-title { 
	display:none;
}

/*-----------------------------------------*/
/*-- START - Display --*/

.wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
}

footer.entry-footer {
	display:none !important;
}

/*-----------------------------------------*/
/*-- START - Standard branch row classes --*/

/*--Content Positioning--*/
.content-left {text-align: left;}
.content-center {text-align: center;}
.content-right {text-align: right;}


/*--Row Padding--*/
.xsmall-height-row {padding-top:25px !important;padding-bottom:25px !important;}
.small-height-row {padding-top:50px !important;padding-bottom:50px !important;}
.std-height-row {padding-top:120px !important;padding-bottom:120px !important;}
.large-height-row {padding-top:170px !important;padding-bottom:170px !important;}
.xlarge-height-row {padding-top:200px !important;padding-bottom:200px !important;}

.xsmall-height-row_bottom {padding-bottom:25px !important;}
.small-height-row_bottom {padding-bottom:50px !important;}
.std-height-row_bottom {padding-bottom:120px !important;}
.large-height-row_bottom {padding-bottom:170px !important;}
.xlarge-height-row_bottom {padding-bottom:200px !important;}

.xsmall-height-row_top {padding-top:25px !important;}
.small-height-row_top {padding-top:50px !important;}
.std-height-row_top {padding-top:120px !important;}
.large-height-row_top {padding-top:170px !important;}
.xlarge-height-row_top {padding-top:200px !important;}

/*-- Example code to extend background beyond div container --*/
.background-stretch-right:before{
    content: "";
    background-color: #F2F2EB;
    position: absolute;
    height: 100%;
    /*width: 4000px;*/
    left: -9999px;
    right: 0;
    z-index: -1;
}

.bg-theme-dark {
	background: #00575C;
}

.bg-theme-dark p, .bg-theme-dark span, .bg-theme-dark body, .bg-theme-dark h1, .bg-theme-dark h2, .bg-theme-dark h3 {
	color: #fff;
}


/*-----------------------------------------*/
/*-- START - PROJECT CUSTOMIZATIONS --*/
/*-----------------------------------------*/

/*-----------------------------------------*/
/*-- START: Color Reference Chart --*/

/*COLOR NAME :: HEX VALUE | RGBA VALUE*/
/*COLOR NAME :: HEX VALUE | RGBA VALUE*/
/*COLOR NAME :: HEX VALUE | RGBA VALUE*/
/*COLOR NAME :: HEX VALUE | RGBA VALUE*/
/*COLOR NAME :: HEX VALUE | RGBA VALUE*/

/*-----------------------------------------*/
/*-- START: General Styling --*/

/*YouTube Container for fluid / responsive sizing*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.featured-image-youtube-spacer {
	height: 1px !important;
	margin-top: -27px;
}


/*-- Fonts --*/

html, body, p, span, h1, h2, h3, h4, h5, h6, a, ul, ol, li {
	font-family: 'Raleway', sans-serif;
}

html, body, p, span {
	color: #00575C;
	font-weight: 400;
    font-size: 16px;
	margin-bottom: 0px;
}

article p {
	margin-bottom:15px !important;
}

footer p {
	margin-bottom:15px !important;
}

/*-- Font Variations --*/

.font-color-light {
	color: #F2F2EB;
}

.font-color-white {
	color: #ffffff;
}

.font-color-teal {
	color: #009CA9;
}

.font-color-dark-teal, .font-color-dark-teal a {
	color: #00575C !important;
}

.font-color-dark {
	color: #000000;
}

label, .text-label {
	color: #00575C;
	text-transform: uppercase;
	font-weight: 600;
    font-style: italic;
    font-size: 20px;
}

.text-lead {
	color: #00575C;
	font-weight: 400;
    font-size: 20px;
	margin-bottom: 15px;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #88E5AD;
}

/*-- Headers --*/

h1, .h1-equiv {
	color: #00575C;
	font-weight: 600;
    font-size: 50px;
	margin-bottom: 25px;
}

h2, .h2-equiv, blockquote {
	color: #00575C;
	font-weight: 500;
    font-size: 30px;
	margin-bottom: 15px;
}

h3, .h4-equiv {
	color: #009CA9;
	font-weight: 500;
    font-size: 24px;
	margin-bottom: 10px;
}

h4, .h4-equiv {
	color: #00575C;
	font-weight: 500;
    font-size: 20px;
	/*margin-bottom: 15px;*/
}

h5 {
	color: #00575C;
	font-weight: 500;
    font-size: 18px;
}

h6 {
	color: #00575C;
	font-weight: 500;
    font-size: 16px;
}


/*-- Layout --*/

body {
    background-color: #ffffff;
}

article input, article textarea {
	border: #009CA9 solid 4px !important;
    padding: 25px 15px !important;
	font-size: 20px !important;
}

article input {
	height: 40px !important;
}

article textarea {
    margin-top: 20px;
}

.gform_wrapper li.hidden_label input {
    margin-top: 0px !important;
}

.page-header .page-title {
	padding-top: 50px;
}

/*START: Stylized Select / Dropdown*/

#cat {
	border: #009CA9 solid 4px;
    height: 50px;
    width: 100%;
    background: #fff;
}

/*END: Stylized Select / Dropdown*/

hr {
	border-top: 7px dashed #F2F2EB;
	margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.widget-border {
	border: #F2F2EB solid 9px;
    border-radius: 3px;
    padding: 15px;
}

.widget-bg-logo {
	background: url('/wp-content/uploads/chicago-hearing-services-logo-icon.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/*-- Single Post --*/

.author-avatar img {
	width:215px;
	height:auto;
}

.img-rounded img {
	border-radius: 10px;
}

.ljm-blog-category {
	padding-bottom:15px;
	display: inline-block;
	font-weight: 500;
}

/*-----------------------------------------*/
/*-- START - Header and Navigation --*/

/*-- General Styling --*/
/* START - INCOMPLETE SECTION. REQUIRES REVISIONS*/

.vcv-header {
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
}

.vce-logo-widget--align-left {
    line-height: 1;
    margin-bottom: -3px;
}

.navbar-brand {
	padding:0!important;
}

.nav-font, .nav-font a {
	color: #00575C !important;
	font-weight: 600;
    font-size: 16px !important;
}

.vce-basic-menu-container .vce-basic-menu ul .menu-item a {
	line-height: 1.75 !important;
	text-transform: capitalize !important;
}

/*sets max width of the logo image within the navbar*/
.navbar-brand.custom-logo-link img {
    width: 100%;
}

/*sets max width to allow for nav menu icon to be on the same row*/
.navbar-dark .navbar-brand {
	max-width: 350px;
}

/*Changes the background color of the navbar */
.bg-primary {
    background: #fff !important;
}

/*Changes the font color of the navbar items*/
.navbar-dark .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);
}
/*.navbar-inverse .navbar-nav .nav-link {
    color: #333;
}*/

/*QUESTION: What is this for?*/
/*.bg-dark {
    background: #0f1e45 !important;
    box-shadow: rgba(0, 0, 0, .05) 0px -1px 5px;
}*/

/*QUESTION: What is this for?*/
/*.top-row-nav {
	background: #0f1e45 !important;
}*/

.navbar-nav a, .navbar-nav a:active {
    font-size: 14px;
    text-transform: uppercase;
}

/*-- Mobile Specific --*/

.vce-sandwich-menu-inner a {
	color: #fff !important;
	font-weight: 600;
    font-size: 16px !important;
}



/*.navbar-brand {
	display: inline;
	margin-right: auto;
}*/

/*.navbar-inverse .navbar-toggler {
	border: none;
	outline: none;
}*/

/*This changes the color of the hamburger menu lines*/
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/*This changed the outer border color of the nav menu icon*/
.navbar-dark .navbar-toggler {
    border-color: rgba(0,0,0,.1);
}

/*MISSING: All of the resets for the Mobile styling, mobile and desktop sub menus, and pseduo elements (active, hover, focus)*/
/* END - INCOMPLETE SECTION. REQUIRES REVISIONS*/

/*-----------------------------------------*/
/*-- START: Buttons & Links --*/

.entry-meta {
	padding-bottom:10px;
}

.entry-meta a {
	text-decoration: none !important;
	font-weight: 500;
}

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

button, .text-button, .btn-primary, .btn-secondary, .btn-primary-nav > a, body .gform_wrapper .gform_footer input[type=submit] {
	color: #00575C !important;
	font-weight: 600;
    font-size: 20px;
}

.btn-primary-nav a {
	margin-top: -10px;
}

.btn-primary, .btn-primary-nav > a, body .gform_wrapper .gform_footer input[type=submit] {
	background-color: #88E5AD;
    border-color: #88E5AD !important;
    padding: 20px 45px 24px 30px !important;
    border-radius: 0 35px 35px 0;
    text-decoration: none !important;
    height: 70px;
    transition: background-color .2s linear, border-color .2s linear !important;
}


.btn-primary, .btn-primary-nav > a {
    display: inline-flex !important;	
}


body .gform_wrapper .gform_footer input[type=submit] {
    height: 70px !important;
	text-align: center !important;
	width: 250px !important;
}


.btn-secondary {
	border-bottom: #88E5AD solid 9px;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	padding-bottom: 5px;
    background: none;
    display: inline-flex;
    text-decoration: none;
    font-style: italic;
    transition: background-color .2s linear, border-color .2s linear;
    border-radius:0 !important;

}

.link-archive-nav {
	margin-left: 25px;
	margin-right: 25px;
}

article a {
	color: #2ECECE;
	text-decoration: underline;
	transition: color .2s linear;
}

.btn-primary-hover, .btn-primary:hover, .btn-primary-nav a:hover, .menu .nav-view-cart a:hover, .sub-menu a:hover, body .gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: #009CA9 !important;
    border-color: #009CA9 !important;
	color: #ffffff !important;
    text-decoration: none !important;
	cursor: pointer;
}

.btn-secondary-hover, .btn-secondary:hover {
	background: none !important;
	color: #00575C !important;
	border-bottom: #009CA9 solid 9px !important;
	text-decoration: none !important;
}

article a:hover {
	color: #BFB69B;
}



/*-----------------------------------------*/
/*-- START: Link Styling --*/

a {
	color: #00575C;
}

a:hover {
	color: #00575C;
	text-decoration:underline;
}

h1 a, h2 a, h3 a, h4 a {
	text-decoration:none !important;	
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration:underline !important;	
}

.ljm-blog-category {
	font-weight: 500;
	text-decoration: none;
}

.ljm-blog-category:hover {
	text-decoration:underline;
}


/*-----------------------------------------*/
/*-- START: Gravity Forms --*/

/*--Submit Button--*/
/* Documentation: https://docs.gravityforms.com/gform_submit_button/ */
/* Documentation: https://docs.gravityforms.com/css-targeting-examples/#submit-button */
/*

div.gform_footer.top_label {
	text-align: center;
}

.ginput_container_select {
	overflow: hidden;
	width: 100%;
    margin-top:20px !important;
}

.ginput_container_select select {
	background: #fff;
	width: 100%;
    height:50px;
    color:#757575;
    border-radius:0px;
}*/

/*-----------------------------------------*/
/*-- START: Media Queries --*/

/*START - YouTube responsive*/
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*END - YouTube responsive*/


/* Desktop to Mobile Nav breakpoint */
/* The navbar switches from desktop layout to mobile layout at 767px. Any styling added to this media query is applied at and below 767px. */
@media (max-width: 767px) {/*mobile only*/
	.hide-mobile {
		display:none;
	}
	.vcv-header .vce-row, .vcv-content .vce-row, .vcv-footer .vce-row {
		padding-left:15px !important;
		padding-right:15px !important;
	}
	.entry-meta {
		padding-top:10px;
	}
	
	article .xsmall-height-row{
		padding-bottom: 5px !important;
	}
	
	.gform_button {
    	line-height: 1 !important;
	}
	
	.btn-primary, .btn-primary-nav > a {
    	display: inline-flex !important;
    	line-height: 1.2;
	}
	
	.btn-primary{
		height: auto !important;
	}
	 
}

@media (min-width: 768px) {/*desktop only*/
	.hide-desktop {
		display:none;
	}
}

/* Custom Work Start */

article img.wp-post-image {
    border-radius: 5px !important;
}

.gform_button {
    line-height: 1 !important;
}

.pagination {
	-webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.pagination .page-item.active .page-link {
    color: #00575C !important;
    background-color: #88E5AD !important;
    border-color: #88E5AD;
}

.pagination .page-item .page-link {
    color: #00575C !important;
}

/*END of file 4c 69 74 74 6c 65 20 4a 61 63 6b*/