/*!
Theme Name: Greenhalgh
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.0.5
Description: Greenhalgh, child of Divi theme
Author: Kook
Author URI: http://kook.com.au
Template: Divi
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("../Divi/style.css");

a, input[type=submit] { transition: all 0.4s ease; }

#page-container { padding-top: 0!important; }

.button { padding: 10px 20px; background:#fff; color: #045d63; border-radius: 5px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; display: inline-block; cursor: pointer; }
.button.dark { background:#045d63; color: #fff; }
div.post-content a.more-link, .button.dark-outline { color: #045d63!important; padding: 10px; border: 1px solid #045d63; display: inline-block; border-radius: 5px; text-transform: capitalize; line-height: normal; margin-top: 16px; font-weight: 600; }

/*=====================================
	HEADER
=====================================*/

#main-header { background-color: transparent; box-shadow: none; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); }
#main-header .container { max-width: 1400px; width: 90%; }
#main-header .logo_container #logo.first { display: inline-block; }
#main-header .logo_container #logo.second { display: none; }

#main-header.et-fixed-header { background: #fff; }
#main-header.et-fixed-header .logo_container #logo.first { display:none; }
#main-header.et-fixed-header .logo_container #logo.second { display:inline-block; }
/*#main-header:not(.et-fixed-header) #top-menu > li > a { color: #fff; }*/

.nav li ul { border-top: 3px solid #045d63; left: 50%; transform: translateX(-50%); }
#top-menu li { text-transform: uppercase; }
#top-menu li li { padding:0; width:100%; }
#top-menu li li a { width: 100%; }
#top-menu a { color: #333; }
#et-top-navigation { font-weight: 400; }
#main-header.et-fixed-header #et-top-navigation { font-weight: 400; }
#main-header #top-menu > .menu-button > a { padding: 14px 20px!important; margin-top: -14px; background: #045d63; color: #fff!important; border-radius: 5px; cursor: pointer; }

/*=====================================
	HERO
=====================================*/

.et_pb_section.hero:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1; }
.et_pb_row.scroll-down { position: absolute; bottom: 5%; width: auto; left: 50%; transform: translateX(-50%); z-index: 2; }
.scroll-down span.et-pb-icon { font-size: 40px; color: #fff; opacity: .5; animation: bounce 2s ease-in-out infinite; cursor: pointer; }
.hero h1 { color: #fff; }

.home .hero .et_pb_button { min-width: 294px; text-align: center; }

@media only screen and (min-width:1300px) {
	body:not(.home) .hero .et_pb_section_video_bg video { position: relative; top: -15%; }
	.home-hero .et_pb_section_video_bg video { position: relative; top: auto !important; }
}

/*=====================================
	HOME BLOG
=====================================*/

.home-blog > div { display: flex; }
.home-blog article { padding: 20px; margin: 0 10px; }
.home-blog .et_pb_post div.post-content a.more-link { color: #ffffff!important; padding: 10px; border: 1px solid #fff; display: inline-block; border-radius: 5px; text-transform: capitalize; line-height: normal; margin-top: 16px; font-weight: normal; }
/*.et_pb_column_4_4 .blog-4-col .et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before { content:'4 .column.size-1of4'!important; }*/

.home-blog-container .et_pb_salvattore_content {
	display: flex;
    flex-direction: row;
}
.home-blog-container .et_pb_salvattore_content .column {
    display: flex;
}

@media only screen and (max-width:767px) {
	.home-blog-container .et_pb_salvattore_content .column {
    	flex-direction: column;
	}
}

/*=====================================
	CONTENT
=====================================*/

#main-content h1, #main-content .h1 { font-weight: 700; text-align: center; font-size: 50px; line-height: 1.4em; }
#main-content h2:not(.entry-title) { font-weight: 700; text-align: center; font-size: 40px; line-height: 1.4em; }
div > a:not(.button):not(.more-link), p > a:not(.button) { color:#6cbe55; font-weight: 700; }

/*=====================================
	SLIDESHOWS
=====================================*/

.slider { overflow: hidden; position: relative; }
.item { position: relative; width: 100%; float: left; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); outline: none; margin: 0; padding: 0 30px; }
.item .text { text-align: left; margin: 20px 0; float: left; width: 100%; }
.item .image { /*border-radius: 50%; overflow: hidden;*/ margin: 0 0 30px; }
.item .image img { float: left; width: 100%; height: auto; }

a.nav { width: 30px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); display: block!important; }
a.nav.prev { left: 0; }
a.nav.next { right: 0; }

a.nav i { width: 20px; height: 20px; display: inline-block; border-radius: 2px; transform: rotate(-45deg); position: absolute; top: 50%; left: 0; transform-origin: top left; opacity: .5; }
a.nav i.left { border-top: 4px solid #333; border-left: 4px solid #333; }
a.nav i.right { border-bottom: 4px solid #333; border-right: 4px solid #333; }

/*=====================================
	SINGLE POST PAGE
=====================================*/

@media only screen and (min-width:981px){
	.single-post #main-header { background: #fff; }
	.single-post #main-header .logo_container #logo.first { display:none; }
	.single-post #main-header .logo_container #logo.second { display:inline-block; }

	.single-post #main-header #et-top-navigation { font-weight: 500; }
	.single-post #main-header { box-shadow: 0 0 7px rgba(0,0,0,.1)!important; -moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important; -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important; }
	/*.single-post #page-container { margin-top: 53px!important; }*/
	.single-post #main-content { margin-top: 53px!important; }
	.single-post #left-area { width: 80%!important; float: none!important; padding-right: 0!important; margin: 0 auto!important; max-width: 1080px!important; }
}
.single-post #main-content .container:before { content: none; }
.single-post #main-content { margin-top: 30px!important; }

/*===================================
	CONTENT W/SIDEBAR
===================================*/

#main-content .content-sidebar h2:not(.entry-title) { text-align: left; }
.content-sidebar .et_pb_column.et_pb_column--with-menu { padding: 30px 40px 40px; border-left: 1px solid #ddd; margin-top: 40px; }
.et_pb_menu.sidebar-menu .et_pb_menu__menu > nav > ul > li { width: 100%; float: none; display: block; }
.et_pb_menu.sidebar-menu .et_pb_menu__menu > nav > ul > li > a { font-size: 18px; line-height: 32px; font-weight: 700; color: #045d63; }
.et_pb_menu.sidebar-menu .et_pb_menu__menu > nav > ul > li > a:after { content: "\35"; float: right; font-family: "ETmodules"; font-size: 24px; }

/*=====================================
	SERVICES
=====================================*/

.service-list .et_pb_module_header { padding: 0; }
.service-list .et_pb_main_blurb_image { float: right; margin:0; }
.service-list .et_pb_blurb .et-pb-icon { position: relative; top: -3px; opacity: 1!important; }
.service-list .et_pb_blurb_position_left .et_pb_blurb_content { display: block!important; }

/*=====================================
	TEAM SINGLE PAGE
=====================================*/

/*.single-team #page-container { padding-top: 80px!important; }
.single-team #main-header { background: #fff; }
.single-team #main-header .logo_container #logo.first { display:none; }
.single-team #main-header .logo_container #logo.second { display:inline-block; }
.single-team #main-header:not(.et-fixed-header) #top-menu > li > a { color: #333; }
.single-team #main-header #et-top-navigation { font-weight: 500; }*/
.single-team #main-content .h1 { color: #fff; }
.single-team #main-content > .container { max-width: none; width: 100%; padding-top: 0!important; }
.single-team article .et_post_meta_wrapper > img { max-width: 500px; float: none; margin: 50px auto 0; display: block; }
.single-team .et_post_meta_wrapper { display: none; }
.single-team #main-content .container:before { content:none; background: none; }
.single-team #sidebar { display:none; }
@media (min-width: 981px){
	.single-team #left-area { width: 100%; padding: 0; float: none; }
}

/*=====================================
	TESTIMONIALS
=====================================*/

.wpac { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important; }
.wp-gr .wp-google-review { background: #f5f5f5!important; padding: 30px!important; }
.wpac .wp-google-place, .wp-gr.wpac .wp-google-time { display: none; }
.wp-gr.wpac a.wp-google-name { color: #045d63!important; display: block; font-size: 16px!important; font-weight: 800!important; }
.wp-gr.wpac .wp-google-review .wp-google-stars { display: block; margin-right: 0!important; }
.wp-google-stars .wp-star svg path { fill: #6cbe55; }
.wp-gr .wp-google-left { display: none!important; }
.wp-gr .wp-google-text { font-size: 14px!important; color:#666!important; font-weight: 500!important; }
.wp-gr .wp-more-toggle { color: #6cbe55!important; }

/*=====================================
	FORM
=====================================*/

.form br { display: none; }
.form span { display: inline-block; margin-bottom: 3%; width: calc(50% - 1.5%); float: left; }
.form span.your-message { float: none; width: 100%; }
.form span.full-name, .form span.phone-number { margin-right: 3%; }
.form span input, .form span textarea, .form span select { display: block; margin: 0; width: 100%; background-color: rgba(255,255,255,0.05); border: 1px solid #ddd; border-radius: 5px; color: #fff; font-weight: bold; padding: 16px; font-size: 14px; }
.form input[type=submit] { color: #ffffff!important; border-radius: 5px; letter-spacing: 2px; font-size: 16px; text-transform: uppercase!important; background-color: #045d63; padding: 14px 28px; font-weight: bold; float: right; cursor: pointer; border:none; }

/*=====================================
	FOOTER FORM
=====================================*/

.footer-form br { display: none; }
.footer-form span { display: inline-block; margin-bottom: 3%; width: calc(50% - 1.5%); float: left; }
.footer-form span[data-name="full-name"], .footer-form span[data-name="phone-number"], .footer-form span[data-name="your-message"] { padding-right:10px}
.footer-form span[data-name="email-address"], .footer-form span[data-name="location"] { padding-left:10px}
.footer-form span.full-name, .footer-form span.phone-number { margin-right: 3%; }
.footer-form span input, .footer-form span textarea, .footer-form span select { display: block; margin: 0; width: 100%; background-color: rgba(255,255,255,1); border: none; border-radius: 5px; color: #fff; font-weight: normal; padding: 16px; font-size: 14px; }
.footer-form span select, .footer-form span select option { color: #000; }
.footer-form span.your-message { float: none; width: 100%; margin-bottom: 0; }
.footer-form input[type=submit] { color: #ffffff!important; border-radius: 5px; letter-spacing: 2px; font-size: 16px; text-transform: uppercase!important; background-color: #6abf4b; padding: 14px 28px; font-weight: bold; float: right; cursor: pointer; border: 2px solid #6abf4b; }
.footer-form span input::placeholder { color:#000; }
.footer-form span textarea::placeholder { color:#000; }
.wpcf7-form > p { padding: 0; }
.wpcf7-recaptcha > div, .wpcf7-recaptcha > iframe { margin: 5px 0 5px auto; }

/*=====================================
	FOOTER
=====================================*/

#main-footer { background: #2e2e2e; }

#footer-widgets { padding: 20px 0 0; }
#footer-widgets .footer-widget { margin-bottom: 10px; }
#footer-widgets .footer-widget .widget_nav_menu { width: 100%; text-align: right; }
#footer-widgets .footer-widget li { display: inline-block; padding: 0 0.7vw; margin:10px 0 0; font-weight: 400; text-transform: uppercase; }
#footer-widgets .footer-widget li:first-child { padding-left: 0; }
#footer-widgets .footer-widget li:last-child { padding-right: 0; }
#footer-widgets .footer-widget li:before { content: none; }

#footer-bottom { background: #171717; }
#footer-info { width: 100%; }
#footer-info span { float: right; }

/*=====================================
	KEYFRAMES
=====================================*/

@keyframes bounce {
  0% { transform: translateY(0px); }
  30% { transform: translateY(-20px); }
  60% { transform: translateY(0px); }
  70% { transform: translateY(-5px); }
  80% { transform: translateY(0px); }
  100% { transform: translateY(0px); }
}

/*=====================================
	HOVERS
=====================================*/

@media only screen and (min-width:980px){
	.button:hover { background:#045d63; color: #fff; }
	.button.green-hover:hover { background: #6abf4b; }
	.button.dark:hover { background:#fff; color: #045d63; }
	div.post-content a.more-link:hover, .button.dark-outline:hover { background:#6abf4b; color: #fff!important; border-color: #6abf4b; }
	#main-header #top-menu > .menu-button > a:hover { background:#6abf4b; }
	#main-header:not(.et-fixed-header) #top-menu > .menu-button > a:hover { background:#fff; color:#045d63!important; }
	.home-blog .et_pb_post div.post-content a.more-link:hover { color: #2b3840!important; background: #fff; font-weight: bold; }
	.et_pb_menu.sidebar-menu .et_pb_menu__menu > nav > ul > li > a:hover { color: #6abf4b; opacity: 1; }
	.footer-form input[type=submit]:hover { background-color:#045D63; }
	.form input[type=submit]:hover { background-color: #6abf4b; }
	a.nav:hover i { opacity: 1; }
}

/*=====================================
	RESPONSIVE
=====================================*/

@media only screen and (max-width:1400px){
	#top-menu li { font-size: 13px; padding-right: 15px; }
	#main-header #top-menu > .menu-button > a { padding: 12px 15px!important; }
	.et_pb_svg_logo #logo, #logo { max-height: 44%;}
}

@media only screen and (max-width:1200px) {
	#top-menu li { padding-right: 10px; }
	#top-menu .menu-item-has-children>a:first-child { padding-right: 16px; }
}


@media only screen and (max-width:1080px){
	#main-header { position: fixed; }
	#et_mobile_nav_menu { display: block; }
	#top-menu { display: none; }
	.et_header_style_left #et-top-navigation { padding-top: 24px; display: block; }


	/* START MOBILE SIDE SLIDE-OUT NAVIGATION */
	#main-header .container.et_menu_container { width: calc(100% - 60px); position: static}
	.et_pb_svg_logo #logo, #logo { max-width: none; }
	.mobile_menu_bar:before { color: #fff; }
	#main-header .et_mobile_menu { left: -350px; top: 0!important; height: 100vh!important; width: 350px; border-top: none; background:rgba(4, 93, 99, 0.9); position: fixed; display: block!important; transition: all 0.4s ease; padding: 10vh 0 0; max-width: 50vw; }
	#main-header .et_mobile_menu.active { left: 0; }
	#main-header .et_mobile_menu li a { text-transform: uppercase; border: none; padding:1vh 40px; text-align: left; color: #fff; font-weight: normal!important; }

	/*#main-header .et_mobile_menu li.menu-item-has-children > a:after { font-family: ETmodules; font-size: 16px; font-weight: 800; content: "5"; float: right; }*/
	#main-header .et_mobile_menu > li > ul { position: absolute; height: 100vh; top: 0; left: 100%; background: rgba(37, 40, 50, 0.95); padding: 10vh 0 0; width: 0; transition: all 0.4s ease; overflow-y:scroll; }
	#main-header .et_mobile_menu > li > ul.active { width: 360px; max-width: 50vw; }
	/*#main-header .et_mobile_menu > li > ul > li { width: 350px; max-width: 50vw; }*/

	#main-header .et_mobile_menu li ul span.close, #main-header .et_mobile_menu span.closeMain { display: none; }

	#main-header .et_mobile_menu > li > ul > li > ul { position: static; width: 100%!important; height: auto; padding: 0!important; max-width: none; overflow: auto; background: none; }
	#main-header .et_mobile_menu li li { padding-left: 0; }
	#main-header .et_mobile_menu > li > ul > li > a { display: none; }

	.et_fullwidth_nav #main-header .container { padding-right: 0; padding-left: 0; }
	/* END MOBILE SIDE SLIDE-OUT NAVIGATION */

}

@media only screen and (max-width:980px){
	.home-blog > div { display: block; }
	.et_pb_blog_0:not(.et_pb_blog_grid_wrapper) .et_pb_post { margin: 0 0 20px; }

	.content-sidebar .et_pb_column.et_pb_column--with-menu, .content-sidebar .et_pb_column.et_pb_column--with-menu { padding: 0; border-left: none; margin-top: 40px; }
	.content-sidebar .et_pb_column.et_pb_column--with-menu .et_pb_menu .et_pb_menu__menu { display: block; width: 100%; }
	.content-sidebar .et_pb_column.et_pb_column--with-menu .et_pb_menu .et_mobile_nav_menu { display: none; }

	#main-footer #footer-widgets .footer-widget { width: 100%!important; margin: 0 0 30px!important; }
	#main-footer #footer-widgets .footer-widget .et_pb_widget { float: none!important; text-align: center; }
	#main-footer #footer-widgets .footer-widget .et_pb_widget img { max-width: 350px!important; width: 100%; }
	#footer-info span { float: none; display: block; }
}

@media only screen and (max-width:600px) {
	#main-content h1, #main-content .h1 { font-size: 40px; line-height: 1.2em; }
	#main-content h2:not(.entry-title) { font-size: 32px; line-height: 1.2em; }
	.footer-form span { width: 100%; margin-right: 0!important; }
	.et_pb_button_2_wrapper { margin-left: 0!important; }
	.footer-form span[data-name="full-name"], .footer-form span[data-name="phone-number"], .footer-form span[data-name="your-message"] { padding-right:0px}
.footer-form span[data-name="email-address"], .footer-form span[data-name="location"] { padding-left:0px}
}

@media only screen and (max-width:500px) {
	#main-header .et_mobile_menu { max-width: 80vw; }
}

/* custom */
@media(min-width:981px) {
	.fill-height-img img {
	  height: 100%;
	  object-fit: cover;
	}
	.fill-height-img,
	.fill-height-img > span {
	  height: 100%;
	}
	.fill-height-img-row {
		display:flex;
		justify-items: stretch;
	}
}