/**
* Theme Name: Triply Child
* Description: This is a child theme of Triply, generated by Merlin WP.
* Author: <a href="https://pavothemes.com/">Pavothemes</a>
* Template: triply
* Version: 2.2.9
*/


.elementor-button {width: 100% !important}
#elementor-popup-modal-10981 .dialog-widget-content {background-color: #fff !important}
.elementor-2 .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap, .elementor-8807 .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap, .elementor-8809 .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap, .elementor-8811 .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {flex-direction: column; justify-content: space-between;}
.TOUR_LOOP_GRID_HOME_TITLE {display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
        }

.scrollup i {color: #fff;}

div#tcp_box {display:flex; flex-direction: column; align-items: center; width: 100%;}
div#tcp_box label {display: block; color: #D9851B; font-weight: bold;}
div#tcp_box input {padding: 10px; text-align: center; width: 130px; margin: 0;}
div#tcp_box input, div#tcp_box #tcp_adults, div#tcp_box #tcp_rooms, div#tcp_box #tcp_children, div#tcp_box #tcp_infants {border: 1px solid #ececec;}
div#tcp_box > div:first-child {display: flex; margin-bottom: 0; flex-wrap: wrap; align-items: flex-end; justify-content: center;}
div#tcp_box > div:nth-child(2) {display: flex; justify-content: inherit; position: relative; top: 32px}
div#tcp_box div {margin-right: 15px;}
#tcp_rooms {width:18vw}
div#tcp_box div#tcp_message_div {margin: 30px auto 15px auto; display: inline-block; width: 100%; color: #D9851B !important; font-weight: normal; ;font-size: 1.6rem;}
#tcp_bt_search {width: 160px;}
#tcp_message_div span {font-weight: bold; color: #D9851B; padding: 0 10px; border-radius: 3px}
#tcp_message_div button {margin-left:10px; text-transform: uppercase;}

.ui-datepicker .ui-datepicker-next {float: right;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {background-color: transparent !important; color:#fff !important; margin: 0px 15px; position: relative; top: 5px}
.ui-datepicker-title {text-align: center; font-size: 1.3rem; font-weight: bold !important; margin-bottom: 10px;}

.ui-datepicker {font-family: "Rajdhani",sans-serif;}
.ui-datepicker table td, table th {padding: 7px;}
.ui-state-disabled .ui-state-default, .ui-widget-content .ui-state-disabled .ui-state-default {padding: 5px 10px; display: block; text-align: center;}
.ui-state-default {display: block; border: none !important; text-align: center; padding: 5px; background: green !important; color: #fff !important; font-weight: bold !important}
.ui-state-active, .ui-widget-content .ui-state-active {padding: 5px; text-align: center; font-weight: bold !important; background-color: #D9851B !important; color:#fff !important; border:none !important}
.ui-state-disabled .ui-state-default, .ui-widget-content .ui-state-disabled .ui-state-default {background: #f6f6f6 !important; color: #ccc !important;}
.ui-datepicker .ui-datepicker-prev span:before, .ui-datepicker .ui-datepicker-next span:before {display: none;}











.puff-in-center {
	-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}



 @-webkit-keyframes puff-in-center {
    0% {
      -webkit-transform: scale(2);
              transform: scale(2);
      -webkit-filter: blur(4px);
              filter: blur(4px);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes puff-in-center {
    0% {
      -webkit-transform: scale(2);
              transform: scale(2);
      -webkit-filter: blur(4px);
              filter: blur(4px);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  

#ui-datepicker-div{
    width: auto;
}

#ui-datepicker-div table.ui-datepicker-calendar a.ui-state-default{
    padding: 5px 10px 5px 10px;
}

#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev::before{
        content: "Precedente";
        position: absolute;
        top: 0px;
        left: 0px;
        color: white;
}

#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next::before{
        content: "Successivo";
        position: absolute;
        top: 0px;
        right: 0px;
        color: white;
}
      
@media screen and (min-width:769px) and (max-width:1023px) {
    
div#tcp_box {display: flex; width: 100%; flex-direction: row}  
div#tcp_box > div:first-child {display: flex; margin-bottom: 0; flex-wrap: wrap}
#tcp_bt_search {margin-top: 20px;}

}










@media screen and (max-width:768px) {
    
div#tcp_box > div:first-child {display: block; width: 100%;}
div#tcp_box > div:nth-child(2) {display: inherit}
div#tcp_box input {width: 100%;}
#tcp_bt_search {width: 100%; font-size: 30px;}
div#tcp_box div {margin-right: 0; margin-bottom: 10px;}
div#tcp_box div#tcp_message_div {margin-top: 35px;}
#tcp_rooms {width:100vw}
div#tcp_box div#tcp_message_div {font-size: 2rem;}
div#tcp_box label {font-size: 1.3em;}

.ui-datepicker-calendar tbody {display: inline-table; width: 100%;}
#ui-datepicker-div {width: 85%;}
.ui-state-disabled .ui-state-default, .ui-widget-content .ui-state-disabled .ui-state-default {padding: 1px 8px;}
.ui-state-active, .ui-widget-content .ui-state-active {padding: 1px;}
.ui-state-default {padding: 1px;}
.ui-datepicker-calendar {display: block;}
.ui-datepicker-calendar thead {display: flex; flex-direction: row; justify-content: space-around;}
.ui-datepicker-calendar thead tr {width: 100%; display: flex; flex-direction: row; justify-content: space-evenly;}
table thead th {padding: 7px;}



}


.sent .wpcf7-response-output {
        border-color: #498c0a !important;
}