.banner__section .col-md-12 {
    padding: 0;
}

a,
a:link,
a:visited {
    font-weight: 700;
    color: #388FC7;
}

a:hover,
a:focus {
    text-decoration: underline;
    color: #D21852;
}



.team-name a:link,
.team-name a:visited,
.team-position a:link,
.team-position a:visited {
    color: #363636;
}

.team-name a:hover,
.team-name a:focus,
.team-position a:hover,
.team-position a:focus {
    color: #388FC7;
    text-decoration: none;
}

.team-position {
    text-transform: uppercase;
}

.view-executive .views-row {
    margin-bottom: 4em;
}


#footer {
    background-color: #388FC7;
    color: #fff;
}

.footer__section {
    padding: 10px;
    font-size: 90%;
}

.footer__section .paragraph>.paragraph__column {
    padding-bottom: 0;
}

#featured-bottom img {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 3px 5px 5px #d1d1d1;
    margin-top: -5em;
    padding: 10px;
    width: 150px;
}

.images-container {
    margin-bottom: 0;
}


/*--------------------------Typography------------------------*/

h1 {
    font-size: 50px;
}


/*--------------------------slider------------------------*/

.slick--skin--split .slide__caption,
.slick--skin--split .slide--caption--split-right .slide__caption {
    top: 0;
    width: 52%;
    background-color: #388FC7;
    position: absolute;
    height: 100%;
    padding: 0 70px;
}


.slick--skin--split .slide__caption .slide__description {
    margin: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}




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

    .slick--skin--split .slide__caption {
        top: 0;
        width: 100%;
        background-color: #388FC7;
        position: relative;
        height: 100%;
        padding: 20px;
    }

    .slick--skin--split .slide__caption .slide__description {
        position: relative;
        margin: 0;
        margin: 0;
        top: 0%;
    }
}




.slick--skin--split .slide__caption h2 {
    color: #fff;
    margin: 0px 0 10px 0;
    font-size: 3em;
}

.slick--skin--split .slide__caption h4 {
    color: #fff;
    font-size: 1.5em;
}

.slick--skin--split .slide__caption a:link,
.slick--skin--split .slide__caption a:visited {
    color: #fff;
}

.slick--skin--split .slide__caption a:hover {
    text-decoration: underline;
    color: #D21852;
}

#block-views-block-slick-x-block-main img {
    float: right;
}

.region-banner #block-views-block-slick-x-block-main .slide__content .slide__media {
    width: 48%;
    margin-left: auto;
}


/*--------------------------MENU------------------------*/
.header-container ul.menu li a,
.header-container ul.menu li>span {
    text-transform: none;
    font-family: 'Assistant', 'helvetica', 'arial', sans-serif;
    font-weight: 700;
    color: #363636;
}

.header-container ul.menu li a.sf-depth-2 {
    color: white;
}

.header-container .sf-menu.menu ul,
.header-container .sf-menu ul li.sfHover>a,
.header-container .sf-menu ul li a.is-active,
.header-container .sf-menu ul li.active-trail>a,
.header-container ul.menu>li>a.is-active:hover,
.header-container .sf-menu li.sfHover>a {
    background-color: #D21852;
    color: #fff;
}

.header-container .sf-menu ul li a:hover,
.header-container ul.menu li a:hover {
    background-color: #388FC7;
}

.header__container {
    padding: 0;
}


.header #block-mainnavigation {
    transform: translate(0px, 50%);
}



/*--------------------------HOME------------------------*/
.paragraph--id--166 .paragraph--type--bp-columns__3col,
.paragraph--id--166 .paragraph--type--bp-columns__3col .paragraph--type--bp-column-wrapper {
    padding: 0 50px;
}


#banner .banner__container .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

/*--------------------------About------------------------*/
.paragraph--id--14 .field--type-text-long {
    text-align: center;
}

/*--------------------------FAQs------------------------*/
.ui-state-active,
.panel-title a {
    background-color: #D21852;
    border: 1px solid #D21852;
    color: white;
}

.panel-title a.collapsed {
    background: #f6f6f6;
    color: #454545;
}

.ui-widget-content {
    border: none;
}

.ui-accordion h3.ui-accordion-header,
.ui-accordion .ui-accordion-content p,
.ui-accordion .ui-accordion-content ul li {
    font-family: 'Assistant', 'helvetica', 'arial', sans-serif;
}

#block-qualityassuranceteaser {
    padding: 0 300px;
    margin: 60px 0;
}

/*--------------------------Feature Block------------------------*/

.feature-block .paragraph--type--bp-columns__3col {
    min-height: 200px;
}

.feature-block .paragraph--type--bp-columns__3col:nth-child(1),
.paragraph--id--141 h4,
.feature-block .paragraph--type--bp-columns__4col:nth-child(1) h4,
.feature-block .paragraph--id--145 .paragraph--type--bp-columns__4col:nth-child(1) {
    background: #89DED0;
}

.feature-block .paragraph--type--bp-columns__3col:nth-child(2),
.paragraph--id--142 h4,
.feature-block .paragraph--type--bp-columns__4col:nth-child(2) h4,
.feature-block .paragraph--id--145 .paragraph--type--bp-columns__4col:nth-child(2) {
    background: #FCDC63;
}

.feature-block .paragraph--type--bp-columns__3col:nth-child(3),
.paragraph--id--143 h4,
.feature-block .paragraph--type--bp-columns__4col:nth-child(3) h4,
.feature-block .paragraph--id--145 .paragraph--type--bp-columns__4col:nth-child(3) {
    background: #388FC7;
}

.paragraph--id--212 h4,
.paragraph--id--144 h4,
.feature-block .paragraph--type--bp-columns__4col:nth-child(4) h4 {
    background: #674B93;
}

.feature-block .paragraph--id--145 .paragraph--type--bp-columns__4col:nth-child(4),
.feature-block .paragraph--id--145 .paragraph--type--bp-columns__4col:nth-child(4) h4 {
    background: #52B5FF
}

.view-professional-practice-documents .view-header h4 {
    margin: 0;
}

.paragraph--id--212 h4,
.paragraph--id--144 h4,
.paragraph--id--143 h4,
.paragraph--id--142 h4,
.paragraph--id--141 h4,
.feature-block .paragraph--type--bp-columns__4col h4 {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin: 0;
    margin-bottom: 15px;
    text-align: center;
}

.feature-block .paragraph--id--145 .paragraph--type--bp-columns__4col {
    padding: 0;
    height: 270px;
}

.feature-block .paragraph--id--145 .paragraph--type--bp-columns__4col .paragraph--type--bp-simple {
    padding: 0 15px;
}

.paragraph--id--140 .paragraph--type--bp-columns__3col {
    height: 200px;
}

.page-node-4 .feature-block .paragraph--type--bp-columns__3col {
    height: 250px;
}

.feature-block .paragraph--id--145 .paragraph--type--bp-columns__4col:nth-child(4) a,
.feature-block .paragraph--id--145 .paragraph--type--bp-columns__4col:nth-child(3) a,
.feature-block .paragraph--type--bp-columns__3col:nth-child(3) a {
    color: white;
}





/*--------------------------Dashboard------------------------*/

.dashboard-block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    column-gap: 100px;
}

.dashboard-item {
    padding: 40px;
    text-align: center;
    color: white;
    margin-bottom: 50px;
}

.page-node-3 .dashboard-item {
    padding: 20px;
    margin-bottom: 0;
}

.dashboard-item a {
    color: white;
}

.dashboard-block .dashboard-item:nth-child(1) {
    background-color: #89DED0;
}

.dashboard-block .dashboard-item:nth-child(1) a {
    color: black;
}

.dashboard-block .dashboard-item:nth-child(2) {
    background-color: #FFD562;
}

.dashboard-block .dashboard-item:nth-child(2) a {
    color: black;
}

.dashboard-block .dashboard-item:nth-child(3) {
    background-color: #674B93;
}

.dashboard-block .dashboard-item:nth-child(4) {
    background-color: #388FC7;
}

#block-logoutbutton a,
#block-loginbutton a,
#block-logoutadministrator a {
    color: white;
}

#block-logoutbutton a:hover,
#block-loginbutton a:hover {
    background: #D21852;
    border-color: #D21852;
}

#block-logoutbutton,
#block-loginbutton {
    padding-top: 20px;
}

.voting-view-item {
    padding: 0 50px;
}

.view-id-voting .view-content {
    padding: 0 50px;
    text-align: center;
}

.view-id-voting .views-field-field-question {
    text-align: left;
    padding-top: 30px;
}

.view-id-voting .views-field-view-poll {
    text-align: left;
}

/* .page-node-86 .poll .choice-result {
    display: none;
} */
.view-voting-member- .views-field-field-position .field-content {
    width: fit-content;
    background: #363636;
    color: white;
    padding: 5px;
}

#edit-choice--wrapper legend {
    border: none;
}

.dashboard {
    display: flex;
    column-gap: 20px;
}


/*--------------------------Policies------------------------*/

.view-policies .views-field-title p {
    padding: 0;
}

.view-policies .views-row,
.view-forms .views-row {
    padding-bottom: 20px;
}

.view-policies .view-content {
    padding-left: 15px;
}

/*--------------------------Main slider------------------------*/
#block-views-block-slick-x-block-main .slide__description a {
    background: #D21852;
    color: white;
    padding: 10px;
    border-radius: 5px;
}

#block-views-block-slick-x-block-main .slide__description a:hover {
    background: #f6f6f6;
    color: #D21852;
    text-decoration: none;
}

#block-footerlegal a {
    color: white;
}



/*--------------------------Vote------------------------*/
.vote-poll-view .choice-result {
    display: none;
}

/*--------------------------Vote------------------------*/
/* .association-business-view  .view-content {
    display: flex;
} */









/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there. Remove the type of design you are not using (Mobile vs Desktop)
*/

/* Desktop First Design
----------------------------*/


/* Larger than Desktop HD */
@media (max-width: 1200px) and (min-width: 768px) {
    .header #block-mainnavigation {
        transform: none;
    }
}

@media (max-width: 1025px) {
    #block-qualityassuranceteaser {
        padding: 0 50px;
    }

    .page-node-3 #highlighted-top .container,
    .page-node-5 #highlighted-top .container {
        width: 100%;
    }
}

/* Larger than desktop */
@media (max-width: 990px) {
    .slick--skin--split .slide__caption h2 {
        font-size: 2em;
    }

    .slick--skin--split .slide__caption h4 {
        font-size: 1em;
    }

    .paragraph--id--166 .paragraph--type--bp-columns__3col .paragraph--type--bp-column-wrapper {
        padding: 0;
    }

    .view-executive-page .view-content .views-row {
        margin-bottom: 40px;
    }

    .page-node-3 .ui-accordion .ui-accordion-content {
        height: 250px !important;
    }

    .slick--skin--split .slide__caption,
    .slick--skin--split .slide--caption--split-right .slide__caption {
        position: relative;
        width: 100%;
        padding: 0 40px;
    }

    .slick--skin--split .slide__caption .slide__description {
        position: relative;
        transform: none;
    }
    .region-banner #block-views-block-slick-x-block-main .slide__content .slide__media {
        width: 100%;
        margin-left: auto;
    }
}

/* Larger than tablet */
@media (max-width: 768px) {
    .header #block-mainnavigation {
        transform: none;
    }

    .header-container .sf-accordion-toggle.sf-style-none {
        text-align: center;
    }

    #featured-bottom img {
        margin-top: 0;
    }

    .paragraph--id--14 .field--name-bp-image-field {
        width: 200px;
        margin: auto;
    }

    .page-node-5 .paragraph--id--214 .paragraph--type--bp-columns__4col {
        margin-bottom: 50px;
    }
}

@media (max-width: 600px) {

    .slick--skin--split .slide__caption .slide__description {
        transform: none;
    }

}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 550px) {
    .dashboard {
        display: flex;
        column-gap: 15px;
    }

    .dashboard-block {
        display: block;
    }
}

/* Larger than mobile */
@media (max-width: 400px) {
    .dashboard {
        display: flex;
        column-gap: 10px;
    }
}

/* Poll: render the description above the vote form */
.poll-view.full {
  display: flex;
  flex-direction: column;
}
.poll-view.full .field--name-field-poll-description {
  order: -1;
}

/* ---- Poll listing → stacked full-width cards ---- */
.view-id-poll_list .views-row {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 1.5rem 1.75rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.view-id-poll_list .views-row:hover {
  transform: translateY(-4px);
  border-color: #c9c9c9;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.view-id-poll_list .views-row:last-child {
  margin-bottom: 0;
}

.view-id-poll_list .views-row h2,
.view-id-poll_list .views-row h3 {
  margin-top: 0;
}

/* ---- Description above the vote form / results ---- */
/* Full poll page */
.poll-view.full {
  display: flex;
  flex-direction: column;
}
.poll-view.full .field--name-field-poll-description {
  order: -1;
}

/* Teaser (listing cards) */
.poll-view.teaser {
  display: flex;
  flex-direction: column;
}
.poll-view.teaser .field--name-field-poll-description {
  order: -1;
}