/*
 * newbreedmen.com custom CSS (moved from Appearance → Customize → Additional CSS, Nov 2026)
 * Loaded late in <head>, same position the Customizer CSS had, so it wins the same rules.
 * Use root-relative URLs (/wp-content/...) so the same file works on staging and live.
 */

/* Revelation page — fourth discovery card image */
.revelation-card-image .et_pb_main_blurb_image {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.revelation-card-image .et_pb_main_blurb_image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

/* Event Category Archive Page Styling */
.nbm-cat-archive .em-item-header {
    padding: 40px;
    max-width: 1080px;
    margin: 0 auto;
}

.nbm-cat-archive .em-item-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 30px;
}

.nbm-cat-archive .em-item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    border-top: 3px solid #333;
    padding-top: 30px;
}

.nbm-cat-archive .em-item-meta-column {
    flex: 1;
    min-width: 280px;
}

.nbm-cat-archive .em-location-next-event h3,
.nbm-cat-archive .em-taxonomy-description h3 {
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #1a1a1a;
}

.nbm-cat-archive .em-item-meta-line {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.nbm-cat-archive .em-icon-calendar {
    font-size: 18px;
    color: #999;
    margin-top: 3px;
}

.nbm-cat-archive .em-item-meta-line p {
    margin: 0 0 8px 0;
    font-size: 16px;
    color: #444;
}

.nbm-cat-archive .em-item-meta-line a {
    font-size: 14px;
    text-decoration: underline;
}

.nbm-cat-archive .em-taxonomy-description p,
.nbm-cat-archive .em-taxonomy-description {
    font-size: 16px;
    line-height: 1.6;
    color: #444;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-double-border-center::after {
  display: block !important;
  margin: 0;
  top: calc(var(--border-width) * (-1));
  right: calc(var(--border-width) * (-1));
  bottom: calc(var(--border-width) * (-1));
  left: calc(var(--border-width) * (-1));
  border: inherit;
  border-radius: inherit;
  opacity: 1;
  content: '';
  z-index: -1;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-double-border-center:hover::after {
  top: calc(var(--border-width) * (-3.5));
  right: calc(var(--border-width) * (-3.5));
  bottom: calc(var(--border-width) * (-3.5));
  left: calc(var(--border-width) * (-3.5));
}

/* Keep Events Manager layout consistent */
.em.pixelbones * {
    box-sizing: border-box !important;
}

/* Ensure datepicker stays visible in Safari */
.em-cal-wrapper, 
.em-cal-wrapper .ui-datepicker, 
.em-cal-wrapper .flatpickr-calendar {
    overflow: visible !important;    /* prevents clipping */
    z-index: 9999 !important;        /* ensures it’s above other elements */
    display: block !important;       /* keeps dropdown visible */
}


/* Tighten line height for main menu */
.et_pb_menu_0_tb_header.et_pb_menu ul li a,
.et_pb_menu_1_tb_header.et_pb_menu ul li a,
.et_pb_menu_1_tb_header.et_pb_menu ul li ul.sub-menu a,
.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu a {
    line-height: 1.2 !important;      /* reduce vertical spacing */
    padding-top: 5px !important;      /* adjust spacing above text */
    padding-bottom: 5px !important;   /* adjust spacing below text */
}

.same-photo img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 10px; /* keeps your rounded corners */
}

.unclickable > a:hover {
	cursor:default;
}
.unclickable > a{
	font-weight:bold !important;
	color:#ddd !important;
}

@font-face {
  font-family: elephant;
  src: url(/ELEPHNT.TTF);
}
.et_pb_button {
    font-weight: 600;
}
@media only screen and (min-width: 750px)
{
	p.et_pb_newsletter_button_wrap {
    flex-basis: 20% !important;
}
	.et_pb_newsletter .et_pb_newsletter_fields>* {
    flex-basis: 38%;
}
	.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half {
    flex-basis: 38.5%;
}
	.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half {
    width: 20.5%;
    float: left;
}
	
.et_pb_button {
    min-width: 168px;
    text-align: center;
       min-height: 37px;
    padding: 0px !important;
}
}
.button-two {
    margin-right: 26px;
    float: left;
}
footer#main-footer {
    background: url(/wp-content/uploads/2019/05/11.jpg);
}
#footer-bottom {
  
    background-color: #1f1f1f !important;
}
div#text-2 {
    width: 100%;
}
div#text-2 {
    text-align: center;
}
li#menu-item-25 a {
    background: #817e7c;
    color: black;
    padding: 10px 29px 8px !important;
    border-radius: 34px;
}
#top-menu a {
    font-weight: 700 !important;
}
.et_pb_newsletter_description {
    display: none;
}
.et_pb_newsletter_description, .et_pb_newsletter_form {
    position: relative;
    width: 100%;
}
.page-id-151 a.checkout-button.button.alt.wc-forward{ background:#2ea3f2;}
.page-id-152 .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{background:#2ea3f2;}

.et_pb_menu__logo img {
    width: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
}
.et_pb_gallery_image img {
    height: 250px !important; /* Adjust px value to your preference */
    object-fit: cover;
    width: 100%;
}
html, body {
    height: 100%;
}

/* ===== Downloadable graphic block (.nbm-graphic) – e.g. Revelation timeline =====
   HTML lives in pages/*.html; drop it into a Divi Code module anywhere. */
.nbm-graphic{--gold:#c6a46a;background:#101111;border:1px solid #36332e;border-top:3px solid var(--gold);padding:clamp(22px,4vw,44px);max-width:1180px;margin:0 auto;color:#fff;text-align:center;box-sizing:border-box}
.nbm-graphic *{box-sizing:border-box}
.nbm-graphic .nbm-g-eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}
.nbm-graphic h2{color:#fff;font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:10px 0 12px;padding:0}
.nbm-graphic p{color:#d0cbc2;font-size:16px;line-height:1.7;max-width:720px;margin:0 auto 24px;padding:0}
.nbm-graphic .nbm-g-img{display:block;border:1px solid #36332e;background:#000;cursor:zoom-in}
.nbm-graphic .nbm-g-img img{display:block;width:100%;max-width:none;height:auto}
.nbm-graphic .nbm-g-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
.nbm-graphic .nbm-g-btn{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:#111!important;padding:15px 26px;font-weight:800;letter-spacing:.07em;font-size:13px;text-transform:uppercase;text-decoration:none;transition:background .2s}
.nbm-graphic .nbm-g-btn:hover{background:#e1c28d}
.nbm-graphic .nbm-g-btn.outline{background:transparent;color:#fff!important;border:1px solid var(--gold)}
.nbm-graphic .nbm-g-btn.outline:hover{background:rgba(198,164,106,.14)}
.nbm-graphic .nbm-g-btn svg{width:16px;height:16px;flex:none}
.nbm-graphic .nbm-g-note{font-size:12px;color:#a9a49c;margin-top:12px}
@media(max-width:600px){.nbm-graphic .nbm-g-btn{width:100%;justify-content:center}}
.nbm-graphic .nbm-g-btn{min-width:250px;justify-content:center;border-radius:4px;padding:16px 30px;font-size:14px;border:1px solid var(--gold);box-sizing:border-box}
@media(max-width:600px){.nbm-graphic .nbm-g-btn{min-width:0}}