html, body {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: rgb(0, 0, 0);
    height: 100%;
    width: 100%;
}

body {
    position: relative;
}

main {
    position: relative;
}

#pagebodycontent a:link, a:visited {
    text-decoration: underline;
}

html {
    text-size-adjust: 100%;
}

.alert {
    border-radius: 0px;
    margin-bottom: 0px;
    border: 0px;
}

.alert-info {
    background-color: rgb(242, 243, 244);
    color: rgb(0, 0, 0);
}

.extra-padding {
    padding: 1rem;
}

.extra-padding-top {
    padding-top: 3rem;
}

.top-50 {
    margin-top: 50px;
}

.top-100 {
    margin-top: 100px;
}

.col:not(:first-child), .col:not(:last-child) {
    padding-right: 7px;
    padding-left: 7px;
}

blockquote {
    border-left: 0.25em solid rgb(255, 199, 51);
    margin: 2rem 0px;
}

p, h1, h2, h3, h4, h5, h6 {
    letter-spacing: normal;
}

h1, h2, h3 {
    font-family: Figtree, sans-serif;
}

section ul, section li, .panel-body {
    font-size: 1rem;
}

p {
    font-size: 1.15rem;
    padding: 1rem 0px;
    margin-bottom: .5rem;
}

figure {
    padding: 0.5em 0px;
    font-size: 0.9rem;
}

caption {
}

.section-heading {
    font-family: Figtree, sans-serif;
    padding: 1rem 0px;
    font-size: 2.5rem;
    margin: 0px;
}

.division-heading {
    color: rgb(0, 82, 57);
    font-weight: 700;
    border-top: 1px solid rgb(0, 82, 57);
    padding: 1rem 0px 0px;
    margin: 1rem 0px;
}

.small-section-heading {
    color: rgb(0, 82, 57);
    font-weight: 700;
    border-top: 1px solid #ffc733;
    padding: 1rem 0px 0px;
    margin: 1rem 0px;
}

.post-heading {
    font-size: 2.5rem;
    margin: 0.5em 0px;
}

.subheading {
    font-weight: 300;
    font-size: 1.33rem;
    margin: 1rem 0px;
    padding: 1rem 0px 2rem 0;
}

.lead {
    font-weight: 300;
    padding-bottom: 1rem;
    font-size: 1.33rem;
}

.title-heading {
    border-bottom: 1px solid rgb(255, 199, 51);
    padding-bottom: 0.5em;
}

h1 {
    font-size: 3rem;
    font-weight: 700;
}

h2 {
    color: rgb(0, 82, 57);
    font-size: 2rem;
    font-weight: 700;
}

h3 {
    font-size: 1.75rem;
    font-weight: 400;
}

h4 {
    font-weight: 400;
}

h5 {
    font-size: 0.9rem;
    color: rgb(0, 0, 0);
    font-weight: 400;
}

h6 {
    color: rgb(135, 144, 143);
}

h6 a:link, h5 a:active, h5 a:visited {
    text-decoration: underline !important;
}

small {
    font-weight: 100 !important;
}

.thin {
    font-weight: 100 !important;
}

.bigger {
    font-size: 150%;
}

.biggest {
    font-size: 5rem;
}

.bolder {
    font-weight: 700;
}

.bold {
    font-weight: 600;
}

b, strong {
    font-weight: 600;
}

.padding-60 {
    padding-top: 60px;
}

.progress {
    border: none;
    box-shadow: none;
}

.progress-bar-success {
    background: rgb(255, 199, 51);
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

input[type="search"] {
    height: 60px;
    background: rgb(255, 255, 255);
    padding: 1rem;
    border: 2px solid rgb(0, 82, 57);
    border-radius: 5px;
    font-size: 1.33rem;
    color: rgb(0, 82, 57);
}

table.dataTable span.highlight {
    background: rgb(255, 199, 51);
    color: rgb(0, 82, 57);
    font-weight: 600;
}

.table {
    width: 100%;
}

section {
    padding: 60px 0px;
}

aside {
    padding: 25px 0px;
}

.no-padding {
    padding: 0px;
}

.no-gutter {
    padding: 0px;
    margin: 0px;
}

.no-gutter > [class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.sidebar {
    padding: 1rem;
    margin: 0px;
}

.sidebar ul {
    margin: 0px;
    padding: 0px;
}

.sidebar .sidebar-nav div {
    margin: 0px;
    padding: 0.75em;
    border-bottom: 1px solid rgb(255, 199, 51);
}

.page-sidebar ul {
    margin: 1rem 0px;
    padding: 0px;
    border-top: 2px solid rgb(212, 213, 214);
}

.page-sidebar li {
    display: block;
    margin: 0px;
    padding: 0.75em;
    border-bottom: 1px solid rgb(212, 213, 214);
}

.page-sidebar li.active {
    background: rgb(0, 82, 57) !important;
}

.page-sidebar li.active a {
    color: rgb(255, 199, 51) !important;
}

header.carousel {
    height: 50%;
}

header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 5rem;
    color: rgb(255, 255, 255) !important;
}

header {
    color: rgb(255, 255, 255);
    text-align: center;
    margin-top: 50px;
}

header.intro-text {
    margin: auto 0px;
}

header .intro-text .intro-lead-in {
    font-size: 1.33rem;
    font-weight: 300;
    line-height: 1.75rem;
    margin-bottom: 1rem;
}

header .intro-text .intro-heading {
    font-family: Figtree, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin: 2rem 0px;
}

.carousel-caption {
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    margin: 0px;
    z-index: 10;
    padding: 15px;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.4) 0px 2px 2px;
    max-width: 100%;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.carousel .carousel-indicators li {
    border-color: rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, 0.2);
}

.carousel .carousel-indicators li:hover {
    border-color: rgba(255, 255, 255, 0);
    background: rgb(255, 255, 255);
}

.carousel .carousel-indicators li.active {
    border-color: rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, 0.5);
}

.carousel-indicators {
    display: table;
    table-layout: fixed;
    width: calc(100% + 2px);
    left: -2px;
    right: -2px;
    margin: 0px;
    border-spacing: 2px 0px;
}

.carousel-indicators li {
    width: auto;
    height: 2px;
    margin: 0px;
    display: table-cell;
    border-radius: 0px;
    transition: height 0.5s;
}

.carousel:hover .carousel-indicators li {
    height: 6px;
}

.carousel-indicators li.active {
    width: auto;
    height: auto;
    margin: auto;
}

.carousel-indicators {
    bottom: 0px;
}

.sidepanel ul {
    margin: 1rem 0px;
    padding: 0px;
    border-top: 2px solid rgb(255, 199, 51);
}

.sidepanel li {
    display: block;
    margin: 0px;
    padding: 0.5em 0px;
    border-bottom: 1px solid rgba(242, 243, 244, 0.33);
}

.sidepanel li a {
    color: rgb(255, 255, 255);
    font-weight: 400;
}

.sidepanel h3 {
    padding: 0px;
    color: rgb(255, 199, 51);
}

#page-index {
    background: url("https://photos.smugmug.com/Summer/2024-Summer/South-Korea-Teaching-English-Internships/i-kkSSTK7/0/MCwvNPBLmWRhdtk4sZZ383sLKkKHjGLBnZCCz7J3W/X5/PXL_20240615_111038396-X5.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#page-explore {
    background: url("https://studyabroad.gmu.edu/img/header_cuba.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#page-customized {
    background: url("https://photos.smugmug.com/CampusBuildingsLandmarksandFac/Seasons/i-4zRrz8N/0/87a54c91/X3/170420121-X3.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#page-nonmason {
    background: url("https://studyabroad.gmu.edu/img/header-non-mason.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

.page-deadlines {
    background: url("https://studyabroad.gmu.edu/img/header_4.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

.page-oxford {
    background: url("https://studyabroad.gmu.edu/img/oxford.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#page-internships {
    background: url("https://studyabroad.gmu.edu/img/intern-japan.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#page-photo-contest {
    background: url("https://photos.smugmug.com/CampusBuildingsLandmarksandFac/Mason-Statue/i-zbpdTTZ/0/b5a9d984/X3/160123024-X3.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#page-social-media {
    background: url("https://photos.smugmug.com/CampusBuildingsLandmarksandFac/Mason-Statue/i-NVWW8TC/2/4310abc3/X2/131106001-X3.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#student-spotlights {
    background: url("https://photos.smugmug.com/photos/i-dcv44K3/2/X4/i-dcv44K3-X4.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#pathway-main {
    background: url("https://photos.smugmug.com/photos/i-FhQTZMn/0/X5/i-FhQTZMn-X5.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#exchange-main {
    background: url("https://photos.smugmug.com/Global-pathway/Global-pathway-Korea/Global-pathway-Korea-Spring-2025/i-TbHQtgF/0/Lpzw8878Cr7vsH6tQBpJ3p66fN7tHX5TkbK4kt8sM/X2/GG-Korea-Spring-2025%20-%2019-X2.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#stem-main {
    background: url("https://images.pexels.com/photos/10431530/pexels-photo-10431530.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#intern-partner {
    background: url("https://studyabroad.gmu.edu/img/intern-japan.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#intern-praxis {
    background: url("https://studyabroad.gmu.edu/img/intern-london.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#intern-build {
    background: url("https://studyabroad.gmu.edu/img/intern-florence.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#intern-alumni {
    background: url("https://studyabroad.gmu.edu/img/intern-argentina.jpg") center center / cover no-repeat fixed rgb(255, 255, 255);
}

#portal {
    background: url("https://photos.smugmug.com/CampusBuildingsLandmarksandFac/Mason-Statue/i-M52XVX6/0/0dce480e/X3/171127012-X3.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

#stem-academy {
    background: url("https://images.unsplash.com/photo-1539037116277-4db20889f2d4?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f54fb1a766ab8a09c10b3a0ab62727f3&auto=format&fit=crop&w=1350&q=80") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.pgo-main {
    background: url("../projectgo/img/pgo-chinatown.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.timeline-main {
    background: url("../projectgo/img/pgo-chinatown.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.bg-banner-geo {
    padding-top: 7rem;
    background-image: linear-gradient(45deg,rgba(0, 82, 57, 1) 0%, rgba(51, 51, 51, 0.66) 50%, rgba(255, 199, 51, 1) 100%), url("../img/masonabroad-stories-header.png");
    background-size: cover;
    background-position: center center;
}

.bg-banner-pathway {
    padding-top: 7rem;
    background-image: linear-gradient(45deg,rgba(0, 82, 57, 1) 0%, rgba(51, 51, 51, 0.66) 50%, rgba(0, 130, 133, 1) 100%), url("../img/pathway/gateway-korea-spring-2024-gyeong-bok-gung.jpg");
    background-size: cover;
    background-position: center center;
}

.bg-banner-internships {
    padding-top: 7rem;
    background-image: linear-gradient(45deg,rgba(0, 82, 57, 1) 0%, rgba(51, 51, 51, 0.66) 50%, rgba(0, 79, 113, 1) 100%),  url("../img/internships/intern-japan.jpg");
    background-size: cover;
    background-position: center center;
}

.bg-banner-partner {
    padding-top: 7rem;
    background-image: linear-gradient(45deg,rgba(0, 82, 57, 1) 0%, rgba(51, 51, 51, 0.66) 50%, rgba(204, 72, 36, 1) 100%), url("../img/semester-banner.png");;
    background-size: cover;
    background-position: center center;
}

.bg-banner-masonled {
    padding-top: 7rem;
    background-image: linear-gradient(45deg,rgba(0, 82, 57, 1) 0%, rgba(51, 51, 51, 0.66) 50%, rgba(51, 51, 51, 1) 100%), url("../img/horizon-hall.png");
    background-size: cover;
    background-position: center center;
}

.wsi-main {
    background: url("../img/wsi/washington-capitol.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.bg-american-experience {
    background: url("../img/wsi/bg-american-experience.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.wsi-one {
    background: url("../img/wsi/1-american-experience.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.wsi-two {
    background: url("../img/wsi/2-politics-enterprise.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.wsi-three {
    background: url("../img/wsi/3-silicon-valley-ii.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.wsi-four {
    background: url("../img/wsi/4-green-america.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.wsi-five {
    background: url("../img/wsi/5-the-dc-artist.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.upcoming {
    background-image: linear-gradient(rgba(0, 82, 57, 0.66), rgba(0, 0, 0, 0.9)), url("../img/fair/fall-2023.jpg");
    background-size: cover;
    background-position: center center;
}

.diversity {
    background-image: linear-gradient(to left, rgba(0, 82, 57, 0.66), rgba(0, 0, 0, 0.8)), url("../img/horizon-hall.png");
    background-size: cover;
    background-position: center center;
}

.mason-numbers {
    background-image: linear-gradient(to left, rgba(0, 82, 57, 0.66), rgba(0, 0, 0, 0.8)), url("../wsi/wsi-excursion-002.jpg");
    background-size: cover;
    background-position: center center;
}

#goglobal {
    background: url("https://photos.smugmug.com/CampusBuildingsLandmarksandFac/Fairfax-Campus/i-MKzDD8L/0/7852c9c5/X3/150904510-X3.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

#fair {
    background: url("https://studyabroad.gmu.edu/img/fair/saf-fall-2019-1.jpg") center center / cover no-repeat fixed rgb(0, 82, 57);
}

.label {
    border-radius: 5px;
    font-weight: 600 !important;
}

.label-primary {
    color: rgb(0, 82, 57);
    background: rgb(255, 199, 51);
}

.label-danger {
    background: rgb(204, 72, 36);
}

.label-default {
    color: rgb(255, 199, 51);
    background: rgb(0, 82, 57);
}

.label-info {
    background: rgb(62, 194, 207);
}

.label-success {
    background: rgb(255, 199, 51);
}

hr {
    border-color: rgb(242, 243, 244);
    border-width: 2px;
    margin: 2rem auto;
}

hr.light {
    border-color: transparent;
}

a {
    color: rgb(0, 82, 57);
    transition: 0.35s;
}

a:hover, a:focus {
    color: rgb(62, 194, 207);
}

a:link, a:visited {
    color: rgb(0, 82, 57);
    font-weight: 700;
}

[hidden] {
    display: none;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0px;
    color: rgb(255, 255, 255);
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb a:link {
    color: rgb(255, 255, 255);
}

.breadcrumb a:visited {
    color: rgb(255, 255, 255);
}

.breadcrumb > li + li::before {
    padding: 0px 5px;
    color: rgb(255, 255, 255);
    content: "/ ";
}

.breadcrumb > .active {
    color: rgb(255, 255, 255);
    font-weight: 300;
}

.thumbnail {
    border: none;
}

.full-width {
    border: none;
    width: 100%;
    height: auto;
}

.media-left {
    width: 25%;
}

@media only screen and (max-width: 767px) {
    .media-left {
        display: none;
    }
}

.media-body {
    background: rgb(255, 255, 255);
    margin-bottom: 2rem;
    padding: 0px 1rem;
}

.media-heading {
    font-size: 1.5rem;
    border-top: 1px solid rgb(0, 82, 57);
    padding: 2rem 0px 1rem;
    font-weight: 600;
}

.border-rounded {
    border-radius: 10px;
    margin: 0px;
}

.bg-mason-gold {
    background-color: rgb(255, 199, 51);
    color: rgb(0, 0, 0);
}

.bg-gray {
    background-color: rgb(238, 238, 238);
}

.bg-southside {
    background-color: rgb(160, 201, 193);
}

.bg-dark {
    background-color: rgb(51, 51, 51);
}

.bg-journey {
    background: linear-gradient(90deg, rgb(34, 34, 34) 0%, rgb(0, 82, 57) 100%);
}

.bg-journey-map {
    background-image: linear-gradient(to left, rgba(0, 82, 57, 0.9), rgba(51, 51, 51, 0.9)), url("../img/world-map-gradient.jpg");
    background-size: cover;
    background-position: center center;
}

.bg-white-gold {
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 199, 51) 100%);
}

.bg-white-gold-opaque {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 199, 51, 0.9) 100%);
}

.bg-brick-red {
    background-color: rgb(141, 47, 60) !important;
}

.bg-george-mason-red {
    background: rgb(204, 72, 36) !important;
}

.bg-medium-blue {
    background-color: rgb(66, 81, 127) !important;
}

.bg-george-mason-navy {
    background-color: rgb(0, 79, 113) !important;
}

.bg-blackish {
    background-color: rgba(51, 51, 51, 0.9) !important;
}

.bg-footer {
    background-color: rgb(0, 82, 57);
}

.bg-feature {
    background-size: cover;
}

.bg-opaque {
    background: rgba(0, 0, 0, 0.2) !important;
}

.bg-default {
    background-color: rgb(255, 255, 255) !important;
}

.bg-default-opaque {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-primary {
    background: rgb(0, 82, 57) !important;
}

.bg-travel {
    background: url("https://studyabroad.gmu.edu/img/travel.jpg") center center / cover no-repeat;
}

.bg-ireland {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)) 0% 0% / cover, url("https://studyabroad.gmu.edu/img/ireland-coast.jpg") center center no-repeat;
}

.bg-oxford {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)) 0% 0% / cover, url("https://studyabroad.gmu.edu/img/oxford.jpg") center center no-repeat;
}

.bg-korea {
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.33)) 0% 0% / cover, url("https://studyabroad.gmu.edu/img/MK-campus.png") center center no-repeat;
}

.bg-mason-green {
    background: rgb(0, 82, 57);
}

.bg-george-mason-navy {
    background: rgb(0, 79, 113);
}

.bg-mason-gold {
    background: rgb(255, 199, 51);
}

.bg-cool-gray-tint {
    background: rgb(242, 243, 244);
}

.bg-cool-gray-tint-gradient {
    background-image: linear-gradient(to right, rgb(242, 243, 244), rgb(255, 255, 255));
}

.bg-arts {
    background: rgb(216, 216, 193);
}

.bg-gradient {
    background: linear-gradient(90deg, rgb(0, 82, 57) 0%, rgb(51, 51, 51) 100%);
}

.bg-border-top-mason-gold {
	border-top: 5px solid #ffc733;
}

.bg-gradient-opaque {
    background: linear-gradient(90deg, rgb(0, 82, 57) 0%, rgba(255, 199, 51, 0.66) 100%);
}

.bg-round {
    border-radius: 5px;
}

.filter {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.filter-40 {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.filter-60 {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.filter-80 {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.filter-dark {
    background: linear-gradient(0deg, rgba(33, 33, 33, 0.66) 0%, rgba(255, 255, 255, 0) 100%);
}

.filter-mason-green {
    background-image: url("../img/mason-footer.png");
    background-position: center center;
    background-size: initial;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(0, 82, 57, 0.9) !important;
}

.filter-100-mason-green {
    background-image: url("../img/mason-footer.png");
    background-position: center center;
    background-size: initial;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(0, 82, 57) !important;
}

.filter-mason-m {
    background-image: url("../img/mason-footer.png");
    background-position: center center;
    background-size: initial;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(0, 82, 57, 0) !important;
}

.text-faded {
    color: rgba(255, 255, 255, 0.7);
}

.text-white {
    color: rgb(255, 255, 255);
}

.text-mason-gold {
    color: rgb(255, 199, 51);
}

.text-mason-green {
    color: rgb(0, 82, 57);
}

.text-cool-gray-tint-web {
    color: rgb(242, 243, 244);
}

.text-primary {
    color: rgb(0, 82, 57);
}

.text-default {
    color: rgb(0, 0, 0);
}

.text-journey {
    color: rgb(0, 82, 57);
    background: linear-gradient(90deg, rgb(0, 82, 57) 50%, rgb(255, 199, 51) 100%) text;
    -webkit-text-fill-color: transparent;
}

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
    font-size: 0.9rem;
}

.navbar-default {
    background: rgb(255, 255, 255);
    border: none;
    transition: 0.35s;
    box-shadow: rgba(34, 34, 34, 0.3) 0px 5px 15px 5px;
}

.navbar-brand > img {
    height: 100%;
    padding: 2px;
    width: auto;
}

.navbar-default .navbar-header .navbar-brand {
    border: none;
    color: rgb(0, 82, 57);
    padding: 0px 1rem;
    text-transform: uppercase;
}

.navbar-default .navbar-header .navbar-toggle {
    border: none;
    color: rgb(0, 82, 57);
    background: none;
    text-transform: uppercase;
}

.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
    color: rgb(0, 82, 57);
    text-transform: uppercase;
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover {
    background: rgb(255, 199, 51) !important;
    color: rgb(0, 82, 57) !important;
}

.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus {
    background-color: rgb(255, 199, 51) !important;
    color: rgb(0, 82, 57) !important;
}

.navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus:hover {
    background-color: rgb(255, 199, 51) !important;
    color: rgb(0, 82, 57) !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: rgb(255, 199, 51);
    background-color: rgb(51, 51, 51);
}

.navbar-primary {
    background: rgb(255, 199, 51);
    border: none;
    transition: 0.35s;
}

.navbar-primary .navbar-header .navbar-brand {
    padding: 0px 1rem;
}

.navbar-primary .navbar-header .navbar-toggle {
    background: none;
    border: 1px solid rgb(34, 34, 34);
    text-transform: uppercase;
    color: rgb(34, 34, 34) !important;
}

.navbar-primary .nav > li > a, .navbar-primary .nav > li > a:focus {
    color: rgb(0, 82, 57);
    font-weight: 600;
}

.navbar-primary .nav > li > a:hover, .navbar-primary .nav > li > a:focus:hover {
    background: rgb(34, 34, 34) !important;
    color: rgb(255, 199, 51) !important;
}

.navbar-primary .nav > li.active > a, .navbar-primary .nav > li.active > a:focus {
    background-color: rgb(0, 82, 57) !important;
    color: rgb(255, 199, 51) !important;
}

.navbar-primary .nav > li.active > a:hover, .navbar-primary .nav > li.active > a:focus:hover {
    background-color: rgb(255, 199, 51) !important;
    color: rgb(0, 82, 57) !important;
}

.navbar-primary .navbar-nav > .open > a, .navbar-primary .navbar-nav > .open > a:focus, .navbar-primary .navbar-nav > .open > a:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 82, 57);
}

.navbar-primary .dropdown ul {
    padding: 0px;
}

.navbar-form {
    padding: 5px 0px;
}

.navbar-form input {
    height: 50px;
    font-weight: 600;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    background: rgb(242, 243, 244);
    color: rgb(0, 82, 57) !important;
}

.onthispage .dropdown ul {
    padding: 0px;
}

.navbar-primary .dropdown li a {
    padding: 0.75em;
}

.onthispage .dropdown li a {
    padding: 0.75em;
}

.dropdown-menu {
    text-shadow: none;
    z-index: 9999;
    border: none;
    margin: 0px;
    padding: 0px 0px 1rem;
    overflow: hidden visible;
}

.dropdown-header {
    color: rgb(0, 82, 57);
    background: rgb(242, 243, 244);
    font-weight: 600;
}

.dropdown-menu > li > a:hover {
    background-color: rgb(255, 199, 51);
    background-image: none;
}

.dropdown-toggle.active {
    background: rgb(255, 199, 51);
}

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .yamm-content {
    padding: 20px 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0px;
    right: 0px;
}

.yamm-grid {
    padding: 0px 1rem 0.5em;
}

.yamm-grid h2 {
    font-size: 1.75rem;
    padding: 0.25em 0px;
    margin: 0px;
    font-weight: 100;
}

.yamm-grid h3 {
    font-size: 1.25rem;
}

.yamm-grid li {
    border-bottom: 1px solid rgb(242, 243, 244);
    padding: 0.75em 0px;
}

.yamm-grid li a {
    font-weight: 400;
    font-size: 1.1em;
    color: rgb(0, 0, 0);
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.flex-content {
    box-shadow: rgba(34, 34, 34, 0.2) 0px 4px 12px 0px, rgba(34, 34, 34, 0.2) 0px 4px 12px 0px;
    border-radius: 10px;
    height: 100%;
    padding: 1rem;
}

.service-box {
    margin: 0;
    padding: 0.5em;
    background: none;
    border-radius: none;
}

.service-box:hover {
  background: linear-gradient(135deg, #333333, #005239);
  color: #ffffff;
}


.service-box p {
    margin-bottom: 0px;
}

.portfolio-box {
    display: block;
    margin: 0px auto;
    max-width: 650px;
    position: relative;
}

.portfolio-box .portfolio-box-caption {
    background: rgba(255, 199, 51, 0.9);
    bottom: 0px;
    color: rgb(0, 82, 57);
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: 0.35s;
    width: 100%;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0px 15px;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 1rem;
    font-weight: 300;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 2rem;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

.portfolio-box:focus {
    outline: none;
}

.call-to-action h2 {
    color: rgb(255, 255, 255);
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: rgba(241, 242, 243, 0.2);
}

.table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: rgb(242, 243, 244);
}

.table th {
    vertical-align: middle !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: 1.42857;
    vertical-align: middle;
    padding: 1rem;
    border-top: 1px solid rgb(114, 117, 121);
}

.table thead {
    color: rgb(0, 82, 57);
    font-weight: 700;
    border-bottom: 3px solid rgb(0, 82, 57);
}

.btn {
    font-weight: 600;
    border-radius: 5px;
    margin: 1px;
}

.btn-xl {
    font-size: 150%;
}

.btn-default {
    background-color: rgb(0, 82, 57);
    border-color: rgb(0, 82, 57);
    color: rgb(255, 199, 51) !important;
}

.btn-default.focus, .btn-default:focus {
    color: rgb(255, 199, 51);
    background-color: rgb(0, 82, 57);
    border-color: rgb(0, 82, 57);
}

.btn-default:hover {
    color: rgb(255, 199, 51);
    background-color: rgb(51, 51, 51);
    border-color: rgb(51, 51, 51);
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    border-color: rgb(242, 243, 244);
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: rgb(255, 199, 51);
    background-color: rgb(51, 51, 51);
    border-color: rgb(51, 51, 51);
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: rgb(255, 255, 255);
    border-color: rgb(242, 243, 244);
}

.btn-default .badge {
    color: rgb(255, 255, 255);
    background-color: rgb(242, 243, 244);
}

.btn-primary {
    background-color: rgb(255, 199, 51);
    color: rgb(0, 82, 57);
    border-color: rgb(255, 199, 51);
}

.btn-primary:focus, .btn-primary.focus {
    background-color: rgb(255, 199, 51);
    color: rgb(0, 82, 57);
    border-color: rgb(255, 199, 51);
}

.btn-primary:hover {
    background-color: rgb(0, 82, 57);
    color: rgb(255, 199, 51);
    border-color: rgb(0, 82, 57);
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: rgb(0, 82, 57);
    border-color: rgb(0, 82, 57);
    color: rgb(255, 199, 51) !important;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background-color: rgb(255, 199, 51);
    border-color: rgb(255, 199, 51);
    color: rgb(0, 82, 57) !important;
}

.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background-color: rgb(255, 199, 51);
    border-color: rgb(255, 199, 51);
}

.btn-primary .badge {
    border-color: rgb(0, 82, 57);
    color: rgb(255, 199, 51) !important;
}

.btn-link {
    color: rgb(255, 199, 51);
    border-color: rgb(255, 199, 51);
}

.btn-link:hover, .btn-link:focus {
    color: rgb(0, 82, 57);
}

.btn-success {
    background: rgb(255, 199, 51);
}

.btn-info {
    background: rgb(62, 194, 207);
}

.btn-warning {
    background: rgb(0, 0, 0);
    color: rgb(255, 199, 51);
}

.btn-danger {
    background: rgb(204, 72, 36);
}

body {
}

::selection {
    background: rgb(0, 82, 57);
    color: rgb(255, 255, 255);
    text-shadow: none;
}

img::selection {
    background: transparent;
    color: rgb(255, 255, 255);
}

.img-portfolio {
    margin-bottom: 15px;
}

.img-rounded {
    border-radius: 10px;
}

.img-shadow {
    box-shadow: rgba(34, 34, 34, 0.2) 0px 4px 12px 0px, rgba(34, 34, 34, 0.2) 0px 4px 12px 0px;
}

.img-hover {
    box-shadow: rgba(34, 34, 34, 0.2) 0px 4px 12px 0px, rgba(34, 34, 34, 0.2) 0px 4px 12px 0px;
}

.img-hover:hover {
    transform: scale(1.03);
}

.nav-vertical a:link {
    color: rgb(0, 82, 57);
    font-weight: 400;
    font-size: 1rem;
    text-decoration: none;
}

.nav-vertical a:hover {
    color: rgb(0, 82, 57);
    text-decoration: underline;
}

.nav-vertical a:visited {
    color: rgb(0, 82, 57);
    text-decoration: none;
}

.nav-vertical a:active {
    color: rgb(255, 199, 51);
    text-decoration: none;
}

.nav-vertical ul {
    margin: 1rem 0;
    padding: 0px;
    border-top: 3px solid rgb(255, 199, 51);
}

.nav-vertical li {
    display: block;
    margin: 0px;
    padding: 1rem;
    border-bottom: 1px solid rgb(242, 243, 244);
}

.nav-vertical li.active {
    background: rgb(0, 82, 57);
    font-weight: 700;
}

.nav-vertical li.active a {
    color: rgb(255, 199, 51);
    font-weight: 700;
}

.footer-top {
    background: url("https://masonabroad.gmu.edu/_customtags/ct_Image.cfm?Image_ID=90223") center bottom repeat-x rgb(255, 255, 255);
    box-shadow: rgba(34, 34, 34, 0.3) 0px 10px 15px 0px inset;
    padding: 2rem 0px;
}

.footer-bottom {
    background: url("../img/mason-footer.png") left center no-repeat rgb(0, 82, 57);
    margin: auto 0px;
    padding: 2rem 0px;
}

footer {
    border: none;
    clear: both;
    color: rgb(255, 255, 255);
    font-size: 1rem;
    margin: 0px auto;
}

footer a:link {
    color: rgb(51, 51, 51);
    font-weight: 400;
    font-size: 1rem;
    text-decoration: none;
}

footer a:hover {
    color: rgb(51, 51, 51);
    text-decoration: underline;
}

footer a:visited {
    color: rgb(51, 51, 51);
    text-decoration: none;
}

footer a:active {
    color: rgb(51, 51, 51);
    text-decoration: none;
}

footer ul {
    margin: 1rem 0px;
    padding: 0px;
    border-top: 2px solid rgb(255, 199, 51);
}

footer li {
    display: block;
    margin: 0px;
    padding: 0.5em 0px;
    border-bottom: 1px solid rgb(242, 243, 244);
}

footer p {
    color: rgb(255, 255, 255);
    font-size: 1rem;
}

footer h3 {
    color: rgb(0, 82, 57);
}

.footer-bottom h3 {
    color: rgb(255, 199, 51);
}

.footer-bottom a:link, .footer-bottom a:visited {
    color: rgb(255, 199, 51);
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -1px;
}

.nav-tabs > li {
    border: none;
    margin-bottom: 1px;
}

.nav-tabs {
    border: none;
}

.nav-tabs > li > a {
    background: rgb(242, 243, 244);
    border-radius: 0px;
    border: none;
    color: rgb(0, 82, 57);
    margin-bottom: 1px;
}

.nav-tabs li:last-child {
    border: none;
}

.nav-tabs > li > a:hover {
    background: rgb(255, 199, 51);
    color: rgb(0, 82, 57);
    font-weight: 600;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: rgb(0, 82, 57);
    border: none;
    color: rgb(255, 199, 51);
    position: relative;
}

.nav-pills > li {
    background: rgb(255, 199, 51);
    float: left;
    font-size: 1rem;
    font-weight: 600;
}

.nav-pills > li > a {
    border-radius: 0px;
}

.nav-pills > li + li {
    margin-left: 0px;
    margin-bottom: 1px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: rgb(255, 199, 51);
    color: rgb(0, 82, 57);
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li + li {
    margin-left: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
}

.nav-tabs-justified {
    border: none;
    width: 100%;
}

.nav-tabs-justified > li > a {
    border-radius: 0px;
    margin: 0px;
}

.nav-justified > li {
    float: none;
    border: none;
}

.nav-justified > li > a {
    text-align: center;
    border: none;
}

.nav-justified > .dropdown .dropdown-menu {
    left: auto;
    top: auto;
    border: none;
}

.nav-justified > li > a {
    color: rgb(0, 82, 57);
    border: none;
}

.nav-justified > li > a:hover {
    border: none;
    background: rgb(0, 0, 0);
    color: rgb(255, 199, 51);
}

.nav-tabs-justified > li > a {
    border-radius: 0px;
    border: none;
}

.nav-tabs.nav-justified > li > a {
    border-radius: 0px;
    border: none;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: none;
}

.nav-tabs-justified > li > a {
    border-radius: 0px;
    border: none;
    margin: 0px;
}

.tab-content > .tab-pane {
    background: rgb(255, 255, 255);
    display: none;
    margin: 0px;
    padding: 1rem;
    text-align: left;
}

.tab-content > .active {
    display: block;
    border: none;
}

.tab-wrap {
    margin: 1rem 0px;
}

.tab-content img {
    border-radius: 5px;
}

.tabs-left {
    border: none;
    text-align: left;
}

.tabs-left > li {
    border-radius: 0px;
    float: none;
    margin-right: -1px;
}

.tabs-left, .tabs-right {
    border: none;
}

.tabs-left > li, .tabs-right > li {
    float: none;
    border: none;
}

.tabs-left > li > a {
    color: rgb(0, 82, 57);
    display: block;
    font-weight: 600;
    margin-right: 0px;
    border: none;
}

.tabs-right > li > a {
    margin-right: 0px;
}

.list-group {
    padding-left: 0px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 1rem;
    background: rgb(242, 243, 244);
    border: none;
    margin-bottom: 1px;
}

.list-group-item-text {
    font-weight: 300;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: rgb(255, 199, 51);
    background-color: rgb(0, 82, 57);
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: rgb(238, 238, 238);
}

.list-group-item-heading {
    font-weight: 600;
    border: none;
}

.list-group-item:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.list-group-item:last-child {
    margin-bottom: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

a.list-group-item, button.list-group-item {
    color: rgb(0, 82, 57);
    font-size: 1rem;
    font-weight: 600;
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: rgb(0, 82, 57);
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: rgb(0, 82, 57);
    text-decoration: none;
    background: rgb(255, 199, 51);
}

.panel {
    box-shadow: none;
    background: rgb(255, 255, 255);
    border-radius: 0px;
}

.panel-title {
    font-size: 1.15rem;
}

.panel-title > a {
    display: block;
    text-decoration: none;
    font-weight: 600;
}

.panel-default {
    border: none;
    background: rgb(255, 255, 255);
    box-shadow: rgba(34, 34, 34, 0.1) 0px 2px 5px 2px;
}

.panel-default > .panel-heading {
    background: rgb(255, 255, 255);
    border-top: 0px;
    border-bottom: 1px solid rgb(255, 199, 51);
    border-radius: 0px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    background: rgb(255, 255, 255);
    border: none;
}

.panel-primary {
    border: none;
    background: none;
}

.panel-primary > .panel-heading {
    background: none;
    border-top: 1px solid rgb(0, 82, 57);
    border-radius: 0px;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    background: rgb(255, 255, 255);
    border-top: 1px solid rgb(255, 199, 51);
}

.panel-primary > .panel-heading .badge {
    color: rgb(0, 82, 57);
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border: none;
}

.panel-footer {
    border-top: 1px solid rgb(255, 199, 51);
    background-color: rgb(245, 245, 245);
}

.more-less {
    float: right;
    color: rgb(0, 82, 57);
}

.modal-title {
    font-weight: 400;
    font-size: 1.66rem;
    color: rgb(0, 0, 0);
}

@media (min-width: 992px) and (max-width: 1980px) {
    header .intro-text .intro-lead-in {
        font-family: Figtree, sans-serif;
        font-size: 1.33rem;
        margin-bottom: 35px;
    }

    header .intro-text .intro-heading {
        font-family: Figtree, sans-serif;
        font-size: 4rem;
    }

    .section-heading {
        font-size: 2.5rem;
        margin: 0px;
    }
}

@media (min-width: 1980px) {
    header .intro-text .intro-lead-in {
        font-size: 1.33rem;
    }

    header .intro-text .intro-heading {
        font-family: Figtree, sans-serif;
        font-size: 4rem;
    }

    .section-heading {
        font-size: 3.25rem;
        margin: 0px;
    }
}

@media (min-width: 1200px) {
    header.carousel .carousel {
        height: 50%;
    }

    header.carousel {
        height: 50%;
    }

    header .intro-text .intro-lead-in {
        font-size: 1.33rem;
    }

    header .intro-text .intro-heading {
        font-size: 4rem;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    header.carousel .carousel {
        height: 50%;
        z-index: 999;
    }

    header.carousel {
        height: 50%;
    }

    header.intro-text {
        padding: 1rem;
    }

    table thead {
        border: none;
        clip: rect(0px, 0px, 0px, 0px);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0px;
        position: absolute;
        width: 1px;
    }

    table tr {
        border-bottom: 1px solid rgb(51, 51, 51);
        display: block;
    }

    table td {
        border-bottom: none;
        display: block;
        text-align: left;
    }

    table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
}

@media (max-width: 768px) {
    body {
        background: rgb(0, 82, 57);
    }

    .btn {
        width: 100%;
    }

    header.carousel .carousel {
        height: 60%;
        z-index: 999;
    }

    header.carousel {
        height: 60%;
    }

    header .intro-text .intro-lead-in {
        font-weight: 300;
    }

    header .intro-text .intro-heading {
        font-family: Figtree, sans-serif;
        font-size: 2rem;
    }

    .nav-justified > li > a {
        text-align: center;
        font-size: 1rem;
        border: none;
    }

    @media (min-height: 480px) and (max-height: 768px) {
        header.carousel {
            height: 60%;
        }

        table thead {
            border: none;
            clip: rect(0px, 0px, 0px, 0px);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0px;
            position: absolute;
            width: 1px;
        }

        table tr {
            border-bottom: 1px solid rgb(51, 51, 51);
            display: block;
        }

        table td {
            border-bottom: none;
            display: block;
            text-align: left;
        }

        table td::before {
            content: attr(data-label);
            float: left;
            font-weight: bold;
            text-transform: uppercase;
        }
    }

    .vimeo {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        pointer-events: none;
        overflow: hidden;
    }

    .vimeo iframe {
        width: 100vw;
        height: 56.25vw;
        min-height: 100vh;
        min-width: 177.77vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.caret {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-left: none !important;
  border-bottom: none !important;
  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
  transform: rotate(135deg);
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  top: -3px; 
}

.open > .dropdown-toggle .caret {
  transform: rotate(315deg);
  top: 2px;
}