/*
Theme Name: Divi-Child-LDM
Author: Lentini Design and Marketing [LDM]
Author URI: https://lentinidesign.com
Description: Custom built by Lentini Design & Marketing (lentinidesign.com).
Package: ldm_custom
Version: 1.0
Theme URI: https://www.elegantthemes.com/gallery/divi/
Template: Divi
*/
/** [LDM] - Divi Child Theme
*
*
*/
/** [LDM] Custom Styles **/
/** Color Palette - Define 6 colors in DIvi Builder ** /
Colors:
LASEC gold: #c2ab66
Fonts:
*/
/** default - sitewide a:links */
a:link {font-weight:bold;color:#c2ab66}
/** BC Supplier Directory (div filtergrid) Header link */
.dp-dfg-header.entry-header h2 a {color:inherit}
/** Here are the general ranges for each of the breakpoints within Divi:
Large Desktop: 1405px and above
Standard Desktop: between 1100px and 1405px
Laptops and Large Tablets: between 980px and 1100px
Tablets: between 768px and 980px
Smartphones and small Tablets: between 320px and 768px;
Smartphones: between 320px and 480px;
*/
/* Example local font loading * /
@font-face {
font-display: swap;
font-family: 'Atkinson Hyperlegible';
font-style: italic;
font-weight: 700;
src: url('fonts/atkinson-hyperlegible-v11-latin-700italic.woff2') format('woff2');
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ * /
}
*/
/** Set Theme Default Fonts - To override theme customozer site wide Default font (OpenSans)... If Chosen font is not in Divi google font list, we load to load it locally in this file above
* /
h1,h2,h3,h4,h5,h6 { font-family: 'Futura-Heavy',Helvetica,Arial,Lucida,sans-serif }
body,input,textarea,select { font-family: 'Proxima-Nova',Helvetica,Arial,Lucida,sans-serif }
#main-header,#et-top-navigation { font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif }
**/
/* Make text look crisper and more legible in all browsers */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/** For tall mobile menues */
.et_mobile_menu {
overflow-y:scroll!important;
max-height:80vh!important;
-overflow-scrolling:touch!important;
-webkit-overflow-scrolling:touch!important;
}
/** Resize top menu font to prevent menu line roll pre-mobile menu */
@media screen and (max-width: 1100px) {
#top-menu li, #top-menu li a {
font-size: 14px !important;
padding-right: 0.7vw;
}
.et_header_style_left #et-top-navigation {
padding-right: 2vw !important;
}
/* Dropdown arrows */
#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after
{font-size: 14px;}
#top-menu .menu-item-has-children>a:first-child, #et-secondary-nav .menu-item-has-children>a:first-child {
padding-right: 1.3vw;
}
}
/**/
/** Change mobile menu breakpoint (default=980)* /
@media (max-width: 1023px) {
#et_mobile_nav_menu {display: block;}
#top-menu {display: none;}
}
*/
/** Add Left Pad top menu when it wraps */
@media (max-width:1400px){
#et-top-navigation {padding-left:375px !important}
img#logo {max-width:356px}
}
/** Fix search icon rolling down */
@media only screen and (min-width: 981px) {
.et_header_style_left #et_top_search {
position: absolute !important;
right: 0px;
}
.et_fullwidth_nav.et_header_style_left #et_top_search {right: 30px;}
.et_header_style_left #et-top-navigation {
padding-right: 40px !important;
}
.et_header_style_centered #et_top_search {
position: absolute !important;
right: -20px;
top: 10px;
}
.et_header_style_centered #et-top-navigation {
padding-right: 0px !important;
}
}
/** Small screens - Expand search input to cover header */
.et_search_form_container.et_pb_search_visible{
background:white;
}
@media (max-width: 400px){
.et_header_style_left .et-search-form {
width: 100% !important;
max-width: 100% !important;
z-index: 1000;
}
}
/* Regular - squeeze and center top-menu to keep from wrapping * /
@media (max-width: 1200px) {
#top-menu .ldm_donate_now a {
padding:35px 1vw;
}
#top-menu li {
padding-right: .5vw;
font-size:10px
}
#top-menu-nav {
text-align:center
}
}
*/
/* Regular Menu wraps here - Adjust for wrapped Donate Now button * /
@media (max-width: 1023px) and (min-width: 981px) {
#top-menu .ldm_donate_now a {
padding: 15px 20px !important;
margin-top:-50px
}
#top-menu li {
padding-right: 1.3vw;
}
}
*/
/** Mobile menu - Highlight current page - Can't do this with customizer */
/*.et_mobile_menu .menu-item-has-children>a ,
#mobile_menu {text-transform: uppercase; font-weight:500; letter-spacing:1px}*/
#mobile_menu .current-menu-parent >a,
#mobile_menu li.current-menu-item >a
{color:#c2ab66;font-weight:bold;}
.et_mobile_menu .current-menu-parent.menu-item-has-children>a
{border:1px solid #c2ab66}
#mobile_menu li.current_page_item:not(.current-menu-ancestor) >a
{
background-color:#c2ab66;
color:white !important;
}
/** Increase width of drop-down menus * /
@media screen and (min-width: 981px) {
.sub-menu {min-width: 300px;}
#top-menu li li a {width: 260px;
padding: 4px 12px;
}
.ldm_get_involved_nav .sub-menu {min-width: 380px;}
#top-menu li.ldm_get_involved_nav li a {width: 325px;}
}
*/
/** menu colors * /
#et_search_icon:hover,#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a,.bottom-nav li.current-menu-item>a,.comment-reply-link,.entry-summary p.price ins,.et-social-icon a:hover,.et_password_protected_form .et_submit_button,.footer-widget h4,.form-submit .et_pb_button,.mobile_menu_bar:after,.mobile_menu_bar:before,.nav-single a,.posted_in a,.woocommerce #content div.product p.price,.woocommerce #content div.product span.price,.woocommerce #content input.button,.woocommerce #content input.button.alt,.woocommerce #content input.button.alt:hover,.woocommerce #content input.button:hover,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce #respond input#submit.alt:hover,.woocommerce #respond input#submit:hover,.woocommerce-page #content div.product p.price,.woocommerce-page #content div.product span.price,.woocommerce-page #content input.button,.woocommerce-page #content input.button.alt,.woocommerce-page #content input.button.alt:hover,.woocommerce-page #respond input#submit,.woocommerce-page #respond input#submit.alt,.woocommerce-page #respond input#submit.alt:hover,.woocommerce-page #respond input#submit:hover,.woocommerce-page .star-rating span:before,.woocommerce-page a.button,.woocommerce-page a.button.alt,.woocommerce-page a.button.alt:hover,.woocommerce-page a.button:hover,.woocommerce-page button.button,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce-page button.button.alt.disabled:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page button.button:hover,.woocommerce-page div.product p.price,.woocommerce-page div.product span.price,.woocommerce-page input.button,.woocommerce-page input.button.alt,.woocommerce-page input.button.alt:hover,.woocommerce-page input.button:hover,.woocommerce .star-rating span:before,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce a.button.alt:hover,.woocommerce a.button:hover,.woocommerce button.button,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:hover,.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce input.button,.woocommerce input.button.alt,.woocommerce input.button.alt:hover,.woocommerce input.button:hover,.wp-pagenavi a:hover,.wp-pagenavi span.current {
color: #0f4c81
}
.et-search-form,.et_mobile_menu,.footer-widget li:before,.nav li ul,blockquote {
border-color: #0f4c81
}
#et-secondary-nav li ul,#top-header {
background-color: #0f4c81
}
*/
/** make LOGO larger on mobile * /
@media only screen and (max-width: 980px) {
body header img#logo {
max-width: 90%!important;
max-height: 90%!important;
height: auto!important;
width: auto!important;
}
}
*/
/** [LDM] Keep secondary nav visible on small screens (Not FIXED header) * /
@media screen and (max-width: 980px) {
#page-container {padding-top: 0px !important;}
#top-header {position: static !important;display: block !important;}
#top-header .container {padding-top: 0.75em !important;}
#page-container #main-header {position: relative !important;top: 0 !important;}
#top-header #et-secondary-menu,
#top-header #et-secondary-nav {display: block !important;}
#top-header #et-secondary-nav li {text-align: center !important;}
x#et-main-area {padding-top: 1px;}
}
*/
/** For FIXED Header Nav bars on Mobile */
/** [LDM] REMOVE IF No FIXED Top Menu * /
#top-header {min-height:31px}
@media screen and (max-width: 980px)
{
.et_secondary_nav_only_menu #main-header {top: 31px!important;}
#et-secondary-nav .ldm_learn_more a {margin-top:5px}
}
@media screen and (max-width: 460px)
{
#top-header {min-height:69px}
body.et_fixed_nav.et_secondary_nav_enabled #main-header {top: 69px!important;}
#et-secondary-nav .ldm_learn_more{display:block;max-width:100px;margin:auto !important}
#et-secondary-nav .ldm_learn_more a {margin-bottom:10px;}
#top-header #et-secondary-nav li {text-align: center !important;}
#top-header #et-secondary-nav {padding-top:5px}
}
/ ** END [LDM] REMOVE IF No Top Menu */
/** Add Fixed Main Menu for Mobile * /
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
}
.et_menu_container {width:100%}
#et_top_search {margin-right:0;}
.et_secondary_nav_only_menu #top-header,
#top-header #et-secondary-menu,
#top-header #et-secondary-nav {display: block !important;}
}
.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;
}
/ ** END Add Fixed Main Menu for Mobile */
/**
* Footer and Footer-Info
*/
#footer-info .ldm_menu {list-style:none}
#footer-info .ldm_menu a {font-weight:400} /*all screens*/
#footer-info .ldm_menu {/* text-align:center; */} /*for small screens*/
#footer-info .ldm_menu {list-style-type:none !important}
@media (min-width: 768px){ /*large screens*/
#footer-info .ldm_menu li { display:inline-block; }
#footer-info .ldm_menu li:after { content:" | ";padding: 0 12px;}
#footer-info .ldm_menu li:last-child:after { content:""; padding:0}
}
@media (min-width: 980px){ /*large screens*/
x#footer-bottom .container {width:65%}
x#footer-info .ldm_menu {text-align:left;}
}
#footer-bottom .et-social-icons li:first-child {margin-left:0}
/* center footer info menu * /
#footer-info {
float: none;
}
*/
.et-social-sharethis a.icon:before {
content:"\e0a0";
}
/** Remove WP sidebar on non-Divi pages * /
#sidebar{display:none;}
#main-content .container:before {background: none;}
@media (min-width: 981px){
#left-area {width: 100%;padding-right: 0px !important;}}
*/
/**
* General Stuff
*/
/** Custom Links */
.ldm_nolink { pointer-events:none }
.ldm_break {display: block !important;font-size:0;line-height:0;}
.ldm_no_after:after { content:"" !important; padding:0 !important}
.ldm_green_links a, a.ldm_green_links {color:#83d5c2}
/* assign this CSS Class for a fullwidth row in a regular section */
.ldm_fullwidth_row {width:100%!important;max-width:none!important}
/** List styles - move bullet outside list */
body #main-content ul, body #main-content ol {
list-style-position: outside;
}
/** Custom Buttons - NOTE: Set default button style in Customizer, but set padding and other stuff the customizer doesn;t give access to here*/
/*
.et_button_icon_visible .et_pb_button { padding-right: 2.5em; padding-left: 1.7em !important;}
.et_button_icon_visible .et_pb_button:after {line-height: 1.8em;}
.et_pb_fullwidth_header .et_pb_button:after {line-height: 1.8em !important;}
body.et-db #et-boc .et-l .et_pb_button:after,
body .et_pb_button:after {font-weight: 900 !important;line-height: 1.8em!important;}
a.more-link {
padding-right: 2.5em !important;
padding-left: 1.7em !important;
padding: .3em;
border: 2px solid !important;
border-radius:10px;
margin-top:1em !important;
display:inline-block;
text-transform:capitalize;
font-weight:bold;
font-size:14px !important;
transition: all .3s;
line-height:1.7em !important;
}
a.more-link:after {
position:absolute;
margin-left: 0.3em;
padding-right:.8em;
content: '$';
font-size: 14px;
font-weight: 900;
font-family: ETmodules !important;
vertical-align: middle;
transition: all .2s;
line-height:1.8em !important;
}
/* Hover * /
a.more-link:hover {border-color:transparent!important;}
body .et_pb_button:hover:after,
a.more-link:hover:after{ margin-left:30px !important}
*/
/** Center a Divi row (v and h) within it's container section */
.ldm_row_center {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/** Alter Divi Blog-Grid thmb proportions
*/
.et_pb_blog_grid_wrapper .entry-featured-image-url ,
.ldm_blog_1-1 .entry-featured-image-url { padding-top: 100%; display:block;}
.ldm_blog_3-2 .entry-featured-image-url { padding-top: 66.66%; }
.ldm_blog_4-3 .entry-featured-image-url { padding-top: 75%; }
.ldm_blog_16-9 .entry-featured-image-url { padding-top: 56.25%; }
.et_pb_blog_grid_wrapper .entry-featured-image-url img,
.ldm_blog_1-1 .entry-featured-image-url img,
.ldm_blog_3-2 .entry-featured-image-url img,
.ldm_blog_4-3 .entry-featured-image-url img,
.ldm_blog_16-9 .entry-featured-image-url img {
position: absolute;
height: 100% !important;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
object-position: center top !important;
box-shadow: 0 0 1px 1px #77777742;
}
.et_pb_blog_grid_wrapper .post-content,
[class*=ldm_blog_] .post-content {
min-height:90px;
display: flex;
align-items:baseline;
justify-content:space-evenly;
justify-content:space-between;
flex-direction:column;
}
/**
* SITE Customizations
*
*/
/* Top Menu */
#main-header .nav li ul li.current-menu-item a {color:black !important}
.nav li li {line-height:1em}
/**
* GForms
*
*/
/* Whole Form styles -added to Customizer (remove from customizer when GoLive) */
/* decrease spacing between field rows from GF default 40px */
X.ldm_gform_bsaform_wrapper .gform_fields {row-gap:20px;}
/* .gform-theme--framework .gfield_list_group_item::before, .gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-])) {
XX--gf-local-margin-y: 0 0 !important;
}
*/
/* specific fields */
.ldm_sa_olist ol {margin:0 20px;padding:0}
/*[TOO: see if these classes actually exist */
X.ldm_company ownership_other {margin-top:-30px}
X.ldm_bcsaf_company ownership_other {margin-top:-30px}
.ldm_Company_Eligibility {}
.ldm_bcsaf_Company_Eligibility {}
.ldm_company_ownership_other,
.ldm_additional_accepted_certifications_other {margin-top:-10px!important}
/* TODO: DOESN'T WORK */
.ldm_references_1,.ldm_references_2, .ldm_references_3 {margin-top:-20px}
.ldm_consent_disclosure {}
x.ldm_bcsaf_ls_initials * {display:inline-block !important;margin:0 20px;}
x.ldm_bcsaf_ls_initials .legalsigning-field-signature__signed-verification {display:none !important}
x.ldm_bcsaf_ls_initials *{vertical-align: top;}
x.ldm_bcsaf_ls_initials .legalsigning-field-signature__signed-by {display:none !important}
/* needs work */x-button.legalsigning-field-signature__signed-edit {/* display:inline!important; */float: right;}
.ldm_bcsaf_ls_signiture {}
/*[TODO] style form input error messages */
.gfield_description.validation_message.gfield_validation_message {
font-weight:bold;
/*
background-color: var(--gf-form-validation-bg-color);
border: var(--gf-form-validation-border-width) var(--gf-form-validation-border-style) var(--gf-form-validation-border-color);
border-radius: var(--gf-form-validation-radius);
box-shadow: var(--gf-form-validation-shadow);
Xdisplay: flex;
flex-direction: column;
gap: var(--gf-form-validation-gap);
margin-block: var(--gf-form-validation-margin-y);
padding-block: var(--gf-form-validation-padding-y);
padding-inline: var(--gf-form-validation-padding-x);
*/
}
.gfield_description.validation_message.gfield_validation_message:before {
Xcontent: var(--gf-icon-tooltip-error);
}
/** References */
.ldm_heading_references {margin-top:40px}
.ldm_heading_references h4{padding-bottom:0}
.ldm_heading_references h4:after{content:' (Required)';color:#c02b0a;font-size:12px;}
/** References fields - 4 columns -- special handling of instructions */
/* e.g. .ldm_bcsaf_ref.ldm_bcsaf_ref1.ldm_bcsaf_ref_email (name, company, phone) */
.ldm_bcsaf_ref1.ldm_bcsaf_ref_name label:before{content:'1.'}
.ldm_bcsaf_ref2.ldm_bcsaf_ref_name label:before{content:'2.'}
.ldm_bcsaf_ref3.ldm_bcsaf_ref_name label:before{content:'3.'}
/* Remove extra clutter */
.ldm_bcsaf_ref .gfield_label .gfield_required {display:none}
.ldm_bcsaf_ref .gfield_label:after {display:inline;content:'(*)';color:#c02b0a;font-size:12px;}
.ldm_bcsaf_ref .ginput_counter {display:none}
@media(min-width:640px){ /* large screens - 4 columns */
/* hide description on large screens */
.ldm_bcsaf_ref .gfield_description {display:none}
}
@media(max-width:640px){ /* small screens - 1 column */
/* add extra top space between refs 2, 3 */
.ldm_bcsaf_ref2.ldm_bcsaf_ref_name,
.ldm_bcsaf_ref3.ldm_bcsaf_ref_name {margin-top:40px}
}
/** BCSAForm NAICS Validation messages (LDM Custom) */
.ldm_naics_message {font-size:12px;padding:5px 0}
.ldm_naics_message i {font-style:italic !important;margin-left:10px}
.ldm_naics_message b {color:#c02b0a;font-weight:bold !important}
/** [END]
* Gravity Forms
*/
/**
* Divi FIlter Grid
*
*/
.dp-dfg-custom-field span:before {font-weight:bold}
.dp-dfg-custom-field.dp-dfg-cf-Contact_Name span:before {content:'Contact: '}
.dp-dfg-custom-field.dp-dfg-cf-Email span.dp-dfg-custom-field-value:before {content:'Email: '}
.dp-dfg-custom-field.dp-dfg-cf-Phone span:before {content:'Phone: '}
.dp-dfg-custom-field.dp-dfg-cf-Address span:before {content:'Address: '}
.dp-dfg-custom-field.dp-dfg-cf-Website span:before {content:'Website: '}
.dp-dfg-custom-field.dp-dfg-cf-notable_clients span:before {content:'Notable Clients: '}
x.dp-dfg-filter-link {border:solid 1px red}
.dp-dfg-filter-link.active {background: rgba(128,128,128,0.2) !important;}
/*[TODO] fix this, Certificates - replace Filter Button text with Acromyms */
.dp-dfg-filter a {}
x.dp-dfg-filter-link.minority-business-enterprise-mbe {font-size:5px !important}
x.dp-dfg-filter-link.minority-business-enterprise-mbe:before {content:'(MBE)';font-size:14px;display:inline}
ul.dp-dfg-taxonomy-business-disciplines li:first-child{ column-span:all}
ul.dp-dfg-taxonomy-business-disciplines {
-webkit-column-count: 4 !important;
-moz-column-count: 4 !important;
column-count: 4 !important;
display: block !important;
}
@media(max-width:1300px){
ul.dp-dfg-taxonomy-business-disciplines {
-webkit-column-count: 3 !important;
-moz-column-count: 3 !important;
column-count: 3 !important;
}}
@media(max-width:1024px){
ul.dp-dfg-taxonomy-business-disciplines {
-webkit-column-count: 2 !important;
-moz-column-count: 2 !important;
column-count: 2 !important;
}}
@media(max-width:767px){
ul.dp-dfg-taxonomy-business-disciplines {
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
column-count: 1 !important;
}}
x.ul.dp-dfg-taxonomy-business-disciplines {
flex-direction: column;
flex-wrap: wrap;
display: flex;
height: 100vh;
}
x.ul.dp-dfg-taxonomy-business-disciplines li {
/* flex: 1 0 25%; */
}
/* result lists */
.dp-dfg-items .add below,
x.terms a.taxonomy-certificates { color: green; }
x.terms a.taxonomy-certificates ~ a.taxonomy-certificates { color: #333; }
.terms a.taxonomy-certificates:before {display:block;content:' '}
.terms a.taxonomy-certificates ~ a.taxonomy-certificates:before { display:inline; }
.terms a.taxonomy-naics-codes:before {display:block;content:' '}
.terms a.taxonomy-naics-codes ~ a.taxonomy-naics-codes:before { display:inline; }
.dp-dfg-content.entry-summary {padding-bottom:20px}
.dp-dfg-custom-field {padding:0 !important}
/* NOT NEEDED - add a rule for all cert links... */
/*
a[href="https://businessconnect.lasec.net/certificates/woman-business-enterprise-wbe/"],
a[href="https://businessconnect.lasec.net/certificates/minority-business-enterprise-mbe/"]
{
color:red !important;
font-size:0 !important;
}
a[href="https://businessconnect.lasec.net/certificates/minority-business-enterprise-mbe/"]:before
{ content:"(MBE)"; font-size:10px}
*/
/**
* [END] Divi FIlter Grid
*
*/
/**
* PPWP Password Protect Login Form
*/
.ppw-ppf-input-container {width:90vw; margin:50px auto 50vh;border:solid 1px silver;padding:15px}
@media (min-width:980px){.ppw-ppf-input-container {width:50vw;}}
.ppw-ppf-desc {padding-bottom:10px}
.ppw-pwd-label input[id^='pwbox-448'] {margin:10px;display:inline-block;line-height:1.5em}
.ppw-pwd-submit-btn {border:none;line-height:1.7em;padding:1px 1.2em; border-radius: 5px;transition: all 300ms ease 0ms;background-color: #c2ab66 !important;}
.ppw-ppf-show-pwd-btn label {position:relative;bottom:2px}
.ppw-ppf-headline {font-weight:bold}
/**
* Pages
*/
/** Supplier Profile Pages - divi builder "All Suppliers" template
*/
.ldm_supplier_profile_section {} /* 2 sections below */
.ldm_supplier_profile_section.ldm_supplier_profile_heading {}
.ldm_supplier_profile_section.ldm_supplier_profile_content {}
/** Social Follow
* via Divi module or shortcode [ldm_social_icons]
* ul.ldm_social_media_folow
* Hide social icons with no links
*/
.ldm_supplier_profile_section a.icon[href=""],
.ldm_supplier_profile_section a.icon[href="#"],
.ldm_supplier_profile_section a.icon:not([href]) {
display: none;
}
/** event badge section */
img.ldm_event_badge
{
display:inline;
max-width: 120px;
margin-right: 20px;
/* margin-top:20px; */
}
/** Hide badge section if no badges */
.ldm_supplier_event_badges:not(:has(img)) {display:none}