html {
	scroll-behavior: smooth;
	overflow-y:scroll;
	overflow-x:hidden;
}

@font-face {
    font-family: MinionIt;
    src: url("MinionPro-ItCapt.otf") format("opentype");
}

@font-face {
    font-family: MinionBo;
    src: url("MinionPro-BoldCapt.otf") format("opentype");
}

@font-face {
    font-family: ArialNova;
    src: url("ArialNova.woff") format("opentype");
}

.minion_text {
    font-family: MinionIt;
}
.barlow_text {
    font-family: Barlow, sans-serif;
}

body {
    /*background-image:url('images/base.jpg');
    background-size:cover;*/
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    font-family: 'Barlow', sans-serif;
}

.content {
    width: 88vw;
    margin: 2vw 6vw;
    
}

.schedule {
    width:100%;
    height:59vh;
}

.thetop {
    margin-bottom: 8vh;
}

.november {
    background-image: url(images/sub2.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20vh;
    width: 50%;
    display: inline-block;
    background-position: 100%;
}

.schedule {
    display: inline-flex;    
}

.schedule_art {
    display: inline-flex;    
}

.day_art {
    width: 83%;
    height:100%;
    margin-left:1%;
    margin-right:1%;
    display: inline-block;
    background-color: #1fa77f;
    border: solid black 2px;
    padding:6%;
    z-index:10;
}

.day {
    width:30%;
    height:100%;
    margin-left:1%;
    margin-right:1%;
    display: inline-block;
    background-color: #1fa77f;
    border: solid black 2px;
    z-index:10;
}

.daynumber {
    width: 100%;
    height: 15vh;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -6vh;
    background-position: right;
}

.daytext {
    width:90%;
    height:90%;
    margin:auto;
    font-weight: 600;
    font-size:3vh;
    text-transform: uppercase;
    font-family: MinionIt;
}

.day26 {
    background-image: url(images/26d.png);
}

.day27 {
    background-image: url(images/27d.png);
}

.day28 {
    background-image: url(images/28d.png);
}

#day26cont {
    background-image: url(images/bg3.JPG);
    background-size:cover;
}

#day27cont {
    background-image: url(images/bg2.JPG);
    background-size:cover;
}

#day28cont {
    background-image: url(images/bg1.JPG);
    background-size:cover;
}


.title {
    height:24vh;
    width: 40%;
    background-image:url('images/acolinalogo3c.png');
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
}

.landing {
    height:100vh;
    width:100%;
    background-image:url(images/base.jpg);
    background-size:cover;
    background-position:bottom;
}

.colina {
    height: 20vh;
    width: 90%;
    background-image: url(images/acolinab.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    position: fixed;
    margin-top: 8vh;
}

.row_of_squares {
    height: 7vh;
    width: auto;
    position: fixed;
    margin-top: 8vh;
    right: 5vw;
}

.row_of_squares2 {
    height: 7vh;
    width: auto;
    position: fixed;
    right: 5vw;
    margin-top: 15vh;
}

.square {
    height: 7vh;
    width: 5.6vh;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

.letter_a {
    background-image: url(images/a.png);
}
.letter_c {
    background-image: url(images/c.png);
}
.letter_o {
    background-image: url(images/o.png);
}
.letter_l {
    background-image: url(images/l.png);
}
.letter_i {
    background-image: url(images/i.png);
}
.letter_n {
    background-image: url(images/n.png);
}
.letter_empty {
    background-image: url(images/empty.png);
}
.letter_calendar {
    background-image: url(images/calendar.png);
}
.letter_ticket {
    background-image: url(images/tickets.png);
}
.letter_map {
    background-image: url(images/map.png);
}

.letter_invert:hover {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    cursor:pointer;
}

.tickets_title {
    margin-top:5vh;
    margin-bottom:5vh;
    height: 10vh;
    width: 50vw;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(images/bilhetes.png);
    background-position:left;
}

.map_title {
    margin-top:5vh;
    margin-bottom:5vh;
    height: 10vh;
    width: 40vw;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(images/mapa.png);
}

.input_label {
    font-size:small;
    padding-top:1vh;
    font-weight:700;
}

input[type=text] {
    width: 50%;
    padding: 8px 10px;
    margin: 5px 0;
    box-sizing: border-box;
}

input[type="email" i] {
    width: 50%;
    padding: 8px 10px;
    margin: 5px 0;
    box-sizing: border-box;
}

input[type="number" i] {
    padding: 8px 10px;
    margin: 5px 0;
    box-sizing: border-box;
}

textarea {
  width: 50%;
  padding: 8px 10px;
  margin: 5px 0;
  box-sizing: border-box;
}

.precos2 {
    margin-top:2vh;
    background-image: url(images/precos.png);
    background-size: auto 100%;
    height: 18vh ;
    width: 100%;
    background-repeat: no-repeat;
}

.precos {
    margin-top:2vh;
    height: 12vh ;
    width: 20vw;
}

#tabela_precos {
    font-family: 'ArialNova', sans-serif;
}

.desc {
    width:60%;
    border:1px solid black;
    padding:2px;
    padding-left:4px;
}

.desc_price {
    width:10%;
    border:1px solid black;
    padding:2px;
    text-align: center;
}

.desc:hover {
    background-color:black;
    color:white;
    border-color:white;
    cursor:pointer;
}

.desc_price:hover {
    background-color:black;
    color:white;
    border-color:white;
    cursor:pointer;
}

.send_button {
    background-color: #ffffff;
    font-family: 'Barlow', sans-serif;
    border: none;
    color: black;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 2vh;
    font-weight: 700;
    border: 1px black solid;
    border-radius: 2px;
}

.send_button:hover {
    background-color: #000000;
    color: white;
    border-color:white;
    cursor:pointer;
}

.small_footer {
    margin-top:20vh;
    width:100%;
    height:45vh;
    background-image: url(images/base.jpg);
    background-size: cover;
    background-position: top;
}

.hyperlinks {
    color:black;
    text-decoration: none;
}

.hyperlinks:hover {
    color:black;
    text-decoration: underline;
}

.camera {
    width: 45vh;
    height: 15vh;
    z-index: 10;
    background-image: url(images/camara_w.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 10vh;
}

.subject{
    font-size:5vh;
}

.subject:hover{
    text-decoration:underline;
    cursor:pointer;
}

.subject_b{
    font-size:4vh;
}

.subject_b:hover{
    text-decoration:underline;
    cursor:pointer;
}

.subject_title{
    width:100%;
    font-size:2vh;
}

.toright{
    text-align:right;
}

.towhite{
    color:white;
}

.toright_bit{
    text-align:left;
    padding-left:20%;
}

.toleft_bit{
    text-align:right;
    padding-right:20%;
}

.row_of_squares3 {
    display:block;
    position:absolute;
    top:40%;
    left:20%;
}

.big_square {
    height: 12vh;
    width: 11vh;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

.letter_four {
    background-image: url(images/four.png);
}
.letter_zero {
    background-image: url(images/zero.png);
}

.sidebar {
    position:fixed;
    height:100vh;
    width:100%;
    background-color:#1fa77f;
    top:0vh;
    left:-100%;
    z-index:20;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-duration: 1s;
}

.opened {
    animation-name: opening;
}

.closed {
    animation-name: closing;
}

@keyframes opening {
  from {left: -100%;}
  to {left: 0;}
}

@keyframes closing {
  from {left: 0;}
  to {left: -100%;}
}
.sidebar_content {
    width:70%;
    margin:auto;
    font-family: 'Barlow', sans-serif;
    font-weight:600;
    margin:10% 10%;
}

.close_sidebar {
    position:absolute;
    right:8vh;
    top:8vh;
    width:8vh;
    height:8vh;
    background-image:url(images/close.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sidebar_title {
    font-size:6vh;
    color:white;
}

.various_texts {
    display:inline-block;
    width:35%;
}

.various_embbed {
    position: absolute;
    top: 25%;
    right: 20%;
}

.sidebar_text.barlow_text {
    max-height: 50vh;
    overflow: scroll;
}

.hide_bar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide_bar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.sidebar_sei {
    padding: 10% 8%;
    height: 70%;
}

.daycolumn {
    display: inline-block;
    width: 10%;
    padding-right: 3%;
}

.dayline {
}

.input_day {
    width: -webkit-fill-available;
}

.swal2-styled.swal2-confirm {
    border: 1px solid black;
    background: initial;
    background-color: #ffffff;
    color: #000;
    font-size: 1em;
    border-radius: 0;
}
.swal2-styled.swal2-confirm:hover {
    border: 1px solid white;
    background: initial;
    background-color: #000;
    color: #fff;
}

.swal2-loader {
    border-color: #fff transparent #fff transparent;
}

    #desktop {
        display:block;   
    }
    #mobile {
        display:hidden;   
    }
    
    .sidebar_text_mobile {
        width: 80%;
    }

@media (max-width: 1000px) and (orientation:portrait) {
    body {
        width: -webkit-fill-available;
    }
    .menu {
        position: absolute;
        width:100%;
        top: 10%;
    }
    .landing {
        height:100vh;
        width:100%;
        background-image:url(images/base_mobile.jpg);
        background-size:cover;
        background-position:bottom;
    }
    .row_of_squares {
        height: 7vh;
        width: auto;
        position: relative;
        margin-top: 8vh;
            left: 12%;
    }
    
    .row_of_squares2 {
        height: 7vh;
        width: auto;
        position: relative;
        left: 12%;
        margin-top: 0;
    }
    .square {
        height: 5vh;
        width: 4vh;
    }
    .november{
        background-image: url(images/november3.png);
        display: block;
        width: 100%;
        height:30vh;
        background-position: center;
    }
    
    .thetop {
        margin-bottom: 10vh;
        margin-top: 10vh;
    }
    
    .content {
        width: 98%;
        margin: 1%;
    }
    
    .day {
        width: 100%;
        display: block;
    }
    
    .day_art {
        width: 100%;
        display: block;
        padding:0;
    }
    
    .schedule {
        display: block;
        width:90%;
        margin: auto;
        height: auto;
    }
    .schedule_art {
        display: block;
        width: 90%;
        margin: auto;
        height: auto;
        margin-top: 10vh;
    }
    
    #map_embed {
        display:none;
    }
    
    .sidebar {
        width:100%;
        height:auto;
        min-height:100vh;
    }
    
    #day26cont, #day27cont {
        margin-bottom:10vh;
    }
    .subject_title{
        width:100%;
        font-size: 3vh;
        margin-top: 3vh;
        margin-bottom: 3vh;
    }
    .subject_b {
        font-size: 3.9vh;
    }
    .daytext {
        padding-bottom: 3vh;
    }
    .tickets_title {
        width:100%;
    }
    
    #ticket_content {
        width:90%;
        margin:auto;
    }
    
    .precos {
        width: 100%;
    }
    
    .map_title {
        width: 100%;
    }
    
    input[type=text] {
        width: 100%;
        padding: 8px 10px;
        margin: 5px 0;
        box-sizing: border-box;
    }
    
    input[type="email" i] {
        width: 100%;
        padding: 8px 10px;
        margin: 5px 0;
        box-sizing: border-box;
    }
    
    input[type="number" i] {
        width: 100%;
        padding: 8px 10px;
        margin: 5px 0;
        box-sizing: border-box;
    }
    
    .daycolumn {
        width: 20%;
    }
    
    #ticket_content {
        margin-top:10vh;
    }
    
    #map_mobile {
        background-image: url(images/mapprint.JPG);
        display: block;
        width: 100%;
        height:64vh;
        background-size: cover;
        background-position: center center;
    }
    
    .small_footer {
        background: linear-gradient(to bottom, rgb(255 255 255), rgb(255 255 255 / 0%)), url(images/base.jpg);
        background-size: cover;
        background-position: 0 bottom;
        padding-top: 10vh;
    }
    
    .camera {
        width: 50%;
        margin: auto;
    }
    
    .no_mobile {
        display:none;
    }
    
    .row_of_squares {
        left: 4%;
        height: 8vh;
        max-width: 96%;
    }
    .row_of_squares2 {
        left: 4%;
        height: 8vh;
        max-width: 96%;
        margin-top:1vh;
    }
    
    .square {
        height: 8vh;
        width: 13%;
    }
    
    #desktop {
        display:none;   
    }
    #mobile {
        display:block;   
    }
    .various_embbed {
        position: relative;
        width: 80%;
        left: 0;
        top: 5%;
        right: 20%;
    }
    .various_texts {
        display:block;
        width: 100%;
        height:auto;
        overflow:scroll;
    }
    .sidebar_title {
        width: 75%;
    }
    .sidebar_embed {
        width:100%;
        margin:auto;
        overflow:hidden;
    }
    
    .sidebar_content {
        margin: 0;
        max-height: 100vh;
        overflow: scroll;
        width: 100%;
        padding: 30% 0vw 4vw 10vw;
    }
    .sidebar_text {
        width: 80%;
    }
    .sidebar_text_mobile {
        width: 80%;
    }
    
    .close_sidebar {
        position: absolute;
        right: 5vh;
        top: 5vh;
    }
    
}