/*fix button hover border*/
.tg-btn:after {
    border: 1px solid;
}

/* variables */ 
:root {
    --second-color: #9D1B20;
  }


/***********/
/* GENERAL */
/***********/

body {
    font-size: 18px;
}

/* Smooth Scroll */
body{
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

a, p a, p a:hover, a:hover, a:focus, a:active, .tg-stars span:after, .tg-btn:hover, .tg-featuretitle h2 span, .tg-populartourtitle h3 a:hover, .tg-pricearea h4, .tg-destinations li a:hover h3, .tg-guidecontenthead h4:hover a, .tg-bgdark .tg-destinations li a em, .tg-panel h4:hover, .tg-panel h4.active, .tg-contactinfoicon, .tg-contactinfoicon i, .tg-dropdownusermenu li a:hover, .tg-newcontent .tg-pricearea h4, .tg-widget.tg-widgetcatagories ul li:hover a, .tg-widget.tg-widgetcatagories ul li:hover:before, .tg-formicon i, .tg-bookingtabs .tg-themetabnav li:hover a span, .tg-bookingtabs .tg-themetabnav li.active a span, .tg-liststyle li:before, .tg-btnedit, .tg-widgetpersonprice ul li .tg-totalpayment em, .tg-widgetdashboard ul li:hover a, .tg-widgetdashboard ul li:hover a i, .tg-widgetdashboard ul li.selected a, .tg-widgetdashboard ul li.selected i, .tg-subtotal span, .tg-reply:hover, .tg-prevpost a:hover h2, .tg-nextpost a:hover h2, .tg-socialicons li a:hover i, .location_indicator:before {
    color:  var(--second-color);
}
.tg-btn, .tg-descount, .tg-formnewsletter button, .tg-locationname, .tg-btnplay, .tg-findtourvfour, .tg-btntoggleform, .tg-pagination ul li.tg-active a, .tg-pagination ul li a:hover, .tg-select .dropdown-menu>.active>a, .tg-select .dropdown-menu>.active>a:focus, .tg-select .dropdown-menu>.active>a:hover, .tg-select .dropdown-menu.inner li a:hover, .tg-bookingtabs .tg-themetabnav li:hover a:before, .tg-bookingtabs .tg-themetabnav li.active a:before, .tg-couponapply .form-group .tg-btn:hover, .tg-widgetpersonprice ul li .tg-btn, .tg-dashboardcontent table tr .tg-btnview:hover, .tg-fulltourdetail .tg-totalprice .tg-totalpayment, .tg-imgholder .tg-btn:hover, .tg-btnarea .tg-btn, .tg-pkgplanfoot .tg-btn:hover, .tg-btnaddtocart:hover, .tg-formleavecomment .tg-btn {
    background: var(--second-color);
}
/* General text color tag */
.text-black{
    color: black;
}
.text-white {
    color: #fff;
}
.tg-headervtwo.tg-headerfixed.scroll-to-fixed-fixed {
    background: #14141e;
}
.tg-sectionhead .tg-sectiontitle {
    padding: 90px 0 20px;
}
.tg-bgcolor {
    color: #fff;
    background:  var(--second-color);
}
.tg-bgdark-black{
    background: #3a3a45;
}

.tg-sectionspace {
    padding: 50px 0;
}

.tg-sectionheadvtwo .tg-sectiontitle h2 {
    padding: 30px;  
}
.tg-bookingdetailstyle .tg-liststyle-onecolumn {
    width: 100%;
}
.tg-bookingdetailstyle + .tg-bookingdetailstyle {
    padding: 0 0 0 51px;
}
.tg-bookingdetailstyle .tg-box {
    margin: 0 0 35px;
}
.list-group-item+.list-group-item {
    border-top-width: 1px;
}
ul.list-circle li {
    list-style: circle;
}

/***********************/
/* NavBar*/
/***********************/
.tg-headervtwo .navbar-header{
    margin: inherit;
}
.tg-headervtwo .tg-navigationarea {
    padding: 0 ;
}

/* Flag select */
.flag img {
    width: 30px;
    border-radius: 5px;
}

.flag select {
    height: 21px;
    padding: 0;
    background: rgb(0 0 0 / 26%);
    color: #fff;
}
.select select:focus{
    border-color: #fff;
    color: #fff;
}

.flag option {
    padding: 0;
    color: #000;
}

.flag.flag-mobile.select.main-select {
    padding: 15px 20px;
}

.flag.flag-mobile select {
    height: 25px;
    color: #000;
}
@media only screen and (max-width: 991px) {
    ul.tg-socialicons {
        display: none !important;
    }
    
}

img.logo-img {
    max-width: 100%;
}
@media only screen and (min-width: 991px) {
    img.logo-img {
        max-width: 200px;
        border-radius: 5px;
    }
}
/* Logo fix on scroll */
.tg-logo a img {
    margin-bottom: 20px;
}
.tg-headervtwo.tg-headerfixed.scroll-to-fixed-fixed img.logo-img {
    width: 70px;
}
.tg-headervtwo .tg-navigationarea {
    top: 25%;
}
.tg-headervtwo .tg-infonav ul li:first-child i {
    padding: 0 ;
}
.tg-headervtwo .tg-infonav {
    padding: 0;  
}

@media only screen and (max-width: 1400px) {
    img.logo-img {
        max-width: 180px;
        border-radius: 5px;
        padding-right: 10px;
    }
}
@media only screen and (max-width: 1350px) {
    img.logo-img {
        max-width: 120px;
    }
}

/***********/
/*Solutions*/
/***********/
.solutions-title{
    font-weight: bold;
}
.tg-sectiontitle h2.solutions-title {
    padding: 0 0 0 0;
    background: none;
}
/* a.tg-btn.btn-soluzioni {
    width: 30%;
} */
.tg-liststyle li:before {
    left: 0;
    top: 7px;
    font-size: 14px;
    content: none;
    line-height: 15px;
    position: absolute;
    font-family: 'icomoon';
}
.tg-bookingdetail {
    width: 50%;
    float: left;
    padding: 25px 49px 0px 0px;
}

/* Stili per dispositivi mobili */
@media screen and (max-width: 600px) {
    
    .tg-innerbanner .tg-sectionspace {
        padding: 200px 0 70px;
    }
    .tg-headervtwo .tg-logo {
        margin: 0 43%;
    }
    .tg-bookingdetail + .tg-bookingdetail {
        padding: 0;
    }


    .tg-bookingdetail {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }
}

/* fix last child */
@media (max-width: 485px) {
    a.tg-btn.btn-soluzioni.btn-booking {
        margin-top: 10px;
    }
}



a.tg-btn.btn-soluzioni {
    font-size: 15px;
    width: 300px;
}
.col-xs-6 {
    padding-top: 20px;
}
/*********/
/*Service*/
/*********/
.tg-description p.p-service, p.p-service {
    margin: 20px;
}
.services .col-xs-6.col-md-3,
.services .col-xs-12 {
    min-height: 205px;
}
@media only screen and (max-width: 600px) {
    .services .col-xs-6.col-md-3 {
        min-height: 200px;
    }

    .services .col-xs-12 {
        min-height: inherit;
    }
}

/***********************/
/* Popular Destination */
/***********************/

.owl-carousel .owl-item img {
    /*  default:
    width: 100%;
    display: block; */
    max-height: 240px;
}

.tg-btnroundprev, .tg-btnroundnext {
    top: 50%;
    color: #fff;
    width: 50px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    margin: -25px 0 0;
    line-height: 48px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    border: 1px solid #fff;
}
.tg-bgdark .tg-btnroundnext {
    right: 0;
}
.tg-bgdark .tg-btnroundprev {
    left: 0;
}
.tg-btnroundprev:hover, .tg-btnroundnext:hover {
    background: transparent;
    border-color: #fff;
}

/**************/
/* Footer */
/**************/

.tg-footercolumn {
    width: 100%;
    float: left;
    color: #c3c3c3;
    padding: 20px 0;
}

.footer-banner {
    width: 400px;
    align-items: center;
}
.footer-link{
    text-decoration: none;
}


/*******************/
/* Page regolamento*/
/*******************/
ol.regolamento {
    margin: 0% 7%;
}

ol.regolamento li{
    padding: 10px;
}

/**************/
/* RESPONSIVE */
/**************/

@media (max-width:991px){
    img.logo-img {
        max-width: 70px;
    }
    .tg-headervtwo .tg-nav {
        float: none;
    }
    
}



@media (max-width:640px){
    .tg-headervtwo .tg-socialicons {
        float: right;
        padding: 7px 0;
    }
    .tg-socialicons li {
        float: right;
    }
    .tg-headervtwo.tg-headerfixed.scroll-to-fixed-fixed .tg-logo a img.logo-img {
      /*   display: none; */
    }
    
    a.tg-btn {
        width: 48.5%;
    }
    
}

@media (max-width:568px){
    
	.tg-logo{
        display: block;
       /*  display:block;
		width: 70px;
		float:none;
		margin:0 auto 15px !important; */
	}
   
    .tg-headervtwo .tg-infonav {
        width: auto;
    }

}

@media (max-width:480px){
    .tg-headervtwo .tg-logo {
        margin: 0 39%;
    }
}


@media (max-width:320px){
    .tg-headervtwo .tg-logo {
        margin: 0 38%;
    }
}

/* FORM */
    
/* Stili base per il form */

.booking_form {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
}

.booking_form .form-group,
.booking_form .row {
    margin-bottom: 15px;
}

.booking_form .column {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

.booking_form .column:last-child {
    margin-right: 0;
}

.booking_form label {
    display: block;
    margin-bottom: 5px;
}

.booking_form input[type="text"],
.booking_form input[type="email"],
.booking_form input[type="tel"],
.booking_form input[type="datetime-local"],
.booking_form select,
.booking_form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.booking_form input[type="submit"] {
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    background:  var(--second-color);
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.booking_form input[type="submit"]:hover {
    background:  var(--second-color);
}
.checkbox-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
   
}
.checkbox-container label{
    font-size: 11px;
    padding-top: 8px;
}
.checkbox-container input[type="checkbox"] {
    margin-right: 10px;
}

/* Stili per dispositivi desktop */
@media screen and (min-width: 601px) {
   

    .booking_form .row {
        display: flex;
        justify-content: space-between;
    }

    .booking_form .column {
        flex: 1;
        display: flex;
        flex-direction: column;
        
    }

    .checkbox-container {
        flex-direction: row;
        align-items: center;
    }

    .checkbox-container input[type="checkbox"] {
        margin-right: 10px;
    }
}

/* Stili per dispositivi mobili */
@media screen and (max-width: 600px) {
    .booking_form {
        font-size: 12px;
    }
    
    .booking_form .row,
    .booking_form .column,
    .checkbox-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .checkbox-container input[type="checkbox"] {
        margin-bottom: 10px;
    }
    .booking_form .column {
        margin-right: 0px;
        margin-bottom: 5px;

    }

    .checkbox-container label{
        padding-top:0px;
    }
    .booking_form {
        padding: 40px;
    }
}

.booking_form span {
    color:  var(--second-color);
}
/* Stili per date-row and people-row */
.booking_form .date-row,
.booking_form .people-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.privacyPolicy-row{
    display: flex;
    flex-direction: row;
}

.booking_form .date-row .column,
.booking_form .people-row .column {
    flex: 1;
    min-width: 0; /* Previene l'overflow */
    margin-right: 10px;
}

.booking_form .date-row .column:last-child,
.booking_form .people-row .column:last-child {
    margin-right: 0;
}

.booking_form .date-row input[type="datetime-local"] {
    width: 100%;
}

/* fix gallery img size */

.tg-gallery ul li figure img {
    max-height: 260px;
    object-fit: cover;
}

.column.in-line {
    display: flex;
    align-items: center;
    gap: 15px; /* Spazio tra i gruppi di radio */
}

.radio-in-line {
    display: flex;
    align-items: center;
    gap: 5px; /* Spazio tra il radio button e la sua etichetta */
}


.column.in-line {
    display: flex;
    flex-direction: row;
}

input#accommodationBungalow,
input#accommodationPitches{
    margin-bottom: 10px;
}

.row-accommodation-row {
    flex-direction: row;
    align-items: flex-start;
    column-gap: 20px;
    display: flex;
    justify-content: center;
}
