/*
 Theme Name:   Divi Child
 Description:  Divi Child Theme for Stravia Crop Management
 Author:       Absolute Media
 Author URI:   https://www.absolutemedia.com.au
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child
*/

/* * * * * * * * * * * * * * * * * */
/* * *      1.VARIABLES        * * */
/* * * * * * * * * * * * * * * * * */
:root {
  --header-height: 80px;
  --color-primary: #091725;
  --color-secondary: #ce9969;
  --color-accent: #c4c4d1;
  --color-text: #414042;
  --color-midgrey: #808080;
  --color-ltgrey: #f5f5f5;
  --color-white:#fff;
  --color-black:#000;
}
body, html {
  font-size: 10px;
  height: 100%;
  width: 100%;
}

body.et_cover_background {
  background-color: white;
}


/* * * * * * * * * * * * * * * * * */
/* * *    2.TYPOGRAPHY         * * */
/* * * * * * * * * * * * * * * * * */

.child h1, .child h2, .child h3, .child h4, .child h5, .child h6, .child p, .child body, .child a {
  color: var(--color-black);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.child h1 { 
  color: var(--color-secondary);
  font-size: clamp(4.8rem, 5.2vw, 6.2rem);
  font-weight: 800;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
.child h1 span {
  color: var(--color-white);
}
#product-detail .product-title h1, #product-detail .product-title h1 span {
  color: var(--color-primary);
  font-size: clamp(3.2rem, 4.6vw, 5.2rem);
  text-transform: capitalize;
}
#product-detail .product-title h1 span {
  font-weight: 300;
}
.child h2 {
  color: var(--color-white);
  font-size: clamp(4rem, 6vw, 8rem);
  font-weight: 300;
  line-height: 1.1em;
  padding-bottom: .9em;
}
.child h2 span { 
  font-weight: 700;
}
#product-cta h2 {
  padding-bottom: 0.2em;
}
#stravia_footer h2 {
  color: var(--color-accent);
  padding-bottom: 0;
}
.child h2.preheader, .child h2.preheader-alt, .child h2.product-dload  {
  font-size: clamp(1.5rem, 1.75vw, 2rem);
}
.child h2.preheader-alt  {
  color: var(--color-midgrey);
}
.child h2.product-dload {
  color: var(--color-primary);
  font-weight: 700;
}
.child h2.preheader,
.child h2.preheader-alt,
.child h2.product-dload {
  position: relative;
}
.child h2.preheader::after,
.child h2.preheader-alt::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  margin-left: 2em;
  width: 1.1em;
  height: 1.1em;
  background-image: url('http://stravia.com.au/dev/wp-content/uploads/2025/06/arrow-dot-grey.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.child h2.preheader-alt::after {
  background-image: url('http://stravia.com.au/dev/wp-content/uploads/2025/06/arrow-dot-blue-white.svg');
}
.child h2.product-dload::after {
  content: "";
  position: absolute;
  top: 30%;
  right: 1em;
  transform: translateY(-50%);
  width: 1.3em;
  height: 1.3em;
  background-image: url('http://stravia.com.au/dev/wp-content/uploads/2025/06/arrow-dot-grey-blue.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.child h2.woocommerce-loop-product__title {
  color: var(--color-primary);
  font-size: clamp(1.2rem, 2vw, 2.8rem) !important;
  font-weight: 800;
  margin-top: 26px !important;
}
.child h2.woocommerce-loop-product__title span {
  font-weight: 300;
}
#callout .child h2 {
  font-size: clamp(2rem, 2.9vw, 5.8rem);
}
#footer .child h2 {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 6rem);
}
#footer .child h2 span {
  font-weight: 700;
  text-transform: uppercase;
}
.child h3 {
  color: var(--color-secondary);
  font-size: clamp(3rem, 3.5vw, 4rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: 1.1em;
}
.child h3 span {
  color: var(--color-primary);
}
#similar-products h3 {
  letter-spacing: .05em;
  text-transform: uppercase;
} 
.child h4,
#products .child h4 {
  color: var(--color-primary);
  font-size: clamp(3.6rem, 4.2vw, 4.8rem); 
  font-weight: 800;
  padding-bottom: .6em;
  text-transform: capitalize;
}
.child h4 span,
#products .child h4 span {
  font-weight: 300;
}
#products.child #filter h4 {
  font-size: clamp(1.6rem, 1.95vw, 2.3rem);
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: uppercase;
}
#products .child h4 {
  font-size: clamp(1.3rem, 1.4vw, 1.5rem);
}
.child h5 {
  color: var(--color-midgrey);
  font-size: clamp(2.5rem, 2.8vw, 3.1rem); 
  font-weight: 300;
  padding-bottom: .6em;
  text-transform: uppercase;
}
.child h5 span {
  color: var(--color-black);
}
#products h5 {
  color: var(--color-primary);
  font-size: clamp(3rem, 3.7vw, 4.4rem); 
}
#practical h5 {
  padding-bottom: 1em;
} 
.child h6 {
  color: var(--color-primary);
  font-size: clamp(2.2rem, 2.45vw, 2.7rem);
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#range .et_pb_blurb_container h6 span {
  color: var(--color-white);
  font-weight: 300;
  padding-right: 10px;
  padding-left: 20px;
  letter-spacing: 0;
  text-transform: capitalize;
}
#range h6, #range h6 a {
  color: var(--color-white);
  font-weight: 300;
    letter-spacing: 0;
  text-transform: capitalize;
}
#range h6 a {
  padding-left: 20px;
}
.child h6.footer-tel, .child h6.footer-tel a, .child h6.footer-addy {
  color: var(--color-white);
  font-size: clamp(3rem, 3.8vw, 4rem);
  font-weight: 300;
  letter-spacing: 0.05em;
  margin-bottom: .3em;
  text-shadow: 0px 0px 5px #000000;
  text-transform: none;
  transition: .2s;
}
.child h6.footer-tel a:hover {
  color: var(--color-secondary);
}
.child h6.footer-addy {
  font-size: clamp(1.6rem, 1.8vw, 2rem);
}
.child p {
  color: var(--color-text);
  font-size: clamp(1.8rem, 2vw, 2.2rem);
  font-weight: 300;
  line-height: 1.6em;
  cursor: default;  
}
.child p a {   
  border-bottom: 2px solid var(--color-secondary);
  color: red;
  font-weight: 500;
  line-height: 1.6em;
  padding-bottom: 1px;
  transition: all .1s; 
}
.child p a:hover {   
  color: var(--color-primary);
}
.child p.intro {
  color: var(--color-text);
  font-size: clamp(2rem, 2.3vw, 2.6rem);
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.6em;
}
.child p.medium, .child p.medium-white {
  font-size: clamp(2.2rem, 2.35vw, 2.5rem);
}
.child p.medium-white {
  color: var(--color-white);
  line-height: 1.5em;
}
.child p.small, .child p.small-midgrey {
  font-size: clamp(2rem, 2.2vw, 2.3rem);
  line-height: 1.8em;
}
.child p.small-midgrey {
  color: var(--color-midgrey);
}

#range .et_pb_blurb_description p {
  color: var(--color-accent);
  font-size: clamp(1.3rem, 1.5vw, 1.7rem);
  padding-right: 10px;
  padding-left: 20px;
}
.child ul, .child ol { 
  margin-top: 20px;
  margin-left: 20px;
  padding-bottom: 2em;
}
.child ul li, .child ol li {   
  color: var(--color-text);
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.8rem, 2vw, 2.2rem);
  font-weight: 300;
  line-height: 1.35; 
  padding-left: 12px;
  margin-bottom: 6px; 
}
.child ul li a, .child ol li a{ 
  border-bottom: 1px solid var(--color-text);
  color: (--color-text); 
  transition: border-bottom .1s; 
}
.child ul li a:hover { 
  border-bottom: 1px solid var(--color-text);
}
.child ul li::marker {
  color: var(--color-accentyellow);
}
.child ul li a.woocommerce-LoopProduct-link, 
.child ol li a.woocommerce-LoopProduct-link {
  border-bottom: none;
}
#product-detail .child h2 {
  color: var(--color-primary);
  text-transform: capitalize;
}
#product-detail .product_meta {
  border-top: none;
}
#product-detail p.active {
  color: var(--color-primary);
  font-size: clamp(1.6rem, 1.8vw, 2rem);
  font-weight: 700;
  letter-spacing: 0.01em;
}
#product-detail p.available {
  color: var(--color-primary);
  font-size: clamp(1.8rem, 2vw, 2.2rem);
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
#product-detail .product_meta .posted_in a {
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: uppercase;
}
#product-detail .product-shipping-notes p {
    padding: 10px 0;
    color: red;
    font-size: 16px;
}

.woocommerce-product-excerpt {
  font-size: clamp(1.4rem, 1.55vw, 1.7rem);
  color: var(--color-text);
}
.woof_list label {
  padding-bottom: 0 !important;
}
.icheckbox_square-grey {
  background-size: 180px 18px !important;
  width: 18px !important;
  height: 18px !important;
}
.woof_checkbox_label {
    font-size: clamp(1.4rem, 1.55vw, 1.7rem);
}
#stravia_footer p, #stravia_footer p a {
  border-bottom: none;
  color: var(--color-white);
  font-size: clamp(2rem, 2.4vw, 2.8rem);
}

/* * * * * * * * * * * * * * * * * */
/* * *       3.GENERAL         * * */
/* * * * * * * * * * * * * * * * * */

/* Cursor Styling       ----------- */


/* Buttons              ----------- */
.button-one, .button-two, .button-three, .button-four, .ams-contact button, button.et_pb_contact_submit, #featured a.et_pb_button, .et_pb_contact_submit, #featured .et_pb_button, button.woof_reset_search_form, .child .woocommerce button {
  background-color: var(--color-primary);
  border: none !important; 
  border-radius: 0px !important;
  color: var(--color-white) !important;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.3rem, 1.45vw, 1.6rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em;
  /* padding: .5em 2em; */
  margin-left: 0 !important; 
  position: relative;
  text-transform: uppercase;
  transition: all 0.3s;
  z-index: 100;
}
button.woof_reset_search_form {
  background: var(--color-secondary) !important;
}
.button-one:hover, .button-two:hover, .button-three:hover, .button-four:hover, .ams-contact button:hover, button.et_pb_contact_submit:hover, a.et_pb_button_one:hover, .et_pb_contact_submit:hover, #featured .et_pb_button:hover {
  background-color: var(--color-secondary) !important;
  z-index: 100;
}

button.et_pb_contact_submit {
  background-color: var(--color-primary) !important;
  font-weight: 600;
  letter-spacing: 0.1em;
}
button.et_pb_contact_submit:hover {
  background-color: var(--color-secondary) !important;
}
.button-two {
  background-color: var(--color-secondary) !important;
  color: var(--color-white);
}
.button-two:hover {
  background-color: var(--color-accent) !important;
}
.button-three {
  background-color: var(--color-accent) !important;
  color: var(--color-white);
}
.button-three:hover {
  background-color: var(--color-secondary) !important;
}
.button-four {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
  margin-top: 20px;
}
.button-four:hover {
  background-color: var(--color-secondary) !important;
  color: var(--color-primary) !important;
}
button.woof_reset_search_form:hover {
  background: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  padding: 0.3em 1em 0.3em 1em !important;
}
 .custom-product-button a {
  margin-top: 30px;
  transition: all 0.3s;
}
.child .woocommerce button {
  background-color: var(--color-primary) !important;
  padding: .5em 2em !important;
}
.child .woocommerce button:hover,
button.woof_reset_search_form:hover {
  background-color: var(--color-secondary) !important;
}
button.woof_reset_search_form::after {
  content: none !important;
  visibility: hidden !important;
}

/* Underlines            ----------- */
hr.experience {
  border-top: none;
  border-bottom: 1px solid var(--color-ltgrey);
  margin-top: 60px;
}




/* * * * * * * * * * * * * * * * */
/* * *       4.HEADER        * * */
/* * * * * * * * * * * * * * * * */

/* Prevent Menu Jump */
#page-container {
  /* padding-top: 0px !important; */
}
#main-header {
  /* top: 0px !important; */
}
.child ul.et-menu li a, .child ul.et-menu li a:hover {
  border-bottom: none;
}


/*-----------------------------------------------------------------------------------*/

/* Burger Navigation */

/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/

/* Mobile Menu */

/*-----------------------------------------------------------------------------------*/
#mainheader .et_mobile_menu {
  /* border-bottom-right-radius: 186px; */
  height: 106dvh;
  text-align: center;
  width: 101dvw;
}
#mainheader img.wp-image-99 {
  position: relative;
  width: 240px;
  z-index: 10000;
}
#mainheader .hero-button-row, #mainheader .mobile_menu_bar {
  z-index: 10000;
}
#mainheader .opened .mobile_menu_bar::before {
  content: '\4d';
}
#mainheader .et_mobile_menu {
  background: #091725;
  background: linear-gradient(90deg,rgba(9, 23, 37, 1) 0%, rgba(9, 23, 37, .96) 100%); 
  padding: 30vh 5% 10% 5%;
  /* z-index: 10 !important; */
}
ul#mobile_menu1.et_mobile_menu {
  border-top: none !important;
  margin-top: -130px !important;
  margin-left: -22px !important;
}
#mainheader .et_mobile_menu li {
  display: block;
  margin-bottom: 18px;
}
#mainheader .et_mobile_menu li a {
  border-bottom: none;
  color: var(--color-white) !important;
  font-size: 3.6rem !important;
  font-weight: 300 !important;
  letter-spacing: .1em;
  padding-bottom: 0;
  padding-left: 0;
  text-transform: uppercase;
  display: inline-block;
}
/* Hide mobile only message on desktop */
.et_pb_fullwidth_menu .mobile-menu-message-item,
.et_menu .mobile-menu-message-item {
  display: none !important;
}
/* Show and style only in mobile menu */
#mainheader .et_mobile_menu li.mobile-menu-message-item a {
  pointer-events: none;
  font-size: 1.8rem !important;
  color: white;
  padding: 6em 0 0 0;
  text-align: center;
  text-transform: none;
  font-weight: 300;
  letter-spacing: normal;
  display: block;
}
/* Only show when mobile menu is open */
body:not(.et_mobile_menu_opened) .mobile-menu-message-item {
  display: none !important;
}

/*-----------------------------------------------------------------------------------*/

/* Fullscreen Menu */

/*-----------------------------------------------------------------------------------*/
.child .et_pb_menu li {
  padding-left: 24px;
  padding-right: 24px;
}
.child ul.et-menu li a {
  color: var(--color-white);
  font-size: clamp(1.7rem, 1.85vw, 2rem);
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  transition: .2s;
  opacity: 1;
}
.child ul.et-menu li a:hover {
  color: var(--color-secondary);
  opacity: 1;
}




/* * * * * * * * * * * * * * * * */
/* * *     5.CONTAINERS      * * */
/* * * * * * * * * * * * * * * * */

/*-----------------------------------------------------------------------------------*/

/* #hero */

/*-----------------------------------------------------------------------------------*/
#hero .et_pb_section_video_bg video {
  object-fit: cover !important;
  object-position: right bottom !important;
}



/*-----------------------------------------------------------------------------------*/

/* #intro */

/*-----------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------------------*/

/* #range */

/*-----------------------------------------------------------------------------------*/
#range .et_pb_blurb {
  position: relative;
}

#range .custom-blurb-icon {
  position: absolute;
  top: 60px;
  right: 26px;
  width: 60px;
  height: 60px;
  background-image: url('https://stravia.com.au/dev/wp-content/uploads/2025/06/blurb-arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  transition: background-image 0.3s ease;
}

#range .et_pb_blurb:hover .custom-blurb-icon {
  background-image: url('https://stravia.com.au/dev/wp-content/uploads/2025/06/blurb-arrow-hover.svg');
}




/*-----------------------------------------------------------------------------------*/

/* #featured */

/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/

/* #productfeed */

/*-----------------------------------------------------------------------------------*/
.row-with-border {
  border: 19px solid; /* required for border-image to apply */
  border-image: linear-gradient(to bottom, #81c241, #0096d1) 1;
}

/*-----------------------------------------------------------------------------------*/

/* #values */

/*-----------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------------------*/

/* #callout */

/*-----------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------------------*/

/* #contactform */

/*-----------------------------------------------------------------------------------*/

/* Align the submit button */
.et_contact_bottom_container{
display: flex;
align-items: left;
justify-content: left;
width: 100% !important;
}


/*-----------------------------------------------------------------------------------*/

/* #Services List */

/*-----------------------------------------------------------------------------------*/



/* * * * * * * * * * * * * * * * */
/* * *      6. PAGES         * * */
/* * * * * * * * * * * * * * * * */

/*-----------------------------------------------------------------------------------*/

/* #WooCommerce Product Templates */

/*-----------------------------------------------------------------------------------*/


#product-title {}
#product-detail {}
#product-cta {}
#similar-products {}



/* * * * * * * * * * * * * * * * */
/* * *      7. FOOTER        * * */
/* * * * * * * * * * * * * * * * */
#stravia_footer {
  z-index: 10;
}

/***   1of2: Keep regular menu displaying   ***/
#stravia_footer .et_pb_menu__menu { 
  display: block;
  flex: 0 1 auto;
  width: 70%;
} 
/***   2of2: Prevent mobile menu   ***/
#stravia_footer .mobile_menu_bar {
  display: none;
}

/*remove default 11px padding on each side of list items*/
#stravia_footer .vertical-menu .et-menu > li {
	/* padding-left: 0px;
	padding-right: 0px; */
}
/*make the menu items fullwidth and add space between them*/
#stravia_footer .vertical-menu .et_pb_menu__menu nav ul li {
	/* display: inline-block;
	margin: 7px 0; */
}
/*style the menu items*/
#stravia_footer .vertical-menu .et_pb_menu__menu nav ul li a {
	/* padding: 2px !important; */
}

.subfooter-row {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Optional: vertically align items */
}
#stravia_footer p.disclaimer, 
#stravia_footer p.disclaimer a, 
#stravia_footer p.absolute-media, 
#stravia_footer p.absolute-media a { 
  font-weight:300; 
  line-height:1.3rem !important; 
  padding-bottom: 0.5em; 
}
#stravia_footer p.disclaimer, 
#stravia_footer p.disclaimer a { 
  color: rgba(255,255,255,1); 
  font-size: clamp(1.3rem, 1.4vw, 1.5rem);  
  letter-spacing: .05em; 
  transition: 0.25s; 
  width: fit-content;
}
#stravia_footer p.disclaimer a { border-bottom: 1px solid rgba(255,255,255,0); padding-bottom: 1px; }
#stravia_footer p.disclaimer a:hover { border-bottom: 1px solid rgba(255,255,255,0); color:rgba(255,255,255,1); }
#stravia_footer p.disclaimer span.separator { color: #3f3f3f; padding-right: 9px; padding-left: 9px; }

#stravia_footer p.absolute-media, 
#stravia_footer p.absolute-media a { 
  border-bottom: 0; 
  color:rgba(255,255,255,.7); 
  font-size: clamp(1.1rem, 1.2vw, 1.3rem); 
  letter-spacing: .05em; 
  text-transform: none; 
  transition: .25s; 
  width: fit-content;
}
#stravia_footer p.absolute-media a span { 
  border-bottom: 0; 
  color:rgba(255,255,255,.7); 
  font-size: clamp(1.1rem, 1.2vw, 1.3rem); 
  line-height:1.5em !important; 
  text-transform: none; 
  transition: .25s; 
}
#stravia_footer p.absolute-media a:hover { border-bottom: 0; }
#stravia_footer p.absolute-media a:hover span { border-bottom: 0; color:#ff5500; }



/* * * * * * * * * * * * * * * * */
/* * *       8. BLOG         * * */
/* * * * * * * * * * * * * * * * */

/*-----------------------------------------------------------------------------------*/

/* Widgets */

/*-----------------------------------------------------------------------------------*/



/* * * * * * * * * * * * * * * * * */
/* * *       9.WP-LOGIN        * * */
/* * * * * * * * * * * * * * * * * */

.login #nav a:hover {
  color: var(--color-primary) !important;
}



/* * * * * * * * * * * * * * * * * */
/* * *    10.MEDIA QUERIES     * * */
/* * * * * * * * * * * * * * * * * */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}

/* Divi ----------- */
@media only screen 
and (min-width : 480px)
and (max-width : 979px) {

}

/* Divi ----------- */
@media only screen 
and (min-width : 540px) {

}

/* Divi ----------- */
@media only screen 
and (min-width : 768px) {
  
  
}
	
/* Divi ----------- */
@media only screen 
and (min-width : 980px) {
	

}

/* Divi ----------- */
@media only screen 
and (min-width : 1155px) {

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {



}

@media only screen 
and (min-width : 1524px) {


}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {



}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}