@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,500,700,500itable,400italic');

*{margin:0;padding:0;border:0;}
body{background:white;}






main{margin-left:auto;margin-right:auto;margin-top:30px;width:720px;}
@media screen and (max-width: 740px)
{
  main {width:calc(100% - 30px);}
}

main h1, main h2, main h3, main h4, main h5, main p, main ul, main li, main input, main textarea, main select, main button, main table, main a, main ol, main lh, main figcaption{font-family:"Roboto Slab","Museo","Helvetica Neue",Helvetica,Arial,sans-serif !important;}



main h1{font-size:36px;}

  main h2{margin-bottom:30px;margin-top:50px;padding-bottom:7px;border-bottom:5px solid #f5f5f5;font-size:28px;}
  
  main h3{font-size:22px;}
  main h4{font-size:18px;}
  main h1,main h2,main h3,main h4{font-weight:normal !important;color:#252525;}

main img{width:100%;}
main p, main li:not(.event){line-height: 1.8;
    font-size: 16px;
    color: #252525;}

main li:not(.event) {
    margin-bottom: 10px;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
}


main figure{margin-bottom:20px;}


@media screen and (max-width: 740px)
{
main h1{font-size:28px;}

  main h2{margin-bottom:20px;margin-top:30px;padding-bottom:7px;border-bottom:5px solid #f5f5f5;font-size:24px;}
  
  main h3{font-size:20px;}
  main h4{font-size:18px;}  
  
main p, main li:not(.event)
  {font-size: 16px;
    line-height: 1.6;
  }
    margin-bottom: 20px;  
}



main ul{margin-bottom:20px;}


.interior-level-page{margin:0px auto;max-width:1140px;padding:0 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.interior-level-right{position:absolute;display:block;width:300px;right:15px;top:0;}


#header-page{background:#0067CE;height:60px;overflow:auto;}
#header-page img.logo{height:40px;position:absolute;top:10px;left:15px;}
#header-page a {color:#FFFFFF;} 
#header-page ul{overflow:auto;position:absolute;top:0;left:150px;width:calc(100% - 150px); }
#header-page li {padding:0 25px;float:left;border-left:1px solid #0067CE;border-right:1px solid #0067CE;font-size:14px;height:60px;line-height:60px;}
#header-page li:hover{background:#0061C1;color:white;border-color:#0076EC;}


/**
 * What to do with header when the screen is less than 599 pixels
 *
 */
@media only screen and (max-width: 599px)
{
    /**
     * Alter the header to remove the leagues list
     *
     */
  #header-page{height:48px;}
    #header-page img.logo{position:absolute;top:auto;left:8px;height:28px;top:10px;}
    #header-page ul{overflow-y:hidden;overflow-x:scroll;width:calc(100% - 96px);left:96px;top:0;height:48px;position:absolute;white-space:nowrap;}
    #header-page ul li{float:none;display:inline-block;font-weight:500;padding:0 16px;text-transform:uppercase;height:48px;line-height:48px;font-size:13px;}
    #header-page ul li:first-child{} /**redundant homepage**/
    
    #header-hero article[data-state='preview'] .text-primary{max-height:48px;} /**show less preview text in top article*/
    #container-event-lists{margin-bottom:40px;border:none; border-radius:0px;padding:0px;} /*Remove border from event list*/
  
  
  
  
  
}


#navigation-content {margin-top:60px;}

#navigation-content li {margin-bottom:60px;position:relative;padding-left:calc(30% + 20px);height:120px;
    list-style-type: none;
    list-style-position: auto;
    margin-left: auto;}
#navigation-content li img{width:30%;height:100%;object-fit: cover;position:absolute;left:0;top:0;}
#navigation-content li .headline{font-size:20px;text-decoration:underline;}

@media screen and (max-width: 600px)
{
  #navigation-content li {margin-bottom:30px;height:90px;}
  #navigation-content li .headline{font-size:16px;}
  #navigation-content li .preview{display:none;}
}