@font-face {
    font-family: 'Oswald';
    src: url('../fonts/oswald/Oswald-Light.eot');
    src: url('../fonts/oswald/Oswald-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/oswald/Oswald-Light.woff2') format('woff2'),
        url('../fonts/oswald/Oswald-Light.woff') format('woff'),
        url('../fonts/oswald/Oswald-Light.svg#Oswald-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4';
    src: url('../fonts/sourceserif/SourceSerif4-Regular.eot');
    src: url('../fonts/sourceserif/SourceSerif4-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourceserif/SourceSerif4-Regular.woff2') format('woff2'),
        url('../fonts/sourceserif/SourceSerif4-Regular.woff') format('woff'),
        url('../fonts/sourceserif/SourceSerif4-Regular.ttf') format('truetype'),
        url('../fonts/sourceserif/SourceSerif4-Regular.svg#SourceSerif4-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Serif 4 Extra Light';
    src: url('../fonts/sourceserif/SourceSerif4-ExtraLight.eot');
    src: url('../fonts/sourceserif/SourceSerif4-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourceserif/SourceSerif4-ExtraLight.woff2') format('woff2'),
        url('../fonts/sourceserif/SourceSerif4-ExtraLight.woff') format('woff'),
        url('../fonts/sourceserif/SourceSerif4-ExtraLight.ttf') format('truetype'),
        url('../fonts/sourceserif/SourceSerif4-ExtraLight.svg#SourceSerif4-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Petrona Light';
    src: url('../fonts/petrona/Petrona-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


/* * {
    font-family: 'Oswald';
} */

.source-serif-4 {
    font-family: 'Source Serif 4';
}

.petrona-light {
    font-family: 'Petrona Light';
}

.logo { 
    transform: scale(0.9) translateY(-2px);
}

a.logo.m-0.float-start {
    text-decoration: none;
}

ul.dropdown li a {
    text-decoration: none;
}

/* NAVIGATION */

.main-nav {
    position: relative;
    width: 100%;
    background-color: rgb(34, 28, 90);
    padding: 10px 0;
}

a.navbar-brand {
    color:white;
}

.navbar-brand:focus, .navbar-brand:hover {
    color: white;
}

li.nav-item > a.nav-link.active {
    font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
}

li.nav-item > a.nav-link {
    font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
}

a.nav-link.dropdown-toggle.show {
    color: white;
}

.main-nav.container > li > a {
    font-family: 'Oswald';
    color:antiquewhite;
    font-size: 21px;
}

.img-link {
    cursor: pointer;
}

/* END NAVIGATION */

/* CONTENT */
div.container {
    font-family: 'Oswald';
    font-size: 21px;
}

div.site-cover.site-cover-sm.same-height.overlay.single-page::before {
    background: none;
}
/* END CONTENT*/


/* LOGIN AND LOGOUT */

a#login-button {
    transform: scale(0.9) translateY(-2px);
}

a#logout-button {
    transform: scale(0.9) translateY(-2px);
}

/* END LOGIN AND LOGOUT */

/* NOTIE ALERTS */
.notie-container {
    box-shadow: none;
}

/* END - NOTIE ALERTS */

/* DATE PICKER */
.datepicker {
    z-index: 10000;
}

.datepicker-dropdown {
    z-index: 10001;
}

.react-datepicker-wrapper {
    width: 100%;
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
    position: absolute;
    padding: 0.4rem;
    padding-top: 1.2rem;
    box-sizing: content-box;
}
/* END - DATE PICKER */


/* YOUTUBE IFRAME */

.videoWrapper {
    position: relative;
    padding-bottom: 20%;/*56.25%; /* 16:9 */
    height: 0;
  }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

/* END YOUTUBE IFRAME */

/* HUBS */
#hubs div.section-content-holder {
    min-height: 400px;
}
/* END HUBS */

/* POSTS */

#post-content {
    font-family: 'Petrona Light';
    /* font-size: 'x-large'; */
}

.post-content-body p {
    /* font-family: 'Petrona Light'; */
    text-align: justify;
}

/* END POSTS */

/* EVENTS */

#event-content {
    font-family: 'Petrona Light';
    /* font-size: 'x-large'; */
}

.event-content-body p {
    text-align: justify;
}

/* END EVENTS */

/* BIO */
.bio p {
    text-align: justify;
}
/* END BIO */

/* FOOTER */

.icon-youtube {
    font-size: 5rem
}

.icon-facebook {
    font-size: 5rem
}

/* END FOOTER */