/*
Theme Name: Teamsters Local #31 - The7 Child THeme
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* BRAND COLORS 

#efb227 - ORANGE (LOGO)
#2a3e80 - DARK BLUE (LOGO)
#141f45 - BLACK (HEADING TEXT)
#3a3d45 - BLACK (TEXT)
#f7f6f3 - LIGHT GREY BACKGROUNDS
#1d2b59 - DARKER BLUE BACKGROUNDS
#141f45 - EVEN DARKER BLUE  BACKGROUNDS
#c9d2ee - LIGHT BLUE TEXT (On dark backgrounds)
#c78f0f - GOLD TEXT

*/



/* GENERAL */
a {text-decoration:none;}
a:hover {color:#2a3e80;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p {margin-bottom:20px;}
.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6,
h1.white-text, h2.white-text, h3.white-text, h4.white-text, h5.white-text, h6.white-text {color:#ffffff;}
.white-text, .white-text p, p.white-text {color:#c9d2ee;}
.white-text a, .white-text p a {color:#ffffff !important;}
.orange-text h1, .orange-text h2, .orange-text h3, .orange-text h4, .orange-text h5, .orange-text h6,
h1.orange-text, h2.orange-text, h3.orange-text, h4.orange-text, h5.orange-text, h6.orange-text {color:#efb227;}
.orange-text, .orange-text p, p.orange-text {color:#efb227;}
.blue-text h1, .blue-text h2, .blue-text h3, .blue-text h4, .blue-text h5, .blue-text h6,
h1.blue-text, h2.blue-text, h3.blue-text, h4.blue-text, h5.blue-text, h6.blue-text {color:#2a3e80;}
.blue-text, .blue-text p, p.blue-text {color:#2a3e80;}
.gold-text h1, .gold-text h2, .gold-text h3, .gold-text h4, .gold-text h5, .gold-text h6,
h1.gold-text, h2.gold-text, h3.gold-text, h4.gold-text, h5.gold-text, h6.gold-text {color:#c78f0f;}
.gold-text, .gold-text p, p.gold-text {color:#c78f0f;}

h5 {color:#2a3e80;}
.hide-this, .hide-column {display:none !important;}

.small-text, .small-text p {font-size:12px;line-height:15px;}
.smaller-text, .smaller-text p {font-size:13px;line-height:15px;}
p.small-gold-heading {font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform: uppercase;color: #c78f0f;margin-bottom:5px;}

.large-text, .large-text p {font-size:19px;font-weight:500;} 

.uppercase, p.uppercase, .uppercase p {text-transform:uppercase;}

.stat-grid .vc_column_container > .vc_column-inner {padding:26px 30px !important;}
.stat-grid h5 {margin-bottom:10px;}
.border-top-blue > .vc_column-inner  {border-top: 4px solid #2a3e80;}
.border-top-orange > .vc_column-inner  {border-top: 4px solid #efb227;}
.border-top-grey > .vc_column-inner  {border-top: 4px solid #d8d4c8;}
.border-bottom-orange {padding-bottom:10px !important;border-bottom: 4px solid #efb227 !important;}
.border-left-blue > .vc_column-inner  {border-left: 4px solid #2a3e80;}
.border-left-orange > .vc_column-inner  {border-left: 4px solid #efb227;}

.add-vertical-white-borders {border-left:10px solid #ffffff;border-right:10px solid #ffffff;}

.column-shadow > .vc_column-inner {box-shadow: 0 1px 3px rgba(20,31,69,0.08) !important;}

.call-out {background:#1d2b59;padding:22px 26px;}
.call-out h5 {margin-bottom:5px;letter-spacing:0.05em;}
.call-out p {font-weight:500;}
.stat p.amount {font-family: 'Bebas Neue',sans-serif; font-size: 42px;  color: #2a3e80;margin-bottom:5px;}
.stat p {font-size: 14px; line-height: 1.1em; font-weight: 600; color: #3a3f4c;}

.big-phone-numbers p, .big-phone-numbers2 p {font-family: 'Bebas Neue';font-size:24px;letter-spacing:0.05em;font-weight:400;color:#2a3e80;text-align:right;}
.big-phone-numbers p a {color:#2a3e80;}
.big-phone-numbers p a:hover {color: #efb227;}
.big-phone-numbers2 p a {color:#efb227;}
.big-phone-numbers2 p a:hover {color: #ffffff;}

.stat-gold-lg {font-family: 'Bebas Neue',sans-serif;font-size: 52px;line-height: 54px; color: #efb227;margin-bottom:10px;}
#how-to-form-a-union h5 {margin-bottom:10px;}

.cta {padding-top:34px;padding-bottom:34px; background:#efb227;}
.cta .heading, .heading {font-family: 'Bebas Neue',sans-serif;font-size: 44px; line-height: 1; text-transform:uppercase;color:#16181d;}
.cta .cta-sub-heading {font-family: 'Bebas Neue',sans-serif; font-size: 17px; letter-spacing: 0.22em;color:#7c5a06;}
.cta p.cta-content {margin-top:4px;color:#16181d;font-weight:500;}
.cta .dt-btn {border:2px solid #16181d; background:#16181d !important;color:#efb227 !important;}
.cta .dt-btn:hover {background:#2a3e80 !important;color:#ffffff !important;}
.sub-heading{
  display:flex;
  align-items:center;
  gap:14px;
  font-family:'Bebas Neue',sans-serif;
  letter-spacing:0.2em;
  color:#2a3e80;          /* blue on light sections */
}
.sub-heading::before{
  content:"";
  flex:0 0 44px;          /* same as width:44px, won't shrink */
  height:4px;
  background:#efb227;
}
/* for the dark-background sections (hero, footer, navy panels) */
.sub-heading.on-dark{ color:#efb227; }

.milestones {
  display: flex;
  gap: 0;
  margin-top: 10px;
  border-top: 1px solid #e3e1da;
  border-bottom: 1px solid #e3e1da;
}
.milestone {
  flex: 1;
  padding: 22px 24px 22px 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.milestone-value {
  font-family: 'Bebas Neue',sans-serif;
  font-size: 48px;
  line-height: 1;
  color: #2a3e80;
}
.milestone-label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8b8e96;
}
.milestone-line-edge {
  flex: 1;
  padding: 22px 24px;
  border-left: 1px solid #e3e1da;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.milestone-comfortable {
  flex: 1;
  padding: 22px 0 22px 24px;
  border-left: 1px solid #e3e1da;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

h3.policy-title, .policy-title {margin-bottom:10px !important;}
.content ul, .content ol {margin-bottom:25px !important;}

/**********************************************************************************************************/
/* -- WPBakery inner-row column gap -----------------------------
   Inner rows render as .vc_row.vc_inner with .vc_column_container
   children, which WPBakery's own gap CSS never targets.
   Add "stat-grid" to the Extra class name of each inner row.     */

.vc_row.vc_inner.stat-grid {
  margin-left: -10px;
  margin-right: -10px;
}

.vc_row.vc_inner.stat-grid > .vc_column_container {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.vc_row.vc_inner.stat-grid > .vc_column_container > .vc_column-inner {
  height: 100%;
  box-sizing: border-box;
}

/* vertical gutter between stacked inner rows */
.vc_row.vc_inner.stat-grid + .vc_row.vc_inner.stat-grid {margin-top: 20px;}

/* stack cleanly on mobile */
@media (max-width: 767px) {
  .vc_row.vc_inner.stat-grid > .vc_column_container + .vc_column_container {margin-top: 20px;}
}
/**********************************************************************************************************/

/**********************************************************************************************************/
/* -- Never collapse below 2 columns on tablet / mobile ---------
   Add "mobile-show-2-columns" to the row's Extra class name.
   Works on outer rows and inner rows, whatever the column count. */

@media (max-width: 990px) {
  .mobile-show-2-columns {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
  }

  .mobile-show-2-columns > .wpb_column,
  .mobile-show-2-columns > .vc_column_container {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    float: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
  }
  .head-office.mobile-show-2-columns > .wpb_column,
  .head-office.mobile-show-2-columns > .vc_column_container {margin-bottom: 0px;}
  
  .mobile-show-2-columns > .wpb_column > .vc_column-inner,
  .mobile-show-2-columns > .vc_column_container > .vc_column-inner {
    height: 100%;
    box-sizing: border-box;
  }
}
/**********************************************************************************************************/


/* HEADER, MAIN MENU, TOOL BAR */
.top-bar {font-family:}
.top-bar a, .top-bar p {text-decoration:none !important;color:#c9d2ee !important;}
.top-bar a.phone {color:#efb227 !important;font-weight:700 !important;font-size:18px !important;}
#primary-menu .sub-nav {border-top: 3px solid #efb227;}

#page-banner {border-top:4px solid #2a3e80;border-bottom:4px solid #efb227;padding:50px 0;background:#141f45;min-height:280px;}
#page-banner .sub-title {font-family: 'Bebas Neue';font-size:18px;letter-spacing:0.2em;font-weight:400;color:#efb227;margin-bottom:10px;}
#page-banner h1 {color:#ffffff;margin-bottom:15px;}
#page-banner .short-description {font-size:18px;line-height:1.5em;font-weight:500;color:#dde3f5;margin-bottom:0px;max-width:720px;}
.mobile-header-bar .mobile-branding img {max-width:170px !important;}
a.microwidget-btn {letter-spacing:0.04em;}
.dt-mobile-header .text-area { color: #16181d;}
.dt-mobile-header .text-area a, .dt-mobile-header a.mini-contacts {color: #2a3e80;}
.dt-mobile-header .text-area a:hover, .dt-mobile-header a.mini-contacts:hover {color: #efb227 !important;}
.masthead .mini-widgets .soc-ico a:not(:hover) .soc-font-icon, .masthead .mobile-mini-widgets .soc-ico a:not(:hover) .soc-font-icon, .dt-mobile-header .soc-ico a:not(:hover) .soc-font-icon {color: #c9d2ee !important;}


/* PAGE TITLE */
/* -- Page banner: gradient scrim over the row background --------- */
#page-banner {
  position: relative;
}

#page-banner > .upb_row_bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(13, 20, 46, 0.96) 0%,
    rgba(20, 31, 69, 0.86) 45%,
    rgba(20, 31, 69, 0.42) 100%
  );
  pointer-events: none;
}

#page-banner > .wpb_column,
#page-banner > .vc_column_container {
  position: relative;
  z-index: 2;
}

/* -- WPBakery inner-row column gap -----------------------------
   Add "stat-grid" to the Extra class name of each inner row.     */

.vc_row.vc_inner.stat-grid {
  margin-left: -10px;
  margin-right: -10px;
}

.vc_row.vc_inner.stat-grid > .vc_column_container {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.vc_row.vc_inner.stat-grid > .vc_column_container > .vc_column-inner {
  height: 100%;
  box-sizing: border-box;
}

.vc_row.vc_inner.stat-grid + .vc_row.vc_inner.stat-grid {margin-top: 20px;}

@media (max-width: 767px) {
  .vc_row.vc_inner.stat-grid > .vc_column_container + .vc_column_container {margin-top: 20px;}
  #our-offices .vc_row.vc_inner.stat-grid > .vc_column_container + .vc_column_container {margin-top: 0px;}
}


/* HOME PAGE */

.featured-event__stack-tight {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid rgba(255,255,255,0.16);
  max-width: 540px;
}
.featured-event__row-md {
  display: flex;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.16);
}
.label-pale {
  width: 110px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #93a0c8;
}
.featured-event-wrapper {
  font-size: 16.5px;
  font-weight: 600;
  color: #ffffff;
}

.grey-column > .vc_column-inner {background:#f7f6f3;border-left:10px solid #ffffff;border-right:10px solid #ffffff;}
.grey-column > .vc_column-inner > .wpb_wrapper {padding-bottom:48px;}
.dark-blue-column > .vc_column-inner  {background:#141f45;}
.dark-blue-column > .vc_column-inner > .wpb_wrapper {padding-bottom:48px;}
.department-title {padding: 20px 20px 15px 20px;/*border-bottom:1px solid #EAE8E1;*/border-top:4px solid #2a3e80;}
.dark-blue-column .department-title {border-top:4px solid #efb227;border-bottom:1px solid rgba(255,255,255,0.14);}
.department-name {font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8b8e96;}
.dark-blue-column  .department-name-short  {color: #efb227;}
.dark-blue-column  .department-name  {color: #c9d2ee;}
  
.department-name-short {font-family: 'Bebas Neue';font-size:30px;line-height:1em;font-weight:400;}
#department-news .vc_column_container > .vc_column-inner {padding-left:0px;padding-right:0px;}
#department-news a:hover {color: #c78f0f !important;}
#department-news a.dt-btn-link {font-weight:700;}
#department-news a.dt-btn-link:hover {padding-left:28px !important;}
#department-news .dark-blue-column  a.dt-btn-link, #department-news .dark-blue-column  a.dt-btn-link span, #department-news .dark-blue-column  a.dt-btn-link > i {color: #efb227 !important;}
#department-news .dark-blue-column  a.dt-btn-link:hover, #department-news .dark-blue-column  a.dt-btn-link:hover span, #department-news .dark-blue-column  a.dt-btn-link:hover > i {color: #c78f0f !important;}
#department-news .btn-align-left {position:absolute;display:block;height:48px;bottom:0;border-top:1px solid #EAE8E1;width: calc(100% - 20px);}
.dividers-on.classic-layout-list .post {border-top: 1px solid;border-bottom: none;}
#department-news .blog-shortcode .post-thumbnail-wrap {/*display:none;*/}

.hp-content-box .ult-content-box {border: none !important;}


/* BOARD/STAFF PAGES */

.staff-grid > .vc_column_container > .vc_column-inner {padding-left: 0px; padding-right: 0px;}
p.job-position {font-size:13px;line-height:16px;font-weight:700;letter-spacing:0.1em;text-transform: uppercase;color: #c78f0f;margin-bottom:0;padding:0 22px;margin-bottom:5px;}
.staff-grid h4 {margin-bottom:10px;padding:0 22px;}
p.job-location {font-size:15px;line-height:16px;font-weight:400;margin-bottom:0;padding:0 22px;margin-bottom:5px;}
p.job-phone {font-size:15px;line-height:18px;font-weight:400;margin-bottom:0;padding:0 22px;margin-bottom:5px;}
p.job-email {font-size:15px;line-height:18px;font-weight:400;margin-bottom:0;padding:0 22px;margin-bottom:20px !important;}

.stack-tight-offset {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.stat-navy-t30 {
  font-family: 'Bebas Neue',sans-serif;
  font-size: 30px;
  line-height: 1;
  color: #141f45;
  padding-bottom: 14px;
  border-bottom: 3px solid #efb227;
}
.row-md-compact {
  display: flex;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #e4e1d8;
}
.biography-wrapper-flex-150 {
  flex: 0 0 150px;
  font-weight: 800;
  color: #2a3e80;
}
.biography-wrapper {
  font-size: 15.5px;
  color: #3a3f4c;
}
.biography__row-md {
  display: flex;
  gap: 16px;
  padding: 14px 0;
}
.bio-contact-info {background:#1d2b59;padding: 26px 28px;}
.bio-contact-info h6 {color:#efb227;letter-spacing:0.1em;}
.bio-contact-info p {font-size:14px !important;line-height:19px !important;margin-bottom:15px;}
.bio-contact-info.white-text strong {color:#ffffff;}
.bio-contact-info.white-text a {text-decoration:none;color:#c9d2ee !important;}
.bio-contact-info.white-text a:hover {text-decoration:none;color:#ffffff !important;}

/* TALK TO AN ORGANIZER */
.talk-to p a {color:#2a3e80;}
.talk-to p a:hover {color:#c78f0f;}
.talk-to .contact-aside__item {color: #3a3d45;}
.talk-to .white-text a {color:#efb227 !important;}
.talk-to .white-text a:hover {color:#ffffff !important;}

/* DEPARTMENT PAGES */

#key-contacts h4 {margin-bottom:5px;}
#key-contacts a {color:#141f45;}
#key-contacts a:hover {color:#c78f0f;}
.stack-md {display: flex;flex-direction: column;gap: 16px;}
.grid-3-snug {display: grid;grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px;}
.contacts__stack-tight-padded {
  background: #f7f6f3;
  padding: 13px 16px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.contact-name, .contact-location, .contact-link, .contact-description {line-height:15px !important;}
.contact-name {font-size: 15px;font-weight: 700;color: #141f45;margin-bottom:4px;}
.contact-location, .contact-description {font-size: 13.5px;color: #3a3f4c;}
.contact-link a {color:#2a3e80; font-size: 13px; overflow-wrap: anywhere;}
.contact-link a:hover {color:#c78f0f;}

@media (max-width: 1100px) {
	.grid-3-snug {grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); }
}
@media (max-width: 700px) {
	.grid-3-snug {grid-template-columns: 1fr; }
}

.department-news {}
.department-news .blog-shortcode h3.entry-title {font-size:15px;line-height:19px;font-weight:500;}
.department-news .blog-shortcode .entry-meta {font-size:12px;line-height:15px;}
#page .department-news .blog-shortcode .entry-title a:hover {color:#c78f0f;}

.department-news .blog-shortcode.classic-layout-list .post-thumbnail-wrap {/*display:none;*/}
.department-news .blog-shortcode.classic-layout-list .post-entry-content {padding: 13px 16px !important;}

/* UNION MEETING PAGE */
.schedule-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 2px;
  background: #e4e1d8;
}
.schedule-card {
  background: #ffffff;
  padding: 26px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.schedule-month {
  font-family: 'Bebas Neue',sans-serif;
  font-size: 15px;
  letter-spacing: 0.16em;
  color: #c78f0f;
}
.schedule-date {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.schedule-day {
  font-family: 'Bebas Neue',sans-serif;
  font-size: 54px;
  line-height: 0.9;
  color: #141f45;
}
.schedule-daypart {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: #3a3f4c;
}
.schedule-note {
  margin-top: 2px;
  padding-top: 10px;
  border-top: 1px solid #efb227;
  font-size: 13.5px;
  line-height: 1.5;
  font-weight: 600;
  color: #3a2f10;
}

.schedule-card.is-flagged {
  box-shadow: inset 0 0 0 2px #efb227;
}
.schedule-card.is-muted {
  background: #eceae3;
  justify-content: center;
  grid-column: 1 / -1;
}
.schedule-month-muted {
  font-family: 'Bebas Neue',sans-serif;
  font-size: 15px;
  letter-spacing: 0.16em;
  color: #655f4c;
}

::selection {
  background: #efb227;

  color: #16181d;
}
element {
}
.schedule-title-muted {
  font-family: 'Bebas Neue',sans-serif;
  font-size: 30px;
  line-height: 1.02;
  color: #5c5a4e;
}
.schedule-text-muted {
  font-size: 14px;
  line-height: 1.5;
  color: #6a6759;
}


@media (max-width: 1100px) {
  .meetings__grid-2-wide, .meetings__grid-2-even, .schedule-grid {grid-template-columns: repeat(auto-fit,minmax(280px,1fr));}
}
@media (max-width: 700px) {
  .meetings__grid-2-wide, .meetings__grid-2-even, .schedule-grid {grid-template-columns: 1fr;}
}


/* PAST EDITIONS PAGE */
.editions__stack-tight {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.stat-navy-gold-edge {
  font-family: 'Bebas Neue',sans-serif;
  font-size: 32px;
  line-height: 36px;
  color: #141f45;
  padding-bottom: 12px;
  border-bottom: 3px solid #efb227;
  margin-bottom: 12px !important;
}
.view-all-link {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 12px 10px;
  border-bottom: 1px solid #e4e1d8;
}
.editions-wrapper {
  font-size: 15.5px;
  font-weight: 600;
  color: #1d2b59;
}
.offset-sm {
  margin-left: auto;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #c78f0f;
}
a.view-all-link:hover {background:#F7F6F3;}
a.view-all-link:hover .editions-wrapper, a.view-all-link:hover .offset-sm {color: #2a3e80;}

/* CONTACT US PAGE */
.quick-contact__item {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.quick-contact__label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(22,24,29,0.62);
  text-wrap:nowrap;
}
.quick-contact__number {
  font-family: 'Bebas Neue',sans-serif;
  font-size: 46px;
  line-height: 0.9;
  letter-spacing: 0.02em;
  color: #16181d;
  text-wrap:nowrap;
}
.quick-contact__hours {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
  color: rgba(22,24,29,0.78);
  text-wrap:nowrap;
}
a.quick-contact__number:hover {color:#ffffff !important;} 
.open-days {display:block;}
.content .who-should-i-talk-to h4 {margin-bottom:5px;}
.who-should-i-talk-to a.dt-btn-link {padding:25px 0 0 0 !important;}
#our-offices a {color:#2a3e80;font-weight:500;}
#our-offices a:hover {color:#c78f0f;}
#our-offices .head-office {margin-left:0px;margin-right:0px;}
.thin-border-left-but-not-on-mobile {border-left:1px solid #ddd;}
.contact-call-no h5 {margin-bottom:10px;}
.contact-call-no h5 a {color:#efb227 !important;}
.contact-call-no h5 a:hover {color:#ffffff !important;}

.contact-aside__list {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.contact-aside__list .row-md-compact {
  display: flex;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #e4e1d8;
}
.contact-aside__number {
  flex: 0 0 30px;
  font-family: 'Bebas Neue',sans-serif;
  font-size: 24px;
  color: #efb227;
}
.contact-aside__item {
  font-size: 15.5px;
  line-height: 1.6;
  color: #c9d2ee;
}
.white-background-version .contact-aside__item {color: #3a3d45;}
.white-background-version .contact-aside__list {border-top: 1px solid #e4e1d8;}

.contant-details-wrapper {display: flex; flex-direction: column; gap: 22px;}
.contant-details-section {display: flex; flex-direction: column; gap: 8px;}
.contant-details-section-title {font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(199, 143, 15);}
.contant-details-columns {display: flex; flex-direction: column; gap: 6px; font-size: 15.5px; line-height: 1.5em; color: rgb(58, 63, 76);}
.contant-details-item {display: flex; justify-content: space-between; gap: 16px;}
.contact-phone {font-weight: 700; color: rgb(22, 24, 29);}
.contact-email {color: rgb(42, 62, 128); font-weight: 600;}
a.contact-email:hover {color: rgb(199, 143, 15);}
.contact-position {color: rgb(107, 112, 134);}
.contact-pension {font-size: 16px; line-height: 1.5em; color: rgb(58, 63, 76);}


/* BLOG */
.mode-masonry.blog-shortcode .entry-title, .mode-grid.blog-shortcode .entry-title, .blog-carousel-shortcode.blog-shortcode .entry-title, .portfolio-carousel-shortcode.blog-shortcode .entry-title, .albums-carousel-shortcode.blog-shortcode .entry-title, .mode-masonry.portfolio-shortcode .entry-title, .mode-grid.portfolio-shortcode .entry-title, .blog-carousel-shortcode.portfolio-shortcode .entry-title, .portfolio-carousel-shortcode.portfolio-shortcode .entry-title, .albums-carousel-shortcode.portfolio-shortcode .entry-title, .mode-masonry.albums-shortcode .entry-title, .mode-grid.albums-shortcode .entry-title, .blog-carousel-shortcode.albums-shortcode .entry-title, .portfolio-carousel-shortcode.albums-shortcode .entry-title, .albums-carousel-shortcode.albums-shortcode .entry-title, .mode-masonry.owl-carousel.blog-carousel-shortcode .entry-title, .mode-grid.owl-carousel.blog-carousel-shortcode .entry-title, .blog-carousel-shortcode.owl-carousel.blog-carousel-shortcode .entry-title, .portfolio-carousel-shortcode.owl-carousel.blog-carousel-shortcode .entry-title, .albums-carousel-shortcode.owl-carousel.blog-carousel-shortcode .entry-title,
.blog-shortcode .post-entry-content .entry-title {font-family: 'Barlow'; font-size:19px; line-height: 1.3em; font-weight: 700;text-transform:none;} 

.post-entry-content .entry-meta > a {font-weight: 700;color:#c78f0f !important; pointer-events: none; cursor: default;}

#latest-news-bulletins .blog-shortcode article {box-shadow: 0 1px 3px rgba(20,31,69,0.08) !important;}
#department-news .blog-shortcode .post-entry-content .entry-title {font-size: 15px !important;font-weight: 600 !important;}
#department-news .blog-shortcode .entry-meta {font-size: 13px !important;font-weight: 400 !important;}

#useful-information .blog-carousel-shortcode h3.entry-title {font-weight:600 !important;}
#useful-information .blog-carousel-shortcode article {border:1px solid #E9E7E0;}

.nav-links .h4-size {font-size:24px;line-height:30px;letter-spacing:0.03em;}


/* BUTTONS */
a.dt-btn {letter-spacing: 0.05em !important;}
a.blue-btn.dt-btn {background:#2a3e80 !important; border-color:#2a3e80; color:#ffffff !important;}
a.blue-btn.dt-btn:hover {background:#efb227 !important;  border-color:#efb227 !important; color:#16181d !important;}
a.btn-text-left.full-width-btn.dt-btn{text-align: left;}
a.btn-outline {border:2px solid #efb227 !important;}
a.btn-outline:hover {color:#efb227 !important;background: transparent !important;}

a.btn-blue-outline, .paginator a.button-load-more {border:2px solid #2a3e80 !important;background: transparent !important;color:#2a3e80 !important;}
a.btn-blue-outline > span, a.btn-blue-outline > i {color:#2a3e80 !important;}
a.btn-blue-outline:hover, .paginator a.button-load-more:hover {border:2px solid #2a3e80 !important;background: #2a3e80 !important;color:#ffffff !important;}
a.btn-blue-outline:hover i {color:#ffffff !important;}

a.btn-dark-blue-with-gold-border.dt-btn {background:#1d2b59 !important; color:#ffffff !important;border-left:4px solid #efb227;; border-right:0px; border-top:0px;border-bottom:0px;text-align:left;font-family:'Barlow';text-transform:none;font-size:16px;font-weight:600;}
a.btn-dark-blue-with-gold-border.dt-btn:hover {background:#efb227 !important;  border-color:#efb227 !important; color:#16181d !important;}
a.btn-dark-blue-with-gold-border.dt-btn.ico-right-side > i {float:right;}

a.btn-white-outline {border:2px solid #ffffff !important;background: transparent !important;color:#ffffff !important;}
a.btn-white-outline > span, a.btn-blue-outline > i {color:#ffffff !important;}
a.btn-white-outline:hover {border:2px solid #2a3e80 !important;background: #2a3e80 !important;color:#ffffff !important;}
a.btn-white-outline:hover i {color:#ffffff !important;}

.dt-btn-link.default-btn-shortcode {text-align:left;}

.paginator a.button-load-more, .paginator a.button-load-more .button-caption {
  font-family: 'Bebas Neue';
  font-size:20px;
  line-height: 22px;
  letter-spacing: 1px;
  font-weight: 500;
  color:#2a3e80;
}
.paginator a.button-load-more:hover .button-caption {color:#ffffff;}
.paginator a.button-load-more .button-caption::before {display:none;}

/* FORMS */
.gform-theme--foundation .gform_fields {row-gap:8px;}

.gform_wrapper .top_label .gfield_label {
font-family: 'Barlow',sans-serif;
font-size: 12.5px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #141f45;
}
#main .gform_wrapper span.ginput_total, #main .gform_wrapper .gfield_required, #main .gform_wrapper .ginput_left input:focus + label, #main .gform_wrapper .ginput_right input:focus + label, #main .gform_wrapper .ginput_full input:focus + label {color:#c78f0f;}

button.gform_button[type="submit"] {
font-family:"Bebas Neue" !important;
font-size:20px !important;
letter-spacing:0.06em !important;
font-weight:400 !important;
padding: 12px 26px !important;
color:#16181d !important;
background: #efb227 !important;
text-transform:uppercase !important;
}
button.gform_button[type="submit"]:hover {
color:#ffffff !important;
background: #2a3e80 !important;
}
.gform_wrapper .gsection {border: none !important;}

.gform_wrapper h3 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  white-space: nowrap;
  margin-top:26px;
}
.gform_wrapper h3:after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: #d8d4c8;
}
.gform_wrapper .gform_body select {line-height: 1 !important;}

/* MODAL WINDOW */
.ult_modal-header {border:none !important;background: #efb227 !important;}
.ult_modal-body {padding: 0px 30px 36px 30px !important;}
h3.ult_modal-title {color:#ffffff !important;; font-family:'Barlow' !important;;font-size:2em !important;;font-weight:600 !important;;}
.ult-adjust-bottom-margin {margin-bottom:0 !important;}

/* CUSTOM MARQUE START */
/* ============================================================
   Multi-Line Marquee for Teamsters Local 31
   ============================================================ */

.t31-mq {
  --t31-mq-dur: 120s;          /* set inline per instance from the speed slider */
  --t31-mq-gap: 30px;
  --t31-mq-size: 28px;
  --t31-mq-color: #ffffff;
  --t31-mq-color-alt: #93a1cd;
  --t31-mq-dot: #efb227;
  --t31-mq-message: #efb227;
  overflow: hidden;
  width: 100%;
}

.t31-mq__row {
  display: flex;
  overflow: hidden;
  padding: 9px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
}

.t31-mq__track {
  display: flex;
  align-items: center;
  flex: none;
  will-change: transform;
}

.t31-mq__row--left  .t31-mq__track { animation: t31MqLeft  var(--t31-mq-dur) linear infinite; }
.t31-mq__row--right .t31-mq__track { animation: t31MqRight var(--t31-mq-dur) linear infinite; }

@keyframes t31MqLeft  { from { transform: translateX(0);      } to { transform: translateX(-100%); } }
@keyframes t31MqRight { from { transform: translateX(-100%);  } to { transform: translateX(0);     } }

.t31-mq__item {
  display: flex;
  align-items: center;
  gap: var(--t31-mq-gap);
  padding-right: var(--t31-mq-gap);
  flex: none;
}

.t31-mq__name {
  font-family: 'Bebas Neue', sans-serif;
  font-size: var(--t31-mq-size);
  line-height: 1;
  letter-spacing: 0.02em;
  color: var(--t31-mq-color);
  white-space: nowrap;
  text-transform: none;
}

/* every second row sits back a step so the wall reads as depth, not noise */
.t31-mq__row:nth-child(even) .t31-mq__name { color: var(--t31-mq-color-alt); }

/* the inserted message reads as the one thing that isn't a company name */
.t31-mq .t31-mq__name--message,
.t31-mq__row:nth-child(even) .t31-mq__name--message {
  color: var(--t31-mq-message);
}

.t31-mq__dot {
  width: 7px;
  height: 7px;
  background: var(--t31-mq-dot);
  flex: none;
}

/* pause on hover so a member can read their own employer */
.t31-mq:hover .t31-mq__track { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .t31-mq__track { animation: none !important; }
  .t31-mq__row { flex-wrap: wrap; -webkit-mask-image: none; mask-image: none; }
  .t31-mq__track:nth-child(2) { display: none; }
}

@media (max-width: 900px) {
  .t31-mq { --t31-mq-size: 24px; --t31-mq-gap: 20px; }
  .t31-mq__row { padding: 6px 0; }
}
/* CUSTOM MARQUE END */



/* FOOTER */
.footer-main-title {color:#ffffff;font-family:"Bebas Neue";font-size:34px;line-height:1em;letter-spacing:0.08em;font-weight:400;margin-bottom:15px;}
.footer-tag-line {color:#efb227;font-family:"Bebas Neue";font-size:20px;line-height:1.3em;letter-spacing:0.08em;font-weight:400;}
.footer-about p {margin-bottom:15px;}
.footer .textwidget a, #bottom-bar a { color: #c9d2ee !important;}
.footer .textwidget a:hover, #bottom-bar a:hover { color: #ffffff !important;text-decoration:none !important;}



/* MOBILE */

@media (max-width: 1100px) {
	branding a img, .branding img {max-width: 170px !important;}
}

@media (max-width: 990px) {
  .align-left-on-mobile .btn-align-right, .align-left-on-mobile .big-phone-numbers p {text-align:left;}
  .quick-contact__item {margin-bottom:20px !important;}
  .open-days {display:inline;}
  .thin-border-left-but-not-on-mobile {border-left:none;}
  .add-vertical-white-borders {border-left:25px solid #ffffff;border-right:25px solid #ffffff;}
}

@media (max-width: 900px) {
  .milestone-value {font-size: clamp(28px,6.5vw,48px);}
}

@media (min-width: 768px) {

	.vertically-centered-columns {
		display: flex;
		flex-wrap: wrap;
	}

	.vertically-centered-columns > .vc_column_container {
		display: flex;
	}

	.vertically-centered-columns > .vc_column_container > .vc_column-inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
	}
}

@media screen and (min-width: 779px) and (max-width: 992px) {
  .mobile-mini-widgets-in-menu .in-menu-first-switch:not(.hide-on-first-switch) {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .show-on-second-switch {
    display: block !important;
    width: 100% !important;
  }
}


@media screen and (max-width: 768px) {

	#page #department-news article {margin-top:0 !important;border-top:1px solid #EAE8E1;}
	#page #department-news article {}
  	#page #department-news .blog-shortcode .post-entry-content {padding: 5px 20px;}
	
	p.job-position, .staff-grid h4 {padding:0 10px;}
	#content .default-btn-shortcode.dt-btn-link {padding:16px 10px !important;}
	
	.grey-column {margin-bottom:20px;}
	.grey-column > .vc_column-inner {border-left: 0px; border-right: 0px}
	.department-news.vc_row {margin-right:5px;}
	.cta .btn-align-right {text-align:left;}
	.milestones, .milestone {display: block !important;}
	.milestone, .milestone-comfortable {padding: 10px 0 !important;border-left: none !important;}
	.milestone-line-edge {padding: 0 !important;border-left: none !important;}
		
}