/* ######################################################################################################################## */
/* ################################################## Rounded corners ##################################################### */
/* ######################################################################################################################## */

button.fc-booking-search-button {
    border-radius: 8px;
}
#main button{
    border-radius: 8px;
}
#main .flex.flex-wrap.w-full{
    border-radius: 8px;
}

div.vg-e{
    border-radius: 12px;
}
div.FareTitleHeader > div > div > div > div{
    background:transparent;
}

/* popups and modals */


/* ######################################################################################################################## */
/* ######################################################## Header ######################################################## */
/* ######################################################################################################################## */

/* FlightsBooking Module */

#main .FlightsBooking h1{
    color: #ffffff !important;
    text-transform: uppercase !important;
}
#main .FlightsBooking h1 span{
    color:#ffffff;
    background-color:#cd2026;
    padding:0 20px;
    border-radius:8px;
}
#main .FlightsBooking [data-em-cmp="flights-booking"] > div > div > div > div > div > div.flex.flex-wrap.w-full{
    border-radius:12px;
    background: #cd20267d;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
.FlightsBooking{
    background-color:#a4161a;
    background: linear-gradient(180deg,#a4161a 0%, #CD2026 100%);
    background: linear-gradient(180deg,#CD2026 0%, #a4161a 100%);
}
.FlightsBooking > div > .bg-cover{
    /*background-image: none !important;*/
    /*background-image: url('https://winair.s3.us-east-1.amazonaws.com/airtrfx/THEME-04.webp') !important;*/
    padding: 40px 0 80px 0 !important;
    
}
.FlightsBooking > div > .bg-cover > div{
    z-index:2;
}
.FlightsBooking > div > .bg-cover:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    /*background-color:#0000003b;*/
    background: linear-gradient(173deg,#0000003d 20%, #00000000 100%);
    top:0;
    z-index:1;
}
header .v {
    background: #b1181c;
}

/* ######################################################################################################################## */
/* ######################################################## Titles ######################################################## */
/* ######################################################################################################################## */


/* CustomPricingWidget */

.CustomPricingWidget h2{
    font-family: 'Open Sans' !important;
    font-weight: 500; 
    font-size: 16px;
    max-width:700px;
}

@media (min-width: 1280px) {
    h2{
        font-family: 'Open Sans' !important;
        font-weight: 500; 
        font-size: 16px;
        max-width:700px;
    }
}


/* ######################################################################################################################## */
/* ################################################## Grid and Caroussels ################################################# */
/* ######################################################################################################################## */

/* Open Sans loaded files: 400 = normal, 700 = bold, 300 = light, 500 = medium */
div.carousel .vg-w,
div.grid .vg-w {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 14px;
}
div.carousel div.vg-w[data-test="price"],
div.grid div.vg-w[data-test="price"]{
    font-size: 22px;
}
div.carousel div.vg-w[data-test="price"] > span, 
div.grid div.vg-w[data-test="price"] > span{
    font-size: 10px;
}
div.carousel .vg-E,
div.grid .vg-E {
    font-size: 13px;
}
.break-words{
   
}
.break-words p,
.break-words span{
    display:inline;
    white-space:normal;
}

div.vg-f,
div.carousel .vg-f {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

div.InterlinkRoutes ul li a.k{
    font-size:0.8rem;
}

table .vg-Bl {
    padding: 5px;
}
@media (min-width: 640px) {
table .vg-Bl {
    padding: 10px;
}
}

/* ########################################################################################################### */
/* ################################################## Footer ################################################# */
/* ########################################################################################################### */

footer .vg-Bl {
    width: 2rem;
    padding: 7px;
    aspect-ratio:1;
    box-sizing:border-box;
    height:auto;
}
footer .rounded-full {
    border-radius: 50%;
}
footer .vg-E {
    font-size: 0.9rem;
}
footer .vg-CO,
footer h5.vg-V {
    font-size: 1.6rem;
}
/*footer .xl\:w-8\/12 {
    width: 66.666667%;
}
footer .xl\:w-1\/3, .xl\:w-4\/12 {
    width: 33.333333%;
}*/
footer .xl\:justify-start {
    flex-wrap: wrap;
    justify-content: flex-start;
}
footer .xl\:flex-1 {
    flex: 0 0 100%;
    width:100%;
}
footer .md\:pl-8 {
    padding: 1rem 0 0 0;
    
}
@media (min-width: 768px) {
footer .xl\:flex-1 {
    flex: 0 0 50%;
    width:50%;
}
}
@media (min-width: 1179px) {
footer .xl\:flex-1 {
    flex: 0 0 33%;
    width:33%;
}
footer .md\:pl-8 {
    padding: 0;
    
}
}

/* ########################################################################################################### */
/* ################################################## Popup ################################################## */
/* ########################################################################################################### */

h2.css-1k0h2zu {
    font-size: 1.8rem;
    text-transform:uppercase;
}




/* Get the size media queries !*/

@media (min-width: 1200px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}


/* Get the size media queries !*/
/* Check mobilie versions + Stats visits*/