/home/blackyak/www/wordpress/wp-content/themes/travivu/assets/sass/booking/_archive.scss
@media only screen and (max-width: 1024px) {
.trip-content-area{
max-width: 860px;
}
}
@media (min-width: 1025px) {
.wp-travel-engine-archive-outer-wrap .advanced-search-wrapper {
flex: 0 0 28%;
}
.wp-travel-engine-archive-outer-wrap{
.advanced-search-wrapper+.wp-travel-engine-archive-repeater-wrap{
flex: 0 0 72%;
.wp-travel-toolbar{
border: 1px solid $border-color;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05)!important;
border: 1px solid rgba(0, 0, 0, 0.06)!important;
padding: 20px;
border-radius: 10px;
margin-bottom: 30px;
background: $white;
@media(max-width: 1024px){
padding: 20px 15px;
}
}
}
}
}
.wp-travel-engine-archive-outer-wrap{
.wp-travel-toolbar{
.searchFoundPosts{
font-size: 15px;
font-weight: 500;
strong{
color: $headings-color;
}
}
.wte-filterby-dropdown .wte-ordering {
> span, .wpte__input{
font-size: 15px;
font-weight: 500;
}
}
}
.category-trips-single{
.booking-one{
margin: 0 auto!important;
max-width: 480px;
}
}
.trip-pagination{
margin-top: 30px;
.nav-links{
span, a{
font-weight: 600;
color: $headings-color;
border: 1px solid $border-color;
border-radius: 6px;
font-size: 15px;
}
span{
border-color: $theme-color;
}
}
}
.load-more-search{
&:focus{
background: $white;
color: $theme-color;
}
}
}
// Search Sidebar
.advanced-search-wrapper{
.sidebar{
padding: 30px;
border-radius: 10px;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05)!important;
border: 1px solid rgba(0, 0, 0, 0.06)!important;
@media(max-width: 1200px){
padding: 30px 18px;
}
@media(max-width: 1024px){
padding: 25px 25px;
border-radius: 0;
}
.advanced-search-header{
align-items: center;
h2{
font-size: 18px;
font-weight: 600;
}
.clear-search-criteria{
font-weight: 600;
background: $theme-color!important;
padding: 1px 12px;
color: $white!important;
border-radius: 5px;
text-decoration: none;
font-size: 13px;
&:hover{
background: $theme-color-2!important;
}
}
}
.advanced-search-field{
.filter-section-title{
margin-bottom: 20px;
&:after{
opacity: 1;
right: 4px;
}
}
.filter-section-content{
ul{
line-height: 20px;
li{
label{
font-weight: 500;
color: $body-color;
}
}
}
.ui-slider{
margin-top: 40px;
}
.cost-slider-value, .duration-slider-value{
font-weight: 500;
}
}
}
}
}
.wpte-trip-list-wrapper{
flex: auto!important;
width: 100%;
.wpte-trip-category{
max-width: 480px;
margin: 0 auto 30px!important;
.wpte-trip-category-wrap{
position: relative;
border-radius: 10px;
overflow: hidden;
}
.wpte-trip-category-img-wrap{
position: relative;
z-index: 9;
&:after{
content: '';
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
figure{
min-height: 390px;
}
}
.wpte-trip-category-overlay{
padding: 10px 25px 50px;
z-index: 11;
.wpte-trip-subcat-wrap{
overflow: hidden;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
a{
font-weight: 500;
font-size: 16px;
&:hover{
text-decoration: underline;
}
}
}
.trip-desc{
transition: all 0.3s ease;
color: rgba(255, 255, 255, 0.8);
transform: translateY(30px);
}
&:hover{
.trip-desc{
transform: translateY(0);
}
}
}
.wpte-trip-category-text-wrap{
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
padding: 10px 25px 25px;
@media(max-width: 1024px){
padding: 15px;
}
.wpte-trip-category-title{
margin-top: 8px;
font-size: 24px;
font-weight: 700;
a{
color: $white;
&:hover{
text-decoration: underline;
}
}
}
span{
display: inline-block;
color: $white;
background: $theme-color;
padding: 0px 15px;
border-radius: 5px;
font-size: 14px;
line-height: 26px;
}
}
.wpte-trip-category-btn{
margin-top: 20px;
a{
font-weight: 600!important;
padding: 4px 30px!important;
}
}
}
}
.archive{
.trip-content-area{
padding-top: 35px;
padding-bottom: 20px;
@media(max-width: 1024px){
padding-top: 0;
padding-bottom: 0;
}
.page-header{
margin: 30px 0 30px;
@media(max-width: 1024px){
margin: 0 0 15px;
}
.page-title{
font-size: 30px;
margin: 0 0 10px;
}
.taxonomy-description{
font-size: 15px;
}
}
}
}
.page-template-template-destination, .page-template-template-activities, .page-template-template-trip_types{
.trip-content-area{
padding-bottom: 50px;
}
}
.page-template-template-activities .activities-holder, .page-template-template-trip_types .trip_types-holder{
margin-top: 0;
}
.wpte-trip__adv-field.wpte__select-field .wpte__select-options{
border: 1px solid rgba(0, 0, 0, 0.1);
min-width: 200px;
right: -10px;
margin-bottom: 2px!important;
.wpte__select-options__label{
color: $body-color!important;
margin-top: 12px!important;
padding-bottom: 2px!important;
}
ul{
li{
padding: 7px 8px!important;
line-height: 20px;
span{
font-size: 15px;
font-weight: 400;
padding: 0!important;
color: $body-color;
transition: all 0.36s;
}
&:hover{
color: $body-color;
> span{
color: $theme-color;
}
}
}
ul{
margin-bottom: 0!important;
li{
&:last-child{
padding-bottom: 0!important;
}
span{
padding-left: 12px!important;
font-size: 15px;
}
}
}
}
}
.wp-travel-toolbar .wte-ordering .wpte-trip__adv-field .wpte__select-options{
ul li{
padding: 2px 8px!important;
margin-top: 10px;
color: $headings-color;
&:hover{
color: $theme-color;
}
span{
padding: 0!important;
}
}
}
.category-trips-single{
margin-bottom: 0;
}
.category-main-wrap.category-list{
margin-bottom: 0!important;
> div:last-child{
.booking-list{
margin-bottom: 0!important;
}
}
}
.wp-travel-engine-archive-repeater-wrap{
.wte-search-load-more{
margin-bottom: 60px;
}
#loader{
background: rgba(255, 255, 255, 0.5);
width: calc(100% + 30px);
height: calc(100% + 60px);
top: -30px;
border-radius: 16px;
svg{
width: 80px;
height: 80px;
fill: $theme-color;
top: 200px;
margin-left: -40px;
}
}
}
body.e--ua-isTouchDevice{
.advanced-search-wrapper .advanced-search-field:not(:last-child){
padding-bottom: 5px;
}
}