/*
 Theme Name: Gardenly
 Theme URI:  https://divilover.com/demos/gardenly
 Description:Landscape & Garden Services Theme Template for Divi
 Author:     Divi Lover
 Author URI: https:/divilover.com
 Template:   Divi
 Version:    2.0
 License:    GNU General Public License v2 or later
 License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/

/* VER 1.1 - error fix: remove duplicated styles from line 1 to 298 */

/* ----- Header & Navigation ----- */

/* Fix "jumping header" issue */
#page-container {
	padding-top:105px!important;
}

/* Remove box shadow from header */
#main-header {
    box-shadow:none;
}

/* Change box shadow on fixed header */
#main-header.et-fixed-header {
	box-shadow:0 0 7px rgba(0, 0, 0, 0.4)!important;
}

/* Top header styling */
#top-header {
	display:block;
	transition: all .3s ease-in-out;
	z-index:1;
}

/* Right-align top header elements */
#et-info {
	float:right;
}

/* Change size of top header icons */
#et-info-phone::before,
#et-info-email::before {
	top:1px;
}

/* Change the color of top-header elements */
#et-info-phone,
#et-info-email,
.et-social-icons a:before {
	color:#fff;
	opacity:0.4;
	transition:all .3 ease-in-out;
}

#top-menu-nav > ul > li > a:hover,
#et-secondary-menu > ul > li > a:hover,
#et-info-email:hover,
.et-social-icons a:hover,
.et-social-icons a:hover:before {
	opacity:1;
	color:#fff;
}

/* Hide top-header when navigation fixed */
#top-header.et-fixed-header {
	display:none;
}

body:not(.admin-bar) #main-header.et-fixed-header {
	top:0!important;
}
body.admin-bar #main-header.et-fixed-header {
	top:32px!important;
}

/* Main header styling */
#main-header {
	top:35px!important;
}
body.admin-bar #main-header {
	top:63px!important;
}
@media (max-width: 767px) {
body.admin-bar #main-header {
	top:77px!important;
}
	
}
/* Fix safari menu overlap */
nav#top-menu-nav, #top-menu {
	float:none;
	width:100%;
	text-align:right;
}
.et_header_style_left #et-top-navigation {
	padding-left:0!important;
	width:100%;
}

/* Style the primary menu items */
#top-menu > li > a {
	color:#fff;
	text-transform:uppercase;
	position:relative;
}

#top-menu li a:hover {	
    opacity:1;
}

#top-menu li a:before {
	content:'';
	display:block;
	position:absolute;
	top:18px;
	left:0;
	height:2px;
	width:0;
	transition:all .3s ease-in-out;
}

#top-menu li a:hover:before {
	width:100%;
}

#top-menu li.current-menu-parent a {
	color:#fff;
}

/* Style the active primary menu item */

#top-menu > li.current-menu-item > a:before {
	display:none;
}



/* Style the sub-menu */
#top-menu > li > ul.sub-menu {
	border-top:none;
	padding:10px 0;
	margin-left:-20px;
}

#top-menu > li > ul.sub-menu > li {
	padding:0 20px;
	width:100%;
}

#top-menu > li > ul.sub-menu > li > a {
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	font-weight:400;
	display:inline-block;
	padding:6px 0;
	width:auto;
}

#top-menu > li > ul.sub-menu > li > a:before {
	top:32px;
}

/* Style the mobile menu */
@media (max-width: 980px) {
	.et_header_style_left #et-top-navigation {
		padding-top:15px;
		height:70px;
	}
}

.et_header_style_left .mobile_menu_bar {
	padding-bottom:15px;
}

.mobile_menu_bar::before {
	color:#fff;
	font-size:40px;
}

.opened .mobile_menu_bar::before {
	content:'M';
}

.et_mobile_menu {
	border-top:none;
	padding:30px 0 0;
	z-index:2;
}

/* Style the mobile menu item */
.et_mobile_menu li a {
	color:#fff;
	font-weight:400;
	text-transform:uppercase;
}

/* Style the mobile menu item on hover*/
.et_mobile_menu li a:hover {
	color:#fff;
	opacity:1;
}

/* Style the logo container */
.et_header_style_left .logo_container {
	position: absolute;
	display:block;
	top:-35px;
	height:135px;
	max-height:135px;
	width:auto;
	max-width:250px;
	background:#fff;
	z-index:8;
	text-align:center;
	box-shadow:4px 2px 7px rgba(0, 0, 0, 0.2);
}

/* Set the logo size */
.et_header_style_left .logo_container a img#logo {
	max-height:85%;
	width:auto;
	max-width: 85%;
}

/* Style the logo container on fixed navigation */
#main-header.et-fixed-header .logo_container {
	top:0;
	max-height:110px;
}
/* Style logo container on mobile */
@media (max-width: 980px) {
	.et_header_style_left .logo_container a img#logo {
		max-width:90%!important;
	}
	.et_header_style_left .logo_container {
		top:0;
		height:95px;
		max-height:95px;
		max-width:200px;
	}
}

/* ----- FOOTER Styling ----- */

/* Style "back to top" link */
.et_pb_scroll_top.et-pb-icon {
	border-radius:0;
	color:#fff;
}

/* Main footer styling */
#main-footer {
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-weight:400;
}

/* Main footer heading styling */
#main-footer h4 {
	font-weight:400;
	font-size:17px;
}

/* Footer Text widget styling */
.footer-widget p {
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-weight:400;
}

/* Footer Links styling */
#footer-widgets .footer-widget a {
	color:#fff;
	position:relative;
}

#footer-widgets .footer-widget a:hover {
	opacity:1;
}

#footer-widgets .footer-widget a:after {
	display:block;
	width:0;
	height:2px;
	content:'';
	position:absolute;
	bottom:-3px;
	left:0;
	transition:all .3s ease-in-out;
}

#footer-widgets .footer-widget a:hover:after {
	width:100%;
}

/* Decrease margin on Image Widget */
.widget_media_image {
	margin-bottom:20px!important;
}

/* Footer menu widget styling */
#footer-widgets .footer-widget li {
	padding-left:0;
}

#footer-widgets .footer-widget li::before {
	display:none;
}

#footer-widgets .footer-widget li a {
	text-transform:uppercase;
}

#footer-widgets .footer-widget li a:hover {
	color:#fff;
}

/* Bottom Footer Styling */

#footer-info, #footer-info a {
	color:rgba(255,255,255,0.3);
	font-weight:400;
	font-size:13px;
}

#footer-info a:hover {
	opacity:1;
	color:#fff;
}

/* Bottom Footer Social Icons styling */
.et-social-icon a {
	color:rgba(255,255,255,0.3);
	font-size:18px;
}


/* ----- GENERAL site-wide styling ----- */


/* Button styling */
.et_pb_button {
	font-family:'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:20px;
    text-transform:uppercase;
    color:#ffffff !important;
    border-width:2px;
    border-style:solid;
    border-radius:0;
    padding-top:6px;
    padding-bottom:6px;
    opacity:1
}

.et_pb_button:after {
	color:#fff;
}

/* Button on hover */
.et_pb_module .et_pb_button:hover { /* VER 1.1 - add ".et_pb_module" parent selector */
	color:#fff!important;
    background:none;
    border:2px #fff solid;
    padding-top:6px;
    padding-bottom:6px;
}

/* Button styling when text is dark */
.et_pb_button.et_pb_bg_layout_light:hover {
    background:none;
    border-width:2px;
    border-style:solid;
}

/* Button size on mobile */
@media (max-width: 980px) {
	.et_pb_button {
		font-size:15px;
		font-weight:700;
	}
	.et_pb_button:after {
		font-size:24px;
	}
}

/* Blockquotes styling */
blockquote {
	border:none;
	padding-left:40px;
	position:relative;
}

blockquote p {
	font-style:italic;
	font-family:'Droid Serif', serif;
}

blockquote:before {
	content:'"';
	display:block;
	font-family:'Droid Serif', serif;
	font-style:italic;
	font-size:60px;
	position:absolute;
	top:15px;
	left:0;
}

/* Light text sections styling */

.et_pb_bg_layout_dark p {
	color:#fff!important;
}

/* Inline links styling */
.et_pb_text a {
	position:relative;
}

.et_pb_text a:after {
	display:block;
	width:0;
	height:2px;
	content:'';
	position:absolute;
	bottom:-3px;
	left:0;
	transition:all .3s ease-in-out;
}

.et_pb_text a:hover:after {
	width:100%;
}


/* ----- HOMEPAGE Styling ----- */


/* Hero full-width header styling */
.ds-hero-header {
	padding:12% 0 24%;
	background-position: bottom center;
}


/* Hero header Light text version */
.ds-hero-header.et_pb_bg_layout_dark,
.ds-hero-header.et_pb_bg_layout_dark h1 {
	color:#fff;
	text-shadow:1px 1px 3px rgba(0,0,0,0.3);
}
/* Hero header Dark text version */
.ds-hero-header.et_pb_bg_layout_light,
.ds-hero-header.et_pb_bg_layout_light h1 {
	text-shadow:none;
}

.ds-hero-header.et_pb_bg_layout_light .et_pb_more_button:hover {
	background:none;
}

/* Iamges Links - Blurbs styling */
.dl-photo-link .et_pb_blurb_content {
	position:relative;
	padding:10px;
}

.dl-photo-link .et_pb_main_blurb_image {
	margin-bottom:0;
}

.dl-photo-link .et_pb_main_blurb_image a {
	display:block;
	transition:all .3s ease-in-out;
	overflow: hidden;
	line-height:0;
	border-style:solid;
}

.dl-photo-link .et_pb_main_blurb_image a img {
	transition:all 1s;
	margin-bottom:0;
}

.dl-photo-link .et_pb_blurb_container h4 {
	font-size:18px;
	width:100%;
	padding: 10px 0 0;
}

.dl-photo-link .et_pb_blurb_container p {
	padding-top:20px;
	line-height:1.4em;
}

/* Service Links - styles on hover */
.dl-photo-link:hover .et_pb_main_blurb_image a img {
	transform: scale(1.3) rotate(3deg);
}

/* Mini blurb styling */
.dl-mini-blurb {
	margin-bottom:2%!important;
}

.dl-mini-blurb .et-pb-icon {
	font-size:20px;
}

/* Styles for testimonial Slider */
.dl-testimonial-slider .et_pb_slide {
	background:transparent!important;
}

.dl-testimonial-slider .et_pb_slide_description {
	padding:2% 8%;
}


.dl-testimonial-slider h2.et_pb_slide_title:before {
	content:'"';
	font-family:'Droid Serif', serif;
	font-style:italic;
	font-size:40px;
	margin-right:10px;
}

/* Global Contact form styling */
.dl-contact-form .et_pb_contact p input, 
.dl-contact-form .et_pb_contact p textarea {
	background:#fff;
}

.dl-contact-form .et_pb_contact p textarea {
	min-height:210px;
}

.dl-contact-form .et_pb_contact p.et_pb_contact_field_0 {
	float:right;
}

.dl-contact-form .et_contact_bottom_container {
	width:100%;
}

/* Contact form Button styling*/
.dl-contact-form .et_pb_button:hover {
    background:none;
    border-width:2px;
    border-style:solid;
}

.dl-contact-form {
	max-width:890px;
	margin:0 auto;
}
/* VER 1.2 - fix contact form styling */
.dl-contact-form p.et_pb_contact_field:not(.et_pb_contact_field_last) {
	clear:none;
}

/* ----- GLOBAL Page Styling ----- */


/* Full-width header - page title with subheading styling */
.dl-fullwidth-header {
	padding:40px 0 20px;
	position:relative;
}

.dl-fullwidth-header .et_pb_fullwidth_header_container.center .header-content {
	margin:0 auto;
}


/* Full-width header Light & Dark text version */
.dl-fullwidth-header.et_pb_bg_layout_dark h1 {
	color:#fff;
	text-shadow:1px 1px 5px rgba(0,0,0,0.4);
}

.dl-fullwidth-header.et_pb_bg_layout_light h1 {
	text-shadow:none;
}


/* ------ ABOUT US Page Styling ----- */


/* Awards Gallery Slider styling */
.dl-awards-slider {
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}

.dl-awards-slider .et-pb-controllers {
	display:none;
}

/* Number Counter Styling */
.dl-number-counter .percent {
	height:50px;
	margin-top:-15px;
}

.dl-number-counter h3 {
	padding:0;
}

/* Team Member Styling */
.dl-team-member {
	padding:10px;
	text-align:left;
}

.dl-team-member .et_pb_team_member_image {
	float:left;
	max-width:35%;
	margin:0!important;
}

.dl-team-member .et_pb_team_member_description {
	margin-top:10px;
	float:right;
	max-width:61%;
	display:block;
}

@media (max-width: 640px) {
	.dl-team-member .et_pb_team_member_image {
		float:none;
		margin:0 auto!important;
	}
	.dl-team-member .et_pb_team_member_description {
		float:none;
		text-align:center;
		max-width:100%;
	}
}

/* Team Member Social Links Styling */
.dl-team-member .et_pb_member_social_links {
	margin-top:10px;
}


/* ---- GALLERY & PROJECTS Page Styling ----- */


/* Filterable portfolio gallery styling */
.dl-filterable-portfolio .et_pb_portfolio_item {
	position:relative;
}

/* Hide Filterable portfolio items header - show on hover */
.dl-filterable-portfolio .et_pb_portfolio_item .et_pb_module_header {
	position:absolute;
	top:20%;
	height:20px;
	width:100%;
	padding:0 10px;
	text-align: center;
	color:#fff;
	font-weight:400;
	text-shadow:1px 1px 3px rgba(0,0,0,0.3);
	z-index:-1;
	transition:all .5s ease-in-out;
}

.dl-filterable-portfolio .et_pb_portfolio_item:hover .et_pb_module_header {
	top:50%;
	z-index:3;
	margin-top:-1em;
}

@media (min-width:980px) {
	.dl-filterable-portfolio .et_pb_portfolio_item .et_pb_module_header {
		line-height:30px;
	}
}

/* modyfiy Filterable portfolio items overlay */
.dl-filterable-portfolio .et_overlay::before {
	display:none;
}

.dl-filterable-portfolio .et_overlay {
	opacity:0;
	border:none;
	z-index:-2
}

.dl-filterable-portfolio .et_pb_portfolio_item:hover .et_overlay,
.dl-filterable-portfolio .et_pb_portfolio_item h2:hover .et_overlay {
	z-index:2;
	opacity:0.7;
}

/* Make 3 portfolio items in row instead of 4 on desktop */
@media (min-width:980px) {
	.dl-filterable-portfolio .et_pb_portfolio_item {
		width:30.333%!important;
	}
}

/* Style Filterable portfolio navigation buttons */
.dl-filterable-portfolio .et_pb_portfolio_filters {
	text-align:center;
}

.dl-filterable-portfolio .et_pb_portfolio_filters li {
	float:none;
	display:inline-block;
}

@media (max-width:480px) {
	.dl-filterable-portfolio .et_pb_portfolio_filters li {
		width:100% !important
	}
}

@media (min-width:768px) {
	.dl-filterable-portfolio .et_pb_portfolio_filters li {
		margin-right:10px;
	}
}

.dl-filterable-portfolio .et_pb_portfolio_filters li:last-child {
	margin-right:0;
}

.dl-filterable-portfolio .et_pb_portfolio_filters li a {
	border:none;
	font-size:15px;
	text-transform:uppercase;
	padding:15px 20px;
	border-radius:0!important;
	transition:all .3s ease-in-out;
	color:#fff;
}

.dl-filterable-portfolio .et_pb_portfolio_filters li a.active {
	color:#fff;
}

/* Fullwidth portfolio section styling */
.dl-fullwidth-portfolio .et_overlay::before {
	display:none;
}

.dl-fullwidth-portfolio.et_pb_bg_layout_dark .et_pb_portfolio_image .et_overlay{
	background:rgba(114,171,0,0.7);
}

/* Hide Filterable portfolio items header - show on hover */
.dl-fullwidth-portfolio .et_pb_portfolio_item .et_pb_module_header {
	color:#fff;
	text-shadow:1px 1px 3px rgba(0,0,0,0.3);
}

.dl-fullwidth-portfolio .et_pb_portfolio_item:hover .et_pb_module_header {
	margin-top:30%;
}


/* ----- BLOG & archive pages styling ----- */


/* Remove the default border from sidebar */
#main-content .container::before {
	display:none;
}

.et_pb_widget_area_right {
	border-left:none;
}

/* Add sidebar background on mobile */
@media (max-width:979px) {
	#sidebar {
		padding-top:30px;
		padding:30px!important;
	}
}

/* Style sidebar searchform */
.widget_search input#s {
	border:none;
	border-radius:0;
}

.widget_search input#searchsubmit {
	border-width:2px;
	border-style:solid;
	color:#fff;
	text-transform:uppercase;
	transition:all .3s ease-in-out;
	border-radius:0;
	font-size:15px;
	line-height:15px!important;
	letter-spacing:-0.5px;
}

.widget_search input#searchsubmit:hover {
	background:#fff;
}

/* Style sidebar headers */
#sidebar h4.widgettitle {
	padding-left:10px;
	font-style:normal;
	position:relative;
	padding-bottom:0;
	margin-bottom:15px;
	font-size:18px;
	text-transform:uppercase;
}

#sidebar h4.widgettitle:before {
	width:2px;
	height:100%;
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
}

/* Sidebar link styling */
.et_pb_widget a, .et_pb_widget li a {
	line-height:1;
	transition:all .3s ease-in-out;
}

/* Single post on blog pages styling */
article.et_pb_post {
	background:#fff;
	padding:10px;
	box-shadow:1px 1px 6px rgba(0,0,0,0.2);
}

/* Futured blog image link styling */
article.et_pb_post a img {
	transition:all .3s ease-in-out;
}

article.et_pb_post a:hover img {
	opacity:0.7;
}

/* Post title link styling */
h2.entry-title a {
	transition:all .3s ease-in-out;
}

@media (max-width:767px) {
	h2.entry-title a {
		font-size:20px;
	}
}

/* Post meta styling */
article.et_pb_post p.post-meta, article.et_pb_post p.post-meta a {
	font-family:'Droid Serif', serif;
	font-style:italic;
	font-size:14px;
}

/* Single Blog Page styling - text formatting */
.single article.et_pb_post {
	padding:0;
	box-shadow:none;
}

@media (max-width:767px) {
	article.et_pb_post h1.entry-title {
		font-size:34px;
	}
	article.et_pb_post h2 {
		font-size:28px;
	}
	article.et_pb_post h3 {
		font-size:22px;
	}
}


/* Comment form input fields styling */
#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
	border-width:1px;
	border-style:solid;
	font-family:'Droid Serif', serif;
	font-style:italic;
	transition:all .3s ease-in-out;
}

/* Comment form input fields on focus */
#commentform textarea:focus,
#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform input[type="url"]:focus {
	outline:none;
	box-shadow:none;
	border-width:1px;
	border-style:solid;
}

/* Comment form buttons styling */
.comment-reply-link.et_pb_button:hover, #commentform input#submit:hover {
	background:transparent;
}

/* ----- FAQ Page Styling ----- */

/* Question header styling */
.dl-faq-question {
	position:relative;
	padding-left:15px;
	margin-bottom:10px!important;
}

.dl-faq-question:before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:2px;
	height:100%;
}

/* Accordion FAQ styling */
.dl-accordion .et_pb_toggle {
	margin-bottom:0!important;
	border:none;
	background:none;
	border-bottom-width:2px;
	border-bottom-style:solid;
	padding:15px;
}

.dl-accordion .et_pb_toggle_title {
	font-weight:400;
	font-family:'Droid Serif', serif;
	font-style:italic;
}

/* Pricing tables styling */

.dl-pricing-tables .et_pb_pricing_heading {
	background:#fff;
}

.dl-pricing-tables .et_pb_pricing_content_top {
	border-bottom:none;
}

.dl-pricing-tables .et_pb_dollar_sign,
.dl-pricing-tables .et_pb_sum,
.dl-pricing-tables .et_pb_frequency {
	font-family:'Droid Serif', serif;
	font-style:italic;
}

.dl-pricing-tables .et_pb_pricing_content {
	padding:0;
}

.dl-pricing-tables .et_pb_pricing li {
	padding-bottom:0;
	text-align:center;
}

.dl-pricing-tables .et_pb_pricing li span::before {
	border:none;
	content:'N';
	font-family:'ETmodules';
	top:0;
	left:-20px;
}

.dl-pricing-tables .et_pb_pricing li.et_pb_not_available {
	opacity:0.6;
}

.dl-pricing-tables .et_pb_pricing li.et_pb_not_available span::before {
	content:'M';
}