body {
    font-family: {{ db["font_family"] }};
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, 
.uk-heading-large, .uk-heading-medium, .uk-heading-small,
.uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: {{ db["font_family"] }};
}

.uk-navbar-nav > li > a {
    font-family: {{ db["font_family"] }};
}

header .uk-sticky {
    position: relative;
    z-index: 1;
    border-bottom: solid 2px {{ db["css"]["transparent_header_border"] }};
}

header .uk-sticky-fixed {
    border-bottom: solid 2px {{ db["css"]["scrolled_header_border"] }};
}

#logo-image {
    padding-right: 60px;
}

#logo-text {
    padding-right: 60px;
}

header .uk-sticky .uk-navbar-left {
    border-right: solid 2px {{ db["css"]["transparent_header_border"] }};
}

header .uk-sticky .uk-navbar {
    border-right: solid 2px {{ db["css"]["transparent_header_border"] }};
}

header .uk-sticky-fixed .uk-navbar-left {
    border-right: solid 2px {{ db["css"]["scrolled_header_border"] }};
}

header .uk-sticky-fixed .uk-navbar {
    border-right: solid 2px {{ db["css"]["scrolled_header_border"] }};
}

.uk-navbar-dropdown {
    border-top: solid 2px {{ db["css"]["header_dropdown_border"] }};
}

.uk-offcanvas-bar {
    background-color: {{ db["css"]["mobile_menu_background"] }};
}

.uk-offcanvas-bar a {
    color: {{ db["css"]["mobile_menu_font"] }};
}

.uk-offcanvas-bar .uk-close {
    color: {{ db["css"]["mobile_menu_font"] }};
}

header .uk-sticky .uk-navbar-nav > li > a {
   color: {{ db["css"]["transparent_header_font"] }}; 
}

header .uk-sticky .uk-navbar-nav > li > a:hover {
    color: {{ db["css"]["transparent_header_font_hover"] }}; 
}

header .uk-sticky-fixed .uk-navbar-nav > li > a {
    color: {{ db["css"]["scrolled_header_font"] }}; 
}

header .uk-sticky-fixed .uk-navbar-nav > li > a:hover {
    color: {{ db["css"]["scrolled_header_font_hover"] }}; 
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background-color: {{ db["css"]["scrolled_header_background"] }};
}

.uk-navbar-dropdown {
    background-color: {{ db["css"]["scrolled_header_background"] }};
}

nav.uk-navbar-container.uk-navbar-transparent {
    {% if db['css'].get('default_header_color') %}
    background-color: {{ db["css"]["default_header_color"] }};;
    {% endif %}
}

.uk-navbar-dropdown-nav > li > a {
    color: {{ db["css"]["scrolled_header_font"] }};
}

.uk-navbar-dropdown-nav > li > a:hover {
    color: {{ db["css"]["scrolled_header_font_hover"] }};
}

header .uk-sticky .uk-navbar-toggle {
    color: {{ db["css"]["transparent_header_font"] }};
}

header .uk-sticky .uk-navbar-toggle:hover {
    color: {{ db["css"]["transparent_header_font_hover"] }};
}

header .uk-sticky-fixed .uk-navbar-toggle {
    color: {{ db["css"]["scrolled_header_font"] }};
}

header .uk-sticky-fixed .uk-navbar-toggle:hover {
    color: {{ db["css"]["scrolled_header_font_hover"] }};
}

#canvas-footer {
    background-color: {{ db["css"]["footer_background"] }};
    color: {{ db["css"]["footer_text"] }};
}

#canvas-footer a{
    color: {{ db["css"]["footer_text"] }};
}

#footer-canvas-text .uk-icon:hover {
    color: {{ db["css"]["footer_text"] }};
}

#footer-canvas-text .uk-icon {
    color: {{ db["css"]["footer_text"] }};
}

#footer-social-list {
    display: flex;
    flex: 1;
    list-style-type: none;
    padding-left: 0px;
    height: 100%;
    flex-wrap: wrap;
}

#footer-canvas-text > p {
    margin-top: 0px;
    margin-left: 5px;
}

#footer-canvas-text > span {
    margin-top: 3px;
    margin-left: 5px;
}


#footer-social-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
}

#footer-social-list li a svg{
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer-social-list li svg {
    display: flex;
}

#footer-social-list li svg:hover {
    opacity: .65;
}

.footer-social-media {
    display: flex;
    justify-content: center;
    max-width: 40px;
}

#footer-social-container {
    display: flex;
    align-items: flex-start;
    /* flex: 1; */
}

.footer-social-media a svg{
    width: 30px;
    height: 30px;
}

#footer-social-list path {
    fill: {{ db["css"]["footer_text"] }}
}

#footer-social-list svg:hover {
    opacity: .9;
    -webkit-filter: grayscale(100%) sepia(100%);
    filter: grayscale(100%) sepia(100%);
}

@media screen and (max-width: 960px) {
    .uk-navbar {
        border-right: none;
    }

    .uk-navbar-left {
        border-right: none;
    }

    header {
        border-bottom: none;
    }

    header .uk-sticky {
        border-bottom: none;
    }

    header .uk-sticky .uk-navbar-left {
        border-right: none;
    }

    header .uk-sticky .uk-navbar {
        border-right: none;
    }
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.play-button::before {
    content: '';
    display: inline-block;
    margin-left: 4px;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent white;
}

.play-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.play-button:hover::before {
    border-left-color: #ddd;
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    margin-bottom: 20px; 
    height: 500px;
    overflow: hidden;
}

.video-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
		max-width: 100%;
}