@import url("https://use.typekit.net/lrw3lpf.css");

:root {
    --ff1: oswald, sans-serif;
    --ff2: sofia-pro, sans-serif;
    --bdLight: 300;
    --bdRegular: 400;
    --bdMedium: 500;
    --bdSemiBold: 600;
    --bdBold: 700;
    --bd-action-red: #F0503E;
    --bd-dark-blue: #0A0A20;
    --bd-sky-blue: #4BC0C4;
}

html {
  	scroll-behavior: smooth;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--ff2);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ff1);
}

/*REM CALC*/

/*
1rem = 25.33px on 1440px width
remValue = designPixelValue / 25.33px (at 1440px viewport)
*/

@media (min-width: 48rem) {
    :root {
        font-size: calc(1rem + ((1vw - .48rem) * 1.389));
    }
}

.container {
    width: 100%;
    max-width: 47.3746rem;
}

/*  HEADER CSS  */
.desktop-header {
    min-height: 3.947rem;
    padding-top: 0.7895rem;
    padding-left: 0.43426rem;
    padding-right: 0.236rem;
    background-color: #fff;
    transition: .3s ease-in-out;
}

.desktop-header img {
    max-width: 5.7773rem;
    position: relative;
    z-index: 2;
    margin-bottom: -1.184rem;
    transition: .3s ease-in-out;
}

.main-menu {
    text-align: right;
    margin-bottom: 0px;
    margin-top: 0.1973rem;
}

.main-menu li {
    display: inline-flex;
    align-items: center;
}

.main-menu li:not(:last-child) {
    margin-right: 0.71061rem;
}

.main-menu li:not(:last-child) a {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7106rem;
    letter-spacing: 0.0355rem;
    line-height: 1.0659rem;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--bd-dark-blue);
}

.main-menu li:not(:last-child) a:hover {
    color: var(--bd-action-red);
}

.btn-red {
    width: 100%;
    height: 1.9739rem;  
    border: none;
    padding: 0 0.809rem;
    border-radius: 0.0789rem;
    background-color: var(--bd-action-red);
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    letter-spacing: 0.0394rem;
    line-height: 1.9344rem;
    text-transform: uppercase;
    color: #fff;
}

.btn-red:hover {
/*    color: var(--bd-dark-blue);*/
    color: #fff;
    background-color: var(--bd-sky-blue);
}

.main-menu li .btn-red {
/*     width: 5.9613rem; */
    width: 8.2905rem;
    padding: 0;
}

.main-menu li .btn-red:hover {  
    color: #fff;
    background-color: var(--bd-dark-blue);
}

.main-menu li .btn-red.disabled {
/* 	color: #fff !important; */
    background-color: #8A8A8A !important;
}

.desktop-header.scroll-header {
    min-height: 3.1583rem;
    padding-top: 0;
}

.desktop-header.scroll-header .row {
    align-items: center;
}

.desktop-header.scroll-header img {
    max-width: 4.7268rem;
	margin-top: 0.5921rem;
}

.desktop-header.scroll-header .main-menu {
    margin-top: 0;
}

/*  HERO CSS  */
.home-hero {
    position: relative;
/*    margin-top: -1.184rem;*/
}

.home-hero .carousel-indicators {
    left: auto;
    margin: 0 1.184rem 1.184rem 0;
}

.home-hero .carousel-indicators [data-bs-target] {
    width: 0.78957rem;
    height: 0.78957rem;
    border-radius: 50%;
    border: 1px solid var(--bd-action-red);
    background-color: #fff;
    margin-right: 0;
    margin-left: 0;
    opacity: 1;
    box-sizing: border-box;
}

.home-hero .carousel-indicators [data-bs-target]:not(:last-child) {
    margin-right: 0.592rem;
}

.home-hero .carousel-indicators .active {
    background-color: var(--bd-action-red);
}

.home-hero .carousel-inner {
    /* min-height: 21.318rem; */
    width: 100%;
}

.home-hero .carousel .carousel-item {
    /* min-height: 21.318rem; */
}

.ohdf-slide-image {
    display: block;
    width: 100%;
    min-height: 21.318rem;
    background-color: #D9D9D9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.odhf-hero-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
}

.odhf-hero-content h1 {
    font-weight: var(--bdMedium);
    font-size: 1.894rem;
    line-height: 2.803rem;
    letter-spacing: 0.0947rem;
    text-transform: uppercase;
    color: #FFF;
/*     text-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15); */
    text-shadow: 0px 0px 24px rgba(0, 0, 0, 0.50);
    margin-bottom: 0;
    margin-top: -0.1973rem;
}

/*  ABOUT FESTIVAL CSS  */
.ohdf-boxed-section {
    max-width: calc(100% - 2.3687rem);
    margin-inline: auto;
    border-radius: 2px;
}

.ohdf-about-festival {
    padding: 2.3687rem 0;
    margin-top: 1.1843rem;
    border-radius: 2px;
    background-color: var(--bd-dark-blue);
	scroll-margin-top: 3.9478rem;
}

.sub-heading {
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.1843rem;
    letter-spacing: 0.0394rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0.7895rem;
}

.ohdf-about-festival h2 {
    font-weight: var(--bdMedium);
    font-size: 1.2633rem;
    line-height: 1.5791rem;
    letter-spacing: 0.0631rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0.7895rem;
}

.ohdf-about-festival p {
    font-weight: var(--bdLight);
    font-size: 0.5921rem;
    line-height: 0.8882rem;
    color: #fff;
    max-width: 21.3185rem;
    margin-bottom: 0;
}

.ohdf-inline-btn {
    margin-top: 1.9739rem;
    margin-bottom: 0;
}

.btn-outline-white {
    width: 7.2641rem;
    height: 1.9739rem;
    border: 1px solid #fff;
    padding: 0 0.809rem;
    border-radius: 0.0789rem;
    background-color: transparent;
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    letter-spacing: 0.0394rem;
    line-height: 1.9344rem;
    text-transform: uppercase;
    color: #fff;
}

.btn-outline-white:hover {
    color: #fff;
    border-color: var(--bd-action-red);
    background-color: var(--bd-action-red);
}

.ohdf-right-img {
    max-width: 17.6865rem;
    margin-left: auto;
    margin-right: -1.5791rem;
}

.ohdf-right-img img {
    border-radius: 2px;
}

/*  SCHEDULE CSS  */
.ohdf-schedule {
    padding-top: 2.4082rem;
    padding-bottom: 1.5791rem;
	scroll-margin-top: 3.9478rem;
}

.ohdf-main-heading {
    font-size: 1.5791rem;
    font-weight: var(--bdMedium);
    line-height: 2.3292rem;
    letter-spacing: 0.0315rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.5396rem;
    color: #fff;
}

.ohdf-schedule .ohdf-main-heading {
    color: var(--bd-dark-blue);
}

.ohdf-date-bar {
    display: block;
    width: 100%;
    padding: 0 0.5921rem;
    border-radius: 2px;
    background-color: var(--bd-dark-blue);
    margin-bottom: 1.1843rem;
}

.ohdf-date-bar h3 {
    font-size: 0.7895rem;
    font-weight: var(--bdMedium);
    line-height: 1.5791rem;
    letter-spacing: 0.0394rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
}

.ohdf-schedule-post-box-warpper {
    margin-bottom: 2.3687rem;
}

.ohdf-schedule-post-box {}

.ohdf-schedule-post-image {
    display: block;
    width: 100%;
    min-height: 11.8436rem;
    border-radius: 2px 2px 0px 0px;
    background-color: #D9D9D9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.ohdf-schedule-post-image h5 {
    font-size: 0.7895rem;
    font-weight: var(--bdMedium);
    line-height: 1.5791rem;
    letter-spacing: 0.0394rem;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    padding: 0 0.5921rem;
    border-radius: 0px 2px;
    background-color: var(--bd-dark-blue);
    max-width: max-content;
    margin-left: auto;
}

.ohdf-schedule-post-content {
    padding: 1.1843rem 1.5791rem 1.1448rem 1.1054rem;
    border: 1px solid rgb(10 10 32 / 20%);
    border-top: none;
}

.ohdf-schedule-post-title {
    font-size: 1.2633rem;
    font-weight: var(--bdMedium);
    line-height: 1.5791rem; /* 40px */
    text-transform: uppercase;
    color: var(--bd-dark-blue);
    margin-bottom: 0.4342rem;
}

.ohdf-schedule-post-content h5 {
    font-size: 0.7106rem;
    font-weight: var(--bdLight);
    line-height: 1.0659rem;
    letter-spacing: 0.0355rem;
    text-transform: uppercase;
    color: var(--bd-dark-blue);
    margin-bottom: 0.6316rem;
}

.ohdf-schedule-post-content h5 span {
    margin: 0 0.2368rem;
}

.ohdf-schedule-post-content h5 a {
    font-weight: var(--bdRegular);
    color: var(--bd-sky-blue);
}

.ohdf-schedule-post-content h5 a:hover {
    text-decoration: none;
    color: var(--bd-dark-blue);
}

.ohdf-schedule-post-content p {
    font-size: 0.5921rem;
    font-weight: var(--bdLight);
    line-height: 0.9080rem;
    margin-bottom: 0.5921rem;
}

.ohdf-schedule-post-main-content p {
    margin-bottom: 1.3028rem;
} 

.ohdf-schedule-post-main-content h6 {
    margin-top: 1.1843rem;
    margin-bottom: 0.4342rem;
}

.ohdf-schedule-post-shortfilm {
    margin-top: 1.3028rem;
}

.ohdf-schedule-post-shortfilm:nth-child(2) {
    margin-top: 0;
}

.ohdf-schedule-post-content h6 {
    font-size: 0.5527rem;
    font-weight: var(--bdLight);
    line-height: 0.8290rem;
    letter-spacing: 0.0276rem;
    color: var(--bd-sky-blue);
    text-transform: uppercase;
    margin-bottom: 0.3947rem;
}

.ohdf-schedule-post-shortfilm .sub-heading {
    letter-spacing: 0;
    line-height: 0.9869rem;
    font-weight: var(--bdMedium);
    color: var(--bd-dark-blue);
    margin-bottom: 0.1184rem;
}

.ohdf-schedule-post-shortfilm h5 {
    font-size: 0.6316rem;
    margin-bottom: 0.1973rem;
}

.ohdf-schedule-post-sponsore-box {
    display: block;
    width: 100%;
    border-radius: 2px;
    padding: 0.5921rem 1.5791rem 0.8685rem 0.7895rem;
    background-color: rgb(75 192 196 / 10%);
    margin-top: 1.3028rem;
}

.ohdf-schedule-post-sponsore-box h6 {
    margin-bottom: 0.3158rem;
}

.ohdf-schedule-post-sponsore-box p {
    font-family: var(--ff2);
    font-weight: var(--bdMedium);
    font-size: 0.5527rem;
    line-height: 0.8290rem;
    margin-bottom: 0;
}

.ohdf-schedule-post-shortfilm h6 {
    margin-top: 1.1843rem;
    margin-bottom: 0.4342rem;
}

.ohdf-schedule-post-sponsore-box ul {
    margin-bottom: 0;
}

.ohdf-schedule-post-sponsore-box ul li {
    font-family: var(--ff2);
    font-weight: var(--bdMedium);
    font-size: 0.5527rem;
    line-height: 0.8290rem;
}

/*  ATTEND CSS  */
.ohdf-attend {
    padding: 2.4082rem 0 2.3687rem;
    background-image: url(/wp-content/uploads/2023/09/bg-img-attend.png);
    background-color: var(--bd-sky-blue);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	scroll-margin-top: 3.9478rem;
}

.ohdf-attend .ohdf-main-heading {}

.ohdf-attend-box-warpper {
    min-height: 11.8041rem;
    margin-bottom: 1.5791rem;
}

.ohdf-attend-box {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: #fff;
    padding: 1.5791rem 1.1843rem 1.1843rem;
    display: flex;
    flex-direction: column;
}

.ohdf-attend-box h3 {
    font-weight: var(--bdMedium);
    font-size: 1.2633rem;
    line-height: 1.5791rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0.6711rem;
    color: var(--bd-dark-blue);
}

.ohdf-attend-box p {
    font-size: 0.5921rem;
    font-weight: var(--bdLight);
    line-height: 0.9080rem; /* 22.5px */
    text-align: center;
    color: var(--bd-dark-blue);
    margin-bottom: 0.3947rem;
    flex-grow: 1;
}

.ohdf-attend-box .btn-red {}

.ohdf-attend-box .btn-red.disabled {
/* 	color: #fff !important; */
    background-color: #8A8A8A !important;
}

/*  FST INFO CSS  */
.ohdf-fest-info {
    margin-top: 1.1843rem;
    padding: 2.4082rem 0 2.1713rem;
    background-color: var(--bd-dark-blue);
	scroll-margin-top: 3.9478rem;
}

.ohdf-fest-info .ohdf-main-heading {
    margin-bottom: 2.3292rem;
}

.ohdf-info-content {
    margin-bottom: 1.6975rem;
}

.ohdf-info-content .sub-heading {
    margin-bottom: 0.4737rem;
}

.ohdf-info-content p {
    font-size: 0.5921rem;
    font-weight: var(--bdLight);
    line-height: 0.9080rem;
    color: #fff;
    margin-bottom: 0;
    max-width: 19.7394rem;
}

/*  SPONSORS CSS  */
.ohdf-sponsors {
    padding: 2.8030rem 0 4.0663rem;
    background-color: #fff;
	scroll-margin-top: 3.9478rem;
}

.ohdf-sponsors .ohdf-main-heading {
    margin-bottom: 2.3292rem;
    color: var(--bd-dark-blue);
}

.ohdf-sponsor-logo-warpper {
    min-height: 6.7114rem;
    margin-bottom: 1.1843rem;
    border-right: 1px solid rgb(10 10 32 / 20%);
}

.ohdf-sponsor-logo-warpper:nth-child(4n) {
    border-right: none;
}

.ohdf-sponsor-logo {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.ohdf-sponsor-logo img {
    max-width: 8.6853rem;
    max-height: 4.3426rem;
    margin: 0 auto;
}

.ohdf-sponsor-content {
    margin-top: 1.1843rem;
}

.ohdf-sponsor-content .sub-heading {
    color: var(--bd-dark-blue);
    text-align: center;
    margin-bottom: 0.6711rem;
}

.ohdf-sponsor-content p {
    font-size: 0.5921rem;
    font-weight: var(--bdLight);
    line-height: 0.9080rem; /* 22.5px */
    text-align: center;
    max-width: 23.6873rem;
    margin: 0 auto;
}

/*  FOOTER CSS  */
.odhf-footer {
    padding: 2.3687rem 0 2.3687rem;
    background-color: #E7513E;
}

.ohdf-footer-menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: max-content;
    column-gap: 1.9739rem;
}

.ohdf-footer-menu li {
    width: 5.9218rem;
    margin-bottom: 0.1579rem;
}

.ohdf-footer-menu li a {
    font-family: var(--ff1);
    font-size: 0.7106rem;
    font-weight: var(--bdLight);
    line-height: 1.0659rem;
    letter-spacing: 0.0355rem;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.ohdf-footer-menu li:last-child a {
    font-weight: var(--bdMedium);
}

.ohdf-footer-menu li a:hover {
    color: var(--bd-dark-blue);
}

.ohdf-footer-logo {
    display: block;
    width: 100%;
    max-width: 6.7114rem;
    margin-left: auto;
}

.ohddf-socail-icon {
    max-width: 6.7114rem;
    margin-left: auto;
    margin-top: 0.7500rem;
    margin-bottom: 0;
}

.ohddf-socail-icon li {}

.ohddf-socail-icon li:not(:last-child) {
    margin-right: 0.9474rem;
}

.ohddf-socail-icon li a {
    font-size: 0.7895rem;
    line-height: 0.9474rem;
    letter-spacing: 0.0394rem;
    text-transform: uppercase;
    color: #fff;
}

.instagram:hover {
    color: #d600a9;
}

.facebook:hover {
    color: #3b5998;
}

.ohdf-copyright {
    margin-top: 1.0659rem;
}

.ohdf-copyright-text {
    font-size: 0.5527rem;
    font-weight: var(--bdLight);
    line-height: 0.7106rem;
    letter-spacing: 0.0055rem;
    margin-bottom: 0;
    color: #fff;
    opacity: 0.6;
}

/*  SAVE DATE HEADER CSS  */
.odhf-date-warpper {
    width: 100%;
    min-height: 100vh;
    background-color: #E7513E;
    display: flex;
    flex-direction: column;
}

.odhf-date-header {
    padding-top: 0.7895rem;
    padding-inline: 0.4342rem;
/*    padding-bottom: 0.7895rem;*/
}

.odhf-date-header img {
    max-width: 5.7773rem;
}

.odhf-date-hero {
    padding-top: 1.5791rem;
    padding-bottom: 1.5791rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.odhf-date-hero-content {
    max-width: 30.3987rem;
    margin-inline: auto;
    text-align: center;
}

.odhf-date-hero-content .sub-heading {
    margin-bottom: 1.2238rem;
}

.odhf-date-hero-content h1 {
    font-weight: var(--bdMedium);
    font-size: 1.8949rem;
    line-height: 2.3687rem; /* 60px */
    letter-spacing: 0.0947rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.0264rem;
}

.odhf-date-hero-content p {
    font-weight: var(--bdLight);
    font-size: 0.5921rem;
    line-height: 0.9080rem;
    max-width: 21.3185rem;
    margin-inline: auto;
    color: #fff;
    margin-bottom: 0;
}

.odhf-date-hero-content p span {
    font-weight: var(--bdBold);
}

.odhf-date-hero-content p:not(:last-child) {
    margin-bottom: 0.5921rem;
}

.odhf-date-footer {
/*    padding-top: 0.7895rem;*/
    padding-bottom: 1.3028rem;
    padding-inline: 0.7895rem;
}

.odhf-date-footer-content-warpper {
    display: flex;
    align-items: center;
    justify-content: end;
}

.odhf-date-footer-content-warpper p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7106rem;
    line-height: 1.0659rem;
    letter-spacing: 0.0355rem;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-left: auto;
    color: #fff;
}

.odhf-date-footer .ohddf-socail-icon {
    max-width: max-content;
    margin-left: 1.1448rem;
    margin-top: 0;
}

.odhf-date-footer .ohddf-socail-icon li:not(:last-child) {
    margin-right: 0.9080rem;
}

@media (max-width: 1200px) {
    .ohdf-right-img {
        margin-right: 0;
    }
}