@charset "UTF-8";

/*
Theme Name: Ocean Week Canada
Theme URI: https://www.oceanweekcan.ca
Author: Dylan Neild (dylan@entremission.com) @ Entremission Inc.
Author URI: https://www.entremission.com
Description: The Ocean Week Canada Theme
Requires at least: 5.9
Tested up to: 5.9.2
Requires PHP: 7.4
Version: 1.0.2.10
Text Domain: owc
*/

/* HTML */
:root {
    --deep-sea-blue: #0D2E54;
    --inlet-blue: #005499;
    --pelagic-blue: #037EB6;
    --tidal-blue: #07B4D3;
    --sky-blue: #97C8D9;
    --marianas-trench: #041A30;
    --diz-yellow: #E2A914;
    --owc-white: #FFFFFF;
    --owc-grey: #999999;
    --owc-background: var(--marianas-trench);
    --owc-phone-it-in-white: rgba(255, 255, 255, 0.1);
    --owc-obstinent-grey: rgba(255, 255, 255, 0.8);
}

body {
    background-color: var(--owc-background);
    color: var(--owc-white);
    font-size: 1.138em;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

h1 {
    color: var(--diz-yellow);
    font-size: 3.85em;
    font-family: paralucent, sans-serif;
    font-weight: 900;
    font-style: normal;
    line-height: 92%;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

h2 {
    color: var(--tidal-blue);
    font-size: 3em;
    font-family: paralucent, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 95%;
}

h3 {
    color: var(--owc-white);
    font-size: 2.18em;
    font-family: paralucent, sans-serif;
    font-weight: 600;
    font-style: normal;
}

h4 {
    color: var(--diz-yellow);
    font-size: 1.67em;
    font-family: paralucent, sans-serif;
    font-weight: 600;
    font-style: normal;
}

h5 {
    color: var(--owc-white);
    font-size: 1.48em;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

hr {
    color: var(--diz-yellow);
    border: 0px solid;
    opacity: 1.0;
}

strong,
b {
    font-weight: 600;
}

a,
a:visited {
    color: var(--tidal-blue);
}

a:hover,
a:active {
    color: var(--diz-yellow);
}

/* BOOTSTRAP CUSTOMIZATIONS */

.btn {
    border-radius: 12px;
    padding: 6px 24px;
    text-transform: uppercase;
    font-size: 20px;
}

.btn-sm {
    padding: 3px 16px;
    border-radius: 8px;
    text-transform: uppercase;
    /* AW - fontsize adjustment (og: 16)*/
    font-size: 18px;
}

.btn:hover,
.btn:active {
    color: white !important;
}

.btn-primary, 
.btn-success,
.btn-info,
.btn-warning {
    color: var(--marianas-trench) !important;
}

.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:visited,
.btn-success:focus {
    background-color: var(--diz-yellow);
    border-color: var(--diz-yellow);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: var(--tidal-blue);
    border-color: var(--tidal-blue);
}

.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:visited,
.btn-info:focus {
    background-color: var(--sky-blue);
    border-color: var(--sky-blue);
}

.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:visited,
.btn-warning:focus {
    background-color: var(--deep-sea-blue);
    border-color: var(--deep-sea-blue);
}

.btn-warning:hover,
.btn-warning:active {
    color: var(--owc-grey) !important;
}

.navbar-toggler-icon {
    color: var(--owc-white);
}

/* Wordpress Block Customizations */

.is-style-fill a,
.wp-block-button a {
    background-color: var(--diz-yellow);
    color: var(--marianas-trench) !important;
    padding: 6px 24px;
    border-radius: 12px;
    text-transform: uppercase;
    font-size: 20px;
}

.is-style-fill a:hover,
.wp-block-button a:hover {
    color: white !important;
}

.is-style-owc-fill-small a {
    background-color: var(--diz-yellow);
    color: var(--marianas-trench) !important;
    padding: 3px 16px;
    border-radius: 8px;
    text-transform: uppercase;
    /* AW - fontsize adjustment (og: 16)*/
    font-size: 18px;
}

.is-style-owc-fill-small a:hover {
    color: white !important;
}

.is-style-outline a {
    background-color: var(--marianas-trench);
    border: 1px solid var(--diz-yellow);
    color: var(--diz-yellow) !important;
    padding: 6px 24px;
    border-radius: 12px;
    text-transform: uppercase;
    font-size: 20px;
}

.is-style-outline a:hover {
    color: white !important;
}

.is-style-owc-primary a {
    background-color: var(--tidal-blue);
    color: var(--marianas-trench) !important;
    padding: 6px 24px;
    border-radius: 12px;
    text-transform: uppercase;
    font-size: 20px;
}

.is-style-owc-primary a:hover {
    color: white !important;
}

.is-style-owc-primary-small a {
    background-color: var(--tidal-blue);
    color: var(--marianas-trench) !important;
    padding: 3px 16px;
    border-radius: 8px;
    text-transform: uppercase;
    /* AW - fontsize adjustment (og: 16)*/
    font-size: 18px;
}

.is-style-owc-primary-small a:hover {
    color: white !important;
}

.is-style-owc-warning a {
    background-color: var(--owc-phone-it-in-white);
    color: var(--owc-obstinent-grey) !important;
    padding: 6px 24px;
    border-radius: 12px;
    text-transform: uppercase;
    font-size: 20px;
}

.is-style-owc-warning a:hover {
    color: white !important;
}

.is-style-owc-warning-small a {
    background-color: var(--owc-phone-it-in-white);
    color: var(--owc-obstinent-grey) !important;
    padding: 3px 16px;
    border-radius: 8px;
    text-transform: uppercase;
    /* AW - fontsize adjustment (og: 16)*/
    font-size: 18px;
}

.is-style-owc-warning-small a:hover {
    color: white !important;
}

/* WordPress Custom Colours */

.has-deep-sea-blue-color {
    color: var(--deep-sea-blue);
}

.has-inlet-blue-color {
    color: var(--inlet-blue);
}

.has-pelagic-blue-color {
    color: var(--pelagic-blue);
}

.has-tidal-blue-color {
    color: var(--tidal-blue);
}

.has-sky-blue-color {
    color: var(--sky-blue);
}

.has-marianas-trench-color {
    color: var(--marianas-trench);
}

.has-diz-yellow-color {
    color: var(--diz-yellow);
}

.has-white-color {
    color: var(--owc-white);
}

.has-black-color {
    color: black;
}

.has-grey-color {
    color: var(--owc-grey);
}

.has-owc-phone-it-in-white-color {
    color: var(--owc-phone-it-in-white);
}

.has-owc-obstinent-grey-color {
    color: var(--owc-obstinent-grey);
}

/* WP Forms */

.wpforms-error {
    color: var(--diz-yellow) !important;
}

.wpforms-submit {
    background-color: var(--tidal-blue) !important;
    color: var(--marianas-trench) !important;
    padding: 6px 24px !important;
    border-radius: 12px !important;
    text-transform: uppercase !important;
    font-size: 24px !important;
    border: 0 !important;
}

.wpforms-submit:hover {
    color: white !important;
}

.wpforms-field-label {
    font-size: 24px !important;
    font-weight: 400 !important;
}

.wpforms-field-medium {
    display: block !important;
    width: 100% !important;
    padding: .375rem .75rem !important;
    font-weight: 400 !important;
    color: black !important;
    font-size: 24px !important;
    background-color: var(--owc-white) !important;
    border: 2px solid var(--diz-yellow) !important;
    border-radius: .25rem !important;
    height: unset !important;
    max-width: 100% !important;
}

.wpforms-required-label {
    color: var(--diz-yellow) !important;
}

.wpforms-confirmation-container-full {
    background-color: var(--tidal-blue);
    border-radius: 12px;
    border: 0;
    color: var(--marianas-trench);
    padding: 24px;
}

.wpforms-confirmation-container-full p {
    color: var(--marianas-trench);
}

/* OWC SPECIFIC */

/* Broad Legibility Increase */

.max-width,
.the-content p,
.the-content h4,
.wpforms-field-container {
    max-width: 870px;
    display: block;
}

.max-width.text-center {
    margin: 0 auto;
}

/* Header Nav Related */

.owc-nav-logo,
.owc-footer-logo {
    height: 80px;
    margin-left: -12px;
}

.owc-hamburger {
    color: var(--owc-white);
}

.owc-header-nav li a,
.owc-header-nav li a:active,
.owc-header-nav li div.btn-group button.dropdown-toggle {
    color: var(--owc-white);
    text-decoration: none;
    font-weight: 600;
}

.owc-header-nav li a:hover {
    color: var(--diz-yellow);
}

.owc-header-nav li div.btn-group button.dropdown-toggle {
    border: 0;
    border-radius: 0;
    margin-bottom: 8px;
}

.owc-header-nav li div.btn-group button:active,
.owc-header-nav li div.btn-group button:focus {
    outline: none;
    box-shadow: none;
    color: var(--diz-yellow);
}

.owc-header-nav li div.btn-group button.dropdown-toggle:hover {
    color: var(--diz-yellow);
}

.owc-header-nav li div.btn-group div.dropdown-menu {
    background-color: var(--owc-background);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 6px 32px;
    box-shadow: 3px 3px 12px black;
}

.owc-header-nav li div.btn-group div.dropdown-menu a {
    background-color: var(--owc-background);
    text-align: center;
    padding: 8px;
    color: white;
}

.owc-header-nav li div.btn-group div.dropdown-menu a:hover {
    color: var(--diz-yellow);
}

.owc-header-nav li div.btn-group div.dropdown-menu a:not(:last-child) {
    border-bottom: 1px solid #444;    
}

.owc-header-nav li.current-menu-item a,
.owc-header-nav li.current-menu-parent a,
.owc-header-nav li.current-menu-parent div.btn-group button,
.owc-header-nav li.current-menu-parent div.btn-group div.dropdown-menu a.current-menu-item {
    color: var(--diz-yellow);
}

.owc-header-nav li a:hover {
    color: var(--diz-yellow);
}

.owc-header-nav li {
    margin-left: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.owc-main-menu-collapse {
    background-color: var(--deep-sea-blue);
    border-radius: 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 0;
    border-right: 0;
    padding: 16px 0;
    margin: 16px 0;
}

.owc-main-menu-collapse a {
    color: white !important;
    padding: 8px 0;
    font-size: 20px;
}

.owc-main-menu-collapse a.current-menu-item {
    color: var(--diz-yellow) !important;
}


/* Secondary Header Nav */

.owc-secondary-header-nav li {
    margin-left: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.owc-secondary-header-nav li.current-menu-item a {
    color: var(--diz-yellow);
}

.owc-secondary-header-nav li a,
.owc-secondary-header-nav li a:active {
    color: var(--owc-grey);
    text-decoration: none;
    font-weight: 300;
    /* AW - fontsize adjustment (og: 14)*/
    font-size: 16px;
}

.owc-secondary-header-nav li a:hover {
    color: var(--diz-yellow);
}

/* Learning Hub Nav */

.owc-learning-hub-nav {
    padding-left: 0;
    margin-left: 0;
    z-index: 4;
}

.owc-learning-hub-nav li {
    list-style: none;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    /* AW - fontsize adjustment (og: 16)*/
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.owc-learning-hub-nav li a,
.owc-learning-hub-nav li a:active {
    text-decoration: none;
    color: white;
}

.owc-learning-hub-nav li a:hover {
    color: var(--diz-yellow);
}

.owc-learning-hub-nav li.current-menu-item a {
    color: #E2A914;
    border-bottom: 1px solid #E2A914;
}

/* Flexible Content Nav */

.owc-flexible-content-nav {
    padding-left: 0;
    margin-left: 0;
    z-index: 4;
}

.owc-flexible-content-nav li {
    list-style: none;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    /* AW - fontsize adjustment (og: 16)*/
    font-size: 18px;
    margin-bottom: 12px;
}

.owc-flexible-content-nav li a,
.owc-flexible-content-nav li a:active {
    text-decoration: none;
    color: white;
}

.owc-flexible-content-nav li a:hover {
    color: var(--diz-yellow);
}

.owc-flexible-content-nav li.current-menu-item a {
    color: #E2A914;
    border-bottom: 1px solid #E2A914;
}

/* Footer Related */

.owc-footer {
    background-color: var(--deep-sea-blue);
}

.owc-footer-logo {
    filter: brightness(0) invert(1);
}

.owc-footer-nav {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.owc-footer-nav li {
    margin-bottom: 18px;
}

/*.owc-footer-nav li.current-menu-item a {*/
/*    color: var(--diz-yellow);*/
/*}*/

.owc-footer-nav li a {
    color: var(--owc-white);
    text-decoration: none;
    font-size: 20px;
}

.owc-footer-nav li a:hover {
    color: var(--diz-yellow);
}

.owc-footer-nav li ul {
    list-style-type: none;
    padding: 0;
    margin: 8px 0 0;
}

.owc-footer-nav li ul li {
    margin-bottom: 0;
}

.owc-footer-nav li ul li a {
    color: var(--owc-grey);
    text-decoration: none;
    /* AW - fontsize adjustment (og: 16)*/
    font-size: 18px;
}

.owc-footer-nav li ul li a:hover {
    color: var(--diz-yellow);
}

/* Mobile Header Nav */

.owc-mobile-nav-container {
    margin-top: 12px;
    padding: 24px;
    background-color: var(--deep-sea-blue);
    border-radius: 6px;
    border: 0;
    margin-bottom: 6px;
}

/* Place a Yellow Border Around Something */

.owc-yellow-border {
    border: 2px solid var(--diz-yellow);
    border-radius: 20px;
}

/* Other Images */

.owc-image-header {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.owc-image-header-darken {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--marianas-trench);
    opacity: 0.3;
    z-index: 0;
}

.owc-image-header-overlay {
    position: relative;
    z-index: 1;
}

.owc-bubbles {
    background-image: url('/wp-content/themes/owc/assets/images/bubbles-12.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
}

/* Hero Image Items */

.owc-hero-header {
    position: relative;
    padding-bottom: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.owc-hero-header-darken {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent !important;
    z-index: 0;
}

.owc-hero-header-fader {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background-image: linear-gradient(to bottom, transparent, var(--marianas-trench))
}

.owc-hero-header-overlay {
    position: relative;
    z-index: 2;
}

.owc-hero-pull-back {
    margin-top: -75px !important;
    z-index: 3;
    position: relative;
}

/* Home Page */

#owc-launch-timer {
    margin-bottom: 300px;
}

.owc-home-view-all {
    color: white !important;
    text-decoration: none;
    text-transform: uppercase;
}

.owc-home-view-all:hover {
    color: var(--diz-yellow) !important;
}

.owc-home-panel-background {
    background-repeat: no-repeat;
    background-size: cover;
}

/* Facts */

.owc-fact-image-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.owc-fact-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Content Blocks */

.owc-content-block-image-link,
.owc-content-block-image-link:hover,
.owc-content-block-image-link:active {
    color: white !important;
}

.owc-content-block-main-image {
    height: 200px;
    text-align: center;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
    margin: 0 0 12px;
}

.owc-content-block-image {
    height: 100%;
    text-align: center;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
    margin: 0;
}

.owc-content-block-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.owc-content-clickable-block-image {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.owc-content-clickable-block-image img {
    height: 64px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.owc-content-block-image-play {
    font-size: 112px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.owc-content-block-image-mobile {
    height: 240px !important;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.owc-link-collection,
.owc-link-collection:focus {
    background-color: var(--owc-phone-it-in-white);
    border: 2px solid var(--diz-yellow);
    color: var(--diz-yellow);
    padding-left: 30px;
    font-size: 20px;
}

.owc-link-collection-addon {
    background-color: var(--diz-yellow);
    border: 2px solid var(--diz-yellow);
    color: white;
}

/* Misc */

.owc-vertical-centre {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.owc-rounded-white {
    background-color: white;
    border-radius: 12px;
}

.owc-marianas-trench-text {
    color: var(--marianas-trench);
}

.owc-coastal-challenge-photo {
    padding: 0;
    margin: 0;
    width: 90px;
}

.owc-coastal-challenge-flag {
    position: fixed;
    background-color: white;
    z-index: 1000;
    max-width: 256px;
    top: 0;
    left: 0;
    border-radius: 12px;
}

.owc-coastal-challenge-flag div {
    color: black;
    padding: 12px;
    /* AW - fontsize adjustment (og: 16)*/
    font-size: 18px;
}

/* Instagram */

.owc-social-grid-image {
    height: 100%;
    padding: 0;
}

.owc-social-grid-image img {
    max-height: 100%;
    aspect-ratio: 1/1;
    width: 100%;
    object-fit: cover;
}

.owc-social-grid-image video {
    max-height: 100%;
    aspect-ratio: 1/1;
    width: 100%;
    object-fit: cover;
}

/* Events Page */

.owc-events-search-field, .owc-events-search-field:focus {
    border: 1px solid #e1e1e1;
    border-right: 0;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    background-color: var(--tidal-blue);
    color: white;
    outline-width: 0;
    outline: none;
}

.owc-events-search-button {
    border: 1px solid #e1e1e1;
    border-left: 0;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    color: #e1e1e1;
}

.owc-events-type-link {
    color: white !important;
    text-decoration: none; 
    font-size: 0.8em;
}

.owc-events-type-link:hover {
    text-decoration: underline;
}

.owc-events-filter {
    background-color: var(--tidal-blue);
    padding: 8px;
}

.owc-events-title {
    color: var(--owc-white);
    font-weight: 200;
}

.facetwp-facet {
    margin-bottom: 0 !important;
}

.owc-events-card-container {
    min-height: 260px;
    /* max-height: fit-content; */
    box-sizing: border-box;    
}

.gm-style-iw {
    max-width: 300px !important;
    min-height: 150px;
}

.owc-events-card-container:link {
    text-decoration: none !important;
}

.owc-events-card {
    border-radius: 12px;
    overflow: hidden;
    background-color: var(--owc-white);
}

.owc-events-card:hover {
    border: 1px solid var(--diz-yellow);
}

.owc-events-card-image {
    height: 80px;
}

.owc-events-card-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.owc-events-card-content {
    line-height: 1;
}

.owc-events-card-title {
    color: var(--tidal-blue) !important;
    font-weight: 600 !important;
    /* AW - fontsize adjustment (og: 17)*/
    font-size: 17px !important;
    font-family: paralucent, sans-serif !important;
    overflow-wrap: break-word !important;
}

.owc-events-card:hover .owc-events-card-content .owc-events-card-title {
    overflow-wrap: break-word;
}

.owc-events-card-divider {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.owc-events-card-info {
    color: black !important;
    /* AW - fontsize adjustment (og: 14)*/
    font-size: 14px !important;
    font-family: "Poppins", sans-serif !important;
    line-height: 1.25rem;
}

.owc-events-card-date {
    font-weight: bold;
}

.owc-events-card-location {
    font-style: italic;
}

.owc-events-gallery-image {
    border-radius: 12px;
    background-size: cover;
    background-position: center;
}

.facetwp-page,
.page-numbers {
    font-size: 32px;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.page-numbers {
    margin-left: 0.125em;
    margin-right: 0.125em;
}

.facetwp-page.active {
    text-decoration: underline !important;
}

/* Google Maps Override */
.gm-style-iw-a,
.gm-style-iw-t {
    border: 0;
}

.gm-style-iw,
.gm-style-iw-c,
.gm-style-iw-d {
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    width: 100% !important;
}

.gm-style-iw button {
    display: none !important;
}

.gm-style-iw-d div {
    border-radius: 0;
}

.gm-style-iw-d div a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Temporary Splash */

.owc-nav-logo-splash {
    height: 80px;
    margin-left: 12px;
}

.owc-splash-share-link,
.owc-splash-share-link:hover {
    color: var(--tidal-blue);
}

.owc-splash-light-blue-text {
    color: var(--tidal-blue);
}

.owc-splash-background {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.owc-splash-blank-input,
.owc-splash-blank-input:focus {
    background-color: transparent;
    border: 2px solid var(--diz-yellow);
    border-radius: 20px;
    padding: 10px 10px 10px 20px;
    color: white;
}

.owc-splash-language-link,
.owc-splash-language-link:link {
    color: var(--tidal-blue) !important;
    /* AW - fontsize adjustment (og: 14)*/
    font-size: 16px;
    text-decoration: none;
}

.owc-splash-language-link:hover {
    color: var(--diz-yellow) !important;
}


/* Scaling */

/* lg+ Devices (Full Scale Nav) */
@media (min-width: 992px) {

    /* Nav Bar */
    .owc-nav-interface {
        height: 80px;
        background-color: var(--marianas-trench);
    }

    .owc-nav-container {
        height: 100%;
    }

    .owc-nav-container-split {
        height: 50%;
    }

    .owc-header-nav {
        float: right;
        padding-top: 4px;
    }

    .owc-header-nav li {
        text-align: right;
    }

    .owc-header-nav li {
        margin-left: 48px;
        margin-top: 8px;
    }

    .owc-secondary-header-nav {
        float: right;
    }

    .owc-secondary-header-nav li {
        margin-left: 24px;
    }

    .owc-splash-language-link,
    .owc-splash-language-link:link {
        /* AW - fontsize adjustment (og: 14px)*/

        font-size: 16px;
    }

    .owc-social-grid-image {
        height: 100%;
    }


    
    .btn {
        font-size: 24px;
    }

    .btn-sm {
        font-size: 16px;
    }

    .is-style-fill a,
    .wp-block-button a {
        font-size: 24px;
    }

    .is-style-owc-fill-small a {
        font-size: 16px;
    }

    .is-style-outline a {
        font-size: 24px;
    }

    .is-style-owc-primary a {
        font-size: 24px;
    }

    .is-style-owc-primary-small a {
        font-size: 16px;
    }

    .is-style-owc-warning a {
        font-size: 24px;
    }

    .is-style-owc-warning-small a {
        font-size: 16px;
    }

    .owc-learning-hub-nav {
        column-count: 2;
        padding-right: 250px
    }

    /* .owc-learning-hub-nav li {
        margin-right: 36px; */
        /* display: inline; */
        /* margin-bottom: 0;
    } */

    .owc-flexible-content-nav li {
        margin-right: 36px;
        display: inline;
        margin-bottom: 0;
    }

    .owc-content-block-main-image {
        height: 100%;
        margin: 0;
    }

    .owc-content-clickable-block-image img {
        height: 176px;
        width: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 12px;
    }

}