@font-face{font-family:"league-spartan";src:url('https://d3t13abgv0q40.cloudfront.net/mp-public/fonts/LeagueSpartan/LeagueSpartan-Bold-webfont.fc0cf2cf092afc3a425a799c9cc4f0ad.eot?#iefix') format('embedded-opentype'),url('https://d3t13abgv0q40.cloudfront.net/mp-public/fonts/LeagueSpartan/LeagueSpartan-Bold-webfont.7b9cc7fa4556771739fbad11100b3684.svg') format('svg'),url('https://d3t13abgv0q40.cloudfront.net/mp-public/fonts/LeagueSpartan/LeagueSpartan-Bold-webfont.004de67173238774af62d77f2b42e592.ttf') format('truetype'),url('https://d3t13abgv0q40.cloudfront.net/mp-public/fonts/LeagueSpartan/LeagueSpartan-Bold-webfont.eafc3a0f2fb75a0351f2db1866677918.woff') format('woff')}@font-face{font-family:"raleway";src:url('https://d3t13abgv0q40.cloudfront.net/mp-public/fonts/Raleway/raleway-medium.594a4165c7cfc9bad00e0e12e18e1242.eot?#iefix') format('embedded-opentype'),url('https://d3t13abgv0q40.cloudfront.net/mp-public/fonts/Raleway/raleway-medium.92f9ed212c63ce82ed6d2460283d00b4.svg') format('svg'),url('https://d3t13abgv0q40.cloudfront.net/mp-public/fonts/Raleway/raleway-medium.d8bf5b43e860d8800d7f71d4e59dc878.ttf') format('truetype'),url('https://d3t13abgv0q40.cloudfront.net/mp-public/fonts/Raleway/raleway-medium.d382659730b3a217c466da1cacc16062.woff') format('woff')}.roundup-location .number, .loc_marker, .curr_loc_marker, .ui-datepicker .ui-datepicker-header, input + button.submit, input + button.submit, input.form_submit, .sprocket_eventcal .foot a.search, .sectionpaging a, #topnav a.pull, .nav_handle, .mp-prev-but, .mp-next-but, .mp-bubble-content, .mp-custom-link{background-color:#999999}.header_links a{font-size:90%}input[type="checkbox"], input[type="radio"], .pagination a:hover, .pagination a.ord.active{background-color:#0074B3}.mp-title h2{font-size:100%}#bottomnav .mainnav a{font-size:90%}h2{font-size:180%}h3{font-size:130%}h1{font-size:190%}h4{font-size:100%}body, .facet li{font-family:"raleway",sans-serif}h3.sidebar-title{font-size:100%}#topnav .mainnav, #bottomnav, #textnav{font-weight:normal}.ui-datepicker .ui-datepicker-header{background-color:#999999}.content blockquote, .event_listing, .event_listing_featured{border-color:#999999}time p{font-size:80%}select{font-size:110%}#topnav .subnav a{font-size:70%}#topnav.open a.pull, #topnav a.pull:hover{background-color:#999999}body, p, .content li #tabs.ui-tabs .ui-tabs-nav li h2 a, input[type="text"], pre{font-family:"raleway",sans-serif}h1, h2, h3, h4, legend, #eventinfos h5, #bottompageinfos div.author a{font-family:"league-spartan",sans-serif;font-style:normal}label{font-size:90%}.mentions_list h3{font-size:100%}.content p{font-size:100%;margin-bottom:2%}#topnav a, #bottomnav .mainnav a, #bottomnav .textnav, .header_links a, #breadcrumbs a, h5, label, .ui-tabs h2, button.submit, button, input, .sprocket_eventcal .tabbernav a, #copyright p{font-family:"raleway",sans-serif}.mp-carousel .mp-swiper-pagination-bullet-active{background:#999999}input{font-size:120%}.chicklet{background-color:#999999}.location_listing_result{border-color:#999999}.mp-credits{font-size:80%}#topnav{background-color:#999999}button, button.submit, input.submit, a.view_more, a.toggle_view{color:#0074B3}p.credits{font-size:80%}.content li{font-size:100%;line-height:155%}.curr_loc_marker:before, .loc_marker:before, .event_marker:before{border-top-color:#999999}.ui-datepicker-title{font-family:"league-spartan",sans-serif}h1, h2, h3, h4, legend, #eventinfos h5, a.event_title, h4 a, #bottompageinfos div.author a{color:#999999}.mp-infos{font-size:80%}#content blockquote p{border-left-color:#999999}p.tag-cloud-list{font-size:100%}a{color:#0074B3}.carousel.teaser nav .carousel-active-page a{background-color:#999999}.content blockquote p{font-size:130%}#topnav a:hover, #topnav .mainnav .selected > a, .mp-prev-but:hover, .mp-next-but:hover, .mp-custom-html{background-color:#999999}.ui-state-default.ui-state-active, .ui-tabs .ui-state-active, .ui-tabs .ui-state-default:hover, .tabbernav .tabberactive{background-color:#0074B3}p.infos{font-size:80%}#topnav .mainnav .selected a, #topnav .mainnav li > a:hover{border-color:#999999}#topnav .mainnav a{font-size:90%}.tags a:hover, .tag-cloud-list a:hover, .foot a:hover, button:hover, button.submit:hover, input.submit:hover, a.view_more:hover, #location a.link:hover{background:#0074B3}#features h2{font-size:95%}p{line-height:150%}#bottom, .sprocket_featured_listing .title, .sprocket_location_search .title, .sprocket_eventcal .title, .mp-posterboard .mp-title, .mp-gallery .mp-title{background-color:#999999}#breadcrumbs a{font-size:90%}.chicklet:hover{background-color:#0074B3}.sectiontitle h1 a, .text h2 a, #title h1 a, h3 a, h4 a .sprocket li h4 a{color:#999999}#topnav .mainnav > .subnav_nested a{font-size:70%}button{font-size:120%}@media only screen and (max-width:48em){p{font-size:100%}#logo .chicklets{background:#999999}}h1, h2, h3, h4, h5, h6{
  font-family: 'Bitter', serif;
  color:#111;
  line-height:130%;
  letter-spacing:0.5px;
  font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  color:#222;
}
h1{
  font-size: 320%;
}
h2{
  font-size: 230%;
}
h3{
  font-size:150%;
}
h4{
  font-size:130%;
}
h5{
  font-size:110%;
}
h6{
  font-size:100%;
}
#side .mp-list-item h3{
  font-size: 130%;
}
body{
  font-family: 'Gentium Basic', serif;
}
p, pre{
  font-family: 'Gentium Basic', serif;
  letter-spacing:0.5px;
  font-size:115%;
  line-height:150%;
  color:#111;
}
a{
  color:#4A90E2;
}
#features h2, h3.sidebar-title, .mp-title h2{
  color:#111;
  letter-spacing:1px;
}
strong{
font-weight:700;
}

/* Blue color: #4A90E2; */


.mp-list-item .mp-infos.mp-comments-count{
display:none;
}

/* --- HEADER --- */
/*#topads{
  background-color: #2a2a2a;
}*/
#CSE button.search{
  margin:0;
}
input + button.submit{
  background-color:transparent;
}
#CSE input[type="text"]{
  min-width: 12rem;
  border:0;
  /*background:#000 !important;*/
  font-size: 120%;
  margin-bottom: 0;
  vertical-align: top;
  color: #111;
}
#CSE{
  margin-top: 6px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.logo .header_links{
  display: block;
  background-color: #2a2a2a;
  z-index: 0;
  padding: 0 5px;
  float:none;
  clear:none;
}
.header_links a{
  font-family: 'Open Sans';
  font-weight:400;
  letter-spacing:1px;
  font-size: 80%;
  color: #fff;
  padding: 15px 0;
  display: inline-block;
  margin: 0 5px;
  text-transform:capitalize;
}
.logo img.standard, 
.logo img.standard[src$=".svg"]{
  max-width:30%;
  margin: 20px auto 0;
  padding-bottom:0.5rem;
}
.logo .chicklets{
  float:none;
  margin-bottom:0;
  position: absolute;
  right: 17rem;
  top: 5px;
  margin-right: 20px;
}
.chicklet:hover, 
button.submit:hover{
  background-color:#4A90E2;
}
.chicklet{
  background-color: transparent;
}
#logo{
  margin:0 auto;
}

#topads, #logo{
  max-width:1280px;
}
#leaderboard_nav{
  margin-top:40px;
}
.mp-ad-sprocket{
  margin:0 auto;
  padding:20px;
  text-align: center;
}
/* HEADER */



/* --- NEWSLETTER HTML --- */
.mp-nwslttr{
  width:100%;
  display:block;
  position:relative;
  border:2px solid #b0b0b0;
  box-sizing:border-box;
  text-align:center;
  padding:20px;
  line-height:100%;
}
.mp-nwslttr h4{
  font-family: 'Open Sans', sans-serif;
  text-transform:capitalize;
  font-size:160%;
  color:#111;
  letter-spacing:1px;
  padding:0 20px 10px;;
  font-weight:300;
}
.mp-nwslttr h1{
  font-family: 'Oswald', sans-serif;
  text-transform:none;
  font-weight:400;
  font-size:320%;
  color:#111;
  padding:30px 20px 10px;
}
.mp-nwslttr p{
  font-style:italic;
  font-size:200%;
  color:#111;
  padding:10px 20px 50px;
  line-height:100%;
}
.mp-nwslttr h5 a{
  font-family: 'Open Sans', sans-serif;
  text-transform:uppercase;
  font-size:80%;
  font-weight:300;
  letter-spacing:1px;
  padding:15px 30px;
  background-color:#4A90E2;
  border-radius:8px;
  display:inline-block;
  color:#fff;
}
.mp-nwslttr h5 a:hover{
  background-color:#b0b0b0;
}




/* --- MP-INFOS + pageinfos --- */
.content p.credits, 
.tools .share, 
.pageinfos time p, 
.pageinfos .author, 
.mp-list-item .mp-infos, 
.feature .infos{
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  letter-spacing:1px;
  font-size:82%;
  line-height:160%;
  text-align:left;
  margin-right:0;
  text-transform:none;
  color:#b0b0b0;
  padding:0;
}
.mp-list-item .mp-infos{
  display:block;
}
.feature .infos span{
  margin-right:5px;
}
.mp-location a, 
.mp-authors a, 
.pageinfos .author a, 
.feature .infos a{
  color:#b0b0b0;
}
.mp-list-item .mp-infos.mp-section, 
.mp-list-item .mp-infos.mp-location, 
.feature .infos .section{
  text-transform:uppercase;
}
.content p.credits, 
.pageinfos time p, 
.mp-date, 
.feature .infos .date,
.feature .infos .time{
  font-weight:400;
}
header.sectiontitle, 
#breadcrumbs{
  display:none;
}
a.RSS_link{
  position:absolute;
  right:20px;
  top:0;
  z-index:10;
  font-family: 'Open Sans', sans-serif;
}
/* MP-INFOS + pageinfos */



/* --- SEARCH PAGES --- */

/* --- search + map buttons */
.mp-type-event_search .sectiontitle h1, 
.mp-type-location_search .sectiontitle h1{
  font-family:'Oswald', sans-serif;
  font-weight: 300;
  text-transform:uppercase;
  position:relative;
  left:auto;
  bottom:auto;
  line-height:120%;
  font-size:300%;
  color:#111;
}
#location_ft_search, 
#event_ft_search{
  box-shadow:none;
  vertical-align: top;
  padding: 6px;
  min-width: 12rem;
  border:0;
  background:#d8d8d8 !important;
  font-size: 100%;
  margin-bottom: 4px;
  font-family: 'Open Sans', sans-serif;
}
#location_ft_search_btn, 
#event_ft_search_btn, 
#pagetype_locationsearch a.toggle_view, 
#pagetype_eventsearch a.toggle_view{
  vertical-align: top;
  display: inline-block;
  font-family: 'Open Sans', serif;
  font-weight:400;
  letter-spacing:1px;
  margin:0 0 10px;
  border: 2px solid rgba(151, 151, 151, 0.5);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 20px;
  color: #b0b0b0;
  font-size:90%;
}
#location_ft_search_btn:hover, 
#event_ft_search_btn:hover, 
#pagetype_locationsearch a.toggle_view:hover, 
#pagetype_eventsearch a.toggle_view:hover{
  background-color:#b0b0b0;
  color:#fff;
}

/* --- alpha search + pagination */
.alpha_search{
  font-family: 'Open Sans', serif;
  font-weight:400;
  letter-spacing:1px;
}
.pagination ul{
  color:#111;
  font-size:100%;
  border-style:solid;
  border-width:0;
  border-color:#d4d4d4;
  padding:0 0 0.5em;
  margin-bottom:1.25em;
}
.pagination{
  margin: 0;
  padding:20px 0;
  border-style:solid;
  border-width:0 0 1px;
  border-color: rgba(150, 150, 150, 0.5);
}
.pagination a, 
.pagination a.ord, 
.pagination a.ord.active{
  border-radius:0;
  font-family: "Open Sans", sans-serif;
  letter-spacing:1px;
  font-weight:400;
  font-size: 90%;
  line-height:100%;
  color:#b0b0b0;
  background-color:#fff;
  padding: 5px 20px;
  border: 2px solid rgba(151, 151, 151, 0.5);
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 20px;
}
.pagination a.ord.active{
  background-color:#4A90E2;
  color:#fff;
  border: 2px solid #4A90E2;
}
.pagination a.ord.active:hover{
  background-color:#b0b0b0;
  color:#fff;
  border: 2px solid rgba(151, 151, 151, 0.5);
}
.pagination a:hover, 
.pagination a.ord:hover{
  background-color:#b0b0b0;
  color:#fff;
}
/* SEARCH PAGES */


/* --- LOCATION SEARCH */
.location_result, .location_listing_result{
  padding: 20px 0;
  border-style:solid;
  border-width:0 0 1px;
  border-color: rgba(150, 150, 150, 0.5);
}
.location_result .address, 
.location_listing_result .address{
  width:100%;
  padding:0;
}
.location_result div, 
.location_listing_result div{
  display: inline-block;
  margin:10px 0 0;
}
.results .address{
  margin: 0 0 10px;
}
.address h4{
  font-size: 200%;
  line-height:100%;
}
.address h4 a{
  color:#111;
  font-family: 'Bitter', serif;
}
.address h4 + p{
  font-size:115%;
  line-height:150%;
}
.address a{
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing:1px;
  font-size:90%;
}
.details .loc_thumb{
  float: right;
  margin-right: 0;
  margin-left: 16px;
  width:30%;
  height:auto;
}
p.feats{
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 70%;
  letter-spacing:1px;
  color:#b0b0b0;
}
/* LOCATION SEARCH */



/* --- EVENT SEARCH --- */
.event_result{
  padding: 20px 0;
  border-style:solid;
  border-width:0 0 1px;
  border-color: rgba(150, 150, 150, 0.5);
}
.results .event_info{
  margin: 0 0 10px;
}
.event_info h4{
  font-size: 200%;
  line-height:120%;
  display:block;
  margin-bottom:5px;
}
.event_info h4 a{
  color:#111;
}
.event_info h4 + a{
  font-family: "Open Sans", sans-serif;
  letter-spacing:1px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 80%;
}
.details .description{
  font-size:115%;
  line-height:150%;
}
.event_result .event_date{
  font-family: "Open Sans", sans-serif;
  letter-spacing:1px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 100%;
  color:#111;
  margin-bottom:5px;
}
.event_result .details{
  display: inline-block;
  margin:10px 0 0;
}
.details .event_thumb{
  float: right;
  margin-right: 0;
  margin-left: 16px;
  width:30%;
  height:auto;
}
.event_result .details a.more_link{
  display:none;
}
p.cats{
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 70%;
  letter-spacing:1px;
  color:#b0b0b0;
}
/* EVENT SEARCH */



/* --- LOCATION PAGE --- */
.loc_feats{
  max-width: 100%;
  padding: 20px;
  background-color: #efefef;
}
.loc_feats div{
  font-size: 115%;
  line-height: 150%;
  margin: 0 0 10px;
}
/* LOCATION PAGE */



/* --- EVENT PAGE --- */
.event_occs{
  font-family: "Open Sans", sans-serif;
  letter-spacing:1px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 90%;
  color:#111;
  margin-bottom:5px;
}
#backlink{
  display: inline-block;
  font-family: 'Open Sans', serif;
  font-weight:400;
  letter-spacing:1px;
  margin:0 0 10px;
  border: 2px solid rgba(151, 151, 151, 0.5);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 20px;
  color: #b0b0b0;
  font-size:90%;
}
#backlink:hover{
  background-color:#b0b0b0;
  color:#fff;
}
.eventinfos .pagination{
  border-width:0;
}
/* EVENT PAGE */



/* --- CALENDAR PICKER ---*/
.search_calendar{
  background-color: #efefef;
  padding-bottom: 20px;
}
.ui-datepicker{
      width: auto;
}
}
.ui-widget-content{
  background-color:#fff;
}
.ui-datepicker .ui-datepicker-header{
  background-color: #fff;
  background: #fff;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
  top: 24px;
}
.ui-datepicker-prev .ui-icon{
  background-position: 0 0;
}
.ui-datepicker-next .ui-icon{
  background-position: -10px 0;
}
.ui-datepicker-title{
  font-family: 'Oswald', sans-serif;
  font-size: 130%;
  color:#111;
  background-color: #efefef;
}
table.ui-datepicker-calendar{
  margin: 0 0 20px;
  font-family: 'Open Sans', sans-serif;
}
.ui-datepicker-calendar th{
  padding: 10px;
  background: rgba(151, 151, 151, 0.5);
}
.ui-state-default, .ui-widget-content .ui-state-default{
  background-color: transparent;
  color: #b0b0b0;
}
.ui-state-default.ui-state-active{
  background-color: #4A90E2;
  color: #fff;
}
#event_ft_reset_date,
.submit_event{
  padding:10px;
  margin: 0 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 90%;
  color:#979797;
}
#event_ft_reset_date:hover, 
.submit_event:hover{
  color: #4A90E2;
}
/* CALENDAR PICKER */



/* --- TAG PAGE --- */
.key_image{
  width:190px;
}
.key_image img{
  width: 100%;
}
.feature .image{
  float: right;
  margin-right: 0;
  margin-left: 20px;
}
.feature .infos{
  font-family:'Open Sans', sans-serif;
  font-size:82%;
}
.feature .infos .section a{
  color: #4A90E2;
}
.feature a.more_link{
  display:none;
}
.feature{
  border-bottom: 1px solid rgba(150, 150, 150, 0.5);
}
/* TAG PAGE */



/* --- ROUND UP + REVIEW --- */
.roundup-location .address{
  margin:5px 0 10px;
}
.content .roundup-location p{
  font-size:100%;
}
a.link{
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  background-color:transparent;
  font-family:'Open Sans', sans-serif;
  font-size:80%;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:0 5px 0 0;
  margin:0;
}
article #location a.link{
  margin:0;
}
article #location p, 
.carousel.content + .eventinfos p{
  padding:0 0 10px;
}
label{
  display: block;
  font-family: 'Open Sans', sans-serif;
  letter-spacing:1px;
  font-size: 80%;
  color:#787878;
}
article #location .address,  
.roundup-location .address{
  font-family: 'Open Sans', sans-serif;
  letter-spacing:1px;
  font-size: 90%;
}
article #location, 
.carousel.content + .eventinfos{
  border:0;
  background-color: #efefef;
}
/* ROUND UP */



/* --- Related --- */
#related li, 
.mentions_list li{
  width: 46%;
  margin-right: 6%;
  margin-bottom: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#related li:nth-child(2n+2), 
.mentions_list li:nth-child(2n+2){
  margin-right:0;
}
#related li .image ,
.mentions_list li .image{
  max-height:11rem;
}
#related .image img, 
.mentions_list .image img{
  --ls-ratio: .5625;
}
#related li h4, 
.mentions_list li h4{
  font-size:150%;
  padding:0 12px 0 0;
  line-height:110%;
}
#related li h4 a, 
.mentions_list li h4 a{
  color:#000;
}
#related li .infos, 
.mentions_list li .infos{
  display:none;
}
#related h3, 
.mentions_list h3{
  font-family: 'Oswald', sans-serif;
  font-size:400%;
  text-transform:uppercase;
  color:#111;
  background-color:#fff;
  text-align: left;
  font-weight: 300;
  display:inline-block;
  padding-right:20px;
  margin-bottom: 10px;
}
#related h3::after, 
.mentions_list h3::after{
  content: "";
  position: absolute;
  z-index: -1;
  top:65px;
  bottom:auto;
  left: 20px;
  right: 10px;
  height: 1px;
  border-bottom: 4px solid #4A90E2;
}
#related, 
.mentions_list{
  position: relative;
}
/* RELATED */



/* --- ARTICLE --- */
.media-carousel .carousel-item .file img{
  width: 100%;
}
.tag-cloud-list a:hover, 
.tags a:hover{
  color:#b0b0b0;
}
.tag-cloud-list a, .tags a{
  background: transparent;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 80%;
  margin:0;
  padding:2px 10px 2px 0;
}
.content li{
  font-size:115%;
  line-height:150%;
}
.content blockquote p{
  font-size: 140%;
  font-family: 'Open Sans', sans-serif;
  letter-spacing:1px;
}
.content blockquote{
  margin: 20px 0;
  border-color: #4A90E2;
  border-width:0 0 0 4px;
  border-style:solid;
}
.media-carousel{
  border-bottom: 0px;
  margin-bottom:20px;
}
.content p.credits{
  margin-bottom:5px;
  text-align:right;
  float: right;
  clear: both;
}
.media.carousel .file{
  text-align:right;
  background:transparent;
}
.media-carousel .media-content p{
  text-align: left;
  font-style: italic;
  font-size: 100%;
  margin-bottom:10px;
  display: inline-block;
}
.media-carousel .carousel-item{
  padding:0;
}
#title p{
  font-size:150%;
  margin:0 0 5px;
}
.tools .share{
  margin: 0 0 0 10px;
}
.tools{
  text-align: right;
  margin:5px 0;
}
.pageinfos{
  margin:0 0 10px;
}
#main header h1{
  padding-bottom: 10px;
  line-height:120%;
}
.content p, 
.content pre{
  font-size:115%;
}
.content p{
  margin-bottom: 20px;
}
/* ARTICLE */



/* --- Sprocket headers --- */
.mp-slider .mp-title, 
.mp-carousel .mp-title, 
.mp-posterboard .mp-title, 
.mp-gallery .mp-title, 
.mp-classiclist .mp-title{
  text-align: left;
  border-bottom: 2px solid #333;
}
  .mp-classiclist .mp-title{
    margin-bottom:10px;
  }
.mp-slider .mp-title h2, 
.mp-carousel .mp-title h2, 
.mp-posterboard .mp-title h2, 
.mp-gallery .mp-title h2, 
.mp-classiclist h2{
  font-family: 'Oswald', sans-serif;
  display: inline-block;
  font-size: 200%;
  font-weight:300;
}
/* Sprocket headers */



/* --- SLIDER --- */
.mp-slider .mp-prev-but{
  left:20px;
}
.mp-slider .mp-next-but{
  right:20px;
}
.mp-slider-but{
  background-size: 80%;
}
.mp-slider h3{
  font-size: 120%;
}
.mp-slider .mp-text{
  padding:10px 15px;
}
.mp-slider .mp-description, 
.mp-slider .mp-infos, 
.mp-slider .mp-more-link{
  display:none;
}
.mp-slider .mp-thumb{
  overflow:hidden;
  height: auto;
}
.mp-slider .mp-thumb img{
  --ls-ratio: 0.7100;
  height: auto;
}
    .mp-grid-8 .mp-slider .mp-list-item{
      width: 33.33%;
    }
/* SLIDER */



/* --- GALLERY --- */
.mp-gallery h3{

}
.mp-gallery .mp-more-link{
  display:none;
}
.mp-gallery .mp-infos.mp-date{
  font-weight:400;
}
.mp-gallery .mp-infos.mp-section{
  text-transform:uppercase;
}
.mp-gallery .mp-item-wrapper{
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  padding-bottom:0px;
}
.mp-gallery .mp-list-item{
  background-color:transparent;
}
.mp-gallery .mp-list-item .mp-infos{
  order:5;
  -moz-order:5;
  -webkit-order:5;
  flex:0 0 100%;
  float:none;
  margin:0;
}
.mp-gallery .mp-infos.mp-section{
  order:0;
  -webkit-order:0;
  -moz-order:0;
  flex:1 0 66%;
}
.mp-gallery .mp-list-item .mp-infos.mp-section a{
  color:#4A90E2;
  display:none;
}
.mp-gallery .mp-infos.mp-section a:last-child{
  display:block;
}
.mp-gallery .mp-infos.mp-date{
  order:1;
  -webkit-order:1;
  -moz-order:1;
  color:#b0b0b0;
  flex:2 0 33%;
  text-align:right;
}
.mp-gallery .mp-thumb{
  order:2;
  -webkit-order:2;
  -moz-order:2;
  background: transparent;
  background-color: transparent;
  overflow:hidden;
}
.mp-gallery .mp-thumb img{
  position: relative;
  --ls-ratio: 0.7100;
}
.mp-gallery .mp-list-item .mp-authors{
  order:3;
  -webkit-order:3;
  -moz-order:3;
}
.mp-gallery .mp-text{
  order:4;
  -webkit-order:4;
  -moz-order:4;
  padding:10px 0;
}
.mp-gallery h3{
  font-size:150%;
}
.mp-gallery .mp-description{
  padding-top:10px;
  font-size:110%;
}
/* --- Fullwidth Gallery ABB-LAYOUT */
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-infos.mp-time{
  display:none;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list{
  padding:20px;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list h3{
  font-size:135%;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list h3 a{
  color:#fff;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery{
  margin-bottom:20px;
  position: relative;
  display: inline-block;
  width:100%;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-item-wrapper{
  display:block;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item .mp-description{
  color:#fff;
  font-weight:700;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-text{
  display:block;
  position:absolute;
  box-sizing:border-box;
  bottom:0;
  top:auto;
  background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  padding:2rem 20px 4.5rem;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-infos{
  position:absolute;
  bottom:20px;
  left:20px;
  color:#fff;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-infos a{
  color:#fff;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-infos.mp-authors{
  bottom:45px;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-infos.mp-date{
  right:20px;
  left:auto;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-infos.mp-location{
  left:5%;
  right:5%;
  text-align:center;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1){
  padding:0 20px 0 0;
  width: 66.67%;
  float: left;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1) h3{
  font-size: 250%;
  line-height:110%;
  padding-bottom:10px;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(2), 
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(3){
  width:33.33%;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(2){
  padding:0 0 23px 20px;
  float:right;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(3){
  padding: 24px 0 0 20px;
  float:right;
  clear:right;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1) .mp-thumb img{
  --ls-ratio: 0.7500;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(2) .mp-thumb img, 
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(3) .mp-thumb img{
  --ls-ratio: 0.7142;
}
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(2) .mp-infos.mp-location, 
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(2) .mp-description, 
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(3) .mp-infos.mp-location, 
.mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(3) .mp-description{
  display:none;
}

/* --- GRID SPECIFIC */
.mp-grid-6 .mp-gallery h3, 
.mp-grid-4 .mp-gallery h3, 
.mp-grid-3 .mp-gallery h3{
  font-size:130%;
  line-height:120%;
}
/* GALLERY */
    
    

/* --- CLASSIC LIST --- */
        .mp-grid-3 .mp-classiclist .mp-thumb{
          display:none;
        }
        .mp-classiclist #rating{
          display: inline-block;
        }
/*.mp-classiclist h2{
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  text-transform:uppercase;
  font-size:160%;
  line-height: 100%;
  background-color:#fff;
  display:inline-block;
  padding-right:10px;
}
.mp-classiclist h2::after{
  content: "";
  position: absolute;
  z-index: -1;
  left: 20px;
  right: 20px;
  top: 38px;
  height: 1px;
  border-bottom: 4px solid #4A90E2;
}
#side .mp-classiclist h2::after{
left:0;
right:0;
}*/
.mp-classiclist .mp-more-link, 
.mp-classiclist .mp-credits{
  display:none;
}
.mp-classiclist .mp-list-item{
  border-bottom:1px solid rgba(151, 151, 151, 0.5);
}
.mp-classiclist .mp-item-wrapper{
  padding:25px 0;
  display:block;
}
.mp-classiclist .mp-infos{
  margin:0;
}
.mp-classiclist .mp-infos.mp-section{
  position:absolute;
  top:0;
  left:0;
}
.mp-classiclist .mp-infos.mp-date{
  position:absolute;
  top:0;
  right:0;
  color:#b0b0b0;
  text-align:right;
}
.mp-classiclist .mp-list-item.mp-event-item .mp-infos.mp-date{
          left:0;
          right:auto;
          font-size:102%;
          font-weight:400;
          color:#4f4f4f;
        }
.mp-classiclist .mp-text{
  order:2;
  -webkit-order:2;
  -moz-order:2;
  flex:0 0 50%;
}
.mp-classiclist h3{
  font-size:130%;
}
.mp-classiclist .mp-description{
  padding-top:5px;
  font-size:105%;
}
.mp-classiclist .mp-thumb{
  float:right;
  margin:0;
  padding-left:5px;
}
.mp-classiclist .mp-thumb img{
  position: relative;
  --ls-ratio: 0.7142;
}
.mp-classiclist .mp-infos.mp-authors{
  position:absolute;
  left:0;
  bottom:0;
}
.mp-classiclist .mp-infos.mp-time{
  
}
#side .mp-classiclist{
  padding:20px 0;
}
#side .mp-classiclist h2::after{
        
}
/* CLASSIC LIST */


/* --- POSTERBOARD --- */
.mp-posterboard .mp-more-link, 
.mp-posterboard .mp-credits{
  display:none;
}
/*.mp-posterboard .mp-title{
  background-color:transparent;
  padding:0.75em 0 0.25em;
}
.mp-posterboard .mp-title h2{
  text-align:left;
  color:#111;
  border-bottom:1px solid #d4d4d4;
  font-size:150%;
  line-height:110%;
  font-weight:500;
  padding-bottom: 0.5em;
}*/
.mp-posterboard .mp-item-wrapper{
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  border-bottom:1px solid rgba(151, 151, 151, 0.5);
  padding-bottom:0px;
}
.mp-posterboard .mp-list-item{
  background-color:transparent;
}
.mp-posterboard .mp-list-item .mp-infos{
  order:5;
  -moz-order:5;
  -webkit-order:5;
  flex:0 0 100%;
  float:none;
  margin:0;
}
.mp-posterboard .mp-infos.mp-section{
  order:0;
  -webkit-order:0;
  -moz-order:0;
  flex:0 0 66%;
}
.mp-posterboard .mp-list-item .mp-infos.mp-section a{
  color:#4A90E2;
  display:none;
}
.mp-posterboard .mp-infos.mp-section a:last-child{
  display:block;
}
.mp-posterboard .mp-infos.mp-date{
  order:1;
  -webkit-order:1;
  -moz-order:1;
  color:#b0b0b0;
  flex:2 0 33%;
  text-align:right;
}
.mp-posterboard .mp-thumb{
  order:2;
  -webkit-order:2;
  -moz-order:2;
  background: transparent;
  background-color: transparent;
  overflow:hidden;
}
.mp-posterboard .mp-thumb img{
  position: relative;
  --ls-ratio:0.7100;
}
.mp-posterboard .mp-list-item .mp-authors{
  order:3;
  -webkit-order:3;
  -moz-order:3;
}
.mp-posterboard .mp-text{
  order:4;
  -webkit-order:4;
  -moz-order:4;
  padding:10px 0;
}
.mp-posterboard h3{
  font-size:150%;
}
.mp-posterboard .mp-description{
  padding-top:10px;
  font-size:110%;
}
.mp-grid-12 > .mp-grid-12 .mp-posterboard .mp-list-item{
  width:33.33%;
}
/* POSTERBOARD */



/* --- CAROUSEL --- */
.mp-carousel .mp-swiper-wrapper{
          z-index:0;
        }
.mp-prev-but, .mp-next-but{
  background-color:transparent;
}
.mp-prev-but:hover, .mp-next-but:hover{
  background-color:transparent;
}
.mp-prev-but{
  left:10px;
}
.mp-next-but{
  right:10px;
}
.mp-swiper-but{
  top:45%;
  width:70px;
}
.mp-carousel .mp-swiper-pagination{
  margin-top: -2.5rem;
}
.mp-carousel .mp-swiper-pagination-bullet{
  margin: 0 7px;
  opacity: 0.3;
}
.mp-carousel .mp-swiper-pagination-bullet-active{
  background: #000;
  opacity: 1;  
}

.mp-carousel .mp-thumb{
  overflow:hidden;
  background: transparent;
  background-color: transparent;
}
.mp-carousel .mp-thumb img{
  position: relative;
  --ls-ratio:0.5625;
}
.mp-carousel .mp-text{
  background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  position:absolute;
  bottom:0;
  top:auto;
  padding: 2rem 40px 4.5rem;
}
.mp-carousel .mp-text h3{
  text-align:left;
  line-height: 120%;
  font-size: 300%;
  letter-spacing:1px;
}
.mp-carousel h3 a{
  color:#fff;
}
.mp-carousel .mp-description{
  color:#fff;
  font-size: 160%;
  font-weight:700;
  letter-spacing:1px;
  line-height:120%;
  text-align:left;
  padding-top:10px;
}
.mp-carousel .mp-infos{
  position:absolute;
  left:40px;
  right:auto;
  bottom:20px;
  top:auto;
  color:#fff; 
}
.mp-carousel .mp-infos a{
  color:#fff;
}
.mp-carousel .mp-authors{
  left:40px;
  right:auto;
  bottom:45px;
}
.mp-carousel .mp-date{
  left:auto;
  right:40px;
}
.mp-carousel .mp-time{
  display:none;
}
.mp-carousel .mp-location{
  left:5%;
  right:5%;
  text-align: center;
}
.mp-carousel .mp-more-link{
  display:none;
}

/* GRID SPECIFIC */
.mp-grid-6 .mp-carousel .mp-thumb img{
  --ls-ratio: 0.7142;
}
.mp-grid-4 .mp-carousel .mp-thumb img, 
.mp-grid-3 .mp-carousel .mp-thumb img{
  --ls-ratio: 0.7500;
}
.mp-grid-8 .mp-carousel .mp-text h3, 
.mp-grid-6 .mp-carousel .mp-text h3{
      font-size:180%;
    }
.mp-grid-4 .mp-carousel .mp-text h3, 
.mp-grid-3 .mp-carousel .mp-text h3{
  font-size:150%;
}
.mp-grid-8 .mp-carousel .mp-description, 
.mp-grid-6 .mp-carousel .mp-description, 
.mp-grid-4 .mp-carousel .mp-description, 
.mp-grid-3 .mp-carousel .mp-description{
  display:none;
}
.mp-grid-6 .mp-carousel .mp-swiper-but, 
.mp-grid-4 .mp-carousel .mp-swiper-but, 
.mp-grid-3 .mp-carousel .mp-swiper-but{
  width: 60px;
}
/* CAROUSEL */



/* --- BLOCK HEADERS --- */
.mp-block-header h2{
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  text-transform:uppercase;
  font-size:400%;
  line-height: 100%;
  background-color:#fff;
  display:inline-block;
  padding-right:20px;
}
.mp-block-header h2::after{
  content: "";
  position: absolute;
  z-index: -1;
  left: 20px;
  right: 20px;
  bottom: 7px;
  height: 1px;
  border-bottom: 4px solid #4A90E2;
}
            .mp-block-header.mp-html{
              padding: 20px 20px 0;
              margin-bottom:-20px;
            }
/* BLOCK HEADERS */



/* --- STICKY NAV --- */
#topnav.active .mainnav li > a:hover, 
#topnav.active .mainnav .selected > a{
  color:#bfbfbf;
}
#topnav.active .mainnav .subnav_nested, 
#topnav.active .mainnav .subnav_nested a{
  background:#000;
}
#topnav.active .mainnav .subnav_nested{
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
#topnav.active .mainnav li > a, 
#topnav.active .mainnav .subnav_nested a{
  color:#fff;
}

#topnav .mainnav li.menu_section_home a{
  display: block;
  position: absolute;
  left: 20px;
  top:5px;
  width: 100px;
  height: 0;
  opacity: 1;
  text-indent:-9999px;
  background: #000 url('SDCB_2011_Logo_WHITE.png') no-repeat 0 3px;
  transition: opacity .2s ease-out;
  background-size:contain;
  opacity: 0;
}
#topnav.active .mainnav li.menu_section_home a{
  opacity:1;
  height:40px;
}
#topnav.active .mainnav li.menu_section_home a:hover{
  -webkit-box-shadow:none;
  box-shadow:none;
}
#topnav.active{
  position: fixed;
  top: 0;
  z-index: 500;
  background-color:#000;
  -moz-box-shadow: 0 0 3px #666;
  box-shadow: 0 0 3px #666;
  -webkit-box-shadow: 0 0 3px #666;
  border-bottom:0px;
}
#topnav.active .mainnav{
  border-top: none;
}
#top.active{
  padding-bottom:51px;
}
/* STICKY NAV */



/* --- MAIN NAV --- */
#topnav .subnav_nested li{
  min-width:220px;
}
#topnav .mainnav .subnav_nested a{
  color:#111;
  font-weight:300;
  font-size:120%;
  padding:.625rem 1.3rem .625rem .625rem;
}
#topnav .mainnav .subnav_nested{
  -moz-box-shadow: 0 3px 3px #666;
  box-shadow: 0 3px 3px #666;
  -webkit-box-shadow: 0 3px 3px #666;
  padding: 0;
  margin-top: 0;
  text-align:left;
}
#topnav .mainnav a:hover, #topnav .mainnav .selected > a, 
#topnav .mainnav .subnav_nested a:hover, #topnav .mainnav .subnav_nested .selected a{
  background-color:transparent;
  color:#d8d8d8;
}
#topnav .mainnav .selected a, #topnav .mainnav li > a:hover{
  border:0;
}
#topnav a{
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}
#topnav .mainnav li > a{
  color:#111;
  font-size:110%;
}
#topnav{
  background-color:#fff;
}
.mainnav{
  max-width:100%;
  text-align:center;
}
/* MAIN NAV */




            
            
            
            
/* --- FOOTER --- */
#textnav::after{
  content:" ";
  background: url('SDCB_2011_Logo_WHITE.png') no-repeat 0 0;
  width:50%;
  max-width:300px;
  height:100px;
  display:block;
  margin: 0 auto;
  background-size:contain;
}
#textnav ul{
  padding-bottom: 40px;
}
#textnav a:hover{
  color:#b0b0b0;
  text-decoration: none;
}
#textnav{
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  letter-spacing:1px;
  font-size:90%;
}
#bottomnav .mainnav a:hover{
  color:#b0b0b0;
}
#bottomnav .mainnav a{
  font-family: 'Oswald', sans-serif;
  font-size:110%;
  font-weight: 400;
  color:#fff;
}
#bottomnav .mainnav{
  padding:40px 0 20px;
}
#bottom{
  background-color:#000;
}
#bottomads{
  background-color:#fff;
  padding-bottom:40px;
}
/* FOOTER */




/* --- VARIOUS ---* /

/* AD STYLES --- */
#wallpaper_left, 
#wallpaper_right{
  display:none;
}
.mp-html p{
  text-align:center;
}

.mp-item-wrapper{
  position:relative;
}
.mp-infos.mp-authors::before{
  content:"by ";
  display:inline-block;
  position:relative;
  text-transform:none;
  margin-right:0.35em;
}
.mp-section a:not(:last-child){
  display: none !important;
} /*only show direct section,not parent section */
/* VARIOUS */



/* --- GLOBAL STYLES --- */
            .sprocket_featured_listing .title, 
            .sprocket_location_search .title, 
            .sprocket_eventcal .title, 
            .mp-posterboard .mp-title, 
            .mp-gallery .mp-title{
              background-color:transparent;
            }
            .sprocket_featured_listing h3.sidebar-title, 
            .sprocket_location_search h3.sidebar-title, 
            .sprocket_directory_search h3.sidebar-title, 
            .sprocket_eventcal_inner h3.sidebar-title, 
            .mp-posterboard .mp-title h2, 
            .mp-gallery .mp-title h2{
              color:#111;
            }
a:hover{
  text-decoration:none;
  color:#b0b0b0;
}
.mp-view-more{
  max-width: 9em;
  margin: 20px auto;
  padding: 10px 40px;
  text-transform: uppercase;
  font-family: 'Open sans', sans-serif;
  letter-spacing: 1px;
  border: 2px solid rgba(151, 151, 151, 0.5);
  border-radius: 5px;
  color: #b0b0b0;
}
.mp-view-more:hover{
  background-color:#b0b0b0;
  color:#fff;
}
.mp-carousel #rating{
  position:absolute;
  left:5%;
  right:5%;
  bottom:5px;
  text-align:center;
}
#rating p{
  line-height:100%;
}
.mp-credits{
   display:none;
}
.tags a:hover, 
.tag-cloud-list a:hover, 
.foot a:hover, 
button:hover, 
button.submit:hover, 
input.submit:hover, 
a.view_more:hover, 
#location a.link:hover{
  background:transparent;
}
/* GLOBAL STYLES */



/* --- LAYOUT --- */
div[id^="pagetype_"], .mp-section-wrapper {
  position: relative;
  width:98%;
  max-width: 1312px;
  margin: 20px auto 0;
  clear: both;
  padding:0;
}
#pagetype_eventsearch, 
#pagetype_locationsearch{
  padding:20px 0;            
}
#main{
  margin: 0 0 40px;
  padding:0 20px;
  width: 66%;
  box-sizing: border-box;
  max-width: 865px;
}
#side{
  min-width: 300px;
  width: 33.33%;
  padding: 0 20px;
  box-sizing: border-box;
  float: right;
  margin: 0;
}
.mp-list-item{
  padding:20px;
}
.mp-classiclist .mp-list-item{
  padding:0px 0px 10px;
  margin:10px 0 0;
}
.mp-html{
  padding:20px;
}
#side .mp-html{
  padding:20px 0;
}
#side .mp-classiclist{
  padding:20px 0;
}
.mp-grid-12 > .mp-html h2{
  margin:0 20px 0 0;
}
.mp-layout-container{
  padding:0;
}
.mp-layout-sprocket{
  padding:0;
  margin-bottom: 20px;
}
.mp-layout-sprocket .mp-title,
.mp-posterboard .mp-title {
  margin:0 20px;
  padding:0;
}
            .mp-layout-sprocket .mp-slider .mp-title{
              margin:0 10px;
            }
.mp-grid-12 > .mp-title{
  margin:0;
}
.mp-classiclist .mp-title{
  margin:0 0 10px;
  padding:0;
}
.mp-slider{
  padding:0 10px;
}
.mp-slider .mp-list-item{
  padding:20px 10px;
}
.mp-grid-3 .mp-classiclist, 
.mp-grid-4 .mp-classiclist, 
.mp-grid-6 .mp-classiclist, 
.mp-grid-8 .mp-classiclist, 
.mp-grid-9 .mp-classiclist, 
.mp-grid-12 .mp-classiclist{
  padding:0 20px;
}
.mp-grid-3 > .mp-imgteaser, 
.mp-grid-4 > .mp-imgteaser{
  padding: 20px;
}
/* LAYOUT */



            /* 1312px*/
            @media only screen and (max-width:1312px){
  
  
              #topnav.active .mainnav li.menu_section_home a{
                display:none;
              }

              /* --- LAYOUT --- */
              #main{
                margin: 0 0 40px;
                padding:0 10px;
                width: 66%; 
                box-sizing: border-box;
                max-width: 865px;
              }

              #side{
                min-width: 300px;
                width: 33.33%;
                padding: 0 10px;
                box-sizing: border-box;
                float: right;
                margin: 0;

              }
              .mp-list-item{
                padding:10px;
              }
              .mp-html{
                padding:10px;
              }
              .mp-block-header.mp-html{
                padding: 10px 10px 0;
                margin-bottom:-10px;
              }
              #side .mp-html{
                padding:10px 0;
              }
              #side .mp-classiclist{
                padding:20px 0;
              }
              .mp-grid-12 > .mp-html h2{
                margin:0 10px 0 0;
              }
              .mp-layout-container{
                padding:0;
              }
              .mp-layout-sprocket{
                padding:0;
                margin-bottom:10px;
              }
              .mp-layout-sprocket .mp-title, 
              .mp-posterboard .mp-title {
                margin:0 10px;
              }
              .mp-layout-sprocket .mp-slider .mp-title{
                margin:0 5px;
           	  }
              .mp-grid-12 > .mp-title{
                margin:0;
              }
              .mp-classiclist .mp-title{
                margin:0 0 5px;
                padding:0;
              }
              .mp-slider{
  				padding:0 10px;
			  }
              .mp-slider .mp-list-item{
                padding:10px 5px;
              }
              .mp-grid-3 .mp-classiclist, 
              .mp-grid-4 .mp-classiclist, 
              .mp-grid-6 .mp-classiclist, 
              .mp-grid-8 .mp-classiclist, 
              .mp-grid-9 .mp-classiclist, 
              .mp-grid-12 .mp-classiclist{
                padding:0 10px;
              }
              .mp-grid-3 > .mp-imgteaser, 
              .mp-grid-4 > .mp-imgteaser{
                padding: 10px;
              }
              /* LAYOUT */
              
              #logo{
                width: 98%;
              }
              .mp-prev-but{
                left: -5px;
              }
              .mp-next-but{
                right:-5px;
              }
              .mp-block-header h2::after, 
              .mp-classiclist h2::after{
                left:10px;
                right:10px;
              }
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list{
                padding:10px;
              }
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1){
                padding: 0 10px 0 0;
              }
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(2){
                padding: 0 0 18px 10px;
              }
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(3){
                padding: 18px 0 0 10px;
              }
              
            }
            
            
            /* 1064px */
            @media only screen and (max-width:1064px){
              
              #topnav .mainnav li > a{
                font-size: 1.6vw;
              }
              
            }
            
            
            /* 1024px */
            @media only screen and (max-width:1024px){
              

#topnav .mainnav li > a{
font-size: 100%;              
}
#topnav .mainnav .subnav_nested a{
font-size: 110%;
}
              .mp-block-header h2::after {
                bottom: 0.8vw;
              }
              .content p.credits, 
              .tools .share, 
              .pageinfos time p, 
              .pageinfos .author, 
              .mp-list-item .mp-infos, 
              .feature .infos{
                font-size: 1vw;
              }
              .mp-carousel .mp-text h3, 
              .mp-grid-8 .mp-carousel .mp-text h3, 
              .mp-grid-6 .mp-carousel .mp-text h3{
                font-size: 4vw;
              }
              .mp-carousel .mp-description{
                font-size: 2vw;
              }
              .mp-posterboard h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list h3, 
              .mp-gallery h3{
                font-size: 2vw;
              }
              .mp-posterboard .mp-description, 
              .mp-gallery .mp-description{
                font-size: 1.6vw;
              }
              .mp-classiclist h3, 
              .mp-slider h3, 
              .mp-layout-sprocket.mp-grid-3 h3, 
              .mp-layout-sprocket.mp-grid-4 h3, 
              #side .mp-list-item h3{
                font-size: 1.8vw;
              }
              .mp-classiclist .mp-description{
                font-size: 1.5vw;
              }
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1) h3{
                font-size: 3.2vw;
              }
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1){
                padding: 0 10px 0 0;
              }
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(2){
                padding: 0 0 14px 10px;
              }
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(3){
                padding: 14px 0 0 10px;
              }
              #logo{
                width: 100%;
              }
              
            }
            
            
            /* 996px */
            @media only screen and (max-width:996px){
              
              .logo .header_links{
                padding: 0 5px 40px;
              }
              #CSE{
                top: 40px;
              }
              .logo .chicklets{
                top: 45px;
              }
              
            }
            
            
            /* 768px */
            @media only screen and (max-width:768px){
              
              /* --- FONTS */
              .mp-block-header h2, 
              #related h3, 
              .mentions_list h3{
                font-size: 7vw;
                font-weight:300;
              }
              .mp-block-header h2::after, 
              #related h3::after, 
              .mentions_list h3::after{
                bottom: auto;
                top: 7vw;
              }
              .content p.credits, 
              .tools .share, 
              .pageinfos time p, 
              .pageinfos .author, 
              .mp-list-item .mp-infos, 
              .feature .infos{
                font-size: 1.5vw;
              }
              .mp-carousel .mp-text h3, 
              .mp-grid-8 .mp-carousel .mp-text h3, 
              .mp-grid-6 .mp-carousel .mp-text h3{
                font-size: 4vw;
              }
              .mp-carousel .mp-description, 
              .mp-slider h3{
                font-size: 2vw;
              }
              .mp-posterboard h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1) h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list h3, 
              .mp-gallery h3, 
              .mp-classiclist h3, 
              .mp-layout-sprocket.mp-grid-3 h3, 
              .mp-layout-sprocket.mp-grid-4 h3, 
              #side .mp-list-item h3{
                font-size: 3vw;
              }
              .mp-posterboard .mp-description, 
              .mp-classiclist .mp-description{
                font-size: 2.2vw;
              }
              .mp-gallery .mp-description, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item .mp-description{
                font-size: 2vw;
              }
              #main header h1{
                font-size:6vw;
              }
              #title p{
                font-size: 3vw;
              }
              /* FONTS */
              
              #CSE{
                margin-right:10px;
                top: 0px;
              }
              #logo .chicklets{
                background: transparent;
                box-shadow: none;
                position: absolute;
                text-align: center;
                display:inline-block;
                left:10px;
                right:auto;
                top:6px;
                bottom:auto;
                padding:0;
                float: none;
              }
              .chicklet{
                -moz-transform: scale(1.0);
                -moz-transform-origin: 0 0;
                zoom: 1.0;
              }
              .logo .header_links{
                padding:40px 0 0;
              }
              .logo img.standard{
                max-width: 60%;
                margin: 1rem auto 0;
                padding-bottom: 1rem;
              }
              .mp-classiclist .mp-item-wrapper{
                display:block;
              }
              .mp-grid-4 .mp-posterboard .mp-list-item{
                width: 50%;
              }
              .mp-grid-12 > .mp-grid-12 .mp-posterboard .mp-list-item{
  				width:50%;
			  }
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1), 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(2), 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(3){
                width:100%;
                padding:10px;
                float:none;
              }
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list{
                padding:0;
              }
              #main, 
              #side{
                width:100%;
                float:none;
              }
              .mp-ad-sprocket{
                padding: 20px 0;
              }
              #topnav a.pull{
                background-color: #2a2a2a;
                background-position:center center;
                text-indent:-999px;
                font-size:16px;
              }
              #topnav .mainnav .subnav_nested{
                -moz-box-shadow:none;
				box-shadow: none;
				-webkit-box-shadow: none;
                border-bottom: 1px solid #979797;
              }
              #topnav .mainnav li > a{
				padding: 10px 15%;
              }
              #topnav .mainnav .subnav_nested a{
                padding: 10px 25%;
              }
              #topnav .nav_handle{
                color:#333;
                font-size:120%;
              }
              .nav_handle{
                background-color:#fff;
              }
              #topnav.active{
                position:relative;
              }
              #top.active{
                padding-bottom:0;
              }
              #topnav.active .mainnav li > a, #topnav.active .mainnav .subnav_nested a{
                color:#111;
              }
              #topnav.active .mainnav li > a:hover, #topnav.active .mainnav .selected > a, #topnav.active{
                background-color:#fff;
              }
              #topnav.active .mainnav .subnav_nested, #topnav.active .mainnav .subnav_nested a{
                background:#fff;
              }
              
              
            }
            
            
            /* 672px */
            @media only screen and (max-width:672px){
              
              
              
            }
            
            
            /* 592px */
            @media only screen and (max-width:592px){
              
              /* --- FONTS */
              .mp-block-header h2, 
              #related h3, 
              .mentions_list h3{
                font-size: 8vw;
                font-weight:300;
              }
              .mp-block-header h2::after, 
              #related h3::after, 
              .mentions_list h3::after{
                bottom: auto;
                top: 8vw;
              }
              .content p.credits, 
              .tools .share, 
              .pageinfos time p, 
              .pageinfos .author, 
              .mp-list-item .mp-infos, 
              .feature .infos{
                font-size: 1.8vw;
              }
              .mp-carousel .mp-description, 
              .mp-slider h3{
                font-size: 2vw;
              }
              .mp-grid-8 .mp-carousel .mp-text h3, 
              .mp-grid-6 .mp-carousel .mp-text h3
              .mp-carousel .mp-text h3, 
              .mp-posterboard h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1) h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list h3, 
              .mp-gallery h3, 
              .mp-classiclist h3, 
              .mp-layout-sprocket.mp-grid-3 h3, 
              .mp-layout-sprocket.mp-grid-4 h3{
                font-size: 4vw;
              }
              .mp-posterboard .mp-description, 
              .mp-classiclist .mp-description, 
              .mp-gallery .mp-description, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item .mp-description{
                font-size: 2.6vw;
              }
              #main header h1{
                font-size:6vw;
              }
              #title p{
                font-size: 3vw;
              }
              /* FONTS */
              
            }
            
            
            /* 512px */
            @media only screen and (max-width:512px){
              
              /* --- FONTS */
              .mp-block-header h2, 
              #related h3, 
              .mentions_list h3{
                font-size: 8vw;
              }
              .mp-block-header h2::after, 
              #related h3::after, 
              .mentions_list h3::after{
                bottom: auto;
                top: 8vw;
              }
              .content p.credits, 
              .tools .share, 
              .pageinfos time p, 
              .pageinfos .author, 
              .mp-list-item .mp-infos, 
              .feature .infos{
                font-size:2.2vw;
              }
              .mp-carousel .mp-description{
                display:none;
              } 
              .mp-slider h3{
                font-size: 3vw;
              }
              .mp-grid-8 .mp-carousel .mp-text h3, 
              .mp-grid-6 .mp-carousel .mp-text h3
              .mp-carousel .mp-text h3, 
              .mp-posterboard h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1) h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list h3, 
              .mp-gallery h3, 
              .mp-classiclist h3, 
              .mp-layout-sprocket.mp-grid-3 h3, 
              .mp-layout-sprocket.mp-grid-4 h3{
                font-size: 4.5vw;
              }
              .mp-posterboard .mp-description, 
              .mp-classiclist .mp-description, 
              .mp-gallery .mp-description, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item .mp-description{
                font-size: 3.2vw;
              }
              #main header h1{
                font-size:6vw;
              }
              #title p{
                font-size:4vw;
              }
              /* FONTS */
              
              .mp-carousel .mp-thumb img{
                --ls-ratio: 0.7142;
              }
              .mp-carousel .mp-text{
                padding: 2rem 20px 4.5rem;
              }
              .mp-carousel .mp-infos, 
              .mp-carousel .mp-authors{
                left: 20px;
                right:auto;
              }
              .mp-carousel .mp-date{
                right: 20px;
                left:auto;
              }
              .mp-swiper-but, 
              .mp-grid-6 .mp-carousel .mp-swiper-but, 
              .mp-grid-4 .mp-carousel .mp-swiper-but, 
              .mp-grid-3 .mp-carousel .mp-swiper-but{
                width: 40px;
              }
              .mp-prev-but{
                left:3px;
              }
              .mp-next-but{
                right:3px;
              }
              .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1) .mp-description{
                display:none;
              }
              
              .logo a img.responsive{
                max-width: 75%;
                margin: 20px auto;
              }
              .mp-grid-8 .mp-slider .mp-list-item{
                width: 50%;
              }
                #CSE{
                  margin-right: 0;
                }
                #CSE input[type="text"]{
                  width: 50%;
                  min-width: 10rem;
                }
              
            }
            
            
            /* 414px */
            @media only screen and (max-width:414px){
              
              /* --- FONTS */
              .mp-block-header h2, 
              #related h3, 
              .mentions_list h3{
                font-size: 11vw;
              }
              .mp-block-header h2::after, 
              #related h3::after, 
              .mentions_list h3::after{
                bottom: auto;
                top: 11.5vw;
              }
              .content p.credits, 
              .tools .share, 
              .pageinfos time p, 
              .pageinfos .author, 
              .mp-list-item .mp-infos, 
              .feature .infos{
                font-size:3vw;
              }
              .mp-carousel .mp-description{
                display:none;
              } 
              .mp-slider h3{
                font-size:3.5vw;
              }
              .mp-grid-8 .mp-carousel .mp-text h3, 
              .mp-grid-6 .mp-carousel .mp-text h3
              .mp-carousel .mp-text h3, 
              .mp-posterboard h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1) h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list h3, 
              .mp-gallery h3, 
              .mp-classiclist h3, 
              .mp-layout-sprocket.mp-grid-3 h3, 
              .mp-layout-sprocket.mp-grid-4 h3{
                font-size: 6vw;
              }
              .mp-posterboard .mp-description, 
              .mp-classiclist .mp-description, 
              .mp-gallery .mp-description, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item .mp-description{
                font-size: 4.5vw;
              }
              #main header h1{
                font-size: 8vw;
              }
              #title p{
                font-size: 5.5vw;
              }
              /* FONTS */
              
              .logo .header_links{
                  padding: 40px 0 60px;
                }
                .logo .header_links a{
                  margin: 0 5px;
                  padding: 5px 0;
                }
                #CSE{
                  top: 6rem;
					left: 5%;
					right: 5%;
                }
                #logo .chicklets{
                  display: block;
				  left: 5%;
				  right: 5%;
                }
                #CSE button{
                  display:inline-block;
                }
              
            }
            
            
            /* 320px */
            @media only screen and (max-width:320px){
              
                /* --- FONTS */
              .mp-block-header h2, 
              #related h3, 
              .mentions_list h3{
                font-size: 11vw;
              }
              .mp-block-header h2::after, 
              #related h3::after, 
              .mentions_list h3::after{
                bottom: auto;
                top: 11.5vw;
              }
              .content p.credits, 
              .tools .share, 
              .pageinfos time p, 
              .pageinfos .author, 
              .mp-list-item .mp-infos, 
              .feature .infos{
                font-size:3.2vw;
              }
              .mp-carousel .mp-description{
                display:none;
              } 
              .mp-slider h3{
                font-size:3.7vw;
              }
              .mp-grid-8 .mp-carousel .mp-text h3, 
              .mp-grid-6 .mp-carousel .mp-text h3
              .mp-carousel .mp-text h3, 
              .mp-posterboard h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item:nth-child(1) h3, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list h3, 
              .mp-gallery h3, 
              .mp-classiclist h3, 
              .mp-layout-sprocket.mp-grid-3 h3, 
              .mp-layout-sprocket.mp-grid-4 h3{
                font-size: 5.7vw;
              }
              .mp-posterboard .mp-description, 
              .mp-classiclist .mp-description, 
              .mp-gallery .mp-description, 
              .mp-grid-12 > .mp-grid-12 .mp-gallery .mp-3item-list .mp-list-item .mp-description{
                font-size: 4.5vw;
              }
              #main header h1{
                font-size: 8vw;
              }
              #title p{
                font-size: 5.5vw;
              }
              /* FONTS */
                
                #logo .chicklets{
                
                }
              
            }

            
            
            
            
            
            
            

            
  
              
              
              
              
              
              
              
            
/* added workspace to editor */