/*footer { background:#333; padding-top:40px; padding-bottom:40px;}
footer, footer * {color:#fff; }
footer a { color:#f3aa38; }
footer .footer-text { margin:0;}
footer .footer-text p { margin:0;}*/

ul, ol
{
  list-style-type:disc;
  list-style-position:outside;
  margin:0 0 0 20px;
  margin-block-start:auto;
  margin-block-end:auto;
  padding-inline-start:0;
  font-size:16px;
  color:#f3aa38;
}

ul li, ol li { margin:0 0 10px 0; padding-left:10px; }
ul li >p, ol li >p { color:#383838;}
ul li >*:last-child, ol li >*:last-child { margin-bottom:0;}

body { display:flex; flex-direction:column;}
body > div { background:#efefef; display:flex; flex-direction:column;flex: 1 1 auto;}
body > div > .main-container { flex:1 1 auto; /*display:flex;*/ }

body.modal-open { overflow:auto !important; padding-right:0 !important; }

.flash-share, .modal { display:none !important;}

.banner-home, .banner { 
  background: url('http://d3n8a8pro7vhmx.cloudfront.net/themes/5f03bc824764e805db7f6e20/attachments/original/1595223765/banner_home.jpg') no-repeat center; 
  background-size:cover;
  text-align:center;
  padding: 60px 30px;
  height:50vh;
  /*margiin-top:-90px;*/
  border-bottom:2px solid #fff;
}
.banner { 
  aspect-ratio: 1024/204;
  display:flex;
  flex-direction:column;
  background-position-y:top;
}
.banner-home .container, .banner .container { display:flex; flex-direction:column; flex:1; justify-content:center; height:100%;} 
.banner-home *, .banner * { color:#fff; font-family:"Roboto", arial, sans-serif; }
.banner-home h1 {text-transform:uppercase; font-size: 10vh; line-height:8vh; font-weight:900; margin-bottom:60px;}
.banner-home h2 { font-size: 4vh; line-height:2vh; font-weight:900;}
.banner h1 {text-transform:uppercase; font-size: 3vw; line-height:2.5vw; font-weight:900; margin:0; text-align:left; color:#008db2;  text-shadow:4px 4px #fff;}
/*.banner .container { margin-top:60px }*/

.flex-col { display:flex; flex-direction:column; }
.flex-row { display:flex; flex-direction:column; }
.flex-row-no-collapse { display:flex; flex-direction:row; }
.flex-row .spacer, .flex-col .spacer, .flex-row-no-collapse .spacer { width:25px; height:25px;}
.flex-1 { flex:1; } 

.width-2-col { width:50%; margin-right:20px; }
.width-2-col:nth-child(2n+0) { margin-right:0; }
.width-3-col { width:33.33%; margin-right:20px; }
.width-3-col:nth-child(3n+0) { margin-right:0; }
.width-4-col { width:25%; margin-right:20px; }
.width-4-col:nth-child(4n+0) { margin-right:0; }
.width-5-col { width:20%; margin-right:20px; }
.width-5-col:nth-child(5n+0) { margin-right:0; }

.pod, .panel { padding:30px; -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.1); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.1); -o-box-shadow: 0px 0px 15px rgba(0,0,0,.1); box-shadow: 0px 0px 15px rgba(0,0,0,.1); border-radius:9px; }
.pod { background-color:#fff !important; }
.pod >*:first-child, .panel >*:first-child { margin-top:0;}
.pod >*:last-child, .panel >*:last-child { margin-bottom:0;}

.event-card .event-date { background:#fff !important; -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.1); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.1); -o-box-shadow: 0px 0px 15px rgba(0,0,0,.1); box-shadow: 0px 0px 15px rgba(0,0,0,.1); }


@media screen and (max-width: 720px)
{
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height:none;}
  .nav { background:#fff; overflow:visible; width:200px;}
  .navbar-nav > li > a { color: $blue-base; }
}


@media screen and (max-width: 720px)
{
  .full-view-only { display:none !important; }
  .width-2-col { width:auto; margin-right:0; }
  .width-3-col { width:auto; margin-right:0 }
  .width-4-col { width:auto; margin-right:0 }
  .width-5-col { width:auto; margin-right:0 }
}
@media screen and (min-width: 720px)
{ 
  .flex-row { display:flex; flex-direction:row; }
  .mobile-view-only { display:none !important;}
}




.justify-content-center { justify-content: center; }
.text-align-center {text-align:center;}
.display-flex { display:flex;}
.display-block { display:block; } 
.display-inline-block { display:inline-block; }
.display-none, .hide { display:none;}

.margin-0 {margin:0 !important;}
.margin-top-0 { margin-top:0px !important; }
.margin-top-10 { margin-top:10px !important; }
.margin-top-20 { margin-top:20px !important; }
.margin-top-40 { margin-top:40px !important; }
.margin-right-0 { margin-right:0px !important; }
.margin-right-10 { margin-right:10px !important; }
.margin-right-20 { margin-right:20px !important; }
.margin-right-40 { margin-right:40px !important; }
.margin-bottom-0 { margin-bottom:0px !important; }
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-bottom-20 { margin-bottom:20px !important; }
.margin-bottom-40 { margin-bottom:40px !important; }
.margin-left-0 { margin-left:0px !important; }
.margin-left-10 { margin-left:10px !important; }
.margin-left-20 { margin-left:20px !important; }
.margin-left-40 { margin-left:40px !important; }
.padding-0 {padding:0 !important;}
.padding-top-0 { padding-top:0px !important; }
.padding-top-10 { padding-top:10px !important; }
.padding-top-20 { padding-top:20px !important; }
.padding-top-40 { padding-top:40px !important; }
.padding-right-0 { padding-right:0px !important; }
.padding-right-10 { padding-right:10px !important; }
.padding-right-20 { padding-right:20px !important; }
.padding-right-40 { padding-right:40px !important; }
.padding-bottom-0 { padding-bottom:0px !important; }
.padding-bottom-10 { padding-bottom:10px !important; }
.padding-bottom-20 { padding-bottom:20px !important; }
.padding-bottom-40 { padding-bottom:40px !important; }
.padding-left-0 { padding-left:0px !important; }
.padding-left-10 { padding-left:10px !important; }
.padding-left-20 { padding-left:20px !important; }
.padding-left-40 { padding-left:40px !important; }

.width-5 { width:5%;}
.width-10 { width:10%;}
.width-30 { width:30%;}
.width-33 { width:33%;}
.width-50 { width:50%;}
.width-70 { width:70%;}
.width-100 { width:100%; }
.width-10px { width:10px; }
.width-15px { width:15px; }
.width-20px { width:20px; }

.height-5 { height:5%;}
.height-10 { height:10%;}
.height-30 { height:30%;}
.height-33 { height:33%;}
.height-50 { height:50%;}
.height-70 { height:70%;}
.height-10px { height:10px; }
.height-15px { height:15px; }
.height-20px { height:20px; }