/* LaStrada Event Page */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300);
@import url(//fonts.googleapis.com/css?family=Rokkitt:400,700);



/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

.menu-top {
display:flex;
justify-content:space-around;
align-content:baseline;
flex-wrap:wrap;
color:black;
}
.menu-top div {
margin:20px 40px;
}
#lastrada {
padding:0px;
width:100%;
}
#lastrada a {
color:white;
font-size:1.5em;
}
.section-color-1 {
background-color:#3D177C;
color:white;
align-items:center;
display:flex;
justify-content:center;
}
.section-color-2 {
background-color:#5A1179;
color:white;
align-items:center;
display:flex;
justify-content:center;
}
.row {
display:flex;
justify-content:center;
align-content:center;
flex-grow:1;
}
.container-fluid {
max-width:100%;
}
.col-sm-6 {
padding:40px;
}
p, li, a, span {
font-size:18px;
font-family:'Roboto', sans-serif;
}
.hero-text h1 {
text-shadow:3px 4px #3D177C;
}
.hero-text p {
font-size:24px;
}
a#buy_tickets {
position:relative;
padding:10px;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:25px;
background-color:rgba(90, 17, 121, 0.8);
box-shadow:0 0 10px rgba(0,0,0,0.6);
z-index:10;
pointer:cursor;
}
.page-sections h1 {
font-size:4em;
}
#ticket_window {
background:#fcb620;
padding:20px;
width:700px;
}
#ticket_window h3 {
margin:0px;
padding:0px;
}
#ticket_window th, #ticket_window td {
color:#000000;
padding:1px 5px;
width:130px;
text-align:left;
}
#ticket_window h4 {
color:#000000;
font-family:'Myriad Pro';
font-weight:normal;
font-size:22px;
word-spacing:5px;
margin-bottom:0px;
}
#ticket_window #grand_total {
font-weight:bold;
}
#authnetseal, #siteseal {
text-align:center;
margin-bottom:10px;
}
#ticket_window  .fieldnotes {
color:#808080;
}
.event_item td {
font-size:14px;
}
#ticket_window input,#ticket_window select {
margin-bottom:3px;
width:230px;
}
#ticket_window p.italic {
font-size:12px;
font-style:italic;
}
#navbar {
list-style:none;
margin:0;
padding:0;
}
#navbar li {
display:inline-block;
}
#navbar li a {
padding:10px;
font-size:16px;
text-decoration:none;
display:block;
color:#b0b0b0;
}
#navbar li a:hover {
color:black;
text-decoration:none;
}
#timer {
height:100%;
}
#count {
list-style:none;
margin:0;
padding:0;
padding-top:100px;
}
#count li {
display:inline-block;
width:25%;
float:left;
text-align:center;
}
#count li span {
margin:auto;
display:block;
width:120px;
height:120px;
position:relative;
border:4px solid white;
border-radius:100%;
}
#count li span h1 {
position:absolute;
width:100%;
top:15%;
margin:0;
font-weight:bold;
font-size:40px;
text-align:center;
color:white;
}
#count li span p {
position:absolute;
width:100%;
bottom:10%;
text-align:center;
text-transform:uppercase;
color:white;
font-size:18px;
font-weight:bold;
}
.background.grey {
background-color:#f9f9f9;
}
.background.primary {
background-color:#fcb620;
padding:15px 0;
color:white;
}
.background.primary-grad {
background:linear-gradient(135deg, #fcb620 0%,#e2a219 100%);
filter:progid;
color:white;
}
.background.right-img {
position:relative;
}
.right-img .image-right {
position:absolute;
top:0;
right:0;
width:50%;
height:100%;
background-color:white;
overflow:hidden;
}
.right-img .images-right {
position:absolute;
top:0;
right:0;
height:100%;
background-color:rgb(200,200,200);
}
.tbo-images {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.tbo-images .images-container {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.tbo-images .images-container .image, .right-img .image, .img {
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.tbo-images .images-container .left {
width:50%;
position:absolute;
top:0;
left:0;
height:50%;
background-color:rgb(210,210,210);
}
.tbo-images .images-container .right {
width:50%;
position:absolute;
top:0;
right:0;
height:50%;
background-color:rgb(230,230,230);
}
.tbo-images .images-container .bottom {
width:100%;
position:absolute;
bottom:0;
left:0;
height:50%;
background-color:rgb(200,200,200);
}
.row.right-img {
position:relative;
}
#footer {
background-color:#000;
background-image:url(images/dark_dotted.png);
padding:20px 0 0;
color:#fff;
}
#nl_signup {
background-image:url('/clients/52/images/signup-button.png');
width:86px;
height:26px;
background-size:100%;
background-repeat:no-repeat;
display:inline-block;
position:relative;
top:0px;
left:5px;
float:left;
vertical-align:top;
}
#footer a {
color:#fff;
}
#scrolltotop {
z-index:1;
}
a#buy_tickets {
position:fixed;
top:0;
right:50px;
padding:10px;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:25px;
background-color:#000;
box-shadow:0 0 10px rgba(0,0,0,0.6);
}
a#buy_tickets:hover {
text-decoration:none;
background-color:#fcb620;
cursor:pointer;
}
form#get_newsletter_form {
padding:10px;
margin:0;
padding-left:0;
}
#footer div.container div#daily {
padding-left:10px;
padding-bottom:11px;
vertical-align:bottom;
}
#footer div.container div#copyright {
margin-top:20px;
margin-bottom:40px;
}
form#get_newsletter_form input {
float:left;
}
#footer div.container div {
display:inline-block;
vertical-align:bottom;
}
#footer #get_daily {
width:100px;
height:80px;
background-size:100% auto;
display:inline-block;
}
#follow {
padding:10px 30px;
}
.button {
display:inline-block;
padding:5px 10px;
border-radius:15px;
text-decoration:none;
text-align:center;
}
.button.solid {
background-color:white;
color:#45b8b8;
-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.6);
-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.6);
box-shadow:0px 2px 5px 0px rgba(0,0,0,0.6);
}
.button.hollow {
color:#fcb620;
border:1px solid #fcb620;
}
.button.center {
float:none;
margin:auto;
}
.button.white {
color:white !important;
border:1px solid white !important;
}
.padding {
padding:60px 0;
}
hr {
border-top:0px solid #eee !important;
}
.speak-box {
height:230px;
position:relative;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
}
.speak-box.speaker .speak-content {
color:white;
background-color:rgba(0,0,0,0.4);
}
.speak-box.primary {
background-color:#fcb620;
color:white;
}
.speak-content {
position:absolute;
}
.speak-content.full {
top:15px;
left:15px;
height:calc(100% - 30px);
width:calc(100% - 30px);
}
.speak-content.bottom {
width:100%;
bottom:0;
left:0;
padding:5px 15px;
}
* {
font-family:'Roboto', sans-serif;
}
.t-center {
text-align:center;
}
a.social {
display:inline-block;
width:30px;
height:30px;
border-radius:100%;
background-color:#bababa;
color:white;
padding:1px;
text-align:center;
font-size:20px;
}
.map-top {
color:white;
padding:15px;
}
.map {
height:400px;
margin-top:15px;
}
.map-top h2, .map-top h3,.map-top h1 {
margin-top:0;
}
.padding.pad-more {
padding-right:25px;
}
*.pad-more {
padding-right:30px !important;
}
.right-img .image-right {
position:relative;
width:100%;
height:400px;
}
.right-img .images-right {
position:relative;
height:400px;
}
.padding {
padding:30px 0;
}
.right-img .image-right {
position:relative;
width:100%;
height:300px;
}
.right-img .images-right {
position:relative;
height:400px;
}
.padding {
padding:30px 0;
}
#count li span {
width:80px;
height:80px;
}
#count li span h1 {
font-size:26px;
}
#count li span p {
font-size:13px;
}
.right-img .image-right {
position:relative;
width:100%;
height:250px;
}
.right-img .images-right {
position:relative;
height:400px;
}
.padding {
padding:30px 0;
}
.body h2 {
font-family:'Roboto', sans-serif;
font-size:2em;
margin:30px 0;
}
.section-padding-top {
padding-top:125px;
}
.ticket-button {
cursor:pointer;
padding:0 30px;
box-shadow:0 0 10px #d3d3d3;
text-shadow:1px 1px #e80583;
}
.ticket-button:hover {
background-color:#fcb620;
color:black;
}
.event_item td {
width:100px;
}
#fancybox-content {
min-width:300px !important;
}
#sponsors img {
margin-bottom:40px;
}

@media (min-width: 1200px) {

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {
.menu-top div {
margin:20px 15px;
}
#lastrada a {
font-size:1em;
}
a#buy_tickets {
font-size:18px;
}
.page-sections h1 {
font-size:2em;
}

}

@media (max-width: 767px) {
.menu-top {
justify-content:center;
}
.menu-top div {
margin:20px 15px;
}
#lastrada a {
font-size:1em;
}
.section-color-1 {
align-items:none;
display:block;
justify-content:none;
}
.section-color-2 {
align-items:none;
display:block;
justify-content:none;
}
.row {
display:block;
justify-content:none;
align-content:none;
flex-grow:none;
}
.col-sm-6 {
padding:10px;
}
a#buy_tickets {
font-size:16px;
}
.page-sections h1 {
font-size:2em;
}

}

@media (max-width: 480px) {
.menu-top {
justify-content:center;
}
.menu-top div {
margin:20px 15px;
}
#lastrada a {
font-size:1em;
}
.section-color-1 {
align-items:none;
display:block;
justify-content:none;
}
.section-color-2 {
align-items:none;
display:block;
justify-content:none;
}
.row {
display:block;
justify-content:none;
align-content:none;
flex-grow:none;
}
.col-sm-6 {
padding:10px;
}
a#buy_tickets {
font-size:12px;
}
.page-sections h1 {
font-size:2em;
}
#ticket_window {
padding:10px;
}
#fancybox-wrap {
padding:0 !important;
}

}