@charset "UTF-8";


/********************************************general mobile settings**********************************************************/
@media all and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    
select, input[type="text"] {border-radius: 0px!important}
    
 .main_header, .main_footer {border: 0px solid #f87800; width: calc(100% - 0px); padding: 0px 0px; position: relative}   
.main_display {border: 0px solid #f87800; width: calc(100% - 30px); padding: 10px 15px; position: relative}   

.m10 {margin: 5px 0px 0px!important}
.m20 {margin: 10px 0px 0px!important}
.m30 {margin: 15px 0px 0px!important}
.m40 {margin: 20px 0px 0px!important}
.m50 {margin: 25px 0px 0px!important}
.m60 {margin: 30px 0px 0px!important}
.m70 {margin: 35px 0px 0px!important}
.m90 {margin: 45px 0px 0px!important}

.nomobile {display: none}

/* carousel */

.bg-trans-cross-fade {
  width: 100%;
  height: calc(90vh - 100px);
  position: relative;
  z-index: 1;
  margin:5px 0px 20px;
}
    
.home_search {padding: 10px; position: absolute; z-index: 500; width: calc(100vw - 50px); margin: 0px 0px; bottom: 0px; height: calc(90vh - 120px); left: 0px; border-radius: 0px; box-shadow: 2px 2px 4px  rgba(0,0,0,0.2)}
    
.home_search h3 {color: var(--main); font-size: 1.6em; font-weight: 200; font-family: 'RobotoSerif', serif; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); margin: 20px 0px!important}
.home_search .bigger {font-size: 1.2em; }
.lemes_home {display: grid; grid-template-columns: repeat(1, 1fr);  margin: 0px 0px 30px}

.lemes_home h5 {font-size: 1.3em; margin-bottom: 30px!important}
    
.lemes_home img {width: 110px}    
    
.results_title {margin: 20px 0px 5px!important; font-size: 1.1em;  width: calc(100% - 0px)!important}
    
.venue_details {margin: 10px 0px 5px!important; font-size: 90%!important;  width: calc(100% - 0px)!important}

.venue_details .venue_book { margin: 23px 0px 0px; padding: 10px; min-height: 300px; position: relative}
    
.venue_details .venue_book h4 {margin: 10px 0px 10px!important}
    
.create_new { font-size: 0.95em;}
    
.lema_home h1 {font-size: 1.7em;}
    
/* cards */
.results_cards {max-width: 100%;margin: 20px 0px;display: grid; gap: 20px; grid-template-columns: repeat(1, 1fr);}
    
/* dashboard */
.dash_banner {height: 180px; margin-top: 20px}
.correct28 {transform: translateY(0px)}
    
/* footer pages */
.footer_banner {height: 20vh; }
.footer_pages .sec_title {font-size: 1.4em; margin-bottom: 5px!important}
.footer_pages p {font-size: 0.95em!important; line-height: 1.4em}
    
.price_card {width: calc(100% - 100px); border: 1px solid var(--secondary40); padding: 10px 20px; border-radius: 7px; position: relative; margin: 20px 25    px 0px }
    
/* edit space */
.creation {grid-template-columns: repeat(2, 1fr); font-size: 95%; position: relative!important; }
.places_list {font-size: 90%; left: 0px}
.extra_top {margin-top: 60px!important}
.alloance_op {margin: 5px 0px;border: 0px solid #ee0000}
    
.save_space {width: 100%!important; margin: 30px 0px!important}
    
 /* 2 columns */
.wrappertwo {
  display: grid;grid-gap: 0px;grid-template-columns: 100% ;padding: 0px;margin: 0px;width: 100%;
}
.boxtwo {
  padding: 0px 0px;margin: 0px;text-align: left;
}

.k1aa {grid-row: 1;  grid-column: 1 } 
.k1a {grid-row: 1;  grid-column: 1; padding-right: 0px} 
.k1b {grid-row: 2;  grid-column: 1; padding-left: 0px} 

.k2aa {grid-row:3;  grid-column: 1 } 
.k2a {grid-row: 3;  grid-column: 1; padding-right: 0px} 
.k2b {grid-row: 4;  grid-column: 1; padding-left: 0px} 

.k3aa {grid-row: 5;  grid-column: 1 } 
.k3a {grid-row: 5;  grid-column: 1; padding-right: 0px} 
.k3b {grid-row: 6;  grid-column: 1; padding-left: 0px} 

.k4aa {grid-row: 7;  grid-column: 1 } 
.k4a {grid-row: 8;  grid-column: 1; padding-right: 0px} 
.k4b {grid-row: 8;  grid-column: 1; padding-left: 0px} 

.k5aa {grid-row: 9;  grid-column: 1 } 
.k5a {grid-row: 10;  grid-column: 1; padding-right: 0px} 
.k5b {grid-row: 10;  grid-column: 1; padding-left: 0px} 

.k6aa {grid-row: 11;  grid-column: 1 } 
.k6a {grid-row: 12;  grid-column: 1; padding-right: 0px} 
.k6b {grid-row: 12;  grid-column: 1; padding-left: 0px} 
/* end 2 columns */
    
.twosmall {display: grid;grid-gap: 0px;grid-template-columns: 50% 50% ;padding: 0px;margin: 0px;width: 100%;}

.twosmall .k1a {grid-row: 1;  grid-column: 1; padding-right: 10px} 
.twosmall .k1b {grid-row: 1;  grid-column: 2; padding-left: 10px} 
    
.wrappertwobook {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 50% 50% ;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
.kb1aa {grid-row: 1;  grid-column: 1 / span 2} 
.kb1a {grid-row: 1;  grid-column: 1; padding-right: 10px} 
.kb1b {grid-row: 1;  grid-column: 2; padding-left: 10px} 

.kb2aa {grid-row:2;  grid-column: 1 / span 2} 
.kb2a {grid-row: 2;  grid-column: 1; padding-right: 10px;border: 0px solid #ee0000} 
.kb2b {grid-row: 2;  grid-column: 2; padding-left: 10px;border: 0px solid #ee0000} 

.kb3aa {grid-row: 3;  grid-column: 1 / span 2} 
.kb3a {grid-row: 3;  grid-column: 1; padding-right: 10px} 
.kb3b {grid-row: 3;  grid-column: 2; padding-left: 10px} 

.kb4aa {grid-row: 4;  grid-column: 1 / span 2} 
.kb4a {grid-row: 4;  grid-column: 1; padding-right: 10px} 
.kb4b {grid-row: 4;  grid-column: 2; padding-left: 10px} 

.kb5aa {grid-row: 5;  grid-column: 1 / span 2} 
.kb5a {grid-row: 5;  grid-column: 1; padding-right: 10px} 
.kb5b {grid-row: 5;  grid-column: 2; padding-left: 10px} 

.kn6aa {grid-row: 6;  grid-column: 1 / span 2} 
.kn6a {grid-row: 6;  grid-column: 1; padding-right: 10px} 
.kn6b {grid-row: 6;  grid-column: 2; padding-left: 10px} 
    
    /* 3 columns */
.wrapperthree {
  display: grid;grid-gap: 0px;grid-template-columns: 100% ;padding: 0px;margin: 0px;width: 100%;
}
.boxthree {
  padding: 0px 0px;margin: 0px;text-align: left;border: 0px solid #ee0000;
}

.h1aa {grid-row: 1;  grid-column: 1 } 
.h1aaa {grid-row: 1;  grid-column: 1 } 
.h1a {grid-row: 1;  grid-column: 1; padding-right: 0px} 
.h1b {grid-row: 2;  grid-column: 1; padding-left: 0px} 
.h1c {grid-row: 3;  grid-column: 1; padding-left: 0px} 

.h2aa {grid-row: 4;  grid-column: 1 } 
.h2aaa {grid-row: 4;  grid-column: 1 } 
.h2a {grid-row: 4;  grid-column: 1; padding-right: 0px} 
.h2b {grid-row: 5;  grid-column: 1; padding-left: 0px} 
.h2c {grid-row: 6;  grid-column: 1; padding-left: 0px} 

.h3aa {grid-row: 7;  grid-column: 1 } 
.h3aaa {grid-row: 7;  grid-column: 1 } 
.h3a {grid-row: 7;  grid-column: 1; padding-right: 0px} 
.h3b {grid-row: 8;  grid-column: 1; padding-left: 0px} 
.h3c {grid-row: 9;  grid-column: 1; padding-left: 0px} 
    
.h4aa {grid-row: 10;  grid-column: 1} 
.h4aaa {grid-row: 10;  grid-column: 1 } 
.h4a {grid-row: 10;  grid-column: 1; padding-right: 0px} 
.h4b {grid-row: 11;  grid-column: 1; padding-left: 0px} 
.h4c {grid-row: 12;  grid-column: 1; padding-left: 0px} 
    
.h5aa {grid-row: 13;  grid-column: 1} 
.h5aaa {grid-row: 13;  grid-column: 1 } 
.h5a {grid-row: 13;  grid-column: 1; padding-right: 0px} 
.h5b {grid-row: 14;  grid-column: 1; padding-left: 0px} 
.h5c {grid-row: 15;  grid-column: 1; padding-left: 0px} 

/* end 3 columns */    
    
/* signing */
.wrappersign {
  display: grid;grid-gap: 0px;grid-template-columns: 100% ;padding: 0px;margin: 0px 20px;width: calc(100% - 40px);  min-height: 60vh;
}
.boxsign {
  padding: 0px 0px;margin: 0px;text-align: left;border: 0px solid #ee0000;
}

.s1aa {grid-row: 1;  grid-column: 1 / span 2} 
.s1a {grid-row: 1;  grid-column: 1; padding-right: 10px; display: none} 
.s1b {grid-row: 1;  grid-column: 1; padding-left: 0px; position: relative} 

.centerbg {background-size: cover!important; background-repeat: no-repeat!important; background-position: center center!important}

.wrappersign h1 {font-size: 1.3em; font-weight: 200; color: var(--main); text-transform: uppercase}
.wrappersign h2 {font-size: 2.5em; font-weight: 200; color: var(--main)}
.wrappersign h5 {font-size: 1.1em; font-weight: 200; color: var(--text); margin: 5px 0px!important}

.input_text, #id_email {max-width: 100%; min-width: calc(100% - 8px); display: block; font-family: 'RobotoSerif'!important; font-size: 0.95em; font-weight: 300; color: var(--secondary)!important; padding: 7px 3px; background: var(--white); border: 1px solid var(--secondary20); margin: 5px 0px 10px}
.input_text:focus, #id_email:focus {border-bottom: 1px solid var(--secondary60); outline: none!important}
.wrappersign label {font-size: 1em; margin: 5px 0px 0px}

.input_text:-webkit-autofill,
.input_text:-webkit-autofill:hover,
.input_text:-webkit-autofill:focus,
.input_text:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 60px #fff inset!important;}

.disabled {opacity: 1; cursor: pointer!important; pointer-events: auto}
.disabled1 {opacity: 0.5; pointer-events: none}

.forgot { margin: 0px!important; font-size: 0.9em}
    
/* 4 columns */
.wrapperfour {
  display: grid;grid-gap: 0px;grid-template-columns: 100% ;padding: 0px;margin: 0px;width: calc(100% - 0px);
}
.boxfour {
  padding: 0px 0px;margin: 0px;border: 0px solid #ee0000;
}

.f1a {grid-row: 1;  grid-column: 1; padding: 0px} 
.f1aa {grid-row: 1;  grid-column: 1; padding: 0px} 
.f1aaa {grid-row: 1;  grid-column: 1; padding: 0px} 
.f1aaaa {grid-row: 1;  grid-column: 1; padding: 0px} 
.f1b {grid-row: 2;  grid-column: 1; padding: 0px} 
.f1c {grid-row: 3;  grid-column: 1; padding: 0px} 
.f1cc {grid-row: 3;  grid-column: 1; padding: 0px} 
.f1d {grid-row: 4;  grid-column: 1; padding: 0px} 

.f2a {grid-row: 5;  grid-column: 1; padding: 0px} 
.f2aa {grid-row: 5;  grid-column: 1; padding: 0px} 
.f2aaa {grid-row: 5;  grid-column: 1; padding: 0px} 
.f2aaaa {grid-row: 5;  grid-column: 1; padding: 0px} 
.f2b {grid-row: 6;  grid-column: 1; padding: 0px} 
.f2c {grid-row: 7;  grid-column: 1; padding: 0px} 
.f2cc {grid-row: 7;  grid-column: 1; padding: 0px} 
.f2d {grid-row: 8;  grid-column: 1; padding: 0px} 

.f3a {grid-row: 9;  grid-column: 1; padding: 0px} 
.f3aa {grid-row: 9;  grid-column: 1; padding: 0px} 
.f3aaa {grid-row: 9;  grid-column: 1; padding: 0px} 
.f3aaaa {grid-row: 9;  grid-column: 1; padding: 0px} 
.f3b {grid-row: 10;  grid-column: 1; padding: 0px} 
.f3c {grid-row: 11;  grid-column: 1; padding: 0px} 
.f3cc {grid-row: 11;  grid-column: 1; padding: 0px} 
.f3d {grid-row: 12;  grid-column: 1; padding: 0px} 

.f4a {grid-row: 13;  grid-column: 1; padding: 0px} 
.f4aa {grid-row: 13;  grid-column: 1; padding: 0px} 
.f4aaa {grid-row: 13;  grid-column: 1; padding: 0px} 
.f4aaaa {grid-row: 13;  grid-column: 1; padding: 0px} 
.f4b {grid-row: 14;  grid-column: 1; padding: 0px} 
.f4c {grid-row: 15;  grid-column: 1; padding: 0px} 
.f4cc {grid-row: 15;  grid-column: 1; padding: 0px} 
.f4d {grid-row: 16;  grid-column: 1; padding: 0px} 

.f5a {grid-row: 17;  grid-column: 1; padding: 0px} 
.f5aa {grid-row: 17;  grid-column: 1; padding: 0px} 
.f5aaa {grid-row: 17;  grid-column: 1; padding: 0px} 
.f5aaaa {grid-row: 17;  grid-column: 1; padding: 0px} 
.f5b {grid-row: 18;  grid-column: 1; padding: 0px} 
.f5c {grid-row: 19;  grid-column: 1; padding: 0px} 
.f5cc {grid-row: 19;  grid-column: 1; padding: 0px} 
.f5d {grid-row: 20;  grid-column: 1; padding: 0px} 
    
.ff1aa {grid-row: 1;  grid-column: 1; padding: 0px} 
.ff1cc {grid-row: 6;  grid-column: 1; padding: 0px} 

.ff2aa {grid-row: 2;  grid-column: 1 ; padding: 0px} 
.ff2c {grid-row: 7;  grid-column: 1; padding: 0px } 
.ff2d {grid-row: 8;  grid-column: 1; padding: 0px} 

.ff3a {grid-row: 3;  grid-column: 1; padding: 0px} 
.ff3b {grid-row: 4;  grid-column: 1; padding: 0px } 
.ff3c {grid-row: 9;  grid-column: 1; padding: 0px  } 
.ff3d {grid-row: 10;  grid-column: 1; padding: 0px } 

.ff4 {grid-row: 11;  grid-column: 1 ; padding: 0px 0px 10px; text-align: center} 

/* end 4 columns */
    
    /* search results */

.extra_seacrh {margin: 20px 0px; padding: 0px; font-size: 90%; background: var(--secondary20)}
    
.extra_seacrh .label1 {
  background-color: var(--main);color: var(--white);padding: 5px;text-decoration: none;font-size: 1.1em; font-weight: 300;display: block;  cursor: pointer; 
    margin: 10px 0px; 
}
  #hidden-content {display: none; padding: 10px}
  
  /* Show content when checkbox is checked on mobile */
  input#display-toggle:checked ~ #hidden-content {display: block;}
  
  /* Adjust button visibility for mobile */
  .label1#display-button {display: block;}

  .label1#hide-button {display: none;}
  
  /* Show "Hide Content" button when checkbox is checked on mobile */
  input#display-toggle:checked ~ .label1#hide-button {display: block;}

  input#display-toggle:checked ~ .label1#display-button {display: none;} 
    
.columns3 {display: grid; gap: 0px; grid-template-columns: repeat(1, 1fr)}
.columns2 {display: grid; gap: 0px; grid-template-columns: repeat(1, 1fr)}
.columns4 {display: grid; gap: 0px; grid-template-columns: repeat(1, 1fr)}
.columns5 {display: grid; gap: 0px; grid-template-columns: repeat(2, 1fr);}
.columnsfotos {display: grid; gap: 0px; grid-template-columns: repeat(3, 1fr);}
    
.phototable img {max-height: 15vw; max-width: 25vw}
    
/* VENUE PAGE */
.detail_items {grid-template-columns: repeat(2, 1fr); gap: 5px}
.detail_items p {font-size: 0.9em; line-height: 1.3em; margin: 0px!important}
    
/* profile editing */
.own {grid-template-columns: repeat(2, 1fr)}
.profile_menu {display: grid; gap: 5px; margin: 20px 0px 30px}
    
/* forms */
    .forms label {margin: 5px 0px 3px;}

}