/**
* TRIP ARCHIVE PAGE
**/

.trip_single_container {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px!important;
    position: relative;
    transition: box-shadow ease-in-out 0.2s;
    border: 1px solid #fafafa;
}

.trip_single_container:hover {    
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.trip_single_container > a {
    position: absolute;
    height: 100%; 
    width: 100%;
}

.trip_single_container > .trip_single {
    display: flex;
    height: 100%;
}

.trip_single_container > .trip_single > .trip_start_col { /**/ }

.trip_single_container > .trip_single > .trip_start_col > .trip_thumbnail_container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.trip_single_container > .trip_single > .trip_start_col > .trip_thumbnail_container > .trip_thumbail {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform ease-out 0.2s;
}

.trip_single_container:hover > .trip_single > .trip_start_col > .trip_thumbnail_container > .trip_thumbail {
    transform: scale(1.05);
}

.trip_single_container > .trip_single > .trip_middle_col {/**/}

.trip_single_container > .trip_single > .trip_middle_col > .trip_title > h3{
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    font-family: 'Rubik';
    font-weight: bolder;
}
    
.trip_single_container > .trip_single > .trip_middle_col > .trip_facts_container {
    display: flex;
    flex: 1;
    margin-top: 12px;
}

.trip_single_container > .trip_single > .trip_middle_col > .trip_facts_container > .trip_fact {
    margin-right: 8px;
    background: #FAFAFA;
    padding: 8px 15px;
    border-radius: 6px;
    flex: 0 0 33%;
}
.trip_single_container > .trip_single > .trip_middle_col > .trip_facts_container > .trip_fact > span:first-of-type{
    font-size: 15px;
    font-weight: normal;
    display: block;
    line-height: 18px;
    margin-bottom: 4px;
}

.trip_single_container > .trip_single > .trip_middle_col > .trip_facts_container > .trip_fact > span {
    font-weight: bolder;
    font-size: 15px;
    font-family: 'Rubik';
    line-height: 18px;
}

.trip_single_container > .trip_single > .trip_end_col > .trip_price_container {
    margin: 0 12px;
    
}

.trip_single_container > .trip_single > .trip_end_col > .trip_price_container > .trip_price_content > .early_bird {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 4px;
} 

.trip_single_container > .trip_single > .trip_end_col > .trip_price_container > .trip_price_content  > .trip_price {
    font-family: 'Rubik';
    font-size: 28px;
    line-height: 36px;
    width: 100%;
    text-align: left;
}

.trip_single_container > .trip_single > .trip_end_col > .trip_price_container > .trip_price_content > del {
    font-size: 14px;
    line-height: 15px;
}

.trip_single_container > .trip_single > .trip_end_col > .trip_price_container > .trip_price_content > a {
    margin-top: 8px;
    width: 100%;
    background-color: #8aa496;
}



form[name="trip_search"] {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    margin-bottom: 24px;
    border-radius: 4px;
    justify-content: flex-end;
}

form[name="trip_search"] > .widget.filter-container {
    flex: 1;
    max-width: 320px;
    padding: 8px;

}

form[name="trip_search"] > .widget:last-of-type {

}

form[name="trip_search"] > .widget > .filter-content {
    margin-top: 4px;
}

#sidebar > .toggle_filters {
    padding: 16px;
    border: 1px solid var(--nectar-accent-color);
    border-radius: 4px;
    display: block;
    width: 100%;
    margin-bottom: 8px;
}

#sidebar > .toggle_filters > span {
    display: block;
    width: 100%;
    color: var(--nectar-accent-color);
    text-align: center;
    text-transform: uppercase;
    display: none;
}

#sidebar > .toggle_filters.opened > .close_filters  {
    display: block;
}

#sidebar > .toggle_filters.closed > .open_filters {
    display: block;
}


/* DESKTOPS AND LAPTOPS ----------- */
@media only screen 
and (min-width : 1024px) {

    form[name="trip_search"] > .widget.filter-container > .filter-label {
        display: none;
    }


    #sidebar > .toggle_filters {
        display: none;
    }
    
    .container.main-content.trip_archive_container {
        padding: 0 32px;
        max-width: 95%;
    }
    
    .trip_search .widget {
        padding-top: 8px;
    }
    
    .trip_search .widget .filter-label {
        line-height: 25px;
    }
    
    .trip_archive_container .trip_archive_page_title {
        font-size: 2em;
    }     
    
    .trip_archive_sidebar_container .widget {
        margin: 16px 0;
    }
    
    .trip_single_container > .trip_single {
        flex-direction: row;
    }
    
    .trip_single_container > .trip_single > .trip_start_col {
        flex: 0 0 28%;
    }    

    .trip_single_container > .trip_single > .trip_middle_col {
        flex: 0 62%;
        padding: 4% 2% 5% 4%;
    }

    .trip_single_container > .trip_single > .trip_end_col {
        flex: 0 0 20%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

    .container.main-content.trip_archive_container {
        max-width: 90%;
    }
    
    .trip_archive_sidebar_container .widget {
        margin: 16px 0;
    }
    
    .trip_single_container > .trip_single > .trip_middle_col {
        padding: 24px;
    }  
    
    .trip_single_container > .trip_single > .trip_start_col {
        flex: 0 0 28%;
    }  
    
    .trip_single_container > .trip_single > .trip_end_col {
        display: flex;
        align-items: center;
    }  

    form[name="trip_search"] {
        flex-direction: column;
    }

    form[name="trip_search"] > .widget:last-of-type {
        align-self: flex-end;
    }

    form[name="trip_search"] > .widget.filter-container {
        width: 100%;
        max-width: 100%;
    }
    

    form[name="trip_search"] > .widget.filter-container {
        margin: 8px 0;
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    
    .container.main-content.trip_archive_container {
        max-width: 100%;
    }
    
    .trip_archive_sidebar_container {
        margin-top: 24px;
        display: block;
    }
        
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

    #sidebar > .toggle_filters {
        width: 100%!important;
    }
    
    form[name="trip_search"] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 16px;
        margin-bottom: 24px;
        border-radius: 4px;
    }

    form[name="trip_search"] > .widget:last-of-type {
        align-self: flex-end;
        padding: 8px;
    }
    
    .sidebar_container.closed {
        display: none;
    }

    

    form[name="trip_search"] > .widget.filter-container {
        flex: 1;
        width: 100%;
        max-width: 100%;
        padding: 8px;

    }
    
    .container-wrap.trip_archive_container_wrap {
        padding-top: 24px;
    }
    
    .container.main-content.trip_archive_container {
        
        max-width: 95%!important;
    }
    
    .trip_archive_container .trip_archive_page_title {
        font-size: 2em;
    }  
    
    .wp-travel-navigation.wp-paging-navigation {
        padding: 15px 0;
    }
        
    .trip_archive_sidebar_container .widget {
        margin: 8px 0;
    }

    .trip_single_container > .trip_single {
        flex-direction: column;
    }   
    
    .trip_single_container > .trip_single > .trip_start_col {
        height: 150px;
    }
    
    .trip_single_container > .trip_single > .trip_middle_col {
        padding: 16px;
    }
    
}


.trip_archive_container .trip_archive_page_title {
    font-family: 'Rubik';
    font-weight: bold!important;
    line-height: 1em;
    letter-spacing: 1px;
}

.trip_archive_container .welcome_message_container {
    
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-family: 'Rubik';
    margin: 24px 0px!important;
}

.trip_archive_container .welcome_message_container .welcome_message_bg_container .welcome_message_image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    z-index: -2;
    backface-visibility: hidden;
    background-position: center;
    background-size: cover;
}

.trip_archive_container .welcome_message_container .welcome_message_bg_container .welcome_message_overlay{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    z-index: -1;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,0.3);
}

.trip_archive_container .welcome_message_container .welcome_message_bg_container .welcome_message_bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    z-index: -1;
    backface-visibility: hidden;
}

.trip_archive_container .welcome_message_container .welcome_message_content {
    padding: 32px 16px;
}

.wp-travel-navigation.wp-paging-navigation a.wp-page-numbers {
    border: 0px!important;
    background: #FFF;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
    color: #333!important;
}
.wp-travel-navigation.wp-paging-navigation a.wp-page-numbers.current {
    font-weight: bold;
}

.wp-travel-navigation.wp-paging-navigation {
    width: 100%;
    overflow: hidden;
}

.end_sale_date {
    display: block;
    font-size: 13px;
}

.trip_sold_out {
    background: #9c9e9f;
    padding: 12px 22px;
    margin-top: 12px;
    text-transform: uppercase;
    color: #FAFAFA;
    border-radius: 4px;
}

.trip_status {
    padding-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
}

.trip_status > div {
    margin-right: 8px;
    margin-bottom: 8px;
    display: block;
}

.trip_status > .status > span,
.trip_status > .spec > span {
    font-family: 'Rubik';
    font-weight: 400;
    padding: 5px 12px;
    border-radius: 10px;
    border: 1px solid #676767;
    font-size: 0.8em;
    display: block;
}

.trip_status > .status >  span.almost_full {
    color: var(--nectar-extra-color-2);
    border-color: var(--nectar-extra-color-2);
}

.trip_status > .status > span.trip_confirmed {
    color: var(--nectar-accent-color);
    border-color: var(--nectar-accent-color);
}

.trip_excerpt {
    font-size: 0.8em;
}