/*
Theme Name:   Divi Child Theme
Author:       6P Marketing
Author URI:   https://6pmarketing.com/
Template:     Divi
Version:      1.0.0
Version:      1.0.0
*/

@import "modified.css";

:root {
	--agri-blue: #004068;
	--agri-blue-alt: ;
	--agri-green: #379B49;
	--agri-green-alt: #89C760;
	--agri-green: #379B49;
	--agri-green-alt: #89C760;
	--agri-grey: #49585E;
	--agri-alt-grey: #707070;
	--agri-light-grey: #D8D8DA;
}

/* ========================================= */
/* --- Universal =========================== */
/* ========================================= */

#page-container {
	overflow-x: hidden;
}

.grecaptcha-badge,
.grecaptcha-logo {
	z-index: 10000;
}

:focus-visible {
	outline: -webkit-focus-ring-color auto 1px;
}

/* --- row reordering --- */
@media (max-width: 980px) {
	.reorder-row,
	.reorder-section .et_pb_row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
		.reorder-row .reorder-item {
			margin-bottom: 30px !important;
		}
			.reorder-row .reorder-item.reorder-item-last {
				margin-bottom: 0 !important
			}
	.reorder-item.first {
		-webkit-box-ordinal-group: 2;
			-ms-flex-order: 1;
				order: 1;
	}
	.reorder-item.second {
		-webkit-box-ordinal-group: 3;
			-ms-flex-order: 2;
				order: 2;
	}
}

/* embedded tools */
.embed-content iframe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

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

/* --- Reworking the 'active' menu item */
/* default state - match colour of dropdowns */
#divi-child-plus-header .et_pb_menu ul li.current-menu-item a {
	color: var(--agri-alt-grey) !important;
}
	@media (max-width: 980px) {
		/* mobile -default state - match colour of dropdowns */
		#divi-child-plus-header .et_pb_menu ul li.current-menu-item a {
			color: var(--agri-alt-grey) !important;
		}
	}

/* active menu color - update to match theme */
#divi-child-plus-header .et_pb_menu ul li.current-menu-item > a,
#divi-child-plus-header .et_pb_menu ul li.current-menu-ancestor > a {
	color: var(--agri-green) !important;
}
 
/* aligns the search icon inline with the menu items */
#divi-child-plus-header .et_pb_menu__wrap {
	flex-wrap: nowrap;
}

/* --- Primary Menu ======================== */
#page-container #divi-child-plus-header .sub-menu a {
	text-transform: initial;
}

/* --- Primary Menu - Mobile =============== */
@media (max-width: 980px) {
	/* adjusts the mobile menu from the top */
	#divi-child-plus-header .et_pb_menu .et_mobile_menu {
		top: calc(100% + 15px);
		padding: 0;

		/* creates a mobile safe dropdown */
		overflow-y: scroll;
		max-height: calc(100vh - 180px);
	}

	body.logged-in.admin-bar #divi-child-plus-header .et_pb_menu .et_mobile_menu {
		max-height: calc(100vh - (180px + 32px));
	}
}
	@media (max-width: 782px) {
		body.logged-in.admin-bar #divi-child-plus-header .et_pb_menu .et_mobile_menu {
			max-height: calc(100vh - (180px + 46px));
		}
	}

/* --- Header + Button ===================== */
@media (min-width: 981px) {
	.action-header .et_pb_column {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	/* adds spacing to each of the naivagiton items */
	.action-header .et_pb_menu .et_pb_menu__menu>nav>ul>li {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* search placement */
	.action-header .et_pb_menu__search-button {
		margin-left: 30px !important;
		margin-right: 15px !important;
	}
}

/* --- Primary Menu - Customized =========== */
/* prevents the dropdown arrows from being italics */
.action-header .et-menu .menu-item-has-children>a:first-child:after,
.action-header ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.action-header .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	font-style: normal;
}

/* --- Search ============================== */
/* Replace Search Icon */
.et_pb_menu__icon.et_pb_menu__search-button:after {
	font-size:0; 
    background: url('../Divi-Child-Theme/images/search-icon.png') no-repeat;
    content: '';
    height: 20px;
    width: 20px;
    background-size: cover; 
}

@media (max-width: 767px) {
	#divi-child-plus-header .et_pb_menu .et_pb_menu__search-container--hidden,
	#divi-child-plus-header .et_pb_menu .et_pb_menu__search-container--visible {
		background: rgb(255,255,255);
		padding: 0 !important;
		width: 100%;
	}
}

#divi-child-plus-header .et_pb_menu .et_pb_menu__search-input {
	line-height: 36px;
}

/* --- Menu ================================ */
@media (min-width: 981px) {
	.mobile-menu-item {
		display: none !important;
	}
}

/* ========================================= */
/* --- Body ================================ */
/* ========================================= */

/* --- Simple Hero  */
.simple-hero-banner img,
.featured-simple-hero-banner img {
	min-height: 200px;
    height: 25vh;
    max-height: 400px;
}

.featured-simple-hero-banner img {
	object-fit: cover;
	width: 100%;
}

/* --- Ribbon Banner */
/* .ribbon-edge-container {} */
	.ribbon-edge-accent:before {
		content: '';
		height: calc(100% - 30px);
		width: 90px;
		background-color: var(--agri-green);
		position: absolute;
		top: 0;
		left: -60px;
		-webkit-transform: skewX(10deg);
		    -ms-transform: skewX(10deg);
		        transform: skewX(10deg);
		-webkit-transform-origin: bottom;
		    -ms-transform-origin: bottom;
		        transform-origin: bottom;
		z-index: 10;
	}
	.ribbon-edge-accent:after {
		width: 0px;
		height: 0px;
		border-left: 10px solid transparent;
		border-right: 30px solid transparent;
		content: '';
		border-top: 30px solid var(--agri-grey);
		position: absolute;
		bottom: 0;
		left: -10px;
	}

	@media (min-width: 981px) {
		/* --- Ribbon Banner */
		.ribbon-edge-container:before {
			background: #fff;
			content: '';
			display: block;
			height: 100%;
			width: 100vw;
			position: absolute;
			left: 0;

			box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
		}
	}

	@media (max-width: 980px) {
		.ribbon-edge-container {
			box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
		}

		.ribbon-edge-accent:before {
			content: '';
			height: 60px;
			width: 100%;
			background-color: var(--agri-green);
			position: absolute;
			top: -40px;
			left: 20px;
			-webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.2);
			        box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.2);
			-webkit-transform: skewX(5deg);
			    -ms-transform: skewX(5deg);
			        transform: skewX(5deg);
		}

		.ribbon-edge-accent:after {
			content: '';
			width: 0px;
			height: 0px;
			border-left: 20px solid transparent;
			border-right: 0px solid transparent;
			border-top: 20px solid var(--agri-grey);
			position: absolute;
			top: 0;
			left: 0;
		}
	}

/* --- Feature Split Section [50/50] ======= */
.feature-split-section .et_pb_column {
	margin-bottom: 0 !important;
}

/* --- Image Cover Adjustment */
/* sets image to inherit height of the container */
.cover-image.et_pb_image,
.cover-image.et_pb_image .et_pb_image_wrap,
.cover-image.et_pb_de_mach_thumbnail,
.cover-image.et_pb_de_mach_thumbnail .et_pb_module_inner,
.cover-image.et_pb_de_mach_thumbnail .et_pb_module_inner a,
.cover-image.et_pb_de_mach_thumbnail .et_pb_module_inner span {
	height: 100%;
}
	/* sets the image to act like a background */
	.cover-image.et_pb_image .et_pb_image_wrap img,
	.cover-image.et_pb_de_mach_thumbnail img {
		height: 100%;
		object-fit: cover;
	}

/* --- Location Maps */
.location-map .et_pb_code_inner {
	height: 100%;
}

/* --- Supplier Lists */
@media (min-width: 500px) {
	.supplier-list ul {
		column-count: 2;
		column-gap: 30px;
		padding-bottom: 0;
	}
}

/* ========================================= */
/* --- Interactive Map ===================== */
/* ========================================= */

/* *** REMOVE UPON REPLACING THE MAP *** */
/* @media (max-width: 1500px) {
	.interactive-map-container {
		margin-top: -30vw !important;
	}
} */

/* ---  */
.imp-tooltips-container.is-fullscreen .imp-fullscreen-tooltip .imp-tooltip-content {
	border-radius: 0 !important;
	max-width: 400px;
}
	/* style the logo */
	.imp-tooltips-container.is-fullscreen .imp-fullscreen-tooltip .imp-tooltip-content .map-logo {
		max-width: 300px;
	}

	/* style the title */
	.imp-tooltips-container.is-fullscreen .imp-fullscreen-tooltip .imp-tooltip-content .map-title {
		color: var(--agri-alt-grey) !important;
		font-family: 'Barlow', Helvetica, Arial, Lucida, sans-serif !important;
		font-size: 18px;
		font-style: italic;
		font-weight: 700;
	}

	/* style the button links */
	.imp-tooltips-container.is-fullscreen .imp-fullscreen-tooltip .imp-tooltip-content a.map-btn {
		font-family: 'Barlow', Helvetica, Arial, Lucida, sans-serif !important;
		font-style: italic;
		font-size: 20px !important;
		font-weight: 900 !important;
		text-transform: uppercase;
	}

/* ========================================= */
/* --- Blog / Search ======================= */
/* ========================================= */

/* remove the spacing from the bottom of the results */
.pagination-listing-layout .divi-filter-archive-loop {
	margin-bottom: 0;
}
/* add space between the pagination and the listing */
.pagination-listing-layout .divi-filter-pagination {
	margin-top: 15px;
}

/* --- Result Count ======================== */
.pagination-listing-layout .divi-filter-result-count {
	text-align: center;
	margin-top: 25px;
	width: 100%;
}

/* --- Pagination ========================== */
.pagination-listing-layout .divi-filter-pagination {
	width: 100%;
}
	/* allow for the pagination to be more responsive on smaller scales */
	.pagination-listing-layout .divi-filter-pagination ul.page-numbers {
		flex-wrap: wrap;
	}

.pagination-listing-layout .divi-filter-pagination ul.page-numbers li {
	border: none;
	font-style: italic;
	text-align: center;
	min-width: 40px;
    margin: 3px;
}
	.pagination-listing-layout .divi-filter-pagination ul.page-numbers li a,
	.pagination-listing-layout .divi-filter-pagination ul.page-numbers li span {
		border: 2px solid #d3ced2;
		font-weight: 900;
		transition: all 300ms ease 0ms;
	}
		.pagination-listing-layout .divi-filter-pagination ul.page-numbers li a:hover,
		.pagination-listing-layout .divi-filter-pagination ul.page-numbers li a:focus {
			border-color: var(--agri-green-alt) !important;
			color: var(--agri-grey);
		}

	/* active pagination item */
	.pagination-listing-layout .divi-filter-pagination ul.page-numbers li span.current {
		background: var(--agri-green-alt);
		border: 2px solid var(--agri-green-alt) !important;
		color: #fff;
	}

/* ========================================= */
/* --- Blog Details Page =================== */
/* ========================================= */

/* ========================================= */
/* --- Case Studeies Detail Page =========== */
/* ========================================= */
/* --- hide content triggers */
/* hide classes for content that will be displayed */
.extra-content-Show-options.display-trigger {
	display: none;
}

/* hide classes for content that is not there */
.extra-content-Hide-options {
	display: none;
}

/* ========================================= */
/* --- Gravity Forms ======================= */
/* ========================================= */

/* adjusting the grid for the forms */
.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 10px;
}
	/* adjusting the labels for the forms */
	.gform_wrapper.gravity-theme .gfield_label {
		line-height: 1.5em!important;
		margin-bottom: 5px;
	}

	.gform_wrapper.gravity-theme .gfield textarea {
		width: 100% !important; 
	}

/* modify the checkboxes to match brand */
input[type=checkbox] {
	accent-color: var(--agri-green);
	height: 20px;
	width: 20px;
}
	.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
		line-height: 1.5em !important;
	}

/* modify the checkboxes */
.gform_wrapper.gravity-theme .gfield-choice-input {
	margin-top: 1px;
    vertical-align: top;
}

/* adjustments to the submission button on forms */
.gform_wrapper.gravity-theme .gform_footer {
	padding: 15px 0 0 0;
}
	.gform_wrapper.gravity-theme .gform_footer input {
		background: var(--agri-green-alt);
		border: 2px solid var(--agri-green-alt);
		color: #fff;
		cursor: pointer;
		line-height: 1.7em;
		font-size: 20px;
		font-family: 'Barlow', Helvetica, Arial, Lucida, sans-serif !important;
		font-weight: 900;
		font-style: italic;
		text-transform: uppercase;
		padding: 3px 15px;
		transition: all 300ms ease 0ms;
		margin: 0;
	}
		input[type="submit"].gform_button:hover {
			color: #49585e!important;
			background-image: initial;
			background-color: #FFFFFF;
		}

/* --- Validation Messages */
/* large error */
.gform_wrapper.gravity-theme .gform_validation_errors {
	box-shadow: none;
	border-radius: 0;
	line-height: 1.5em;
	padding: 12px;
}
	.gform_wrapper.gravity-theme .gform_validation_errors h2 {
		font-size: 20px;
		line-height: 1.2em;
		margin-bottom: 0 !important;
	}

/* warning fields */
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
	padding: 12px !important;
	line-height: 1.5em;
}
	.gform_wrapper.gravity-theme .gform_validation_errors > ol {
		list-style-position: outside;
		padding: 0 0 0 20px;
	}

	.gform_wrapper.gravity-theme .gform_validation_errors > ol li,	
	.gform_wrapper.gravity-theme .gform_validation_errors > ol a {
			font-size: 15px;
			line-height: 1.5em;
		}

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

/* show desktop menu on phone */
@media (max-width: 980px) {
	.footer-menu .et_pb_menu__menu {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
		.footer-menu .et_pb_menu__wrap,
		.footer-menu .et_pb_menu__menu>nav>ul {
			justify-content: center !important;
		}

	.footer-menu .et_mobile_nav_menu {
		display: none !important;
	}
}

/* ========================================= */
/* --- Careers ============================= */
/* ========================================= */

/* --- Careers Detail Page ================= */
.career-key-detail .dmach-acf-item-content {
	display: block;
}

/* --- Careers Filter ====================== */
.careers-filter .divi-filter-item {
	border: 1px solid #b9b9b9!important;
}

.careers-filter form {
	margin-bottom: 5px;
}
	.careers-filter form .divi-filter-containter > div {
		margin-bottom: 10px !important;
	}

@media (max-width: 768px) {
	.careers-filter #divi_filter_mobile_trigger {
		display: block !important;
		text-align: center;
		width: 100%;
	}
}

.et-db #et-boc .et-l .et_pb_contact_field[data-type="select"]:after {
	right: 15px;
}

/* zeroed the filters */
.careers-filter p {
	padding: 0;
}

.career-key-detail .dmach-acf-item-content {

}

/* ========================================= */
/* --- Team Members ======================== */
/* ========================================= */
/* btn overlay to display popups */
.bio-overlay-btn {}
.bio-overlay-btn .et_pb_module_inner {
	height: 100%;
}
	.bio-overlay-btn .et_pb_module_inner a {
		height: 100%
	}

/* --- Popup =============================== */
@media (max-width: 980px) {
	.bio-popup-role .dmach-acf-item-content {
		justify-content: center;
	}
}

.team-member-item .team-member-title .dmach-acf-item-content {
	display: block;
}

/* social media buttons */
body #page-container .et_pb_section .team-member-item .social-icon .et_pb_button {
	display: inline-block;
}
	body #page-container .et_pb_section .team-member-item .social-icon .et_pb_button:before {
		font-size: 24px !important;
		position: initial;
		line-height: 1em;
		margin: 0;
		
	}
		body #page-container .et_pb_section .team-member-item .social-icon .et_pb_button:hover:before {
			margin: 0;
			color: var(--agri-green-alt) !important; 
		}

/**** News Grid Thumbnail *****/

.news-image .grid-item-cont .et_pb_de_mach_thumbnail .et_pb_module_inner, 
.grid-item-cont span.et_shop_image {
padding-top: 56.25%; /* Change this value to be whatever aspect ratio you want, for example if you wanted portrait - try 180% | or square would be 100% */
display: block;
}    

.news-image .grid-item-cont .et_pb_de_mach_thumbnail img, 
.grid-item-cont span.et_shop_image img{
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}