/* Positioning */
/* Box Model */
/* Typography */
/* Visuals */
/* Visiblity */
/* Transitions & Animations */
/* Miscellaneous */
/* Media Queries */
/* Base Styles */
/* Main Styles */
/* Unscripted Logo */
/* Registration Form */
/* Form Fields */
/* Hover */
/* Focus */

/* ----------------------------------------------------- */

/* Base Body */

/* ----------------------------------------------------- */

/* Aurora Horizons HTML */

.aurora_horizons_html {
    /* Box Model */
    border: 1px solid #f0f0f0;
}

.aurora_horizons_html__header__navigation img {
    /* Box Model */
    width: 10%;
    height: 10%;
}

.aurora_horizons_html__main__search__logo img {
    /* Box Model */
    width: 15%;
    height: 15%;
}

.aurora_horizons_html__main__travels__slideshow__top {
    /* Positioning */
    display: flex;
    flex-direction: row;
}

.aurora_horizons_html__footer__logo img {
    /* Box Model */
    width: 15%;
    height: 15%;
}

/* ----------------------------------------------------- */

/* Travel Slider HTML */

.travel_slider_html {
    /* Box Model */
    width: 200px;
    height: 200px;
    /* Typography */
    color: #ffffff;
}

/* ----------------------------------------------------- */

/* Aurora Horizons CSS */

:root {
    /* Aurora Horizons Main */

    /* Box Model */
    --aurora_horizons_main: 1px solid #f0f0f0;

    /* Header Navigation Logo */

    /* Box Model */
    --header_navigation_logo_width: 30%;  
    --header_navigation_logo_height: 30%;

    /* Header Navigation Link */

    /* Box Model */
    --header_navigation_link_margin: 1rem;
    /* Typography */
    --header_navigation_link_font_size: 0.9rem;
    --header_navigation_link_color: #041a26;

    /* Main Search Section */

    /* Box Model */
    --main_search_section_height: 70vh;

    /* Main Search Section Logo */

    /* Box Model */
    --main_search_section_logo_width: 60%;
    --main_search_section_logo_height: 35%;

    /* Main Search Section Panel */

    /* Box Model */
    --main_search_section_panel_width: 90%;
    --main_search_section_panel_background_color: #083147;
    --main_search_section_panel_padding: 0.6rem;
    --main_search_section_panel_border_radius: 5px;
    --main_search_section_panel_margin_bottom: 2rem;

    /* Main Search Section Panel Search Bar */

    /* Box Model */
    --main_search_section_panel_search_bar_margin: 0.4rem;

    /* Main Search Section Panel Search Bar Input */

    /* Box Model */
    --main_search_section_panel_search_bar_input_width: 90%;
    --main_search_section_panel_search_bar_input_height: 5vh;
    /* Typography */
    --main_search_section_panel_search_bar_input_font_size: 1.2rem;

    /* Main Search Section Panel Search Bar Button */

    /* Box Model */
    --main_search_section_panel_search_bar_button_background_color: #c3a85a;
    --main_search_section_panel_search_bar_button_border: 1px solid #605024;
    /* Typography */
    --main_search_section_panel_search_bar_button_font_size: 1rem;
    --main_search_section_panel_search_bar_button_color: #ffffff;

    /* Main Search Section Panel Search Bar Button Hover */

    /* Box Model */
    --main_search_section_panel_search_bar_button_hover_background_color: #9f8845;

    /* Main Travels Slideshow */

    /* Box Model */
    --main_travels_slideshow_width: 100%;
    --main_travels_slideshow_height: 21vh;
    --main_travels_slideshow_background_color: #083147;

    /* Footer */

    /* Box Model */
    --footer_padding: 2rem;

    /* Footer Logo */

    /* Box Model */
    --footer_logo_width: 10rem;
    --footer_logo_height: 10rem;

    /* Footer About Us */

    /* Box Model */
    --footer_about_us_padding_left: 2rem;
    --footer_about_us_border: 1px solid #c4c5c6;
    /* Typography */
    --footer_about_us_color: #073146;

    /* Footer About Us H2 */
    
    /* Typography */
    --footer_about_us_h2_color: #0a3952;

    /* Footer About Us Link Hover */
    
    /* Typography */
    --footer_about_us_link_hover_color: #020c12;
}

/* Tablet (portrait/landscape) styles */
@media (min-width: 768px) and (max-width: 1367px) {
    :root{
        /* Header Navigation Logo */

        /* Box Model */
        --header_navigation_logo_width: 15%;  
        --header_navigation_logo_height: 15%;
        
        /* Main Search Section Logo */

        /* Box Model */
        --main_search_section_logo_width: 20rem;
        --main_search_section_logo_height: 20rem;

        /* Main Search Section Panel */
        
        /* Box Model */
        --main_search_section_panel_width: 90%;
        --main_search_section_panel_margin_bottom: 3rem;
        
        /* Main Search Section Panel Search Bar Input */

        /* Box Model */
        --main_search_section_panel_search_bar_input_width: 80%;

        /* Footer */

        /* Box Model */
        --footer_padding: 2rem;

        /* Footer Logo */

        /* Box Model */
        --footer_logo_width: 15rem;
        --footer_logo_height: 15rem;
    }
}

/* Desktop styles */
@media (min-width: 1368px) {
    :root{
        /* Header Navigation Logo */
        
        /* Box Model */
        --header_navigation_logo_width: 7.5%;  
        --header_navigation_logo_height: 7.5%;

        /* Main Search Section Logo */

        /* Box Model */
        --main_search_section_logo_width: 30%;
        --main_search_section_logo_height: 120%;

         /* Main Search Section Panel */

        /* Box Model */
        --main_search_section_panel_width: 80%;
        --main_search_section_panel_margin_bottom: 3rem;

        /* Main Search Section Panel Search Bar Input */

        /* Box Model */
        --main_search_section_panel_search_bar_input_width: 85%;

        /* Footer */

        /* Box Model */
        --footer_padding: 2rem;

        /* Footer Logo */

        /* Box Model */
        --footer_logo_width: 15rem;
        --footer_logo_height: 15rem;
    }
}

.aurora_horizons_css {
    /* Box Model */
    border: var(--aurora_horizons_main);
}

/* ----------------------------------------------------- */

/* Travel Slider CSS */

.travel_slider_css {
    /* Positioning */
    position: relative;
    overflow: hidden;
    /* Box Model */
    width: 100%;
    /* Typography */
    font-family: 'DMSans';
    font-weight: 100;
    color: #ffffff;
    /* Miscellaneous */
    cursor: pointer;
    /* Transitions & Animations */
    transition: 0.3s ease;
}

/* ----------------------------------------------------- */

/* Aurora Horizons Main */

.aurora_horizons {
    /* Box Model */
    border: var(--aurora_horizons_main);
}

.aurora_horizons__header__navigation {
    /* Positioning */
    display: flex;
    flex-direction: row;
    align-items: center;
}

.aurora_horizons__header__navigation img {
    /* Box Model */
    width: var(--header_navigation_logo_width);
    height: var(--header_navigation_logo_height);
}

.aurora_horizons__header__navigation a {
    /* Positioning */
    position: relative;
    /* Box Model */
    margin: var(--header_navigation_link_margin);
    /* Positioning */
    cursor: pointer;
    /* Typography */
    font-family: 'DMSans';
    font-size: var(--header_navigation_link_font_size);
    text-decoration: none;
    color: var(--header_navigation_link_color);
}

.aurora_horizons__header__navigation a::after {
    /* Positioning */
    position: absolute;
    bottom: -2px;
    left: 0%;
    transform: scaleX(0);
    transform-origin: center;
    /* Box Model */
    background-color: #083147;
    width: 100%;
    height: 0.1px;
    content: "";
    /* Transitions & Animations */
    transition: transform 0.3s ease;
}

.aurora_horizons__header__navigation a:hover::after {
    /* Positioning */
    transform: scaleX(1);
}

/* Desktop styles */
@media (min-width: 1368px) {
    .aurora_horizons__header__navigation a {
        /* Typography */
        font-size: 1rem;
    }
}

.aurora_horizons__header__offer {
    /* Positioning */
    display: flex;
    align-items: center;
    justify-content: center;
    /* Box Model */
    background-color: #083147;
    padding-top: 5px;
    padding-bottom: 5px;
    /* Typography */
    font-family: 'DMSans';
    color: #ffffff;
}

.aurora_horizons__main__search {
    /* Positioning */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* Box Model */
    height: 70px;
    width: inherit;
    height: auto;
    background-image: url('/static/static_images/backgrounds/aurora_horizons_landing_page_background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* Typography */
    font-family: 'Roboto';
    color: #ffffff;
}

.aurora_horizons__main__search__logo {
    /* Box Model */
    width: var(--main_search_section_logo_width);
    height: var(--main_search_section_logo_height);
    /* Miscellaneous */
    cursor: pointer;
}

.aurora_horizons__main__search__logo img {
    /* Box Model */
    width: 100%;
    height: 100%;
}

.aurora_horizons__main__search__panel {
    /* Positioning */
    display: flex;
    flex-direction: column;
    /* Box Model */
    width: var(--main_search_section_panel_width);
    background-color: var(--main_search_section_panel_background_color);
    padding: var(--main_search_section_panel_padding);
    border-radius: var(--main_search_section_panel_border_radius);
    margin-bottom: var(--main_search_section_panel_margin_bottom);
}

.aurora_horizons__main__search__panel__search_bar {
    /* Positioning */
    display: flex;
    flex-direction: row;
    align-items: center;
    /* Box Model */
    margin: var(--main_search_section_panel_search_bar_margin);
}

.aurora_horizons__main__search__panel__search_bar input {
    /* Box Model */
    width: var(--main_search_section_panel_search_bar_input_width);
    height: var(--main_search_section_panel_search_bar_input_height);
    border: 1px solid #8b8b8b;
    /* Typography */
    font-size: var(--main_search_section_panel_search_bar_input_font_size);
}

/* Desktop styles */
@media (min-width: 1368px) {
    .aurora_horizons__main__search__panel {
        /* Box Model */       
        padding: 0.7%;
        border-radius: 5px;
    }
   
    .aurora_horizons__main__search__panel__search_bar {
        /* Box Model */
        margin: 15px;
    }

    .aurora_horizon__main__search__panel__search_bar input {
        /* Box Model */
        width: 700px;
        height: 50px;
        /* Typography */
        font-size: 1.4rem;
    }
}

.aurora_horizons__main__search__panel__search_bar input:hover {
    /* Box Model */
    border: 1px solid #8b8b8b;
}

.aurora_horizons__main__search__panel__search_bar input:focus {
    /* Box Model */
    outline: none;
    border: 1px solid #000000;
}

.aurora_horizons__main__search__panel__search_bar button {
    /* Positioning */
    /* Box Model */
    width: 20%;
    height: 5vh;
    background-color: var(--main_search_section_panel_search_bar_button_background_color);
    border: var(--main_search_section_panel_search_bar_button_border);
    margin-left: 1rem;
    /* Typography */
    font-family: 'DMSans';
    font-size: var(--main_search_section_panel_search_bar_button_font_size);
    color: var(--main_search_section_panel_search_bar_button_color);
    /* Miscellaneous */
    cursor: pointer;
}

/* Desktop styles */
@media (min-width: 1368px) {
    .aurora_horizons__main__search__panel__search_bar button {   
        /* Positioning */  
        /* Box Model */
        width: 15%;
        height: 7vh;
        margin-left: 1rem;
    }
}

.aurora_horizons__main__search__panel__search_bar button:hover {
    /* Box Model */
    background-color: var(--main_search_section_panel_search_bar_button_hover_background_color);
}

.aurora_horizons__main__search__panel__options {
    /* Positioning */
    display: flex;
    flex-direction: row;
    align-self: left; 
    /* Box Model */
    margin-left: 15px;
    margin-right: 15px;
}

.aurora_horizons__main__search__panel__options__passengers {
    /* Positioning */
    position: relative;
}

.aurora_horizons__main__search__panel__options__passengers__caption__display {
    /* Positioning */
    display: flex;
    align-items: center;
    /* Box Model */
    width: 200px;
    height: 35px;
    background-color: white;
    padding-left: 10px;
    border: 1px solid #8b8b8b;
    /* Typography  */
    color: black;
    /* Miscellaneous */
    cursor: pointer;
}

.aurora_horizons__main__search__panel__options__passengers__caption__display.active {
    /* Box Model */
    border: 1px solid #000000;
}

.aurora_horizons__main__search__panel__options__passengers__options {
    /* Positioning */
    position: absolute;
    display: none;
    /* Box Model */
    background-color: #ffffff;
    border: 1px solid #bcbcbc;
    /* Typography */
    color: #000000;
    /* Visibility */
    opacity: 0;
    /* Transitions & Animations */
    transition: opacity 0.3s ease;
}

.aurora_horizons__main__search__panel__options__passengers__options.visible {
    /* Positioning */
    display: block; 
    /* Visibility */
    opacity: 1;
}

.aurora_horizons__main__search__panel__options__passengers__options__adults, .aurora_horizons__main__search__panel__options__passengers__options__children {
    /* Positioning */
    display: flex;
    flex-direction: row;
    /* Box Model */
    padding: 10px;
}

label[for="adults"], label[for="children"] {
    /* Positioning */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    /* Box Model */
    width: 70px;
}

.plus_number_of_adult_passengers, .minus_number_of_adult_passengers, .plus_number_of_children_passengers, .minus_number_of_children_passengers {
    /* Box Model */
    width: 30px;
    height: 30px;
    background-color: #083147;
    outline: none;
    border: 2px solid #06202e;
    /* Typography */
    font-family: 'DMSans';
    color: white;
    /* Miscellaneous */
    cursor: pointer;
}

.plus_number_of_adult_passengers:active, .minus_number_of_adult_passengers:active, .plus_number_of_children_passengers:active, .minus_number_of_children_passengers:active {
    /* Box Model */
    background-color: #041823;
}

.number_of_adult_passengers, .number_of_children_passengers {
    /* Positioning */
    /* Box Model */
    width: 25px;
    padding-left: 20px;
    outline: none;
    border: none;
}

.aurora_horizons__main__search__panel__options__hotel_stars {
    /* Box Model */
    margin-left: 25px;
}

@media (max-width: 767px) {
    .aurora_horizons__main__search__panel__options {
        /* Box Model */
        margin-left: 0.15rem;
        margin-right: 0rem;
    }

    .aurora_horizons__main__search__panel__options__hotel_stars {
        /* Box Model */
        margin-left: 0.35rem;
    }
}

.aurora_horizons__main__search__panel__options__hotel_stars__stars {
    /* Positioning */
    display: flex;
    flex-direction: row;
    /* Typography */
    font-size: 30px;
}

.aurora_horizons__main__search__panel__options__hotel_stars__stars div {
    /* Typography */
    color: #C3A85A;
    /* Miscellaneous */
    cursor: pointer;
}

.aurora_horizons__main__travels {
    /* Positioning */
    display: flex;
    flex-direction: column;
}

.aurora_horizons__main__travels__create_travel {
    /* Box Model */
    background-color: #083147;
}

.aurora_horizons__main__travels__create_travel form {
    /* Positioning */
    display: flex;
    flex-direction: column;
    /* Box Model */
    padding: 20px;
    /* Typography */
    font-family: 'Roboto';
    color: #ffffff;
}

.aurora_horizons__main__travels__create_travel h1 {
    /* Box Model */
    margin-top: 0px;
    margin-bottom: 20px;
}

.aurora_horizons__main__travels__create_travel p {
    /* Box Model */
    margin-top: 0px;
    margin-bottom: 20px;
}

.aurora_horizons__main__travels__create_travel form input[name="destination"] {
    /* Box Model */
    height: 30px;
    outline: 1px solid #8a8a8a;
    border: 0px;
    margin-top: 5px;
    margin-bottom: 10px;
    /* Typography */
    font-size: 23px;
}

.aurora_horizons__main__travels__create_travel form input[name="destination"]:hover {
    /* Box Model */
    outline: 1px solid #272727;
    /* Typography */
}

.aurora_horizons__main__travels__create_travel form input[name="destination"]:focus {
    /* Box Model */
    outline: 1px solid #272727;
    /* Typography */
}

#id_destination_placeholder {
    /* Positioning */
    display: none;
}

.aurora_horizons__main__travels__create_travel form button[type="submit"] {
    /* Positioning */
    /* Box Model */
    background-color: #c3a85a;
    border: 1px solid #605024;
    margin-top: 5px;
    margin-bottom: 10px;
    /* Typography */
    font-family: 'DMSans';
    font-size: 16px;
    color: #ffffff;
    /* Miscellaneous */
    cursor: pointer;
}

.aurora_horizons__main__travels__create_travel form button[type="submit"]:hover {
    /* Box Model */
    background-color: #9f8845;
}

.aurora_horizons__main__travels__slideshow {
    /* Positioning */
    display: flex;
    flex-direction: column;
    /* Box Model */
    background-color: #083147;
}

.aurora_horizons__main__travels__slideshow__top,
.aurora_horizons__main__travels__slideshow__middle,
.aurora_horizons__main__travels__slideshow__bottom {
    /* Positioning */
    display: flex;
    flex-direction: row;
    /* Box Model */
    width: max-content;
    min-width: 200%;
}

.aurora_horizons__main__travels__slideshow__top {
    /* Positioning */
    display: flex;
    flex-direction: row;
    /* Transitions & Animations */
    animation: scroll-left 160s linear infinite;
}

.aurora_horizons__main__travels__slideshow__top:hover {
    /* Transitions & Animations */
    animation-play-state: paused;
}

.aurora_horizons__main__travels__slideshow__middle {
    /* Positioning */
    display: flex;
    flex-direction: row;
    /* Transitions & Animations */
    animation: scroll-right 160s linear infinite;
}

.aurora_horizons__main__travels__slideshow__middle:hover {
    /* Transitions & Animations */
    animation-play-state: paused;
}

.aurora_horizons__main__travels__slideshow__bottom {
    /* Positioning */
    display: flex;
    flex-direction: row;
    /* Transitions & Animations */
    animation: scroll-left 160s linear infinite;
}

.aurora_horizons__main__travels__slideshow__bottom:hover {
    /* Transitions & Animations */
    animation-play-state: paused;
}

@keyframes scroll-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@keyframes scroll-right {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

.aurora_horizons__footer {
    /* Positioning */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    /* Box Model */
    padding: var(--footer_padding);
}

.aurora_horizons__footer__logo {
    /* Positioning */
    overflow: hidden;
    /* Box Model */
    width: var(--footer_logo_width);
    height: var(--footer_logo_height);
    /* Miscellaneous */
    cursor: pointer;
}

.aurora_horizons__footer__logo img {
    /* Positioning */
    /* Box Model */
    width: 100%;
    height: 100%;
}

.aurora_horizons__footer__about_us {
    /* Positioning */
    display: flex;
    flex-direction: column;
    /* Box Model */
    padding-left: var(--footer_about_us_padding_left);
    border-left: var(--footer_about_us_border);
    /* Typography */
    font-family: 'DMSans';
    color: var(--footer_about_us_color);
}

.aurora_horizons__footer__about_us h2 {
    /* Typography */
    color: var(--footer_about_us_h2_color);
}

.aurora_horizons__footer__about_us a {
    /* Miscellaneous */
    cursor: pointer;
}

.aurora_horizons__footer__about_us a:hover {
    /* Typography */
    color: var(--footer_about_us_link_hover_color);
}

/* ----------------------------------------------------- */

/* Destination Placeholder Choices */

.destination_placeholder_choices {
    /* Box Model */
    margin-top: 5px;
    margin-bottom: 5px;
}

.destination_placeholder_choices__selection {
    /* Box Model */
    background-color: #ffffff;
    padding: 10px;
    /* Typography */
    color: #000000;
    /* Miscellaneous */
    cursor: pointer;
}

.destination_placeholder_choices__options {
    /* Positioning */
    display: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    /* Box Model */
    width: 0.4remx;
    background-color: #d30000;
    padding: 5px;
}

.destination_placeholder_choices__options.visible {
    /* Positioning */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    /* Box Model */
    width: 100%;
    background-color: #ffffff;
    padding: 5px;
    /* Visibility */
    overflow: scroll;
}

/* Tablet (portrait/landscape) styles */
@media (min-width: 768px) and (max-width: 1367px) {
    .destination_placeholder_choices__options.visible {
        /* Box Model */
        width: 47.5%;
    }
}

/* Desktop styles */
@media (min-width: 1368px) {
    .destination_placeholder_choices__options.visible {
        /* Box Model */
        width: 30%;
    }
}

.destination_placeholder_choices__options div {
    /* Box Model */
    width: 100px;
    height: 100px;
    /* Miscellaneous */
    cursor: pointer;
}

.destination_placeholder_choices__options div:hover {
    /* Box Model */
    opacity: 0.9
}

.destination_placeholder_choices__options div img {
    /* Box Model */
    width: 100px;
    height: 100px;
}

/* ----------------------------------------------------- */

/* Travel Slider */

.travel_slider {
    /* Positioning */
    position: relative;
    flex: 0 0 auto;
    /* Box Model */
    width: 280px;
    height: 180px;
    /* Typography */
    font-family: 'DMSans';
    font-weight: 100;
    color: #ffffff;
    /* Visibility */
    overflow: hidden;
    /* Transitions & Animations */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transition: 0.3s ease;
    /* Miscellaneous */
    cursor: pointer;
}

.travel_slider:hover {
    /* Box Model */
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.travel_slider:hover {
    /* Box Model */
    box-shadow: inset 0 0 50px 15px rgba(0,0,0,0.2);
    margin: 10px;
}

.travel_slider__information {
    /* Positioning */
    position: absolute;
    bottom: 10px;
    right: 20px;
    /* Box Model */
    /* Visibility */
    opacity: 0;
    /* Transitions & Animations */
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

/* ----------------------------------------------------- */