/* Typography Styles */
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a,
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span,
.dxpr-theme-header--side #dxpr-theme-main-menu .nav a,
.dxpr-theme-header--side #dxpr-theme-main-menu .nav span,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > span {
  font-size: var(--dxt-setting-nav-font-size);
}

@media screen and (max-width: 768px) {
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a,
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span,
  .dxpr-theme-header--side #dxpr-theme-main-menu .nav a,
  .dxpr-theme-header--side #dxpr-theme-main-menu .nav span,
  .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > a,
  .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > span {
    font-size: var(--dxt-setting-nav-mobile-font-size);
  }
}

/* Layout Styles */
body {
  background-position: var(--dxt-setting-background-image-position);
  background-attachment: var(--dxt-setting-background-image-attachment);
}

/* body font face */
body, .tooltip {
  font-family: var(--dxt-setting-body-font-face);
  font-style: normal;
  font-weight: 400;
}

/* nav font face */
nav,nav ul li,nav a {
  font-family: var(--dxt-setting-nav-font-face);
  font-style: normal;
  font-weight: 400;
}

/* headings font face */
h1,h2,h3,h4,h5,h6,label,.field--label,.page-title, .html .tp-caption {
  font-family: var(--dxt-setting-headings-font-face);
  font-style: normal;
  font-weight: 800;
}

/* sitename font face */
.site-name, .navbar-brand {
  font-family: var(--dxt-setting-sitename-font-face);
  font-style: normal;
  font-weight: 400;
}

/* blockquote font face */
blockquote, blockquote p {
  font-family: var(--dxt-setting-blockquote-font-face);
  font-style: italic;
  font-weight: 400;
}

/* Custom CSS */
/* General Styles
--------------------------------------------- */
html { overflow-y:scroll; }

#page-title .page-title {
    font-weight: 700 !important;
}

.html .form-managed-file .btn-primary,
.html .form-actions input.form-submit {
    color: #fff;
}

/* Tabs
---------------------------------------------
.user-logged-in.path-frontpage .wrap-containers {
    padding-top: 50px;
}
 */


/* Messages/Alerts
--------------------------------------------- */
.path-participant-search .messages--error {
    display: none;
}


/* Awaiting Verification & Account Renewal Alerts
--------------------------------------------- */
#block-dxpr-theme-renewmembershipnotification,
#block-dxpr-theme-renewmembershipnotification-2,
#block-dxpr-theme-views-block-civi-participants-block-3-2,
#block-dxpr-theme-views-block-civi-participants-block-3 {
    display: block;
    width: 100%;
    background: #fffcc8 url('/sites/default/files/alert.png')no-repeat 15px 8px;
    border: 1px dashed #b18605;
    text-align: center;
    padding: 20px 0 20px 60px;
    margin: 20px 0 60px 0;
}
#block-dxpr-theme-renewmembershipnotification,
#block-dxpr-theme-renewmembershipnotification-2,
#block-dxpr-theme-views-block-civi-participants-block-3-2 {
    flex: unset;
    padding: 20px 0 10px 60px;
    margin: 0 0 60px 0;
    min-height: unset;
}
#block-dxpr-theme-renewmembershipnotification .view-content,
#block-dxpr-theme-renewmembershipnotification-2 .view-content,
#block-dxpr-theme-views-block-civi-participants-block-3-2 .view-content {
    min-height: unset;
}

#block-dxpr-theme-renewmembershipnotification a,
#block-dxpr-theme-renewmembershipnotification-2 a,
#block-dxpr-theme-views-block-civi-participants-block-3-2 a,
#block-dxpr-theme-views-block-civi-participants-block-3 a {
    color: #000;
    text-decoration: underline;
}
#block-dxpr-theme-renewmembershipnotification a:hover,
#block-dxpr-theme-renewmembershipnotification-2 a:hover,
#block-dxpr-theme-views-block-civi-participants-block-3-2 a:hover,
#block-dxpr-theme-views-block-civi-participants-block-3 a:hover {
    color: #a8052b;
}


/* Header
--------------------------------------------- */
.dxpr-theme-header,
#page-title-full-width-container {
    border-bottom: 10px solid #A8052B;
}

#navbar #block-dxpr-theme-gtranslate {
    margin: 20px 10px 0 20px;
}

#navbar.dxpr-theme-header--top .block {
    clear: right;
    width: auto;
    margin-top: 10px;
}

#navbar.dxpr-theme-header--top .menu, #navbar.dxpr-theme-header--top .menu a {
    font-size: 16px;
}

#navbar.dxpr-theme-header--top .menu, #navbar.dxpr-theme-header--top .menu .sf-depth-2 a {
	font-size: 15px;
}

ul.sf-menu.sf-style-white li, ul.sf-menu.sf-style-white.sf-navbar, ul.sf-menu.sf-style-white li:hover, ul.sf-menu.sf-style-white.sf-navbar:hover, ul.sf-menu.sf-style-white li:hover, ul.sf-menu.sf-style-white li.sfHover, ul.sf-menu.sf-style-white a.is-active, ul.sf-menu.sf-style-white a:focus, ul.sf-menu.sf-style-white a:hover, ul.sf-menu.sf-style-white span.nolink:hover {
    background: #f5f5f5;
}
 
ul.sf-menu.sf-style-white li a:hover, ul.sf-menu.sf-style-white.sf-navbar a:hover {
    text-decoration: underline;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav > li > a, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav > li > span {
    line-height: 1.5rem;
    height: 65px;
}


/* Mobile menu Styles
--------------------------------------------- */
div.sf-accordion-toggle.sf-style-white a,
div.sf-accordion-toggle.sf-style-white a.sf-expanded, 
ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded {
    background: #f5f5f5;
    border: none;
    float: right;
}

#navbar.dxpr-theme-header--top .menu a {
    text-align: right;
}

@media screen and (max-width: 450px) {
    #navbar .navbar-header {
        display: table;
        float: left;
        padding-top: 20px;
    }

    #navbar .navbar-header #logo {
        max-width: 200px !important;
    }

    #navbar.dxpr-theme-header--top .block {
        float: right;
    }
}


/* Homepage Feature Styles
--------------------------------------------- */
.path-frontpage .wrap-containers {
    margin-top: 0;
}

.path-frontpage .main-container {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: none;
    background: url('/sites/default/files/home-feature.jpg') no-repeat top left #A8052B;
}

.path-frontpage .main-container .row {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.path-frontpage .main-container .row section {
    margin-bottom: 0;
    padding: 0;
}

.path-frontpage .main-container .row .layout__region--first {
    background: url('/sites/default/files/home-feature-accent.png') no-repeat top right;
}

.user-logged-in.path-frontpage .main-container .logged-out {
    display: none;
}

.path-frontpage .main-container .row .layout__region--second {
    padding: 90px 20px 100px 40px;
    font-size: 18px;
    color: #ffffff;
    background: #A8052B;
    min-height: 500px;
}
.path-frontpage .main-container .row .layout__region--second h2 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 700 !important;
}
.user-logged-in.path-frontpage .main-container .row .layout__region--second h2 {
    margin-top: 55px;
}

.path-frontpage .layout__region--second .field--name-body a {
    float: left;
    margin-top: 10px;
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 4px;
    color: #000000;
}
.path-frontpage .layout__region--second .field--name-body a:hover {
    background: #EEEEEE;
    text-decoration: none;
}

.path-frontpage .wrap-messages {
    display: block;
    position: absolute;
    z-index: 99999;
    margin: 40px 0 0 0;
    width: 100%;
    max-width: 1170px;
}


@media only screen and (min-width: 2280px) {
    .path-frontpage .main-container .row .layout__region--first {
        background: none;
    }
}

@media only screen and (max-width: 1080px) {
    .path-frontpage .main-container {
        background: none;
    }   

    .path-frontpage .main-container .row section {
        padding: 0;
    } 
    
    .path-frontpage .main-container .row .layout__region--first {
        display: none;
    }

    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
        flex: 0 1 100%;
      }

    .path-frontpage .main-container .row .layout__region--second {
        padding: 40px 20px 50px 20px;
        min-height: auto;
    }

    .user-logged-in.path-frontpage .main-container .row .layout__region--second h2 {
        margin-top: 0;
    }
}


/* Homepage Content Bottom Styles
--------------------------------------------- */
.path-frontpage .region-content-bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.path-frontpage .region-content-bottom .block {
    flex: 0 1 33%;
    padding: 0 20px;
    min-height: 360px;
}
.path-frontpage #block-dxpr-theme-homepagelearnmore, 
.path-frontpage #block-dxpr-theme-homepageneedhelp {
    text-align: center;
}

.path-frontpage .region-content-bottom .view-content {
    min-height: 180px;
}

.path-frontpage .region-content-bottom h2.block-title:first-child,
.path-frontpage .region-content-bottom h2.block-title {
    margin: 0 0 20px 0;
    text-align: center;
}

.path-frontpage .region-content-bottom .block-hr {
    display: none;
}

.path-frontpage .region-content-bottom .home-btn {
    text-align: center;
    margin-bottom: 0;
}

.path-frontpage .region-content-bottom .home-btn a {
    display: block;
    margin: 5px auto 0;
    background: #A8052B;
    padding: 10px 15px;
    border-radius: 4px;
    color: #FFFFFF;
}
.path-frontpage .region-content-bottom .home-btn a:hover {
    background: #e00034;
    text-decoration: none;
}

.path-frontpage .region-content-bottom .views-field {
    margin-bottom: 10px;
}

.path-frontpage .region-content-bottom .views-label {
    font-weight: bold;
    padding-right: 10px;
}

.path-frontpage #block-dxpr-theme-masquerade {
    margin-top: 40px;
}

@media only screen and (max-width: 980px) {
    .path-frontpage .region-content-bottom .block {
        flex: 0 1 50%;
        padding: 0 20px 40px 20px;
    }
}

@media only screen and (max-width: 768px) {
     .path-frontpage .region-content-bottom .block {
        flex: 0 1 100%;
    }
    .path-frontpage .region-content-bottom {
        overflow: hidden;
    }
}


/* Webform & CiviCRM Form Styling
--------------------------------------------- */
.html #civicrm-footer {
    display: none;
}

.html .crm-container .crm-form-block,
.html .crm-container .crm-search-tasks, 
.html .crm-container .crm-tasks {
    background-color: #fafafa;
}

.html .region-content .form-control,
.html .webform-submission-form .form-control { 
    background: #f7fafb;
    border: 1px solid #cccccc;
    border-radius: 6px;
    padding: 10px;
    font-size: 16px;
    text-align: left !important;
}

#crm-container.crm-public input[type="text"], #crm-container.crm-public input[type="password"], #crm-container.crm-public input[type="email"], #crm-container.crm-public select {
    background: #f7fafb;
    border: 1px solid #cccccc;
    border-radius: 6px;
    padding: 10px;
    font-size: 16px;
}

.html .region-content .form-control:focus, .html .webform-submission-form .form-control:focus, #crm-container.crm-public input[type="text"]:focus, #crm-container.crm-public input[type="password"]:focus, #crm-container.crm-public input[type="email"]:focus, #crm-container.crm-public select:focus, .select2-drop-active, .select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border-color: #A8052B;
    background: #ffffff;
}

#user-register-form .crm-container fieldset legend {
    width: 100%;
    margin-bottom: 1rem;
}

.progress-step.is-active .progress-marker::before {
    background-color: #a8052b;
}

#crm-container .crm-form-block input,
#crm-container .crm-form-block textarea {
    background: #ffffff;
    border-color: #aaaaaa;
    padding: 0.4rem;
}
#crm-container .crm-form-block input:focus,
#crm-container .crm-form-block textarea:focus,
.html .select2-drop-active {
    border-color: #5897fb;
}

.html #edit-civicrm-1-contact-1-cg1-custom-25 {
    margin: 10px 0 20px;
}
.html #edit-civicrm-1-contact-1-cg1-custom-25 label {
    font-size: 18px;
    padding-left: 8px;
}
.html #edit-civicrm-1-contact-1-cg1-custom-25 .form-check-input {
    margin-top: 7px;
    border-color: #5d5d5d;
}

#webform-submission-your-information-add-form .fieldset-legend,
#webform-submission-financial-contributors-add-form .fieldset-legend,
#webform-submission-dependants-add-form .fieldset-legend,
#webform-submission-summary-add-form .fieldset-legend,
#webform-submission-programs-add-form .fieldset-legend,
#webform-submission-registration-wizard-add-form .fieldset-legend {
    display: block;    
    font-size: 24px;
    font-weight: 700;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 30px 0 15px;
}

#webform-submission-your-information-add-form #edit-actions,
#webform-submission-financial-contributors-add-form #edit-actions,
#webform-submission-dependants-add-form #edit-actions,
#webform-submission-summary-add-form #edit-actions,
#webform-submission-programs-add-form #edit-actions,
#webform-submission-registration-wizard-add-form #edit-actions {
    margin-top: 3em;
}

#webform-submission-your-information-add-form .webform-progress,
#webform-submission-financial-contributors-add-form .webform-progress,
#webform-submission-dependants-add-form .webform-progress,
#webform-submission-summary-add-form .webform-progress,
#webform-submission-programs-add-form .webform-progress {
    display: none;
}

.webform-submission-form #edit-actions .button {
    background: var(--dxt-color-base);
    border-color: var(--dxt-color-base);
    color: #fff;
}
.webform-submission-form #edit-actions .button:hover {
    text-decoration: underline;
}

.form-type-managed-file .description {
    display: none;
}

.webform-readonly input[readonly] {
  pointer-events: none;
  user-select: none;
}


/* CiviCRM Modal Dialog
--------------------------------------------- */
.crm-container .modal-dialog { pointer-events: unset; }
.page-civicrm .ui-dialog { z-index: 9999 !important; }

.crm-container .ui-dialog-titlebar .crm-dialog-titlebar-print,
.crm-container .ui-dialog-titlebar .crm-dialog-titlebar-resize {
    display: none;
}

.crm-container .dedupe-rules-dialog {
    display: block !important;
}

.html #crm-container textarea,
.html #crm-container input,
.html .crm-block textarea,
.html .crm-block input {
    background: #ffffff;
    border: 1px solid #d1d1d1;
    padding: 4px 8px;
}
.html #crm-container textarea:focus,
.html #crm-container input:focus,
.html .crm-block textarea:focus,
.html .crm-block input:focus {
    border-color: #0060df;
}


/* FAQ Accordion Styling
--------------------------------------------- */
#block-dxpr-theme-views-block-faqs-block-1 {
    margin-top: 60px;
}

#block-dxpr-theme-views-block-faqs-block-1 .views-row {
    margin-bottom: 15px;
}

.ui-accordion .ui-accordion-header {
    font-size: 20px;
}

.ui-accordion .ui-accordion-header.ui-state-active {
    background: #A8052B;
    border-color: #A8052B;
}

.ui-accordion .ui-accordion-content {
    padding: 2.2em;
}


/* Footer
--------------------------------------------- */
.dxpr-theme-footer .footer-container {
    margin-top: 100px;
}

.dxpr-theme-footer .footer-container .region-footer {
    flex-direction: row;
    border-top: 1px solid #c8d5d9;
    padding: 40px 0;
}

#block-dxpr-theme-footermenu {
    margin-left: auto;
    padding-top: 15px;
}
#block-dxpr-theme-footermenu .navbar-nav {
    flex-direction: row;
}

:root.dxpr-scheme-custom {
  --dxt-color-base: #a8052b;
  --dxt-color-basetext: #232323;
  --dxt-color-basesubtle: #a8052b;
  --dxt-color-basesubtletext: #232323;
  --dxt-color-link: #173bbf;
  --dxt-color-accent1: #e00034;
  --dxt-color-accent1text: #232323;
  --dxt-color-accent1subtle: #e00034;
  --dxt-color-accent1subtletext: #232323;
  --dxt-color-accent2: #e00034;
  --dxt-color-accent2text: #939598;
  --dxt-color-accent2subtle: #e00034;
  --dxt-color-accent2subtletext: #939598;
  --dxt-color-text: #232323;
  --dxt-color-headings: #232323;
  --dxt-color-headingssubtle: #939598;
  --dxt-color-headingssubtletext: #939598;
  --dxt-color-card: #939598;
  --dxt-color-cardtext: #232323;
  --dxt-color-footer: #ffffff;
  --dxt-color-footertext: #232323;
  --dxt-color-secheader: #e00034;
  --dxt-color-secheadertext: #ffffff;
  --dxt-color-header: #f5f5f5;
  --dxt-color-headertext: #232323;
  --dxt-color-headerside: #a8052b;
  --dxt-color-headersidetext: #ffffff;
  --dxt-color-pagetitle: #a8052b;
  --dxt-color-pagetitletext: #ffffff;
  --dxt-color-graylight: #e6e7e8;
  --dxt-color-graylighter: #e6e7e8;
  --dxt-color-silver: #f1f1f1;
  --dxt-color-body: #ffffff;
  --dxt-color-header-rgb: 245,245,245;
}

/* Page Title Styles */
.page-title-full-width-container:after {
  opacity: var(--dxt-setting-page-title-image-opacity);
  background-position: var(--dxt-setting-page-title-image-position);
}

/* Header Styling */
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top {
  background-color: rgba(var(--dxt-color-header-rgb), var(--dxt-setting-header-top-bg-opacity));
}
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top.affix {
  background-color: rgba(var(--dxt-color-header-rgb), var(--dxt-setting-header-top-bg-opacity-scroll));
}

/* Menu Options */
.dropdown-menu, .dropdown-menu li {
  min-width: var(--dxt-setting-dropdown-width);
}


    #block-dxpr-theme-main-menu .dropdown-menu {
      .dropdown {
        color: #232323;

        * {
          color: #232323;
        }
      }
    }
  /* Theme Settings */
:root {
  --dxt-setting-background-image-attachment: fixed;
  --dxt-setting-background-image-position: center center;
  --dxt-setting-block-divider-length: 0.625rem;
  --dxt-setting-block-divider-spacing: 1.25rem;
  --dxt-setting-block-divider-thickness: 0.25rem;
  --dxt-setting-blockquote-font-face: "Montserrat Italic", "Montserrat";
  --dxt-setting-blockquote-font-size: 1.3125rem;
  --dxt-setting-blockquote-line-height: 1.5;
  --dxt-setting-blockquote-mobile-font-size: 1.125rem;
  --dxt-setting-body-font-face: "Montserrat", "Montserrat";
  --dxt-setting-body-font-size: 1rem;
  --dxt-setting-body-line-height: 1.6;
  --dxt-setting-body-mobile-font-size: 0.875rem;
  --dxt-setting-box-max-width: 98.75rem;
  --dxt-setting-boxed-layout-boxbg: #ffffff;
  --dxt-setting-divider-length: 100;
  --dxt-setting-divider-position: 0;
  --dxt-setting-divider-position-block: 0;
  --dxt-setting-divider-thickness: 0.5rem;
  --dxt-setting-dropdown-width: 10rem;
  --dxt-setting-gutter-container: 3.75rem;
  --dxt-setting-gutter-container-mobile: 1.875rem;
  --dxt-setting-gutter-horizontal: 1.875rem;
  --dxt-setting-gutter-horizontal-mobile: 1.875rem;
  --dxt-setting-gutter-vertical: 1.875rem;
  --dxt-setting-gutter-vertical-mobile: 1.875rem;
  --dxt-setting-h1-font-size: 3.25rem;
  --dxt-setting-h1-mobile-font-size: 3.25rem;
  --dxt-setting-h2-font-size: 2.375rem;
  --dxt-setting-h2-mobile-font-size: 2.375rem;
  --dxt-setting-h3-font-size: 1.8125rem;
  --dxt-setting-h3-mobile-font-size: 1.8125rem;
  --dxt-setting-h4-font-size: 1.3125rem;
  --dxt-setting-h4-mobile-font-size: 1.5rem;
  --dxt-setting-header-mobile-breakpoint: 30rem;
  --dxt-setting-header-mobile-height: 3.75rem;
  --dxt-setting-header-side-align: left;
  --dxt-setting-header-side-direction: left;
  --dxt-setting-header-side-logo-height: 1.875rem;
  --dxt-setting-header-side-width: 18.75rem;
  --dxt-setting-header-top-bg-opacity: 1;
  --dxt-setting-header-top-bg-opacity-scroll: 1;
  --dxt-setting-header-top-height: 7.5rem;
  --dxt-setting-header-top-height-scroll: 3.125rem;
  --dxt-setting-header-top-height-sticky-offset: 3.75rem;
  --dxt-setting-headings-bold: normal;
  --dxt-setting-headings-font-face: "Montserrat Extrabold", "Montserrat";
  --dxt-setting-headings-line-height: 1.1;
  --dxt-setting-headings-uppercase: none;
  --dxt-setting-layout-max-width: 80rem;
  --dxt-setting-logo-height: 50%;
  --dxt-setting-menu-border-size: 0.125rem;
  --dxt-setting-nav-font-face: "Montserrat", "Montserrat";
  --dxt-setting-nav-font-size: 1rem;
  --dxt-setting-nav-mobile-font-size: 0.875rem;
  --dxt-setting-page-title-align: left;
  --dxt-setting-page-title-breadcrumbs-align: right;
  --dxt-setting-page-title-breadcrumbs-separator: "/";
  --dxt-setting-page-title-height: 7.5rem;
  --dxt-setting-page-title-image-opacity: 1;
  --dxt-setting-page-title-image-position: center center;
  --dxt-setting-page-title-image-style: cover;
  --dxt-setting-scale-factor: 1.34;
  --dxt-setting-sitename-font-face: "Montserrat", "Montserrat";
  --dxt-setting-title-align: left;
  --dxt-setting-title-font-size: var(--dxt-setting-h3-font-size);
  --dxt-setting-title-font-size-mobile: var(--dxt-setting-h3-mobile-font-size);
  --dxt-setting-title-sticker: block;
  --dxt-setting-title-type-uppercase: 0;
  --dxt-setting-title-type-bold: 0;
  --dxt-setting-title-type-italic: 0;
}