/* ----------- TEXT EDITOR AND GLOBAL STYLES ----------- */
body,
p,
h4 {
    color: #3D4952;
    font-weight: 200;
    font-size: 2rem;
    line-height: 2.8rem;
}

p a,
h2 a,
.main-container .region-content a:not(.btn) {
    color: #047C91 !important;
    border-bottom: none !important;
}

p a,
p strong,
h2 a,
.field--label,
.main-container .region-content a:not(.btn) {
    font-weight: 700;
}

h2 a:hover,
h3 a:hover,
h2 a:focus,
h3 a:focus,
.file-link a:hover,
.file-link a:focus {
    text-decoration: underline !important;
}

.field--name-field-body a:hover,
.field--name-field-body a:focus,
p a:hover,
h2 a:hover,
p a:focus,
h2 a:focus,
.main-container .region-content a:not(.btn):hover,
.main-container .region-content a:not(.btn):focus,
.file-link a:hover,
.file-link a:focus {
    color: #003660 !important;
}

.main-container .region-content div[class*="background-color-"] a:not(.btn):hover,
.main-container .region-content div[class*="background-color-"] a:not(.btn):focus {
    color: inherit !important;
}

.panel-body p:not(.auto-width) img,
.field--name-field-body p:not(.auto-width) img {
    width: 100%;
}

p a:hover,
p a:focus {
    text-decoration: none !important;
}

.background-color-dae6e6 h1,
.background-color-dae6e6 h2,
.background-color-dae6e6 h3,
.background-color-dae6e6 h4,
.background-color-dae6e6 h5,
.background-color-dae6e6 h6,
.background-color-dae6e6 p[class^=display-],
.secondary-navigation-background-color-dae6e6+nav h1,
.secondary-navigation-background-color-dae6e6+nav h2,
.secondary-navigation-background-color-dae6e6+nav h3,
.secondary-navigation-background-color-dae6e6+nav h4,
.secondary-navigation-background-color-dae6e6+nav h5,
.secondary-navigation-background-color-dae6e6+nav h6,
.secondary-navigation-background-color-dae6e6+nav p[class^=display-] {
    color: #3D4952;
}

.background-color-003660 a:not(.btn),
.background-color-003660 a:link:not(.btn),
.background-color-003660 a:active:not(.btn),
.background-color-003660 a:visited:not(.btn),
.background-color-003660 .read-more-link:not(.btn),
.secondary-navigation-background-color-003660+nav a:not(.btn),
.secondary-navigation-background-color-003660+nav a:link:not(.btn),
.secondary-navigation-background-color-003660+nav a:active:not(.btn),
.secondary-navigation-background-color-003660+nav a:visited:not(.btn),
.secondary-navigation-background-color-003660+nav .read-more-link:not(.btn),
.background-color-09847a a:not(.btn),
.background-color-09847a a:link:not(.btn),
.background-color-000000 a:not(.btn),
.background-color-000000 a:link:not(.btn),
.background-color-c43424 a:not(.btn),
.background-color-c43424 a:link:not(.btn),
.background-color-6d7d33 a:not(.btn),
.background-color-6d7d33 a:link:not(.btn),
.background-color-003660 a:not(.btn),
.background-color-003660 a:link:not(.btn),
.background-color-047c91 a:not(.btn),
.background-color-047c91 a:link:not(.btn),
.background-color-09847a a:not(.btn):hover,
.background-color-09847a a:link:not(.btn):hover,
.background-color-000000 a:not(.btn):hover,
.background-color-000000 a:link:not(.btn):hover,
.background-color-c43424 a:not(.btn):hover,
.background-color-c43424 a:link:not(.btn):hover,
.background-color-6d7d33 a:not(.btn):hover,
.background-color-6d7d33 a:link:not(.btn):hover,
.background-color-003660 a:not(.btn):hover,
.background-color-003660 a:link:not(.btn):hover,
.background-color-047c91 a:not(.btn):hover,
.background-color-047c91 a:link:not(.btn):hover,
.background-color-09847a a:not(.btn):focus,
.background-color-09847a a:link:not(.btn):focus,
.background-color-000000 a:not(.btn):focus,
.background-color-000000 a:link:not(.btn):focus,
.background-color-c43424 a:not(.btn):focus,
.background-color-c43424 a:link:not(.btn):focus,
.background-color-6d7d33 a:not(.btn):focus,
.background-color-6d7d33 a:link:not(.btn):focus,
.background-color-003660 a:not(.btn):focus,
.background-color-003660 a:link:not(.btn):focus,
.background-color-047c91 a:not(.btn):focus,
.background-color-047c91 a:link:not(.btn):focus {
    color: #ffffff !important;
}

h1,
h2,
h3,
h4,
p a,
.bold,
p strong {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
p a,
.bold,
.background-color-febc11 p,
.background-color-febc11 li,
.background-color-febc11 label,
.background-color-febc11 p.label,
.secondary-navigation-background-color-febc11+nav p,
.secondary-navigation-background-color-febc11+nav li,
.secondary-navigation-background-color-febc11+nav label,
.secondary-navigation-background-color-febc11+nav p.label {
    color: #3D4952;
}

p strong,
p b {
    font-family: inherit;
}

p a:not(.btn),
.main-container .region-content h2 a:not(.btn),
.main-container .region-content h3 a:not(.btn),
.teaser-title a,
.panel-body li a:not(.btn),
.background-color-eef0f2 a:not(.btn),
.background-color-eef0f2 a:link:not(.btn),
.link a {
    font-weight: 700;
    color: #047C91 !important;
    border-bottom: none !important;
}

p a:hover,
.main-container .region-content h2 a:not(.btn):hover,
.region-content h3 a:not(.btn):hover,
.teaser-title a:hover,
p a:focus,
.main-container .region-content h2 a:not(.btn):focus,
.region-content h3 a:not(.btn):focus,
.teaser-title a:focus,
.panel-body li a:hover,
.link a:hover,
.link a:focus {
    color: #003660 !important;
}

div[class*="background-color-"] a:not(.btn):hover,
div[class*="background-color-"] a:link:not(.btn):hover,
div[class*="background-color-"] a:not(.btn):focus,
div[class*="background-color-"] a:link:not(.btn):focus {
    color: inherit;
}

h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
.teaser-title a:focus,
p a:not(.btn),
.panel-body li a,
div[class*="background-color-"] a:not(.btn),
div[class*="background-color-"] a:link:not(.btn),
.link a:hover,
.link a:focus,
ul.columns li:hover a:not(.btn),
ul.columns li:focus a:not(.btn),
.field--type-text-long li a:not(.btn):hover,
.field--type-text-long li a:not(.btn):focus {
    text-decoration: underline !important;
}

.panel-body li a.btn,
div[class*="background-color-"] .teaser-title a:not(.btn) {
    text-decoration: none !important;
}

div[class*="background-color-"] .teaser-title a:not(.btn):hover,
.main-container .region-content h3 a:not(.btn):hover,
div[class*="background-color-"] a:not(.btn):hover,
.main-container .region-content div[class*="background-color-"] a:not(.btn):hover,
div[class*="background-color-"] .teaser-title a:not(.btn):focus,
.main-container .region-content h3 a:not(.btn):focus,
div[class*="background-color-"] a:not(.btn):focus,
.main-container .region-content div[class*="background-color-"] a:not(.btn):focus {
    color: #003660 !important;
}

.main-container .region-content div[class*="background-color-"] .teaser-title a:not(.btn):hover,
.main-container .region-content div[class*="background-color-"] .teaser-title a:not(.btn):focus {
    color: #003660 !important;
}

h2 a,
h3 a,
.teaser-title a,
p a:hover,
p a:focus,
.panel-body li a:hover,
.panel-body li a:focus,
div[class*="background-color-"] a:not(.btn):hover,
div[class*="background-color-"] a:link:not(.btn):hover,
div[class*="background-color-"] a:not(.btn):focus,
div[class*="background-color-"] a:link:not(.btn):focus {
    text-decoration: none !important;
}

table td {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

table tr:last-child td {
    border-bottom: none !important;
}

table th {
    font-size: 1.2rem;
    line-height: 2.4rem;
}

table td,
table th {
    padding: 15px 15px 15px 0px !important;

}

table tr:last-child td {
    padding-bottom: 0px !important;
}

table th {
    font-size: 1.2rem;
}

table td,
table th {
    vertical-align: baseline;
}

table a:hover,
table a:focus {
    text-decoration: underline !important;
}

table tbody>tr:not(:last-of-type) {
    border-bottom: 1px solid #a1afba;
}

@media(max-width:767px) {
    table td {
        font-size: 1.4rem;
        line-height: 2.6rem;
    }
}

p {
    margin-bottom: 15px;
}

p.lead {
    margin-bottom: 10px;
    font-size: 2.2rem;
    line-height: 3.4rem;
    font-weight: 200;
}

p.lead:last-child {
    margin-bottom: 0px;
}

p.medium {
    font-size: 2.4rem;
    line-height: 3.6rem;
}

p.large {
    font-size: 2.8rem;
    line-height: 4rem;
}

p.extra-large {
    font-size: 3.6rem;
    line-height: 5rem;
}

span.gray {
    font-weight: 600;
    color: #707070;
}

p.small {
    font-size: 1.8rem;
    line-height: 2.7rem;
}

p.tagline {
    margin-bottom: 30px;
}

h2 {
    margin: 45px 0px 30px 0px;
    font-size: 2.8rem;
    line-height: 4rem;
}

h2.large {
    font-size: 4.4rem;
    line-height: 6rem;
}

h2.less-padding {
    margin: 45px 0px 10px 0px;
}

h3 {
    font-size: 2.4rem;
    line-height: 3.4rem;
}

h3,
h4 {
    margin: 30px 0px 15px 0px;
}

h4 {
    font-size: 2.2rem;
    line-height: 3.2rem;
}

h2:first-child,
h3:first-child,
.field--type-text-long h2:first-child,
.field--type-text-long h3:first-child,
.field--type-text-long h4:first-child,
.panel-body h2:first-child,
.panel-body h3:first-child,
.panel-body h4:first-child,
.field--name-field-body h2:first-child,
.field--name-field-body h3:first-child,
.field--name-field-body h4:first-child {
    margin-top: 0px;
}

h2:last-child,
h3:last-child,
.field--type-text-long h2:last-child,
.field--type-text-long h3:last-child,
.field--type-text-long h4:last-child,
.panel-body h2:last-child,
.panel-body h3:last-child,
.panel-body h4:last-child,
.field--name-field-body h2:last-child,
.field--name-field-body h3:last-child,
.field--name-field-body h4:last-child {
    margin-bottom: 0px;
}

.serif,
.serif-bolded {
    font-family: Produkt, serif;
}

.serif {
    font-weight: 500;
}

.serif-bolded {
    font-weight: 700;
}

hr {
    border-top: 1px solid#707070;
    margin: 20px 0px;
}

.field--type-text-long p img:not(:last-of-type) {
    margin-right: 40px;
}

.field--name-field-blades .field--type-text-long ol,
.field--name-field-blades .field--type-text-long ul:not(.columns) {
    padding-left: 20px;
}

main .field--name-field-blades .field--type-text-long li,
main .field--name-field-blades .field--type-text-long li {
    margin-bottom: 0px;
}

@media(min-width:991px) {
    .field--name-field-blades div.columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.main-content ul li:not(:last-of-type) {
    margin-bottom: 16px;
}

.main-content ul {
    margin-bottom: 40px;
}

.main-content ul.columns {
    margin-bottom: 15px;
}

.main-content ul:last-child,
.main-content li:last-child {
    margin-bottom: 0px;
}

ul.columns ul {
    padding-left: 0px !important;
}

ul.columns ul li {
    position: relative;
    padding-left: 2.5rem;
}

ul.columns ul li::before {
    content: "\2022";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 5px;
    height: 15px;

}

main .field--name-field-blades .field--type-text-long li:not(:last-of-type),
main .field--name-field-blades .field--type-text-long li:not(:last-of-type) {
    padding-bottom: 15px;
    margin-bottom: 0px;
}




/* BUTTONS */
.user-login-form .ucsb-button {
    color: #ffffff !important;
}

.btn:not(.icon-only) {
    min-width: 175px;
    border: 2px solid #375638 !important;
    padding: 20px 25px !important;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
}

.btn:not(.icon-only) {
    display: inline-block;
    padding: 20px 25px !important;
    border: 2px solid transparent !important;
    font-weight: 700 !important;
    min-width: 175px;
    font-size: 1.8rem !important;
    line-height: 2.6rem !important;
    text-transform: capitalize;
    text-align: center;
    text-decoration: none !important;
}

.views-exposed-form button,
.views-exposed-form button[value="Reset"]:hover,
.views-exposed-form button[value="Reset"]:focus,
.views-exposed-form button[value="Reset"]:active,
.webform-submission-form button {
    text-transform: uppercase !important;
}

.views-exposed-form button,
.views-exposed-form button[value="Reset"]:hover,
.views-exposed-form button[value="Reset"]:focus,
.views-exposed-form button[value="Reset"]:active,
.webform-submission-form button {
    border: 2px solid #375638 !important;
}

.glyphicon-trash:before,
.glyphicon-file:before {
    display: none;
}

.btn.btn-normal,
.field--name-field-recharge-rates-link a,
.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.views-exposed-form button[value="Apply"]:hover,
.views-exposed-form button[value="Apply"]:focus,
.views-exposed-form button[value="Reset"],
.webform-submission-form button:hover,
.webform-submission-form button:focus,
.webform-submission-form button:active,
.views-exposed-form button[value="Apply"]:active,
.webform-submission-form button:active {
    color: #375638 !important;
}

.btn.btn-normal,
.field--name-field-recharge-rates-link a,
.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.views-exposed-form button[value="Apply"]:hover,
.views-exposed-form button[value="Apply"]:focus,
.views-exposed-form button[value="Reset"],
.webform-submission-form button:hover,
.webform-submission-form button:focus,
.webform-submission-form button:active,
.views-exposed-form button[value="Apply"]:active,
.webform-submission-form button:active {
    background: white !important;
    border: 2px solid #375638 !important;
}

.btn.btn-normal:hover,
.btn.btn-normal:focus,
.btn.btn-inverse,
.views-exposed-form button,
.views-exposed-form button[value="Reset"]:hover,
.views-exposed-form button[value="Reset"]:focus,
.views-exposed-form button[value="Reset"]:active,
.webform-submission-form button {
    background: #375638 !important;
    color: white !important;
}










@media(max-width:767px) {
    p.extra-large {
        font-size: 2.4rem;
        line-height: 3.3rem;
    }

    body,
    p,
    h4 {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    p,
    p.lead,
    h4 {
        margin-bottom: 5px
    }


    main .field--name-field-blades .field--type-text-long li:not(:last-of-type),
    main .field--name-field-blades .field--type-text-long li:not(:last-of-type) {
        padding-bottom: 5px;
    }


    h2 {
        font-size: 2.2rem;
        line-height: 3rem;
        margin: 22.5px 0px 15px 0px;
    }

    h2.large {
        font-size: 2.4rem;
        line-height: 3.3rem;
    }

    h2.less-padding {
        margin: 22.5px 0px 5px 0px;
    }

    span.green-line {
        padding-top: 7.5px;
    }

    h3 {
        margin: 15px 0px 7.5px 0px;
        font-size: 2rem;
        line-height: 2.8rem;
    }

    p.lead,
    p.medium {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    p.large {
        font-size: 2.4rem;
        line-height: 3.3rem;
    }

    p.extra-large {
        font-size: 2.6rem;
        line-height: 3.5rem;
    }

    p.small {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .main-content ul {
        margin-bottom: 20px;
    }

    .main-content ul.columns {
        margin-bottom: 10px;
    }

}

@media (max-width: 767px) {

    .paragraph,
    .field--name-field-blades .paragraph--type--view {
        clear: left;
        float: none;
    }
}

.background-color-09847a a:not(.btn),
.background-color-09847a a:link:not(.btn),
.background-color-000000 a:not(.btn),
.background-color-000000 a:link:not(.btn),
.background-color-c43424 a:not(.btn),
.background-color-c43424 a:link:not(.btn),
.background-color-6d7d33 a:not(.btn),
.background-color-6d7d33 a:link:not(.btn),
.background-color-003660 a:not(.btn),
.background-color-003660 a:link:not(.btn),
.background-color-047c91 a:not(.btn),
.background-color-047c91 a:link:not(.btn),
.background-color-09847a a:not(.btn):hover,
.background-color-09847a a:link:not(.btn):hover,
.background-color-000000 a:not(.btn):hover,
.background-color-000000 a:link:not(.btn):hover,
.background-color-c43424 a:not(.btn):hover,
.background-color-c43424 a:link:not(.btn):hover,
.background-color-6d7d33 a:not(.btn):hover,
.background-color-6d7d33 a:link:not(.btn):hover,
.background-color-003660 a:not(.btn):hover,
.background-color-003660 a:link:not(.btn):hover,
.background-color-047c91 a:not(.btn):hover,
.background-color-047c91 a:link:not(.btn):hover,
.background-color-09847a a:not(.btn):focus,
.background-color-09847a a:link:not(.btn):focus,
.background-color-000000 a:not(.btn):focus,
.background-color-000000 a:link:not(.btn):focus,
.background-color-c43424 a:not(.btn):focus,
.background-color-c43424 a:link:not(.btn):focus,
.background-color-6d7d33 a:not(.btn):focus,
.background-color-6d7d33 a:link:not(.btn):focus,
.background-color-003660 a:not(.btn):focus,
.background-color-003660 a:link:not(.btn):focus,
.background-color-047c91 a:not(.btn):focus,
.background-color-047c91 a:link:not(.btn):focus {
    color: #ffffff !important;
}

h2:first-child,
.field--type-text-long h2:first-child,
.field--type-text-long h3:first-child,
.field--type-text-long h4:first-child,
.panel-body h2:first-child,
.panel-body h3:first-child,
.panel-body h4:first-child {
    margin-top: 0px;
}

h2:last-child,
.field--type-text-long h2:last-child,
.field--type-text-long h3:last-child,
.field--type-text-long h4:last-child,
.panel-body h2:last-child,
.panel-body h3:last-child,
.panel-body h4:last-child {
    margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
p a,
.bold,
p strong {
    font-weight: 700;
}

blockquote {
    padding: 0px 0px 0px 20px;
    margin: 30px 0px 35px 0px;
    border-left: 5px solid #FEBC11;
}

blockquote p:not(:nth-child(2)) {
    font-family: Produkt, serif;
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 400;
}

@media(max-width:767px) {
    blockquote p:not(:nth-child(2)) {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .btn.btn-yellow {
        padding: 20px 25px !important;
    }

}

/* HEADER */
.navbar .navbar-header .region-navigation {
    border-color: #707070;
}

@media(min-width:768px) {
    .navbar .navbar-header .region-navigation #Group_459 path {
        fill: #7F8B41;
    }

    .navbar .navbar-header .region-navigation #Group_461 path {
        fill: #588399;
    }

    .navbar .navbar-header .region-navigation #Group_460 path {
        fill: #23395F !important;
    }

}

@media (max-width: 767px) {
    .utility-bar-color-003660 .navbar .navbar-header {
        background-color: #477049 !important;
    }
}

.nav>li>a {
    color: #000000 !important;
    font-weight: 400;
}

.navbar #eyebrow a.edu-link {
    font-weight: 200;
    font-size: 1.4rem;
    line-height: 2rem;
}

.dropdown-menu a.is-active {
    border-bottom: 1px solid #0076d6;
}

.give a,
.quick-links>a {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
}

.navbar #eyebrow .quick-links ul.menu.nav {
    top: 36px;
}

.quick-links ul a {
    border-bottom: none !important;
}

.navbar-nav>li>a,
.region-secondary-navigation a {
    font-size: 1.6rem;
}

@media(max-width: 1162px) and (min-width: 768px) {
    .nav>li {
        padding-right: 0px;
    }
}

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

    .navbar-nav>li>a,
    .region-secondary-navigation a {
        font-size: 1.5rem;
    }
}

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

    .navbar-nav>li>a,
    .region-secondary-navigation a {
        font-size: 1.4rem;
    }
}

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

    .navbar-nav>li>a,
    .region-secondary-navigation a {
        font-size: 1.3rem;
    }
}

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

    .navbar-nav>li>a,
    .region-secondary-navigation a {
        font-size: 1.2rem;
    }
}


@media (min-width: 768px) {
    .nav>li>a {
        border-bottom: 1px solid transparent;
    }

    .nav>li.open>a,
    .nav>li.active>a,
    .nav>li>a:hover,
    .nav>li>a:focus,
    .nav>li.open>a:focus {
        border-bottom: 4px solid #FEBC11;
    }
}

.navbar-toggle {
    top: 25px;
}

@media(max-width: 768px) {
    .logo-size-1 #body {
        margin-top: 81px;
    }
}

@media(min-width: 768px) {
    .logo-size-1 #body {
        margin-top: 206px;
    }
}

.region-secondary-navigation .field--name-body p:first-of-type {
    font-size: 4rem !important;
    line-height: 4.8rem;
}

.content-header.has-secondary-navigation {
    margin-top: 0px !important;
}

.page-header {
    margin: 80px 0px 0px 0px;
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 700;
}

.page-node-type-page p.display-large {
    font-size: 3.2rem !important;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
    line-height: 4.6rem;
    width: 100%;
    margin-top: 2rem;
}


@media (max-width: 767px) {
    .page-header {
        margin: 40px 0px 0px 0px;
        font-size: 2.4rem;
        line-height: 3.3rem;
    }

    .page-node-type-page p.display-large {
        margin-top: 1.5rem;
        font-size: 1.8rem !important;
        line-height: 2.5rem;
    }

    .page-node-type-page .page-header {
        margin-top: 40px;
    }

    .has-secondary-navigation.without-hero {
        margin-top: 125px !important;
    }

    .subnav-toggle,
    .navbar .region-navigation-collapsible .nav>li.expanded>a:after {
        background: url("data:image/svg+xml;utf8,<svg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M6.35355339,8.64644661 C6.15829124,8.45118446 5.84170876,8.45118446 5.64644661,8.64644661 C5.45118446,8.84170876 5.45118446,9.15829124 5.64644661,9.35355339 L11.6464466,15.3535534 C11.8417088,15.5488155 12.1582912,15.5488155 12.3535534,15.3535534 L18.3535534,9.35355339 C18.5488155,9.15829124 18.5488155,8.84170876 18.3535534,8.64644661 C18.1582912,8.45118446 17.8417088,8.45118446 17.6464466,8.64644661 L12,14.2928932 L6.35355339,8.64644661 Z' style='fill: %23111517;'></path></svg>");
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }

    .navbar-toggle {
        top: 17px;
    }
}

.region-secondary-navigation .nav>li {
    font-size: 1.6rem;
}

.region-secondary-navigation .field--name-body p:nth-of-type(2) {
    font-size: 3.6rem !important;
    line-height: 4.8rem;
    font-family: Produkt, serif;
    font-weight: 500;
    color: #000000;
}

.secondary-navigation nav ul li a,
.region-secondary-navigation nav ul li a {
    margin: 1px 70px 0px 0px
}

@media(max-width:1010px) {

    .secondary-navigation nav ul li a,
    .region-secondary-navigation nav ul li a {
        margin: 1px 30px 0px 0px
    }
}

.secondary-navigation .block {
    padding: 39px 0 32px 0;
}

.background-color-9cbebe a:not(.btn),
.background-color-9cbebe a:link:not(.btn),
.background-color-9cbebe a:active:not(.btn),
.background-color-9cbebe a:visited:not(.btn),
.background-color-9cbebe .read-more-link:not(.btn),
.secondary-navigation-background-color-9cbebe+nav a:not(.btn),
.secondary-navigation-background-color-9cbebe+nav a:link:not(.btn),
.secondary-navigation-background-color-9cbebe+nav a:active:not(.btn),
.secondary-navigation-background-color-9cbebe+nav a:visited:not(.btn),
.secondary-navigation-background-color-9cbebe+nav .read-more-link:not(.btn),
.background-color-9cbebe .nav>li.open>a,
.background-color-9cbebe .nav>li.active>a,
.background-color-9cbebe .nav>li:hover>a,
.background-color-9cbebe .nav>li:focus>a,
.background-color-9cbebe .nav>li>a:hover,
.background-color-9cbebe .nav>li>a:focus,
.secondary-navigation-background-color-9cbebe+nav .nav>li.open>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li.active>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li:hover>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li:focus>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li>a:hover,
.secondary-navigation-background-color-9cbebe+nav .nav>li>a:focus {
    color: #000 !important;
    font-size: 1.5rem;
}

.background-color-9cbebe a:not(.btn),
.background-color-9cbebe a:link:not(.btn),
.background-color-9cbebe a:active:not(.btn),
.background-color-9cbebe a:visited:not(.btn),
.background-color-9cbebe .read-more-link:not(.btn),
.secondary-navigation-background-color-9cbebe+nav a:not(.btn),
.secondary-navigation-background-color-9cbebe+nav a:link:not(.btn),
.secondary-navigation-background-color-9cbebe+nav a:active:not(.btn),
.secondary-navigation-background-color-9cbebe+nav a:visited:not(.btn),
.secondary-navigation-background-color-9cbebe+nav .read-more-link:not(.btn),
.background-color-9cbebe .nav>li.open>a,
.background-color-9cbebe .nav>li.active>a,
.background-color-9cbebe .nav>li:hover>a,
.background-color-9cbebe .nav>li:focus>a,
.background-color-9cbebe .nav>li>a:hover,
.background-color-9cbebe .nav>li>a:focus,
.background-color-9cbebe .nav>li>a:hover,
.secondary-navigation-background-color-9cbebe+nav .nav>li.open>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li.active>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li:hover>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li:focus>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li>a:hover,
.secondary-navigation-background-color-9cbebe+nav .nav>li>a:focus,
.secondary-navigation-background-color-9cbebe+nav .nav>li>a:hover {
    border-bottom: 4px solid transparent !important;
}

@media(min-width:768px) {

    .background-color-9cbebe .nav>li.open>a,
    .background-color-9cbebe .nav>li.active>a,
    .background-color-9cbebe .nav>li:hover>a,
    .background-color-9cbebe .nav>li:focus>a,
    .background-color-9cbebe .nav>li>a:hover,
    .background-color-9cbebe .nav>li>a:focus,
    .background-color-9cbebe .nav>li>a:hover,
    .secondary-navigation-background-color-9cbebe+nav .nav>li.open>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li.active>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li:hover>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li>a:hover,
    .secondary-navigation-background-color-9cbebe+nav .nav>li>a:focus {
        padding-bottom: 11px !important;
    }
}

.background-color-9cbebe .nav>li.open>a,
.background-color-9cbebe .nav>li.active>a,
.background-color-9cbebe .nav>li:hover>a,
.background-color-9cbebe .nav>li:focus>a,
.background-color-9cbebe .nav>li>a:hover,
.background-color-9cbebe .nav>li>a:focus,
.background-color-9cbebe .nav>li>a:hover,
.secondary-navigation-background-color-9cbebe+nav .nav>li.open>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li.active>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li:hover>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li:focus>a,
.secondary-navigation-background-color-9cbebe+nav .nav>li>a:hover,
.secondary-navigation-background-color-9cbebe+nav .nav>li>a:focus {
    border-color: #047C91 !important;
}

@media(max-width:1190px) {

    .background-color-9cbebe a:not(.btn),
    .background-color-9cbebe a:link:not(.btn),
    .background-color-9cbebe a:active:not(.btn),
    .background-color-9cbebe a:visited:not(.btn),
    .background-color-9cbebe .read-more-link:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:link:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:active:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:visited:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav .read-more-link:not(.btn),
    .background-color-9cbebe .nav>li.open>a,
    .background-color-9cbebe .nav>li.active>a,
    .background-color-9cbebe .nav>li:hover>a,
    .background-color-9cbebe .nav>li:focus>a,
    .background-color-9cbebe .nav>li>a:hover,
    .background-color-9cbebe .nav>li>a:focus,
    .background-color-9cbebe .nav>li>a:hover,
    .secondary-navigation-background-color-9cbebe+nav .nav>li.open>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li.active>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li:hover>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li:focus>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li>a:hover,
    .secondary-navigation-background-color-9cbebe+nav .nav>li>a:focus {
        margin-right: 15px;
    }
}

@media(max-width:1064px) {

    .background-color-9cbebe a:not(.btn),
    .background-color-9cbebe a:link:not(.btn),
    .background-color-9cbebe a:active:not(.btn),
    .background-color-9cbebe a:visited:not(.btn),
    .background-color-9cbebe .read-more-link:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:link:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:active:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:visited:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav .read-more-link:not(.btn),
    .background-color-9cbebe .nav>li.open>a,
    .background-color-9cbebe .nav>li.active>a,
    .background-color-9cbebe .nav>li:hover>a,
    .background-color-9cbebe .nav>li:focus>a,
    .background-color-9cbebe .nav>li>a:hover,
    .background-color-9cbebe .nav>li>a:focus,
    .background-color-9cbebe .nav>li>a:hover,
    .secondary-navigation-background-color-9cbebe+nav .nav>li.open>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li.active>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li:hover>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li:focus>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li>a:hover,
    .secondary-navigation-background-color-9cbebe+nav .nav>li>a:focus,
    .secondary-navigation-background-color-9cbebe+nav .nav>li>a:hover {
        font-size: 1.3rem;
    }
}

@media(max-width:920px) {
    .region-secondary-navigation nav ul {
        padding-left: 0px;
        padding-right: 0px;
    }

    .background-color-9cbebe a:not(.btn),
    .background-color-9cbebe a:link:not(.btn),
    .background-color-9cbebe a:active:not(.btn),
    .background-color-9cbebe a:visited:not(.btn),
    .background-color-9cbebe .read-more-link:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:link:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:active:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav a:visited:not(.btn),
    .secondary-navigation-background-color-9cbebe+nav .read-more-link:not(.btn),
    .background-color-9cbebe .nav>li.open>a,
    .background-color-9cbebe .nav>li.active>a,
    .background-color-9cbebe .nav>li:hover>a,
    .background-color-9cbebe .nav>li:focus>a,
    .background-color-9cbebe .nav>li>a:hover,
    .background-color-9cbebe .nav>li>a:focus,
    .background-color-9cbebe .nav>li>a:hover,
    .secondary-navigation-background-color-9cbebe+nav .nav>li.open>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li.active>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li:hover>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li:focus>a,
    .secondary-navigation-background-color-9cbebe+nav .nav>li>a:hover,
    .secondary-navigation-background-color-9cbebe+nav .nav>li>a:focus {
        font-size: 1.2rem;
        margin-right: 9px;
    }
}


.utility-bar-color-003660 .navbar #eyebrow {
    background-color: #375638 !important;
}

.navbar #eyebrow .block-search-form-block,
.navbar #eyebrow .search.expanded {
    background: #477049;
}

@media(max-width:767px) {
    .secondary-navigation .block {
        padding: 16px 0 16px 0;
    }

    .dropdown-menu ul li a {
        white-space: normal;
    }

    .navbar .region-navigation-quicklinks ul li a,
    .navbar .more-search-options ul li a,
    .navbar .navbar-collapse .utility-bar ul li a {
        font-size: 1.6rem;
    }

    .region-secondary-navigation .field--name-body p:first-of-type {
        font-size: 1.8rem !important;
        line-height: normal;
        letter-spacing: -0.5px;
    }

    .region-secondary-navigation .field--name-body p:nth-of-type(2) {
        font-size: 1.6rem !important;
        line-height: 1.6rem;
    }

    .region-secondary-navigation p {
        display: block !important;
    }

    .region-secondary-navigation .nav>li>a {
        padding: 10px 15px;
    }

    .content-header .has-secondary-navigation {
        margin-top: 0px !important;
    }

    .region-secondary-navigation .subnav-toggle {
        top: 30px;
    }

    .region-secondary-navigation nav ul {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.logo-size-1.mobile-menu .navbar .navbar-header .region-navigation {
    padding-top: 20px !important;
    padding-bottom: 16px !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: rgba(0, 0, 0, 0);
}

@media (max-width: 767px) {
    body:not(.toolbar-tray-open) .nav>li {
        padding: 0px !important;
    }

    body:not(.toolbar-tray-open) .nav>li.dropdown.open {
        padding: 0px !important;
    }

    .navbar .nav>li>a {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .navbar .region-navigation-collapsible .nav>li.expanded>a:after {
        right: 15px;
    }
}

@media(max-width:500px) {
    .navbar .navbar-header .region-navigation .logo.logo-size-1 svg {
        height: 30px;
    }

    .logo-size-1 #body {
        margin-top: 71px;
    }
}


/* HERO IMAGE */
.hero-image,
.hero-image.height-480,
.hero-image.height-500,
.hero-image.height-600,
.hero-image.height-720,
.hero-image.height-780,
.hero-image.height-960,
.hero-image.height-1200,
.hero-image.height-1560,
.hero-image.height-1920 {
    margin: 0;
    position: relative;
    width: 100%;
    background-repeat: no-repeat !important;
    opacity: 1;
    overflow: hidden;
    height: 63.5vh !important;
    background-size: cover !important;
    background-position: center !important;
    padding-bottom: 0px !important;
}

.hero-image>.inner,
.hero-image.height-480>.inner,
.hero-image.height-500>.inner,
.hero-image.height-600>.inner,
.hero-image.height-720>.inner,
.hero-image.height-780>.inner,
.hero-image.height-960>.inner,
.hero-image.height-1200>.inner,
.hero-image.height-1560>.inner,
.hero-image.height-1920>.inner {
    height: 100%;
}

.path-frontpage .hero-image,
.path-frontpage .hero-image.height-480,
.path-frontpage .hero-image.height-500,
.path-frontpage .hero-image.height-600,
.path-frontpage .hero-image.height-720,
.path-frontpage .hero-image.height-780,
.path-frontpage .hero-image.height-960,
.path-frontpage .hero-image.height-1200,
.path-frontpage .hero-image.height-1440,
.path-frontpage .hero-image.height-1560,
.path-frontpage .hero-image.height-1920 {
    height: 63.5vh !important;
}

@media (min-width: 1680px) {

    .hero-image,
    .hero-image.height-480,
    .hero-image.height-500,
    .hero-image.height-600,
    .hero-image.height-720,
    .hero-image.height-780,
    .hero-image.height-960,
    .hero-image.height-1200,
    .hero-image.height-1560,
    .hero-image.height-1440,
    .hero-image.height-1920 {
        margin: 0;
        position: relative;
        width: 100%;
        background-repeat: no-repeat !important;
        opacity: 1;
        overflow: hidden;
        height: 63.5vh !important;
        background-size: cover !important;
        background-position: center !important;
        padding-bottom: 0px !important;
    }

    .path-frontpage .hero-image,
    .path-frontpage .hero-image.height-480,
    .path-frontpage .hero-image.height-500,
    .path-frontpage .hero-image.height-600,
    .path-frontpage .hero-image.height-720,
    .path-frontpage .hero-image.height-780,
    .path-frontpage .hero-image.height-960,
    .path-frontpage .hero-image.height-1200,
    .path-frontpage .hero-image.height-1440,
    .path-frontpage .hero-image.height-1560,
    .path-frontpage .hero-image.height-1920 {
        height: 63.5vh !important;
    }
}

@media (max-width: 767px) {

    .hero-image,
    .hero-image.height-480,
    .hero-image.height-500,
    .hero-image.height-600,
    .hero-image.height-720,
    .hero-image.height-780,
    .hero-image.height-960,
    .hero-image.height-1200,
    .hero-image.height-1560,
    .hero-image.height-1920,
    .path-frontpage .hero-image,
    .path-frontpage .hero-image.height-480,
    .path-frontpage .hero-image.height-500,
    .path-frontpage .hero-image.height-600,
    .path-frontpage .hero-image.height-720,
    .path-frontpage .hero-image.height-780,
    .path-frontpage .hero-image.height-960,
    .path-frontpage .hero-image.height-1200,
    .path-frontpage .hero-image.height-1440,
    .path-frontpage .hero-image.height-1560,
    .path-frontpage .hero-image.height-1920 {
        margin: 0;
        position: relative;
        width: 100%;
        background-repeat: no-repeat !important;
        opacity: 1;
        overflow: hidden;
        height: 50vh !important;
        background-size: cover !important;
        background-position: center !important;
        padding-bottom: 0px !important;
    }
}

.hero-image.overlay {
    position: relative;
}

.hero-image.overlay .inner {
    height: 100%;
    max-width: 1170px !important;
    padding: 0px 15px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

.hero-image.overlay .overlay-content {
    position: absolute;
    padding: 30px;
}

.overlay-1 .overlay-content {
    top: 72px;
    left: 0;
}

.overlay-2 .overlay-content {
    top: 72px;
    right: 0;
}

.overlay-3 .overlay-content {
    bottom: 72px;
    left: 0;
}

.overlay-4 .overlay-content {
    bottom: 72px;
    right: 0;
}

@media (max-width: 991px) {
    .hero-image.overlay .overlay-content {
        bottom: 0px;
    }
}

@media(max-width:767px) {
    .hero-image.overlay .overlay-content {
        padding: 15px;
    }

}

/* FOOTER */
.navbar #eyebrow>.inner .items .item:nth-child(2)>.inner ul.menu.nav::before {
    display: none;
}

.footer-bottom {
    background-color: #375638;
}

footer .field--name-field-body a:hover,
footer .field--name-field-body a:focus {
    color: #ffffff !important;
}

.footer {
    background: #477049 !important;
    padding-top: 60px !important;
    padding-bottom: 20px !important;
}

footer p a:not(.btn) {
    color: #ffffff !important;
    text-decoration: none !important;
}

footer .field--name-field-body p a:hover,
footer .field--name-field-body p a:focus {
    color: #ffffff !important;
    text-decoration: underline !important;
}

footer .contact-info,
footer a {
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.footer p.label {
    font-size: 1.4rem;
    line-height: 1.4rem;
}

footer p a:not(.btn):hover,
footer p a:not(.btn):focus {
    text-decoration: underline !important;
}

.footer .ucsb-wordmark {
    height: 100%;
    padding-bottom: 20px;
}

.footer .ucsb-wordmark svg {
    width: 200px;
}

footer .field--name-field-blades>div:last-child {
    margin-top: 32px;
}


.footer h2.label {
    padding-bottom: 20px;
}

@media(max-width:991px) {
    .region-footer {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media(max-width:767px) {

    footer .field--name-field-blades>div:last-child,
    .footer .second-column p.label,
    .footer .second-column h2.label {
        padding-top: 0px;
    }

    .footer {
        padding-top: 30px !important;
        padding-bottom: 25px !important;
    }

    .region-footer {
        padding-left: 0px;
        padding-right: 0px;
    }

    footer ul.columns {
        margin-bottom: 0px;
    }

    .footer-bottom {
        padding: 20px 15px;
    }

}

@media (min-width: 992px) {

    .footer .second-column p.label,
    .footer .second-column h2.label {
        padding-top: 20px;
    }
}


/* BLADE PADDINGS */
.field--name-field-blades .paragraph--type--blade,
.paragraph--type--full-width-image {
    padding: 40px 0px;
}

.field--name-field-blades .paragraph--type--column .column-icon {
    width: 65px;
    padding-right: 20px;
}

.column-icon+div {
    padding-left: 65px !important;
}

.field--name-field-blades .paragraph--type--blade {
    padding: 40px 0px;
}

.field--name-field-blades div.columns .has-border {
    height: 100%;
}

.field--name-field-blades .paragraph--type--blade.has-background {
    padding: 40px 0px 0px 0px;
}

.field--name-field-blades .top-padding-1 {
    padding-top: 10px !important;
}

.top-padding-2 {
    padding-top: 60px !important;
}

.top-padding-3 {
    padding-top: 80px !important;
}

.top-padding-4 {
    padding-top: 120px !important;
}

.bottom-padding-1 {
    padding-bottom: 10px !important;
}

.bottom-padding-2 {
    padding-bottom: 60px !important;
}

.bottom-padding-2.has-background {
    padding-bottom: 20px !important;
}

.bottom-padding-3 {
    padding-bottom: 80px !important;
}

.bottom-padding-3.has-background {
    padding-bottom: 40px !important;
}

.bottom-padding-4 {
    padding-bottom: 120px !important;
}

.bottom-padding-4.has-background {
    padding-bottom: 80px !important;
}

.field--name-field-blades .paragraph--type--blade:not(.has-background) {
    margin-bottom: -40px;
}

.field--name-field-blades .paragraph--type--column {
    padding-bottom: 40px;
}

.paragraph--type--view,
.paragraph--type--slideshow {
    padding-bottom: 40px;
}

@media(max-width:767px) {

    .paragraph--type--view,
    .paragraph--type--form,
    .paragraph--type--accordion {
        padding: 20px 0px;
    }

    .field--name-field-blades .paragraph--type--blade,
    .field--name-field-blades .paragraph--type--blade.has-background {
        padding: 20px 0px 0px 0px;
    }

    .field--name-field-blades .paragraph--type--blade {
        float: none;
    }

    .field--name-field-blades .paragraph--type--blad,
    .paragraph--type--full-width-image {
        float: none;
        padding: 20px 0px;
    }

    .top-padding-2 {
        padding-top: 30px !important;
    }

    .top-padding-3 {
        padding-top: 40px !important;
    }

    .top-padding-4 {
        padding-top: 60px !important;
    }

    .bottom-padding-2 {
        padding-bottom: 30px !important;
    }

    .bottom-padding-2.has-background {
        padding-bottom: 10px !important;
    }

    .bottom-padding-3 {
        padding-bottom: 40px !important;
    }

    .bottom-padding-3.has-background {
        padding-bottom: 20px !important;
    }

    .bottom-padding-4 {
        padding-bottom: 60px !important;
    }

    .bottom-padding-4.has-background {
        padding-bottom: 40px !important;
    }

    .field--name-field-blades .paragraph--type--blade:not(.has-background),
    .block-block-content .paragraph--type--blade {
        margin-bottom: 0px;
    }

    .field--name-field-blades .paragraph--type--column,
    .block-block-content .paragraph--type--column,
    .paragraph--type--view,
    .paragraph--type--form,
    .paragraph--type--slideshow {
        padding-bottom: 20px;
    }
}

@media(max-width:991px) {

    .field--name-field-blades .paragraph--type--blade:not(.equal-height) .paragraph--type--column:not(.col-md-12)+.paragraph--type--column:not(.col-md-12),
    .field--name-field-blades .paragraph--type--blade:not(.equal-height) .paragraph--type--slideshow+.paragraph--type--column,
    .field--name-field-blades .paragraph--type--blade:not(.equal-height) .paragraph--type--column+.paragraph--type--slideshow {
        margin-top: 0px;
    }
}

/* VIEWS */
@media(min-width:992px) {
    .field--name-field-blades .paragraph--type--view {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* FILTERS */

.view-empty {
    text-align: center;
}

.views-exposed-form {

    max-width: 1230px;
    margin: 0 auto;
}


.views-exposed-form .control-label {
    display: block;
    padding: 0px 0px 10px 0px;
}

.views-exposed-form .control-label,
.views-exposed-form .form-control {
    text-transform: none;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #000000 !important;
}

.views-exposed-form .control-label {
    font-weight: 100;
}

.views-exposed-form .form-control {
    font-weight: 400;
}

.views-exposed-form select.form-control {
    font-size: 2rem;
    line-height: 2.8rem;
}

.views-exposed-form .form-control {
    border-radius: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 0px 15px;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

.form-control:not(.form-search):focus,
.form-control:not(.form-search):focus-within {
    border-color: #047C91 !important;
}

form .select-wrapper::after {
    width: 46px;
    height: 46px;
    right: -9px;
    top: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg id='Group_759' data-name='Group 759' transform='translate(-258 -7)'%3E%3Cg id='Rectangle_1780' data-name='Rectangle 1780' transform='translate(258 7)' fill='%23375638' stroke='%23375638' stroke-width='2'%3E%3Crect width='46' height='46' stroke='none'/%3E%3Crect x='1' y='1' width='44' height='44' fill='none'/%3E%3C/g%3E%3Cpath id='Path_529' data-name='Path 529' d='M30.526,0,16,12.927,1.476,0,0,1.769,15.988,16,16,15.985l.011.015L32,1.769Z' transform='translate(265.07 22)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}



.views-exposed-form .form-actions {
    margin-top: 20px;
    display: block;
}

.form-item,
.form-item div,
.form-item select,
.form-item input {
    width: 100% !important;
}

.view-projects .form--inline {
    -webkit-column-gap: 30px;
    column-gap: 30px;
}

.view-projects .views-exposed-form .form--inline::before {
    display: none;
}


@media(min-width:768px) {
    .view-projects .form-item-field-project-type-target-id {
        width: 240px !important;
    }

    .view-projects .form-item-field-year-value {
        width: 155px !important;
    }

    .view-projects .form-item-keys {
        width: 220px !important;
    }
}

@media(max-width:767px) {

    .view .views-exposed-form .form--inline>div.form-item,
    .view-student-experiences .form--inline>div.form-item {
        width: 100% !important;
    }
}

div:not(.field--name-field-view) .region-content>.views-element-container {
    max-width: initial;
    padding: 0px;
}

.form-inline .form-group:not(.form-actions) {
    display: block;
    margin-bottom: 40px;
}

.view-filters.form-group {
    margin-bottom: 80px;
}


@media(min-width:767px) {
    /* .views-exposed-form .form--inline div:not(:last-of-type) {
        margin-right:40px;
    } */

    .form-item-field-people-type-target-id {
        max-width: 310px;
    }
}

@media(max-width:767px) {

    .form-inline .form-group:not(.form-actions),
    form .form-group,
    form .form-type-textarea {
        margin-bottom: 20px;
    }

    .view-filters.form-group {
        margin-bottom: 40px;
    }

    .views-exposed-form .control-label,
    .webform-submission-form .control-label {
        margin-bottom: 0px;
    }

    .webform-submission-form .form-file {
        padding: 10px 15px;
    }

    .views-exposed-form .control-label,
    .views-exposed-form .form-control,
    .webform-submission-form .control-label,
    .webform-submission-form .form-control,
    .webform-submission-form .fieldset-legend {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .views-exposed-form select.form-control,
    .webform-submission-form .form-item.radio label {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .views-exposed-form .form-control,
    .webform-submission-form input,
    .webform-submission-form select,
    .webform-submission-form textarea {
        height: 50px;
        padding: 0px 7.5px;
    }

    form .select-wrapper::after {
        width: 37px;
        height: 37px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37'%3E%3Cg id='Group_759' data-name='Group 759' transform='translate(-258 -7)'%3E%3Cg id='Rectangle_1780' data-name='Rectangle 1780' transform='translate(258 7)' fill='%23000000' stroke='%23000000' stroke-width='2'%3E%3Crect width='37' height='37' stroke='none'/%3E%3Crect x='1' y='1' width='35' height='' fill='none'/%3E%3C/g%3E%3Cpath id='Path_529' data-name='Path 529' d='M24.353,0,12.765,10.313,1.178,0,0,1.411,12.755,12.765l.01-.012.009.012L25.529,1.411Z' transform='translate(265.07 22)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    .views-exposed-form .form-actions {
        margin-top: 10px;
        display: block;
    }

    .form-inline .form-group:not(.form-actions) {
        margin-bottom: 20px;
    }

    .view-filters.form-group {
        margin-bottom: 40px;
    }

    .webform-submission-form .form-actions {
        margin: 30px 0px 0px 0px;
    }
}


.form-item-title .input-group-addon {
    display: none;
}


.view .form--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-actions {
    width: 100%;
}

.views-exposed-form .glyphicon {
    display: none;
}


.view img {
    width: 100%;
}

.view-projects .project-type {
    margin: 15px 0px 10px 0px;
    font-weight: 700;
    color: #707070;
}

.view-projects .teaser-title {
    margin: 15px 0px 0px 0px;
    color: #047C91 !important;
    margin-bottom: 10px;
}

.view-projects a:hover .teaser-title,
.view-projects a:focus-within .teaser-title {
    color: #003660 !important;
}

.bolded {
    font-weight: 700;
}

@media(max-width:767px) {
    .view-projects .project-type {
        margin: 5px 0px 0px 0px;
    }
}

/* PROJECTS */

.grid-of-3 .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    margin-bottom: -40px;
}

.grid-of-3 .views-row {
    width: calc(100%/3 - 20px);
    margin-bottom: 40px;
}

.grid-of-3 .views-row a {
    display: block;
}

.grid-of-3 .views-row>div,
.grid-of-3 .views-row span,
.grid-of-3 .views-row a {
    height: 100%;
}


@media(max-width:991px) {

    .grid-of-3 .views-row {
        width: calc(50% - 15px);

    }

}


@media(max-width:767px) {
    .grid-of-3 .views-row {
        width: 100%;

    }
}

/* VIEWS PAGER */
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px;
}

.pager-nav {
    margin: 80px 0px 0px 0px;
}

nav.pager-nav .pagination a {
    text-decoration: none !important;
    color: #04859B !important;
    font-size: 2.2rem;
    line-height: 1.7rem;
}

nav.pager-nav .pagination li.active a,
.pager-nav .pager__item:not(.pager__item--first, .pager__item--previous, .pager__item--next, .pager__item--last) a:hover,
.pager-nav .pager__item:not(.pager__item--first, .pager__item--previous, .pager__item--next, .pager__item--last) a:focus {
    background-color: #04859B !important;
    color: white !important;
    border-radius: 14px;
}

nav.pager-nav {
    padding-top: 0px;
    font-weight: 700;
}

nav.pager-nav .pagination li[class*="pager__item--"] a {
    border: none !important;
}

.pager__item:not(.pager__item--first, .pager__item--previous, .pager__item--next, .pager__item--last) {
    margin: 0px 10px !important;
    padding: 0px !important;
}

.pager__item:not(.pager__item--first, .pager__item--previous, .pager__item--next, .pager__item--last) a {
    padding: 0px !important;
    margin: 0px !important;
}

nav.pager-nav .pagination li[class*="pager__item--"] {
    margin: 0px 15px !important;
    padding: 0px !important;
}

nav.pager-nav .pagination li[class*="pager__item--"] a {
    margin: 0px !important;
    padding: 0px !important;
    line-height: 0px;
}

nav.pager-nav .pagination li.pager__item--previous {
    margin-right: 50px !important;
}

nav.pager-nav .pagination li.pager__item--next {
    margin-left: 50px !important;
}

.pager-nav li[class*="pager__item--"] span[aria-hidden="true"] {
    font-size: 0rem !important;
}

.pager-nav li[class*="pager__item--"] span[aria-hidden="true"]::after {
    width: 200px;
    height: 200px;
}

.pager__item--first span[aria-hidden="true"]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.395' height='28.219' viewBox='0 0 26.395 28.219'%3E%3Cg id='Group_164' data-name='Group 164' transform='translate(-736.567 -2927.628)'%3E%3Cpath id='Path_476' data-name='Path 476' d='M7337.3,3310.106l-14.9,11.9,14.9,12.1' transform='translate(-6584.894 -380.369)' fill='none' stroke='%2304859b' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3Cpath id='Path_479' data-name='Path 479' d='M7337.3,3310.106l-14.9,11.9,14.9,12.1' transform='translate(-6576.451 -380.369)' fill='none' stroke='%2304859b' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.pager__item--first a:hover span[aria-hidden="true"]::after,
.pager__item--first a:focus span[aria-hidden="true"]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.395' height='28.219' viewBox='0 0 26.395 28.219'%3E%3Cg id='Group_164' data-name='Group 164' transform='translate(-736.567 -2927.628)'%3E%3Cpath id='Path_476' data-name='Path 476' d='M7337.3,3310.106l-14.9,11.9,14.9,12.1' transform='translate(-6584.894 -380.369)' fill='none' stroke='%23003660' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3Cpath id='Path_479' data-name='Path 479' d='M7337.3,3310.106l-14.9,11.9,14.9,12.1' transform='translate(-6576.451 -380.369)' fill='none' stroke='%23003660' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.pager__item--previous span[aria-hidden="true"]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.785' height='28.221' viewBox='0 0 17.785 28.221'%3E%3Cpath id='Path_469' data-name='Path 469' d='M7337.127,3310.106l-14.721,11.9,14.721,12.1' transform='translate(-7321.454 -3307.996)' fill='none' stroke='%2304859b' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.pager__item--previous a:hover span[aria-hidden="true"]::after,
.pager__item--previous a:focus span[aria-hidden="true"]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.785' height='28.221' viewBox='0 0 17.785 28.221'%3E%3Cpath id='Path_469' data-name='Path 469' d='M7337.127,3310.106l-14.721,11.9,14.721,12.1' transform='translate(-7321.454 -3307.996)' fill='none' stroke='%23003660' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.pager__item--next span[aria-hidden="true"]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.785' height='28.221' viewBox='0 0 17.785 28.221'%3E%3Cpath id='Path_470' data-name='Path 470' d='M7337.127,3310.106l-14.721,11.9,14.721,12.1' transform='translate(7339.239 3336.217) rotate(180)' fill='none' stroke='%2304859b' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.pager__item--next a:hover span[aria-hidden="true"]::after,
.pager__item--next a:focus span[aria-hidden="true"]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.785' height='28.221' viewBox='0 0 17.785 28.221'%3E%3Cpath id='Path_470' data-name='Path 470' d='M7337.127,3310.106l-14.721,11.9,14.721,12.1' transform='translate(7339.239 3336.217) rotate(180)' fill='none' stroke='%23003660' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3C/svg%3E%0A");
}

.pager__item--last span[aria-hidden="true"]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.395' height='28.218' viewBox='0 0 26.395 28.218'%3E%3Cg id='Group_165' data-name='Group 165' transform='translate(-1128.402 -2927.627)'%3E%3Cpath id='Path_477' data-name='Path 477' d='M14.9,0,0,11.9,14.9,24' transform='translate(1153.852 2953.737) rotate(180)' fill='none' stroke='%2304859b' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3Cpath id='Path_478' data-name='Path 478' d='M14.9,0,0,11.9,14.9,24' transform='translate(1145.408 2953.737) rotate(180)' fill='none' stroke='%2304859b' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.pager__item--last a:hover span[aria-hidden="true"]::after,
.pager__item--last a:focus span[aria-hidden="true"]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.395' height='28.218' viewBox='0 0 26.395 28.218'%3E%3Cg id='Group_165' data-name='Group 165' transform='translate(-1128.402 -2927.627)'%3E%3Cpath id='Path_477' data-name='Path 477' d='M14.9,0,0,11.9,14.9,24' transform='translate(1153.852 2953.737) rotate(180)' fill='none' stroke='%23003660' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3Cpath id='Path_478' data-name='Path 478' d='M14.9,0,0,11.9,14.9,24' transform='translate(1145.408 2953.737) rotate(180)' fill='none' stroke='%23003660' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.pagination>li>a,
.pagination>li>span {
    border: none;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    background-color: #ffffff;
}

@media(max-width:767px) {
    .pager-nav {
        margin: 60px 0px 0px 0px;
    }
}


/* PUBLICATIONS */
@media(min-width:768px) {
    .view-publications .field-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 30px;
        column-gap: 30px;
    }

    .view-publications .pub-image {
        width: 200px;
    }

    .view-publications .pub-summary {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }


}

.view-publications .teaser-title {
    margin-bottom: 6px;
}

@media(max-width:767px) {
    .view-publications .pub-summary {
        margin-top: 20px;
    }
}

/* PEOPLE */
.view-people:not(.grid) {
    max-width: 745px;
}

.view-people .views-row {
    margin-bottom: 30px;
}

.view-people .view-content {
    margin-bottom: -30px;
}

.teaser-title {
    font-size: 2.4rem;
    line-height: 3.2rem;
}

.view-people .teaser-title {
    margin-bottom: 20px;
}

.person-title {
    font-weight: 700;
}

@media(min-width:768px) {
    .view-people.grid .view-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 30px;
        column-gap: 30px;
    }

    .view-people.grid .views-row {
        width: calc(100% /3 - 20px);
    }
}

@media(max-width:767px) {
    .view-people .views-row {
        margin-bottom: 20px;
    }

    .teaser-title {
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .view-people .teaser-title {
        margin-bottom: 10px;
    }

    .view-people .view-content {
        margin-bottom: -20px;
    }
}

/* EVENTS */
@media(min-width:767px) {
    .view-events .field-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.view-events .short-date .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 150px;
    height: 150px;
    background: #FEBC11;
}

.view-events .short-date p {
    color: #000000;
}

.view-events .view-content .views-row:not(:last-of-type) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #F4BE44;
}

.view-events .views-row:not(:last-of-type) {
    border-bottom: 1px solid #FEBC11;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.view-events .short-date {
    border-right: 1px solid #FEBC11;
    margin-right: 40px;
    padding-right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 190px;
}

.view-events .title-and-full-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.view-events .title-and-full-date p:not(.event-type),
.view-events .title-and-full-date .teaser-title {
    margin: 0px 0px 6px 0px;
}

@media(max-width:767px) {
    .view-events .title-and-full-date {
        padding-top: 20px;
    }

    .view-events .short-date {
        height: auto;
        border-right: none;
        margin-right: 0px;
        padding-right: 0px;
    }
}

.view-events .short-date span {
    display: block;
}

.event-month {
    font-size: 2.8rem;
    line-height: 4rem;
    font-weight: 700;
    text-transform: uppercase;
}

.event-day {
    font-size: 4.4rem;
    line-height: 6.2rem;
    font-weight: 600;
}

.event-type {
    display: inline-block;
    border-bottom: 10px solid #FEBC11;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.node-tag {
    margin: 80px 0px 0px 0px;
}

@media(max-width:767px) {
    .node-tag {
        margin: 40px 0px 0px 0px;
    }
}

/* CONTENT TYPES */
/* publication content type */
.page-node-type-publication .field--name-field-publication-author {
    max-width: 1230px;
    padding: 40px 30px 0px 30px;
    margin: 0 auto;
}

.page-node-type-publication .region-content {
    margin-bottom: 80px;
}

@media(max-width:991px) {
    .page-node-type-publication .field--name-field-publication-author {
        padding: 40px 15px 0px 15px;
    }
}

@media(max-width:767px) {
    .page-node-type-publication .field--name-field-publication-author {
        padding: 20px 15px 0px 15px;
    }

    .page-node-type-publication .region-content {
        margin-bottom: 40px;
    }
}

/* PROJECT CONTENT TYPE */

/* event content type */

.page-node-type-project .field--name-field-publication-author,
.page-node-type-project .field--name-field-year {
    max-width: 1230px;
    padding: 0px 30px 0px 30px;
    margin: 0 auto;
}

.page-node-type-project .region-content {
    margin-bottom: 80px;
}

@media(max-width:991px) {

    .page-node-type-project .field--name-field-publication-author,
    .page-node-type-project .field--name-field-year {
        padding: 0px 15px 0px 15px;
    }
}

.page-node-type-project .field--name-field-publication-author {
    padding-top: 40px;
}

.page-node-type-publication .field--name-field-blades,
.page-node-type-project .field--name-field-blades {
    padding-top: 20px;
}

.page-node-type-project .field--name-field-year {
    padding-top: 20px;
}

@media(max-width:767px) {
    .page-node-type-project .region-content {
        margin-bottom: 40px;
    }

    .page-node-type-project .field--name-field-publication-author {
        padding-top: 20px;
    }
}

.node-tag p,
.field--name-field-date {
    font-weight: 700;
}

.page-node-type-event .field--name-field-event-location,
.field--name-field-host-s {
    margin-top: 10px;
}

.page-node-type-event .field--name-field-related-links,
.page-node-type-event .field--name-field-event-description {
    margin-top: 25px;
}

.page-node-type-event .field--name-field-related-links .field--item {
    margin-top: 10px;
}

.page-node-type-event .region-content {
    max-width: 1230px;
    padding: 0px 30px;
    margin: 60px auto 120px auto;
}

@media(max-width:991px) {
    .page-node-type-event .region-content {
        padding: 0px 15px;
    }
}

@media (min-width: 768px) {
    .page-node-type-event .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 40px;
        column-gap: 40px;
    }

    .page-node-type-event .event-image-wrapper {
        width: calc(38% - 40px);
    }

    .page-node-type-event .event-text {
        width: 62%;
    }
}

@media(max-width:767px) {
    .event-text {
        margin-top: 30px;
    }

    .page-node-type-event .region-content {
        margin: 30px auto 60px auto;
    }
}

/* COMPONENTS */
/* podcast */
.field--name-field-podcast-text {
    margin-top: 20px;
}

.paragraph--type--podcast img {
    width: 100%;
}

.field--name-field-podcast-text p {
    margin: 0px;
}

.field--name-field-podcast-text h2,
.field--name-field-podcast-text h3 {
    margin: 0px;
}

.field--name-field-podcast-text h2,
.field--name-field-podcast-text h3,
.field--name-field-podcast-text p {
    margin-top: 10px;
}

.field--name-field-podcast-file,
.paragraph--type--podcast .field-group-link {
    margin-top: 15px;
}

.region-content .paragraph--type--podcast a.field-group-link {
    background: #ffffff !important;
    color: #375638 !important;
    border: 2px solid #375638 !important;
    display: inline-block;
    padding: 20px 25px !important;
    font-weight: 700 !important;
    min-width: 175px;
    font-size: 1.8rem !important;
    line-height: 2.6rem !important;
    text-transform: capitalize;
    text-align: center;
    text-decoration: none !important;
}

.region-content .paragraph--type--podcast a.field-group-link:hover,
.region-content .paragraph--type--podcast a.field-group-link:focus {
    background: #375638 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

.paragraph--type--podcast {
    padding-bottom: 40px;
}

@media(max-width:767px) {

    .paragraph--type--podcast {
        padding-bottom: 20px;
    }
}

/* full width image */
.paragraph--type--full-width-image img {
    width: 100%;
}

.field--name-field-full-width-image-caption {
    max-width: 1230px;
    margin: 0 auto;
    padding: 15px 30px 0px 30px;
}


@media(max-width:991px) {
    .field--name-field-full-width-image-caption {
        padding: 15px 15px 0px 15px;
    }
}

/* croppable image*/
.paragraph--type--croppable-image img {
    width: 100%;
}

.paragraph--type--croppable-image {
    padding-bottom: 40px;
}

.field--name-field-image-caption {
    padding-top: 15px;
}

@media (min-width: 992px) {

    .paragraph--type--croppable-image {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width:767px) {
    .paragraph--type--croppable-image {
        padding-bottom: 20px;
    }
}

/* videos */
.paragraph--type--video {
    padding-bottom: 40px;
}

.field--name-field-video-caption {
    padding-top: 15px;
}

@media (min-width: 992px) {

    .paragraph--type--video,
    .paragraph--type--podcast {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width:767px) {

    .paragraph--type--video {
        padding-bottom: 20px;
    }
}

/* colorful tiles */
.field--name-field-linkable-squares {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 6px;
    column-gap: 6px;
    margin-bottom: 4px
}

.field--name-field-linkable-squares a {
    display: block;
}

.field--name-field-linkable-squares img {
    width: 100%;
}

.field--name-field-linkable-squares>div {
    width: calc(25% - 4.5px);
    margin-bottom: 6px;
}

.field--name-field-linkable-squares a:hover img,
.field--name-field-linkable-squares a:focus img {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
}

@media(max-width:991px) {
    .field--name-field-linkable-squares>div {
        width: calc(50% - 3px);
    }
}

.field--name-field-title {
    position: absolute;
    bottom: 0px;
    margin: 0px 30px 40px 30px !important;
    padding-bottom: 10px;
    border-bottom: 15px solid #FEBC11;
    color: white;
    font-size: 2.8rem;
    line-height: 4rem;
    font-weight: 700;
}

@media(max-width:767px) {
    .field--name-field-linkable-squares>div {
        width: 100%;
    }

    .field--name-field-title {
        font-size: 2rem;
        line-height: 3.1rem;
    }
}