/*
 Theme Name:     Tommys Turf
 Theme URI:
 Description:    Tommys Turf Theme
 Author:         Creative Web Tech (Daryl)
 Author URI:     https://www.creativewebtech.com.au
 Template:       Divi
 Version:        1.0.0
*/
/* =Theme customization starts here

------------------------------------------------------- */
:root {
  --dark-green: #043332;
  --bright-green: #1ecc6d;
  --green: #1ca157;
  --white: #ffffff;
}

/* Collapse Divi Mobile Menu Submenus */

/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #ffffff;
	/* background: #f0f3f6; */
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}


.et_mobile_menu .menu-item-has-children .sub-menu{
  display: none !important;
}

.pa-block{
  display: block !important;
  height: fit-content !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding: 5% !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.et_mobile_menu .menu-item-has-children .pa-submenu{
  display: block !important;
}

.opened .et_mobile_menu{
height: fit-content !important;
padding: 5% !important;
}


ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle{
  text-align: right;
  width: 100%;
}

/* hide cta button in nav on mobile */
@media only screen and (max-width: 980px) {
    .et_mobile_menu .quote-cta-btn {
      display: none;
    }
}

/* bullet point styling */
.entry-content ol, .entry-content ul {
    padding: 0px 0px 30px 50px;
    list-style-position: outside;
}

.entry-content ol li, .entry-content ul li {
    margin-bottom: 10px;
}

/* @font-face {
  font-family: 'Mont', sans-serif;
  src: url(https://tommysturf.creativewebtech.com.au/wp-content/themes/tommysturf/fonts/mont-regular.ttf);
  font-weight: normal;
} */
/*
* {
  font-family: 'Mont', sans-serif;
} */

/* contact bar blurb styling */
.contact-blurb {
  width: fit-content !important;
  display: flex !important;
  margin: 0 20px !important;
}

.contact-blurb .et_pb_blurb_container {
  padding-left: 8px;
}

.contact-blurb .et_pb_module_header {
  margin-top: 3px !important;
}

.contact-blurb .et_pb_main_blurb_image {
  width: 10px;
  margin: auto;
}

/* testimonial blurbs */
.testimonial-row .et_pb_column {
  display: flex;
}

/* .et_pb_module {
  width: 100%
} */
.testimonial-row .et_pb_blurb_content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.testimonial-row .et_pb_blurb_container {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}

.testimonial-row .et_pb_module_header {
  margin-top: auto;
}

/* woocommerce styling (shop page) */
ul.products.columns-4 {
  display: flex;
  flex-wrap: wrap;
}

li.product {
  display: flex;
  flex-wrap: wrap;
}

li.product>*:not(.add_to_cart_button):not(.product_type_simple) {
  flex: 1 0 100%;
}

/* quote form */
/* .quote-form .wpforms-field-medium {
  max-width: 100% !important;
}

.quote-form h3, .quote-form label,
.quote-form .modern-title {
  color: white;
}

.quote-form .wpforms-uploader {
  background: transparent !important;
}

.quote-form button {
  border-radius: 5px !important;
  background: transparent !important;
  color: white !important;
  font-weight: 500 !important;
  border: 1px solid white !important;
} */

/* .contact-form button {
  background: var(--bright-green) !important;
  border-radius: 5px !important;
  border: none !important;
} */

/* contact us blurbs */
@media screen and (max-width: 767px) {
  .contact-us-blurb .et_pb_blurb_container {
    vertical-align: middle !important;
  }

  .contact-us-blurb .et_pb_module_header {
    padding-bottom: 2px;
  }
}

/* services toggles */
/* place icon to the left */
.accordion-icon-left .et_pb_toggle_title:before {
  left: 0 !important;
}

.accordion-icon-left .et_pb_toggle_title,
.accordion-icon-left .et_pb_toggle_content {
  padding-left: 2em !important
}

/* keep icon when opened */
.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
  display: block;
  content: "\e04f";
}

/* request a quote button */
.quote-cta-btn a {
  font-family: inherit !important;
  height: fit-content !important;
  width: fit-content !important;
  margin: auto !important;
  font-size: 0.8em !important;
  background-color: #1ecc6d !important;
  padding: 10px 20px !important;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff !important;
  text-align: center;
}

/*set the transition for the spacing shrinking action*/
.header-nav-section .et_pb_row {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/*set the background color of the fixed header when scrolling*/
.fixed-header .et_pb_row {
  padding: 0px 0 !important;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/*set the transition for the logo shrinking action*/
.header-nav-section .et_pb_menu__logo img {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/*change the logo size when the header shrinks*/
.fixed-header .et_pb_menu__logo img {
  max-width: 80%;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/*set the transition for the font size shrinking action*/
.header-nav-section .et_pb_menu ul li a {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/*change the menu font size when the header shrinks*/
.fixed-header .et_pb_menu ul li:not(.quote-cta-btn) a {
  font-size: 16px !important;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}


/* quote form styles */
.lightbox-content-quotecta h3,
.lightbox-content-lawncarequote h3 {
  color: white;
  font-size: 1.5em;
}

.lightbox-content-quotecta .ff-el-section-break,
.lightbox-content-lawncarequote .ff-el-section-break{
  margin-bottom: 0 !important;
}

.lightbox-content-quotecta .ff-el-section-break hr,
.lightbox-content-lawncarequote .ff-el-section-break hr {
  display: none;
}

.lightbox-content-quotecta .ff-el-group.services-required-options,
.lightbox-content-lawncarequote .ff-el-group.services-required-options {
  color: white;
}

.lightbox-content-quotecta .ff_upload_btn.ff-btn {
  background: white !important;
  color: var(--dark-green) !important;
  padding: 5px 10px !important;
border: 1px solid white;
border-radius: 6px;
}

.quote-submit-button {
  background: transparent !important;
  color: white !important;
  border: 1px solid white !important;
  border-radius: 6px !important;
}


/* contact form */
.contact-form  {
    margin: auto;
    max-width: 650px;
}

.contact-form button {
  background: var(--bright-green) !important;
  border-radius: 5px !important;
  border: none !important;
}

/****** Lightbox Styling *******/
[class*="lightbox-trigger-"] {
  cursor: pointer;
}

[class*="lightbox-content-"] {
  position: relative;
  z-index: unset !important;
}

[class*="lightbox-content-"] .mfp-close {
  color: #ffffff !important;
  font-size: 50px;
}

[class*="lightbox-content-"] .mfp-close:active {
  top: 0px !important;
}

.mfp-container {
  padding: 0 !important;
}

.mfp-content {
  max-width: 800px;
  padding-top: 6vw;
}

@media only screen and (max-width: 980px) {
  .mfp-content {
    padding: 0;
    width: 100vw;
    max-width: 100%;
  }

  .mfp-close {
    font-size: 28px;
  }
}


/* footer */
@media screen and (max-width: 980px) {
  /* .footer-row {
    display: flex !important;
  }

  .footer-row>.et_pb_column {
    flex-basis: 100% !important;
  } */

  .footer-row>.et_pb_column:nth-child(3) {
    margin-bottom: 30px !important;
  }

  .footer-row>.et_pb_column .et_pb_blurb_content {
    margin-left: 0 !important;
  }
}

/* slick slider */
.slick-track {
  display: flex !important;
}

.slick-slide {
  height: inherit !important;
  margin: 0 27px;
}

.slick-list {
  margin: 0 -27px;
}

/* .feedback-blurb-slider .et_pb_blurb_container {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}

.feedback-blurb-slider .et_pb_blurb_content {
  height: 100%;
}

.feedback-blurb-slider .et_pb_module_header {
  margin: auto;
} */

.feedback-blurb-slider .et_pb_column {
  display: flex;
}

/* .et_pb_module {
  width: 100%
} */
.feedback-blurb-slider .et_pb_blurb_content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.feedback-blurb-slider .et_pb_blurb_container {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}

.feedback-blurb-slider .et_pb_module_header {
  margin-top: auto;
}

/* slick slider */
.entry-content ul.slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}



/* remove popup background for one page */
body.page-id-1320 .mfp-figure:after {
  display: none !important;
}

/* .slick-slider {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow-x: hidden;
  margin: 0;
  padding: 0 0 0px;
}

.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}

.slick-slide {
  position: relative;
  float: left;
  height: 100%;
  min-height: 1px;
}

.feedback-blurb-slider .slick-arrow, .feedback-blurb-slider .slick-arrow:hover, .feedback-blurb-slider .slick-arrow:focus {
position: absolute;
font-size: 0;
line-height: 0;
padding: 0;
color: transparent;
outline: none;
background: rgba(122,105,230,0.3);
border: none;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
z-index: 100;
height: 50px;
vertical-align: middle;
border-radius: 50%;
width: 50px;
}
.feedback-blurb-slider .slick-prev { left: -50px; }
.feedback-blurb-slider .slick-next { right: -50px; }

.feedback-blurb-slider .slick-arrow:before {
font-family: ETmodules;
color: #000;
background: transparent;
opacity: 1;
font-size: 46px;
vertical-align: middle;
color: #7a69e6;
text-align: center;
}
.feedback-blurb-slider .slick-arrow:hover:before { opacity: 0.8; }
.feedback-blurb-slider .slick-prev:before { content: '\34'; }
.feedback-blurb-slider .slick-next:before { content: '\35'; }

.entry-content ul.slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background-color: #B7B7B7;
  border-radius: 10px;
}
.slick-dots li.slick-active button { background-color: #f7828e; }

@media(max-width: 980px) {
	.feedback-blurb-slider .slick-prev { left: -32px; }
	.feedback-blurb-slider .slick-next { right: -30px; }
}
@media(max-width: 499px) {
	.feedback-blurb-slider .slick-prev { left: -26px; }
	.feedback-blurb-slider .slick-next { right: -24px; }
} */