/*
Theme Name: Grakon
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress 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: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

html { 
	font-size: 62.5%;
} 


/* ----------------------------------- Header ----------------------------------- */

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu > div {
	background: url(/wp-content/uploads/2018/03/Grey-Transparent.png);
	border-radius: 50px;
	height: 40px;
	margin-bottom: 20px;
}

.av-main-nav > li a {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.8rem;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -5px;
}



/* ----------------------------------- Main Navigation ----------------------------------- */

.header_color .main_menu ul:first-child > li > a:hover {
	color: #d22730;
}

.av-main-nav > li > ul {
	margin-top: 3px;
}

#top .av-main-nav ul a {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.4rem;
	color: #1d4f91;
}

.header_color .main_menu ul:first-child > li > a {
	color: #1d4f91;
}

.avia-menu-fx, #top #menu-item-search.menu-item-search-dropdown>a { 
	display: none; 
}



/* ----------------------------------- Home Page Slider ----------------------------------- */

.home-page-slider h2 {
	font-size: 3.8rem;
	font-weight: normal;
	padding-bottom: 20px;
	border-bottom: #424242 solid 2px;
}

.home-page-slider p {
	font-size: 2.0rem;
	padding-top: 10px;
	line-height: 3.2rem;
}


/* ----------------------------------- Section Page Slider ----------------------------------- */

.section-page-slider .avia-caption-content {
	padding-right: 0;
}

.section-page-slider h2 {
	font-size: 3.4rem;
	font-weight: normal;
	padding-top: 40px;
	padding-bottom: 20px;
	border-bottom: #424242 solid 2px;
}

.section-page-slider p {
	font-size: 1.8rem;
	padding-top: 10px;
	line-height: 3.0rem;
}

.section-page-slider p strong {
	font-size: 2.0rem;
}

.section-page-slider a {
	color: #1d4f91 !important;
	text-decoration: none !important;
}

.section-page-slider a:hover {
	color: #1d4f91 !important;
	text-decoration: underline !important;
}

.industries-page-slider h2 {
	font-size: 3.4rem;
	font-weight: normal;
	padding-top: 60px;
	padding-bottom: 20px;
}


/* ----------------------------------- Content Formatting ----------------------------------- */

h4, p {
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	color: #666666;
}

.main_color h1 {
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	color: #424242;	
}

.main_color h2 {
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	color: #222222;
	font-size: 3.2rem;	
}

.main_color h3 {
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	color: #1e4f92;
	font-size: 2.4rem;
	margin-top: 20px;
	margin-bottom: -10px;
}

.main_color h4 {
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	color: #1e4f92;
	font-size: 2.4rem;
	margin-top: 20px;
	margin-bottom: 15px;
}

.locations h1 {
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	color: #f0b324;
	font-size: 3.2rem;	
}

.locations p {
	font-family: "proxima-nova",sans-serif;
	color: #f0b324;
	font-size: 2.0rem;
	line-height: 2.8rem;
}

.large-text-light-bg, .large-text-dark-bg {
	padding-top: 40px;
}

.large-text-light-bg h1 {
	font-size: 4.2rem;
	color: #1d4f91;
	padding-top: 20px;
	text-align: center;
}

.large-text-light-bg p {
	font-size: 2.4rem;
	line-height: 3.8rem;
	color: #1d4f91;
	text-align: center;
}

.large-text-dark-bg h1 {
	font-size: 4.2rem;
	color: #fff;
	text-align: center;
}

.large-text-dark-bg p {
	font-size: 2.8rem;
	line-height: 3.8rem;
	color: #fff;
	text-align: center;
}

.main_color strong {
	font-family: "proxima-nova",sans-serif;
}

.main_color a {
	color: #1d4f91;
}

.main_color a:hover {
	color: #1d4f91;
}

.call-out-container-industries {

}

#top .main_color input[type="password"] {
	border: #666 solid thin !important;
}



/* ----------------------------------- Blog ----------------------------------- */

#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper {
	max-width: 100%;
	margin-right: 17%;
}

.blog {
	padding-top: 80px;
}

.blog h2 {
	font-family: "proxima-nova",sans-serif;
	color: #1e4f92;
}

#top .fullsize .template-blog .post-title {
	max-width: 100%;
	padding-bottom: 0;
}

.blog .post-title a {
	font-size: 2.6rem;
}

.html_elegant-blog #top .post-entry .minor-meta {
	font-family: "proxima-nova",sans-serif;
	text-transform: none;
}

.blog p {
	font-family: "proxima-nova",sans-serif;
	font-size: 2.0rem;
	line-height: 3.2rem;
	text-align: left !important;
}

.blog .more-link {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.8rem;
	color: #d22730;
}

.blog-post {
	padding-right: 28% !important;
}

.blog-post li {
	font-size: 1.8rem;
	margin-bottom: 10px;
}



/* ----------------------------------- Industries Section ----------------------------------- */

.industries-grid {
	padding-bottom: 50px;
}



/* ----------------------------------- Image and Text Call Outs ----------------------------------- */

.call-out-text {
	padding-top: 7%;
}

.call-out-text p, .call-out-text-long p {
	font-size: 2.0rem;
	line-height: 3.2rem;
}

.call-out-text-long {
	padding-top: 0;
}

.call-out-text-long ul {
	display: inline-block;
	font-size: 1.8rem;
	margin-right: 50px;
}

.call-out-text-long li {
	margin-bottom: 5px;
}



/* ----------------------------------- Image Formatting ----------------------------------- */

.image-overlay { 
	display: none !important; 
}

.image-overlay {
	position: absolute;
	background: #1d4f91;
	z-index: 500;
	height: 100%;
	width: 100%;
}




/* ----------------------------------- Buttons ----------------------------------- */

#top .avia-slideshow-button {
	font-size: 1.8rem;
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	color: #666666 !important;
	background-color: #f0b323 !important;	
	border-radius: 50px;
	border-color: #f0b323 !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.avia-button-center {
	background-color: #1d4f91 !important;	
	border-radius: 50px;
	margin-top: 30px;
}

.avia-button.avia-size-large {
	font-size: 1.8rem;
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff !important;
	border-radius: 50px;
}

.avia-button.avia-size-medium {
	font-size: 1.6rem;
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff !important;
	border-radius: 50px;
	margin-top: 20px;
}



/* ----------------------------------- Grid Image Layout ----------------------------------- */

.av-layout-grid-container {
	max-width: 1310px !important;
	margin: 0 auto !important;
	border: none !important;
	padding-top: 40px;
	padding-bottom: 40px;
}



/* ----------------------------------- Contact Page ----------------------------------- */

.contact-mobile {
	display: none;
}

.contact-form {
	padding: 0 60px 40px 60px;
}

#top label {
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	font-size: 1.8rem;
	color: #fff !important;
	text-align: center;
}

.main_color .required {
	color: #fff !important;
}

#top .main_color input[type="text"] {
	background: #fff !important;
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	font-size: 1.6rem;
}

#top .avia_ajax_form .text_area {
	background: #fff !important;	
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	font-size: 1.6rem;
}

.value_verifier_label {
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	font-size: 1.6rem;
}

.main_color input[type="submit"] {
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	font-size: 1.8rem;
	background-color: #222222;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


	
	
/* ----------------------------------- Footer ----------------------------------- */

#footer .widget {
	margin-top: 0;
	margin-bottom: -28px;
}

.footer-logos {
	display: inline-block;
}

.footer-logos img {
	margin-right: 20px;
}

#socket .menu {
	margin-top: 16px;
}

#top .social_bookmarks {
	margin-top: 2px;
}



/* ----------------------------------- Media Queries ----------------------------------- */


@media all and (max-width: 1690px) {

	.home-page-slider h2 {
		font-size: 2.6rem;
		margin-top: 80px;
		margin-right: 80px;
		padding-bottom: 10px;
	}
	
	.home-page-slider p {
		font-size: 1.8rem;
		line-height: 2.6rem;
		padding-top: 0;
		margin-right: 80px;
	}
	
	#top .avia-slideshow-button {
		font-size: 1.6rem;
		padding-left: 30px !important;
		padding-right: 30px !important;
		margin-top: 10px;
	}
	
	.section-page-slider h2 {
		font-size: 2.6rem;
		padding-top: 60px;
	}
	
	.section-page-slider p {
		font-size: 1.6rem;
		padding-top: 10px;
		line-height: 2.8rem;
	}
	
}



@media all and (max-width: 1280px) {
	
	.home-page-slider h2 {
		margin-right: 0;
	}
	
	.home-page-slider p {
		font-size: 1.4rem;
		line-height: 2.2rem;
		margin-right: 0;
	}
	
	.section-page-slider h2 {
		font-size: 2.4rem;
		padding-top: 60px;
		padding-bottom: 5px;
	}
	
	.section-page-slider p {
		font-size: 1.4rem;
		line-height: 2.2rem;
		padding-top: 0;
	}
	
	.large-text-light-bg h1, .large-text-dark-bg h1 {
		font-size: 3.2rem;
	}
	
	.large-text-light-bg p, .large-text-dark-bg p {
		font-size: 2.0rem;
		line-height: 3.2rem;
	}
	
	#top .avia-slideshow-button {
		font-size: 1.4rem;
		padding-left: 20px !important;
		padding-right: 20px !important;
		margin-top: 10px;
	}
	
}


@media all and (max-width: 1100px) {
	
	.home-page-slider h2 {
		font-size: 2.4rem;
		border-bottom: none;
	}

	.home-page-slider p {
		display: none;
	}

	
	.section-page-slider h2 {
		font-size: 2.4rem;
		border-bottom: none;
	}
	
	.section-page-slider p {
		display: none;
	}
	
	#top .avia-slideshow-button {
		font-size: 1.4rem;
	}
	
	#home-featured-links .avia-button.avia-size-large {
		font-size: 1.6rem;
	}
	
	.call-out-text {
		padding-top: 5%;
	}
	
	.call-out-text h2 {
		font-size: 2.6rem;
	}
	
	.call-out-text p {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	
	.contact-mobile {
		display: block;
		margin-bottom: -40px;
	}
	
	.contact-mobile h2 {
		font-family: "proxima-nova",sans-serif;
		font-weight: normal;
		color: #fff;
		font-size: 2.2rem;
		margin-top: 40px;
	}
	
	.contact-mobile p {
		color: #fff;
		font-size: 1.8rem;
	}
	
	.contact-mobile a {
		color: #fff;
	}
	
	.contact-mobile a:hover {
		color: #fff;
	}
		
}


@media all and (max-width: 980px) {
	
	#top .avia-slideshow-button {
		display: none;
	}
	
	.section-page-slider h2 {
		padding-top: 80px;
	}
	
	#home-featured-links .avia-image-container {
		margin-left: 30px;
		margin-right: 30px;
	}
	
	#home-featured-links .avia-button-center {
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.call-out-text {
		padding-top: 3%;
	}
	
	#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper {
		margin-right: 0;
		margin-bottom: -20px;
	}
	
	.blog .post-title a {
		font-size: 2.4rem;
	}
	
	.blog p {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	
	.blog-post {
		padding-right: 0 !important;
	}
	
	.blog-post h2 {
		font-size: 2.4rem;
	}
	
	.blog-post p {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	
}


@media all and (max-width: 736px) {
	
	.home-page-slider h2 {
		padding-right: 200px;
		margin-top: 0;
	}
	
	.section-page-slider h2 {
		padding-top: 0;
	}
	
	.large-text-light-bg h1, .large-text-dark-bg h1 {
		font-size: 2.6rem;
	}
	
	.large-text-light-bg p, .large-text-dark-bg p {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	
	.call-out-container img {
		padding-left: 6%;
		padding-right: 6%;
		padding-top: 6%;
		padding-bottom: 6%;
	}
	
	.call-out-text h1, h2, h3, h4, p {
		text-align: center !important;
	}
	
	.call-out-text-long h1, h2, h3, h4, p {
		text-align: center !important;
	}
	
	.call-out-text-long ul {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
	}
	
	.locations h1 {
		font-size: 2.6rem;
	}
	
	.locations p {
		font-size: 1.8rem;
	}
	
    .avia-button.avia-position-left {
        float: none;
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }

    .avia-button-wrap {
        display: block;
        float: none;
        text-align: center;
    }
	
	.news-posts h1 {
		font-size: 2.6rem;
		text-align: center !important; 
	}
	
	.news-posts h2 a {
		font-size: 2.2rem !important;
	}
	
	.news-posts p {
		font-size: 1.8rem;
		text-align: center !important; 
	}
	
	.date-container {
		display: block;
		text-align: center;
	}
	
	.read-more-link {
		text-align: center !important; 
	} 
	
	.blog-post p {
		text-align: center !important; 
	}
	
	.contact-form {
		padding: 0;
	}
	
}


@media all and (max-width: 480px) {

	.home-page-slider h2 {
		margin-top: -75px;
	}
	
	.section-page-slider h2 {
		padding-right: 240px;
		margin-top: -60px;
	}
		
}