@import url("core/main.css");

@font-face
{
   font-family: 'Big Noodle'; /*a name to be used later*/
   src: url('/fonts/BigNoodle.eot#iefix') format('embedded-opentype'),
        url('/fonts/BigNoodle.ttf') format('truetype'); /*URL to font*/
}

@font-face
{
    font-family: 'Advent Pro'; /*a name to be used later*/
    src: url('/fonts/AdventPro.eot#iefix') format('embedded-opentype'),
         url('/fonts/AdventPro.ttf') format('truetype'); /*URL to font*/
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                    GLOBAL                                                                  | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

body,
button
{
    font-family: 'Big Noodle';
    letter-spacing: 4px;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                   HEADER CONTAINER                                                         | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.body .body-body
{
    border-top: 0.25rem solid #937631;
}

.body .body-header h1
{
    color: white;
    text-shadow: 0 0 20px black;
}

.body .body-header .img-container,
.body .body-header .img-container .img-container-content.fixed,
.body .body-header .video-container,
.body .body-header .video-container .video-background video.fixed,
.body .body-header .video-container .video-container-content.fixed
{
    height: 100vh;
    max-height: 900px;
}

.body .body-header .img-container,
.body .body-header .img-container .img-container-content.fixed
{
    max-height: 650px;
}

.body .body-header .img-container .img-container-content,
.body .body-header .video-container .video-container-content
{
    padding-left: 1rem;
    padding-top: 5rem;
}

.body .body-header .img-container .btn,
.body .body-header .video-container .btn
{
    margin-top: 1rem;
    margin-right: 0.85rem;
}

@media (max-width: 767px)
{
    .body .body-header .video-container .video-container-content,
    .body .body-header .img-container .img-container-content
    {
        position: relative;
    }

    .body .body-header .video-container .video-background
    {
        background-position: center;
        background-size: cover;
    }

    .body .body-header .img-container .img-background
    {
        background-attachment: initial !important;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                    DROPDOWN                                                                | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.dropdown-toggle::after
{
    margin-left: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                      BUTTON                                                                | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.btn
{
    border-radius: 0px;
    padding-right: 0.5rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
}

.btn-lg
{
    border: 2px solid #2a2f32;
    font-size: 1.5rem;
    padding-right: 0.8rem;
}

.btn-xxl
{
    letter-spacing: 6px;
    padding: 0.5rem 3.5rem;
    padding-bottom: 0.35rem;
    padding-right: 3.3rem;
    font-size: 2.5rem;
}

.btn-light
{
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-color: white;
}

.btn-dark
{
    color: #2a2f32;
    background-color: transparent;
}

.btn-dark:hover
{
    background-color: #2a2f32;
    border-color: #2a2f32;
}

.btn:not(.btn-icon) .icon
{
    width: 1.25rem;
    height: 1.25rem;
    margin-bottom: 0;
    margin-right: 0.5rem !important;
}

.btn.btn-dark .icon
{
    fill: #2a2f32 !important;
}

.btn.btn-dark:disabled .icon
{
    fill: white !important;
}

.btn.btn-dark:hover .icon
{
    fill: white !important;
}

.btn-close.btn-light,
.btn-close.btn-dark
{
    background-color: transparent;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                           MAP                                                              | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.map-element
{
    letter-spacing: initial;
    font-family: initial;
}

.map-element:after
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                           TEXT                                                             | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

@media (max-width: 991px)
{
    .body-header .h1, .body-header h1
    {
        font-size: 4rem;
    }

    .h1, h1
    {
        font-size: 3rem;
    }
}

@media (max-width: 467px)
{
    .body-header .h1, .body-header h1
    {
        font-size: 3rem;
    }

    .h1, h1
    {
        font-size: 2rem;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                           CARD                                                             | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.card,
.card .card-img-top,
.card .card-img-top .img-container
{
    border-radius: 0.5rem;
}

.card
{
    cursor: pointer;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
    transition: 0.25s box-shadow ease-in-out;
}

.card:hover
{
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.85);
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                  IG POST CARD GRID ELEMENT                                                 | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.ig-post-card-grid .card .card-body
{
    font-family: sans-serif;
    letter-spacing: initial;
    font-size: 0.9rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                   ALERT ELEMENT                                                            | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

body .body .alert-container .alert
{
    font-family: Advent Pro;
    letter-spacing: initial;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                   COOKIE AGREEMENT                                                         | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.cookie-agreement .btn
{
    letter-spacing: 3px;
}

.cookie-agreement p
{
    font-family: Advent Pro;
    letter-spacing: initial;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                   NEWSLETTER POPUP                                                         | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.newsletter-pop-up .modal .modal-header
{
    display: block;
    background-color: #434c51;
    color: white;
    font-weight: bold;
    text-align: center;
}

.newsletter-pop-up .modal .modal-content
{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 4px 2px 14px black;
}

.newsletter-pop-up .modal .modal-body form p
{
    font-family: 'Advent Pro';
    letter-spacing: initial;
    line-height: 2rem;
    font-size: 1.2rem;
    text-align: justify;
    margin-bottom: 1.5rem;
}

.newsletter-pop-up .modal .modal-body form .form-field .invalid-feedback
{
    font-family: 'Advent Pro';
    letter-spacing: initial;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* |                                                   FORM                                                                     | */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.form-field .invalid-feedback
{
    font-family: 'Advent Pro';
    letter-spacing: initial;
}

.form-field.form-select-input .dropdown-menu .dropdown-item.active,
.form-field.form-select-input .dropdown-menu .dropdown-item:active
{
    background-color: #3e464a;
}

.form-field .form-floating-label,
.form-field.form-select-input .dropdown .filter-option,
.form-field.form-select-input .dropdown-menu .dropdown-item
{
    letter-spacing: 2px;
}

body .body .alert-container 
{
    text-align: center;
}