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

@import "modified.css";

:root {
	--deep-blue: #002d4b;
	--blue: #0066a5;
	--light-blue: #81d3eb;
}

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

.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: flex;
}

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

/* --- Menu Adjustments ==================== */
/* --- 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: #fff !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: #fff !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(--light-blue) !important;
}

/* --- 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% + 123px);
		padding: 0;

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

	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));
	}
}

@media (max-width: 767px) {
	#divi-child-plus-header .et_pb_menu .et_mobile_menu {
		top: calc(100% + 74px);
		max-height: calc(100vh - 150px);
	}

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

/* --- Logo ================================ */
/* forces larger logo */
#page-container .desktop-menu .et_pb_menu__logo {
	max-width: 300px;
	margin-bottom: 30px;
}

#page-container .desktop-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li {
	padding-left: 20px;
    padding-right: 20px;

	& > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

/* --- Desktop Menu ======================== */
/* Login */
@media (min-width: 981px) {
	#divi-child-plus-header.member-menu .et_pb_menu ul li.current-menu-ancestor > a {
		color: var(--blue) !important;
	}
}

/* --- Mobile Menu ========================= */
#divi-child-plus-header .et_mobile_menu .menu-item-has-children > a {
	font-weight: 600;
}

#divi-child-plus-header .et_mobile_menu li a {
	border-bottom: 1px solid var(--blue);
}

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

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


/* --- Button ============================== */
a.et_pb_button:after {
	transition: 0.3s ease !important;
}

/* --- Accent Pieces ======================= */
/* --- Line Accents for Sections */
.edge-accent-line {
	/* base layout configuration */
	&:before {
		content: '';
		background-image: url(/wp-content/uploads/2024/11/WPA-Line-Light-Blue.png);
		position: absolute;
		bottom: -150px;
		left: 0;
		height: 315px;
		width: 50px;
		z-index: 10;
	}

	&.small-line:before {
		/* this background is 66.67% of the original */
		background-size: 40px; 
		bottom: -128px;
		height: 248px;
		width: 40px;
	}

	/* Add direction of which side of the section the line will appear */
	&.edge-accent-line-left:before {
		left: 0;
		right: auto;
	}
	
	&.edge-accent-line-right:before {
		left: auto;
		right: 0;
	}

	/* colour variation options */
	&.edge-accent-line-blue:before {
		background-image: url(/wp-content/uploads/2024/11/WPA-Line-Blue.png);
	}
	
	&.edge-accent-line-light-blue:before {
		background-image: url(/wp-content/uploads/2024/11/WPA-Line-Light-Blue.png);
	}

	&.edge-accent-line-green:before {
		background-image: url(/wp-content/uploads/2024/11/WPA-Line-Green.png);
	}
	
	&.edge-accent-line-light-green:before {
		background-image: url(/wp-content/uploads/2024/11/WPA-Line-Light-Green.png);
	}
}

/* responsive changes */
@media (max-width: 980px) {
	.edge-accent-line {
		&:before {
			width: 40px;
			background-size: 32px;
		}
		&.small-line:before {
			width: 30px;
			background-size: 20px;
		}
	}
}

@media (max-width: 767px) {
	.edge-accent-line {
		&:before {
			/* bottom: -120px;
        	height: 240px;
			width: 7px; */
			bottom: -55px;
            height: 100px;
            width: 10px;
		}
		&.small-line:before {
			/* bottom: -80px;
        	height: 160px;
			width: 7px; */
			bottom: -52px;
            height: 90px;
            width: 10px;
		}
	}
}

/* -- Dots Accents for Sections */
.edge-accent-dots {
	&:after {
		content: '';
		background-image: url(/wp-content/uploads/2024/10/WPA-Dots-Light-Blue.png);
		background-size: cover;
		height: 105px;
		width: 150px;
		position: absolute;
        right: 5%;
        bottom: -72.5px;
        z-index: 1;
	}

	/* Add direction of which side of the section the line will appear */
	&.edge-accent-dots-left:after {
		left: 5%;
		right: auto;
	}
	
	&.edge-accent-dots-right:after {
		left: auto;
		right: 5%;
	}

	/* creates the top alginment varient */
	&.edge-accent-dots-top:after {
		bottom: -27.5px;
	}

	/* colour variation options */
	&.edge-accent-dots-blue:after {
		background-image: url(/wp-content/uploads/2024/10/WPA-Dots-Blue.png);
	}
	
	&.edge-accent-dots-light-blue:after {
		background-image: url(/wp-content/uploads/2024/10/WPA-Dots-Light-Blue.png);
	}

	&.edge-accent-dots-green:after {
		background-image: url(/wp-content/uploads/2024/10/WPA-Dots-Green.png);
	}
	
	&.edge-accent-dots-light-green:after {
		background-image: url(/wp-content/uploads/2024/10/WPA-Dots-Light-Green.png);
	}
}

/* responsive changes */
@media (max-width: 980px) {
	.edge-accent-dots {
		&:after {
			height: 70px;
			width: 100px;
			right: 5%;
			bottom: -50px;
		}

		&.edge-accent-dots-top:after {
			bottom: -20px;
		}
	}
}

@media (max-width: 767px) {
	.edge-accent-dots {
		&:after {
			
		}
	}
}

/* -- Shield Accents for Events */
@media (min-width: 2000px) {
	.shield-accent-lines {
		left: -50% !important;
		width: calc(100% - 800px) !important;
	}
}

/* creates columns for ul */
@media (min-width: 981px) {
	.column-list ul {
		-webkit-column-count: 3;
		-moz-column-count: 3;
				column-count: 3;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
				column-gap: 40px;
	}
}

@media (max-width: 980px) and (min-width: 768px) {
	.column-list ul {
		-webkit-column-count: 2;
		-moz-column-count: 2;
				column-count: 2;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
				column-gap: 40px;
	}
}

/* ========================================= */
/* --- WPA Member Section ================== */
/* ========================================= */
/* targets top level navigaiton */
.header-members #divi-child-plus-header .et_pb_menu .et-menu-nav > ul > li.current-menu-item > a,
.header-members #divi-child-plus-header .et_pb_menu .et-menu-nav > ul > li.current-menu-ancestor > a {
	color: var(--blue) !important;
}

/* ========================================= */
/* --- Ultimate Member ===================== */
/* ========================================= */

/* --- UM Global Overriders ================ */
/* --- Gerenic Feilds */
.um p {
	font-size: 20px;
}

.um p,
.um span,
.um label,
.um i,
.um .um-field-block {
	color: var(--deep-blue);
}

/* --- Form Inputs */
.um-form input[type=number], .um-form input[type=password], .um-form input[type=search], .um-form input[type=tel], .um-form input[type=text] {
	color: var(--deep-blue) !important;
	font-size: 20px !important;
	height: 50px !important;
}

/* --- Other Options */
/* toggle eye icon */
.um-toggle-password {
	line-height: 2.5;
}

/* warning message details */
.um .um-field-error {
	font-size: 18px;
	line-height: 1.5em !important;
}
.um .um-field-arrow i {
	color: #c74a4a !important;
}

/* --- UM Default Colours =================== */
/* --- UM link colours */
.um a.um-link,.um .um-tip:hover,.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,.um .um-member-name a:hover,.um .um-member-more a:hover,.um .um-member-less a:hover,.um .um-members-pagi a:hover,.um .um-cover-add:hover,.um .um-profile-subnav a.active,.um .um-item-meta a,.um-account-name a:hover,.um-account-nav a.current,.um-account-side li a.current span.um-account-icon,.um-account-side li a.current:hover span.um-account-icon,.um-dropdown li a:hover,i.um-active-color,span.um-active-color{
	color:var(--blue)!important
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
	/* this is not going to be a11y - FIX THIS */
    color: var(--light-blue) !important;
}

/* --- UM button colors */
.um .um-field-group-head,.picker__box,.picker__nav--prev:hover,.picker__nav--next:hover,.um .um-members-pagi span.current,.um .um-members-pagi span.current:hover,.um .um-profile-nav-item.active a,.um .um-profile-nav-item.active a:hover,.upload,.um-modal-header,.um-modal-btn,.um-modal-btn.disabled,.um-modal-btn.disabled:hover,div.uimob800 .um-account-side li a.current,div.uimob800 .um-account-side li a.current:hover,.um .um-button,.um a.um-button,.um a.um-button.um-disabled:hover,.um a.um-button.um-disabled:focus,.um a.um-button.um-disabled:active,.um input[type=submit].um-button,.um input[type=submit].um-button:focus,.um input[type=submit]:disabled:hover{
	background: var(--deep-blue) !important;
	color: #fff;
}

.um .um-field-group-head:hover,.picker__footer,.picker__header,.picker__day--infocus:hover,.picker__day--outfocus:hover,.picker__day--highlighted:hover,.picker--focused .picker__day--highlighted,.picker__list-item:hover,.picker__list-item--highlighted:hover,.picker--focused .picker__list-item--highlighted,.picker__list-item--selected,.picker__list-item--selected:hover,.picker--focused .picker__list-item--selected,.um .um-button:hover,.um a.um-button:hover,.um input[type=submit].um-button:hover{
	background: var(--light-blue) !important;
	color: var(--deep-blue);
}

/* --- UM button alt colours */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;	
}

/* --- UM Buttons =========================== */
.um-button {
	border-radius: 25px !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.7em !important;
	text-transform: uppercase !important;
	padding: 7px 30px 5px 30px !important;
	transition: all 300ms ease 0ms;
}

/* --- UM Password Reset Template ========== */
.um-override .um.um-password {
	max-width: 100%;
	margin-bottom: 0 !important;

	& .um-field-block div {
		font-size: 20px;
		text-align: left !important;
	}

	& div {
		text-align: left;
	}
}

/* --- UM Account Template ================= */
.um-override {
	& .um.um-account {
		margin-bottom: 0 !important;
	}

	/* --- main content */
	& .um.um-account .um-account-meta {
		display: none !important;
	}

	& .um.um-account .um-account-main {
		max-width: none;
	}

	/* --- sidebar content */
	/* icon effects */
	& .um-account-side li a.current span.um-account-icon i {
		color: var(--blue);
	}

	& .um-account-link.current .um-account-icontip i {
		color: #fff;
	}

	/* toggle names */
	& .um-account-side li a,
	& .um-account-nav a {
		font-size: 16px;
	}
}

/* --- UM Login Template =================== */
.um-override {
	/* After Logged In */
	& .um.um-login.um-logout {
		margin: 0 auto !important;

		& .um-misc-img {
			display: none !important;
		}
	}

	& .um.um-login {
		margin-bottom: 0;

		& .um-center {
			text-align: left;

			& input {
				margin-top: 15px;
			}
		}

		/* forgot password link */
		& .um-col-alt-b a {
			display: inline-block !important;
			font-size: 16px;
		}
	}
}

/* --- UM Register Template ================ */
.um-override .um.um-register {
	margin-bottom: 0;

	& .um-center {
		text-align: left;
	}
}

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

@media (max-width: 980px) {
	#page-container .footer-main .logo-column {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	#page-container .footer-main .et_pb_column {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

/* footer menu */
.stacked-menu.et_pb_menu_inner_container,
.stacked-menu .et_pb_menu__wrap,
.stacked-menu .et_pb_menu__menu,
.stacked-menu.et_pb_menu .et_pb_menu__menu>nav,
.stacked-menu.et_pb_menu .et_pb_menu__menu>nav>ul {
    display: block;
}

.stacked-menu .et_mobile_nav_menu {
    display: none;
}

@media (max-width: 767px) {
	/* menu on mobile */
	.stacked-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li {
		justify-content: center;
	}

	/* social media links on mobile */
	ul.footer-social-media {
		display: flex;
		justify-content: center;
	}
}

/* --- Footer Bottom ======================== */
@media (min-width: 767px) {
	.footer-bottom .et_pb_column {
		display: flex;
		justify-content: center;
		gap: 30px;
	}
}

/* ========================================= */
/* --- Modula Gallery ====================== */
/* ========================================= */

.modula-best-grid-gallery .fancybox__caption {
	max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
	padding: 15px !important;
}

.modula-best-grid-gallery .fancybox__caption .modula-caption-title {
	font-weight: 700;
    font-size: 1.2em;
}

/* ========================================= */
/* --- 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-blue-alt) !important; 
		}

/* --- Team Bio Popup Trigger ============== */
/* --- hide content triggers */
/* hide classes for content that will be displayed */
.team-bio-Show-popup.display-trigger {
	display: none;
}

/* hide classes for content that is not there */
.team-bio-Hide-popup {
	display: none;
}


/*** Community Events *****/
.arrow-column {
    position: relative;
    background-color: #0073e6; /* Color de fondo de la columna */
    padding: 50px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
}

/**** Members offers ***/
.deal-link a {
	width: auto;
}


/***** Gravity Forms *****/
#page-container .gform_wrapper .gform_footer input[type=submit] {
    border-radius: 25px;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #0066A5;
    padding-top: 7px !important;
    padding-right: 30px !important;
    padding-bottom: 5px !important;
    padding-left: 30px !important;
    border-width: 0px !important;
    border-color: #0066a5;
    color: #ffffff;
    transition: all 300ms ease 0ms;
    font-family: 'Nunito Sans', Helvetica, Arial, Lucida, sans-serif;
    cursor: pointer;
	font-size: 18px;
	line-height: 1.7em;
}
	#page-container .gform_wrapper .gform_footer input[type="submit"]:hover {
		color: #002D4B !important;
		background-image: initial;
		background-color: #81D3EB;
	}

/* Set font size for all Gravity Forms fields to 20px */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select {
    font-size: 20px !important;
}

/* Set font size for all Gravity Forms labels to 16px */
.gform_wrapper .gfield_label,
.gform_wrapper .gsection_title,
.gform_wrapper .gfield_description {
    font-size: 16px !important;
}

/* ========================================= */
/* --- 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;
	}

#page-container .pagination-listing-layout .divi-filter-pagination ul.page-numbers li {
	border: none;
	border-radius: 40px;
	text-align: center;
	min-width: 40px;
    margin: 3px;
	
}
	#page-container .pagination-listing-layout .divi-filter-pagination ul.page-numbers li a,
	#page-container .pagination-listing-layout .divi-filter-pagination ul.page-numbers li span {
		border: 2px solid var(--blue) !important;
		background: var(--blue);
		border-radius: 40px;
		font-weight: 600;
		padding: 12px 15px 10px 15px;
		text-transform: uppercase;
		transition: all 300ms ease 0ms;
		color: #fff;
	}
		#page-container .pagination-listing-layout .divi-filter-pagination ul.page-numbers li a:hover,
		#page-container .pagination-listing-layout .divi-filter-pagination ul.page-numbers li a:focus {
			border-color: var(--light-blue) !important;
			color: var(--blue) !important;
			background: var(--light-blue) !important;
		}

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