:root {
    --gold: #beba54;
    --gold-rgb: 190, 186, 84;
    --gold-dull: #979666;
    --gold-dull-rgb: 151, 150, 102;
    --dark: #1d1811;
    --bg-grey: #f5f5ef;
    --bg-tan: #fbf7ee;
    --bg-light: var(--bg-tan);
    --bg-light: #fbf7ee;
    --bg-darker: #e9e9d6;
    --bg-darker-grey: #b5b5a5;
    --bg-blue: #efeff1;
    --bg-purple: #92278f;
    --bg-newb: #1eaee3;
    --bg-orange: #fe6500;
    --bg-green: #07bcb6;
    --bg-pink: #e72a52;
    --bg-blue: #efeff1;
    --primary: var(--bg-purple);
    --secondary: var(--bg-orange);
    --bs-primary: var(--bg-purple);
}

.bg-light {
    background-color: var(--bg-light);
}


.bg-purple {
    background-color: var(--bg-purple);
}


/* .dropdown-menu {
    padding: 5px;
    font-weight:bold;
    font-size: 18px;    
    color:#1eaee3;
    background:#1eaee3;
    -webkit-appearance: none;
    background-color: #1eaee3;
} */

.dropdown-menu {
    font-size: 18px;    
    -webkit-appearance: none;
    background-color: #1eaee3;
}
.dropdown-menu :hover{
    background-color: #1eaee3;
}
/* open-sans-300 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/open-sans/open-sans-v27-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/open-sans/open-sans-v27-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/fonts/open-sans/open-sans-v27-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/open-sans/open-sans-v27-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/open-sans/open-sans-v27-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-regular - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/open-sans/open-sans-v27-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/open-sans/open-sans-v27-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/fonts/open-sans/open-sans-v27-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/open-sans/open-sans-v27-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/open-sans/open-sans-v27-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-600 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/open-sans/open-sans-v27-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/open-sans/open-sans-v27-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/fonts/open-sans/open-sans-v27-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/open-sans/open-sans-v27-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/open-sans/open-sans-v27-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-800 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/open-sans/open-sans-v27-latin-800.eot');
    /* IE9 Compat Modes */
    src: local(''), url('/fonts/open-sans/open-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/open-sans/open-sans-v27-latin-800.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/fonts/open-sans/open-sans-v27-latin-800.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/open-sans/open-sans-v27-latin-800.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/open-sans/open-sans-v27-latin-800.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* playfair-display-regular - latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/playfair-display-v25-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('/fonts/playfair-display-v25-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/playfair-display-v25-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/fonts/playfair-display-v25-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/playfair-display-v25-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/playfair-display-v25-latin-regular.svg#PlayfairDisplay') format('svg');
    /* Legacy iOS */
}

/* playfair-display-800 - latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/playfair-display-v25-latin-800.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('/fonts/playfair-display-v25-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/playfair-display-v25-latin-800.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/fonts/playfair-display-v25-latin-800.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/playfair-display-v25-latin-800.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/playfair-display-v25-latin-800.svg#PlayfairDisplay') format('svg');
    /* Legacy iOS */
}

/* playfair-display-900 - latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/playfair-display-v25-latin-900.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('/fonts/playfair-display-v25-latin-900.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/playfair-display-v25-latin-900.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/fonts/playfair-display-v25-latin-900.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/playfair-display-v25-latin-900.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/playfair-display-v25-latin-900.svg#PlayfairDisplay') format('svg');
    /* Legacy iOS */
}

body {
    /* font-family: 'Open Sans', sans-serif; */
    font-family:'Lucida Sans', 'Lucida Sans Regular';

}

h1,
h2,
h3,
h4 {
    color: var(--dark);

}

h2.md {
    font-size: 38px;
}

h2.lg {
    font-size: 44px;
}

/* NAVBAR */

.navbar-brand img{
    height: 50px;
}

@media all and (max-width: 414px) {
    .navbar-brand img{
        height: 38px;
    }
}

.navbar.bg-gold {
    background-color: var(--gold-dull);
}

.navbar>.container {
    gap: 20px;
}


/* Bootstrap dropdown on hover */

.dropdown-toggle.show, .dropdown-toggle:hover, .dropdown-toggle:active{
    background-color: rgba(0, 0, 0, .3) !important;
    color: #fff;
}

.dropdown-item:focus, .dropdown-item:hover{
    background-color: rgba(0, 0, 0, .3) !important;
    color: #fff;
}

.dropdown-menu.show{
    background: var(--gold-dull) !important;
    border: none;
}

.dropdown-menu .dropdown-menu{
    padding: 0.5rem;
}

.dropdown-menu a{
    color: #fff !important;
}

/* ============ desktop view ============ */
/* @media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	 */
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
/* @media (max-width: 991px) {
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
}	 */
/* ============ small devices .end// ============ */

/* .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
}

.dropdown-menu {
    border-radius: 0;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--gold-dull);
} */


/* -- Video */

.fullscreen-bg {
    display: flex;
    height: 600px;
}

.fullscreen-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* -- CTA */

section.cta {
    max-width: fit-content;
    margin: 0 auto;
    position: relative;
    top: -40px;
}

section.cta ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    justify-content: center;
}

section.cta ul li {
    background: #fff;
    padding: 20px;
    min-width: 300px;
}


/* -- Articles */

.home-section {
    padding: 60px 0;
}

.home-section .card {
    border: none;
    height: 100%;
}

.home-section .card img.card-img-top {
    object-fit: cover;
    object-position: top;
    height: 320px;
    position: relative;
    background-color: var(--dark);
    clip-path: polygon(100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%, 0 0);
}

.home-section .card.video .img {
    position: relative;
}

.home-section .card.video .img::before {
    content: "\f144";
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    font-size: 60px;
    font-family: "Font Awesome 5 Free";
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
}

.home-section .card-body h4 a {
    color: var(--dark);
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
}

.home-section .card-body h6 {
    color: var(--gold-dull);
    font-weight:600 ;
    font-size: large;
}

.home-section .card-body .card-text a,
#events .card-body .card-text a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
}


/* -- Blocks */

/* -- Headers */

.header-horizontal{
    margin-bottom: 80px;
}

.header-horizontal h2{
    font-family: auto;
    font-weight: bold;
    font-size: 60px;
    line-height: 1em;
}
/* 
.header-horizontal.dark h2{
    color: #fff;
    text-shadow: 3px 3px rgba(0, 0, 0, .3);
}   

.header-horizontal.dark h6{
    letter-spacing: 1px;
} */


.header-horizontal.dark .btn-primary{
    color: #000;
    background: #fff;
    border-color: #555;
}

.header-horizontal.dark .btn-primary:hover{
    background: rgba(0, 0, 0, .1);

}

.header-horizontal.dark .btn-outline-secondary{
    color: #000;
    border-color: #000;
}
.header-horizontal.dark .btn-outline-secondary:hover{
    background: rgba(0, 0, 0, .1);
}

.header-horizontal .sa-img{
    height: 100%;
}

.header-horizontal .sa-img img{
    /* box-shadow: 10px 10px 0 rgba(0, 0, 0, .7); */
    position: relative;
    top: 40px;
}
/* -- GALLERY */

.gallery {
    display: grid;
    grid-template-columns: repeat(var(--gallery-columns, 3), 1fr);
    grid-gap: 20px;
}

.gallery a {
    display: flex;
    opacity: .8;
    transition: opacity, transform 0.3s;
}

.gallery a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #eee;
}

.gallery a:hover {
    opacity: 1;
    transform: scale(1.1);
}


/* LEFT IMAGE OVERLAP */

.block.image-overlap .container {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(7, 1fr);
}

@media (max-width: 991px) {
    .block.image-overlap .container {
        display: block;
    }
}

.block.image-overlap .container .img {
    grid-row: 1/8;
    z-index: 0;
}

.block.left.image-overlap .container .img {
    grid-column-start: 1;
    grid-column-end: 7;
}

.block.right.image-overlap .container .img {
    grid-column-start: 6;
    grid-column-end: 11;
}

.block.image-overlap .container .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block.image-overlap .container .text {
    background: #fff;
    grid-row: 2/7;
    z-index: 1;
    padding: 40px;
}

.block.image-overlap.left .container .text {
    grid-column-start: 6;
    grid-column-end: 11;
}

.block.image-overlap.right .container .text {
    grid-column-start: 1;
    grid-column-end: 7;
}

.left-img {
    margin: 20px 0;
}

.left-img .container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
}

.left-img .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.left-img .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.left-img .text h3 {
    font-family: 'Playfair Display', serif;
}

.left-img .text.box {
    background: #261f17;
    color: #e8e2dc;
    line-height: 1.4em;
    padding: 40px;
}


/* -- Timeline */

#timeline {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(var(--gold-dull-rgb), 1) 50%, rgba(var(--gold-dull-rgb), 1) calc(50% + 5px), rgba(255, 255, 255, 0) calc(50% + 5px), rgba(255, 255, 255, 0) 100%);
}

#timeline .episode {
    --padding: 80px;
    --vertical-offset: 50px;
    --bullet-height: 45px;
    --bullet-width: 50px;
    --line-width: 5px;
    padding: var(--padding) 0;
    position: relative;
    background-color: var(--section-bg-color, #fff);
}

#timeline .episode .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 160px;
}

#timeline .episode .img .img-caption {
    font-size: 14px;
    color: #777;
    padding: 10px;
}

#timeline .episode.right .img {
    order: 2;
}

#timeline .episode.right .img .img-caption {
    text-align: right;
}

#timeline .episode.right .text {
    order: 1;
}

#timeline .episode::before {
    content: "";
    top: calc(var(--vertical-offset) + var(--padding));
    width: var(--bullet-width);
    height: var(--bullet-height);
    background: #dbd5c8;
    position: absolute;
    left: calc(50% - var(--bullet-width) / 2 + var(--line-width) / 2);
    clip-path: polygon(0% 50%, 10% 50%, 30% 90%, 70% 90%, 90% 50%, 70% 10%, 30% 10%, 10% 50%, 0% 50%, 25% 0%, 75% 1%, 100% 50%, 75% 100%, 25% 100%);
}

#timeline .episode::after {
    z-index: 99;
    content: "";
    position: absolute;
    left: 50%;
    width: 5px;
    background: #dbd5c8;
    top: calc(var(--vertical-offset) + var(--padding) + var(--bullet-height));
    bottom: calc(-1 * ( var(--vertical-offset) + var(--padding) + 1px));
}

#timeline .episode:last-child:after {
    display: none;
}

#timeline .episode .img {
    position: relative;
    /* top: var(--vertical-offset); */
}

#timeline .episode .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    --nose-depth: 30px;
    --nose-height: 50px;
    --nose-start: var(--vertical-offset);
    --nose-mid: calc(var(--nose-start) + var(--nose-height) / 2);
    --nose-end: calc(var(--nose-start) + var(--nose-height));
    clip-path: polygon(0% 0%, calc(100% - var(--nose-depth)) 0, calc(100% - var(--nose-depth)) var(--nose-start), 100% var(--nose-mid), calc(100% - var(--nose-depth)) var(--nose-end), calc(100% - var(--nose-depth)) 100%, 0 100%);
}

#timeline .episode.right .img img {
    clip-path: polygon(var(--nose-depth) 0, 100% 0%, 100% 100%, var(--nose-depth) 100%, var(--nose-depth) var(--nose-end), 0 var(--nose-mid), var(--nose-depth) var(--nose-start));
}

#timeline .episode .text h4 {
    margin: 0;
    color: rgba(0, 0, 0, .5);
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3px;
}

#timeline .episode .text h3 {
    margin-bottom: 40px;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
}

@media all and (max-width: 390px) {
    #timeline .episode .container {
        display: block;
    }
    
    #timeline .episode {
        padding: 40px;
    }
    
    #timeline .episode::before {
        left: 20px;
        top: 90px;
        display: none;
    }
    
    #timeline .episode::after {
        display: none;
    }

    #timeline .episode.right .img,
    #timeline .episode.left .img{
        order: 1;
    }

    #timeline .episode.right .img img,
    #timeline .episode.left .img img{
        clip-path: none;
    }

    #timeline .episode.right .img .img-caption{
        text-align: left;
    }
}

.sa-section {
    padding: 80px 0;
}


.sa-section.sm .container{
    max-width: 800px;
    padding: 80px;
    background: #fff;
}



.sa-section:nth-child(even) {
    background-color: var(--bg-light);
}

.sa-section h2 {
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 36px;
}

.sa-section.sm h2{
    font-size: 48px;
}

.sa-section h4 {
    color: rgba(0, 0, 0, .5);
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: 1px;
}

.sa-img {}

.sa-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sa-img-title {
    color: #999;
    font-size: 14px;
    margin-top: 10px;
    max-width: 300px;
}

section.image-bg {
    position: relative;
}

section.image-bg.container {
    z-index: 2;
}

section.image-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: var(--bg-img) no-repeat;
}

section.image-bg h2 {
    color: #fff;
    margin: 100px 0;
    text-align: center;
    font-size: 70px;
    font-weight: 650;
    text-transform: uppercase;
}

@media all and (max-width: 390px) {
    .sa-section{
        padding: 40px;
    }
}

/* FOOTER */

footer a{
    color: var(--dark);
}

.article-img {
    object-fit: cover;
    height: 150px;
    position: relative;
    background-color: var(--dark);
}

/* ANIVERSARY */

.aniversary-header{
    width: 100%;
    filter: drop-shadow(5px 5px 0px rgba(0,0,0,.1));
}

/* Show More */

.trimmed .hidden{
    display: none;
}

.trimmed.show .hidden{
    display: initial;
}

.trimmed.show .show-more{
    display: none;
}