/*
Theme Name: Travolo
Theme URI: https://wordpress.vecurosoft.com/travolo/
Author: Vecurosoft
Description: Travolo - Travel Agency & Tour WordPress Theme
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: travolo
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/


.wpte-trip__search-fields.custom-form{
	padding: 40px 15px;
    background: #fff;
    border-radius: 15px;
}
.wpte-trip__search-fields.custom-form input[type=text], 
.wpte-trip__search-fields.custom-form input[type=email], 
.wpte-trip__search-fields.custom-form input[type=date], 
.wpte-trip__search-fields.custom-form input[type=search], 
.wpte-trip__search-fields.custom-form input[type=number], 
.wpte-trip__search-fields.custom-form select,
.wpte-trip__search-fields.custom-form textarea,
.wpte-trip__search-fields.custom-form .select2-selection{
	font-family: Jost, sans-serif;
	font-weight: normal;
    padding: 0 30px 0 25px;
    padding-right: 45px;
    color: var(--body-color);
    border: 1px solid var(--vs-border-color);
    font-size: 14px;
    width: 100%;
	appearance: none;
    cursor: pointer;
    border-radius: 10px;
    height: 60px;
	padding: 0 35px 0 15px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
.select2-container{
	width: 100%;
}
.wpte-trip__search-fields.custom-form .select2-selection{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-size: 16px 12px;
	background-position: right 15px center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	padding: 0;
	color: inherit;
	text-wrap: wrap;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	display: none;
}
.select2-container{
	max-width: 320px;
}

.select2-dropdown{
	border: 1px solid #ffd2ba !important;
	top: 16px !important;
}

.wpte-trip__search-fields.custom-form select {
    background-position: right 15px center;
}

@media(max-width: 600px) {
	.select2-container{
		max-width: 100%;
	}
	.select2-dropdown{
		top: 0px !important;
	}
}