/* fonts */
   
   /* @import url('/fonts/font-awesome.css'); */
   
   /* resets */
   
   html, div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
   html { height: 100%; }
   *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
   .cf:before, .cf:after { content: " "; display: table; }
   .cf:after { clear: both; }
   img { border: none; }
   * { outline: none; }
   
   /* structure */
   
   body { margin: 0px; padding: 0px; color: #000000; background-color: #F9F9F9; text-align: center; }
   #hd { position: relative; background-color: #FFFFFF; padding: 12px 0px 20px 0px; box-shadow: 0px 3px 5px rgba(0,0,0,0.1); z-index: 5; }
   .frame { text-align: left; margin: 0px auto; max-width: 1600px; padding: 0px; position: relative; }
   #hd .frame, #menubar .frame, .announce .frame, .primary .content, #footer .frame, .modal .frame { padding-left: 100px; }
   .primary { float: left; width: 66.666%; }
   .secondary { float: right; width: 33.334%; padding-left: 20px; }
   div.hero 
   { 
      width: 100%; height: 0px; padding-top: 50%; background-position: center center; background-repeat: no-repeat;
      background-size: cover;
   }
   div.hero img { display: none; }
   .primary .content { padding-top: 50px; padding-right: 25px; }
   .secondary .content { padding-top: 25px; padding-right: 100px; }
   .onecolumn .content { padding-top: 50px; padding-right: 100px; padding-left: 100px; }
   .container { margin-bottom: 75px; }
   #footer { background-color: #FFFFFF; box-shadow: 0px -3px 5px rgba(0,0,0,0.1); color: #666666; padding: 50px 0px 50px 0px; }
   #footer .frame, .modal .frame { padding-right: 100px; }
   .mobileonly { display: none; }
   div.sponsors { text-align: center; margin-bottom: 50px; }
   div.sponsors h6 { margin-top: 25px; }
   div.sponsors img { max-width: 100%; height: auto; }
   .table { display: table; width: 100%; }
   .tr { display: table-row; vertical-align: middle; }
   .td { display: table-cell; }
   img.alignright, img.right { float: right; margin: 0px 0px 30px 20px; width: auto; height: auto; max-width: 33%; }
   
   /* type */
   
   body, table, td, input, select, textarea, h1, h2, h3, h4, h5 { font: 300 19px/25px 'brandon-grotesque', sans-serif; }   
   .secondary .content { font-size: 17px; line-height: 23px; color: #666666; }
   b { font-weight: 600; }
   h2 { font-size: 36px; line-height: 40px; margin: 0px; }
   h3 { font-weight: 500; font-size: 30px; line-height: 27px; margin: 0px; }
   h3.divided { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px dotted #BD141B; }
   .accent  { color: #F7AA26; }
   .warm { color: #BD141B; border-color: #BD141B;  }
   h4 { font-weight: 500; font-size: 22px; line-height: 25px; margin: 10px 0px; }
   h5 
   { 
      font-weight: 600; font-size: 17px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase;
      color: #FFFFFF; background-color: #000000; padding: 5px 4px 4px 30px; margin: 50px 0px 25px 0px; 
   }
   body.home h5 { text-align: center; padding-left: 4px; padding-right: 4px; }
   h6 
   { 
      color: #BD141B; font-weight: 600; margin: 0px 0px 8px 0px; 
      text-transform: uppercase; font-size: 17px; line-height: 20px; letter-spacing: 1px; 
   }
   .date { color: #B1B939; text-transform: uppercase; margin: 0px; font-weight: 700; font-size: 16px; line-height: 20px; }
   div.dateblock { margin: 20px 0px 20px -30px; padding-left: 20px; border-left: 10px solid #B1B939; font-weight: 600; }
   small { font-size: 17px; line-height: 22px; }
   .box { padding: 15px; margin: 0px 0px 20px 0px; border: 1px solid #000000; }
   .confirm { color: #B1B939; }
   .alert, .error { color: #BD141B; }
   .sort { white-space: nowrap; color: #F7AA26; }
   .sort:after { content: '\f063'; font-family: 'FontAwesome'; color: #F7AA26; display: inline-block; margin-left: 6px; }
 
   /* links & buttons */
   
   a, a:visited, a:active { color: #6087AF; text-decoration: none; }
   a:hover { color: #F7AA26; }
   a.ccg 
   { 
      display: block; margin: 0px; width: 500px; height: 40px; 
      background: transparent url('images/ccg.png') left center no-repeat; background-size: contain;
   }
   a.asc 
   { 
      width: 162px; height: 68px; display: block; 
      background: transparent url('images/asc.png') left center no-repeat; background-size: contain; 
   }
   a.asc-hd 
   { 
      display: block; width: 196px; height: 35px; margin: 0px 0px 10px 0px; 
      background: transparent url('images/asc-hd.png') left center no-repeat; 
      background-size: 196px 35px;
   }
   #footer a.asc { float: right; margin: 0px 0px 25px 25px; }
   .secondary .content a { font-weight: 500; }
   .secondary ul { margin: 10px 0px 0px 0px; padding: 0px; list-style-type: none; }
   .secondary ul li { margin: 0px; padding: 5px 0px; list-style-type: none; font-size: 17px; line-height: 23px; }
   a.mobilebtn { font-weight: 500; font-size: 20px; line-height: 26px; padding: 5px 0px; white-space: nowrap; }
   .checkbtn input { visibility: hidden; width: 1px; height: 1px; overflow: hidden; }
   .btn, a.btn, a.btn:visited, .checkbtn span
   { 
      color: #FFFFFF; background-color: #6087AF; text-decoration: none; cursor: pointer; white-space: nowrap;
      font-size: 20px; line-height: 24px; font-weight: 600; border: none; padding: 5px 12px 3px 12px;
   }
   .btn:hover, a.btn:hover, a.btn.active, .btn.active, .checkbtn :checked + span { color: #FFFFFF; background-color: #F7AA26; }
   a.ghostbtn 
   { 
      text-transform: uppercase; font-weight: 500; padding: 7px 10px 5px 10px; color: #6087AF; 
      border: 1px solid #6087AF; display: inline-block; letter-spacing: 1px; text-align: center;
      width: 50%; white-space: nowrap;
   }
   a.ghostbtn:hover { color: #F7AA26; border-color: #F7AA26; }
   .centerbox { text-align: center; margin: 20px 0px; }
   .remove { color: #CC0000; cursor: pointer; }
   .resetter { padding-right: 30px; margin-right: -30px; width: 100%; }
   .clearcontrol { display: inline-block; width: 30px; text-align: center; }
   
   /* announce bar */
   
   a.announce { display: block; color: #FFFFFF; background-color: #BD141B; padding: 10px 0px; margin-bottom: 20px; }
   a.announce.virtual { background-color: #8E60CD; margin-bottom: 10px; }
   a.announce:hover, a.announce.virtual:hover { color: #FFFFFF; background-color: #F7AA26; }
      
   /* organization bar */
   
   .btn.managing { display: block; width: 100%; padding: 4px 10px; line-height: 22px; }
   .btn.logout { display: block; background-color: #BD141B; padding: 4px 10px; line-height: 22px; white-space: nowrap; }
   .btn.logout:hover { background-color: #F7AA26; }
   .orgbar .onecolumn .content, .orgbar .content { padding-top: 30px; padding-bottom: 20px; }
   
   /* floating controls */
   
   .controls { position: absolute; right: 80px; bottom: -84px; z-index: 10; text-align: right; white-space: nowrap; }
   .modal .controls { position: relative; float: right; display: inline-block; right: 0px; bottom: 20px; }
   .controls a
   {
      color: #FFFFFF; background-color: #BD141B; display: inline-block; text-align: center; width: 82px; height: 82px;
      border-radius: 41px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); overflow: hidden; margin: 0px 0px 0px 10px;
   }
   .controls a .fa { font-size: 48px; line-height: 76px; }
   a#calendarbtn { background-color: #7BA9D9; }
   a#menubtn { background-color: #F7AA26; display: none; }
   .controls a:hover, .controls a#calendarbtn:hover { background-color: #F7AA26; }
   .controls a#menubtn:hover { background-color: #BD141B; }
      
   /* social */
   
   a.social 
   { 
      display: inline-block; color: #FFFFFF; background-color: #442200; text-align: center; 
      width: 30px; height: 30px; border-radius: 15px; margin-right: 3px; overflow: hidden;
   }
   a.social i.fa { font-size: 20px; line-height: 28px; position: relative; top: 2px; }
   a.facebook { background-color: #3B579D; }
   a.twitter { background-color: #55ACEE; }
   a.youtube { background-color: #CF2727; }
   a.youtube i.fa { font-size: 17px; top: 1px; left: 1px; }
   a.instagram { background-color: #C82A9C; }
   /* a.instagram i.fa { top: 1px; } */
   a.social:hover { opacity: 0.7; }

   /* feature boxes */
   
   div.featureboxes { height: 0px; padding-top: 100%; position: relative; margin-bottom: 50px; }
   div.featureboxes a 
   { 
      position: absolute; left: 0px; right: 0px; height: 50%; color: #000000; 
      display: flex; align-items: center; padding: 20px; overflow: hidden;
   }
   a.box1 { top: 0px; background: #BCC53D url('images/bg-picks.png') 100% center no-repeat; background-size: auto 100%; }
   a.box1:hover { background-color: #CBD26C; }
   a.box2 { bottom: -20px; background: #7BA9D9 url('images/bg-blog.png') 100% center no-repeat; background-size: auto 100%; }
   a.box2:hover { background-color: #9BBDE1; }
   
   a.box1.color-purple { background-color: #958CE7; background-image: url('images/bg-picks-color-purple.png'); }
   a.box1.color-purple:hover { background-color: #B2ABED; }
   
   a div.boxcon { line-height: 22px; margin-right: 45%; }
   div.featureboxes h3 { color: #FFFFFF; margin-bottom: 10px; }
   
   /* card flair */
   
   a.cardflair 
   { 
      display: block; padding: 20px 20px 20px 140px; margin: 20px 0px; color: #000000; position: relative;
      background: #87B2DD url('images/bg-card-flair-blue.jpg') center center no-repeat; background-size: cover; 
   }
   a.cardflair:before 
   { 
      position: absolute; top: 20px; left: 20px; bottom: 20px; width: 100px; content: " ";
      background: transparent url('images/card.jpg') center center no-repeat; background-size: contain;
   }
   a.cardflair:hover { background-image: url('images/bg-card-flair.jpg');  } 
   a.cardflair h4 { color: #FFFFFF; font-weight: 600; margin: 0px 0px 3px 0px; }
   a.cardflair p { margin: 0px; }
   a.cardflair.slim { padding: 10px 10px 10px 80px; margin: 0px; } 
   a.cardflair.slim:before { top: 10px; left: 20px; bottom: 10px; background-position: left center; }
   a.cardflair.slim h4 { margin-bottom: 0px; }
   
   /* menu */
   
   ul#menu { /* display: block; */ margin: 0px -10px 0px -10px; list-style-type: none; padding: 0px; }
   ul#menu > li { list-style-type: none; margin: 0px; padding: 0px; float: left; line-height: 19px; }
   ul#menu > li > a { display: block; padding: 14px 10px 12px 10px; }
   ul#menu > li > ul 
   { 
      position: absolute; display: none; list-style-type: none; margin: 0px; padding: 0px; 
      z-index: 2000; background-color: transparent;
   }
   ul#menu > li:hover > ul { display: block; -webkit-animation: slidein 0.1s ease-in 1; }
   ul#menu > li > ul > li { float: none; margin: 0px; padding: 0px; }  
   ul#menu > li > ul > li:first-child:before
   { 
      content: '\f0d8'; display: block; color: #7BA9D9; font-family: 'FontAwesome'; padding-top: 3px;
      font-size: 24px; line-height: 10px; padding-left: 9px; border-bottom: 10px solid #7BA9D9;
   }
   ul#menu > li > ul > li > a 
   { 
      color: #FFFFFF;
      display: block; padding: 5px 15px 5px 10px; background-color: #7BA9D9; font-size: 90%; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); 
   } 
   ul#menu > li > ul > li:last-child a { border-bottom: 10px solid #7BA9D9; }
   ul#menu > li > ul > li > a:hover { color: #FFFFFF; background-color: #F7AA26; }
   @-webkit-keyframes slidein { 0% { margin-top: -10px; opacity: 0; } 100% { margin-top: 0px; opacity: 1; } }
   
   /* tiles */
   
   .tiles { display: flex; flex-wrap: wrap; margin: 30px -30px 0px 0px; }
   div.tile { padding: 0px 30px 30px 0px; width: 33.3333%; }
   div.tile h4 { margin: 9px 0px 5px 0px; }
   .tile span.date { display: block; line-height: 18px; margin-bottom: 5px; }
   .tile .date b { font-weight: bold; }
   .tile .img 
   { 
      width: 100%; height: 0; padding-top: 50%; background-position: center center;
      background-repeat: no-repeat; background-size: cover; margin: 0px; position: relative;
   }
   .tile .img img { display: none; }
   .tile .comments { font-size: 18px; line-height: 18px; }
   .tile.highlight div.img:before
   {
      display: inline-block; position: absolute; top: 0px; right: 0px; 
      font-weight: 500; font-size: 14px; line-height: 14px; text-transform: uppercase; 
      padding: 5px 5px 4px 5px; color: #000000; background-color: #bcc53d; content: 'Top Pick!';
   }
   .tile.virtual div.img:before
   {
      display: inline-block; position: absolute; top: 0px; right: 0px; 
      font-weight: 500; font-size: 14px; line-height: 14px; text-transform: uppercase; 
      padding: 5px 5px 4px 5px; color: #FFFFFF; background-color: #BD141B; content: 'Virtual Experience';
   }
   .tile.hybrid div.img:before
   {
      display: inline-block; position: absolute; top: 0px; right: 0px; 
      font-weight: 500; font-size: 14px; line-height: 14px; text-transform: uppercase; 
      padding: 5px 5px 4px 5px; color: #FFFFFF; background-color: #76a8d9; content: 'Hybrid Event';
   }
      
   /* flickity */

   .slider { width: 100%; }
   .slider a.slide, .slide
   { 
      display: block; width: 100%; height: 0px; padding-top: 50%; background-color: #000000;
      background-position: center center; background-repeat: no-repeat; background-size: cover;
   }
   .slide .caption, .hero .caption
   {
      display: inline-block; position: absolute; bottom: 25px; left: 0px; padding: 25px 50px 25px 100px;
      background-color: rgba(0,0,0,0.6); color: #FFFFFF; 
   }
   .slide .caption h2, .hero .caption h2 { margin-bottom: 8px; }
      
   .flickity-enabled { position: relative; }
   .flickity-enabled:focus { outline: none; }
   .flickity-viewport { overflow: hidden; position: relative; height: 100%; }
   .flickity-slider { position: absolute; width: 100%; height: 100%; }
   .flickity-enabled.is-draggable 
   { 
      -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none;
      -moz-user-select: none; -ms-user-select: none; user-select: none;
   }
   .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
   .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }
   .flickity-page-dots { position: absolute; top: 25px; right: 25px; padding: 0; margin: 0; list-style: none; line-height: 1; }
   .flickity-rtl .flickity-page-dots { direction: rtl; }
   .flickity-page-dots .dot 
   { 
      display: inline-block; width: 15px; height: 15px; margin: 0 0 0 10px; 
      background-color: rgba(128,128,128,0.4); border-radius: 50%; cursor: pointer; 
   }
   .flickity-page-dots .dot.is-selected { background-color: #FFFFFF; }
   
   /* back-to-top control */
   
   a#totop 
   { 
      position: fixed; width: 100px; height: 100px; bottom: 0px; left: 50%; margin-left: -50px; margin-bottom: -55px; 
      z-index: 25; text-align: center; color: #FFFFFF; background-color: #6087AF; border-radius: 50px; display: none; 
   }
   a#totop:hover { color: #FFFFFF; background-color: #F7AA26; }
   a#totop i.fa { font-size: 36px; line-height: 46px; }
      
   /* maps */
   
   form.nearby { display: block; text-align: center; padding-bottom: 25px; }
   .map-single, .map-nearby, .map-tall { overflow: hidden; width: 100%; height: 250px; }
   #gmap_canvas { width: 100%; height: 250px; }
   .map-nearby, .map-nearby #gmap_canvas, #gmap_canvas.map-nearby { height: 400px; }
   .map-tall, .map-tall #gmap_canvas, #gmap_canvas.map-tall { height: 600px; }
   
   div.gm-style-iw a 
   {
      display: block; color: #000000; text-decoration: none;
      font: 300 16px/19px 'brandon-grotesque', sans-serif; overflow: hidden; width: 200px; height: 200px; position: relative; 
   }
   div.gm-style-iw a.mapthumb { background-position: center center; background-repeat: no-repeat; background-size: cover; }
   div.gm-style-iw a.mapthumb span 
   { 
      display: inline-block; background-color: rgba(255,255,255,0.8); padding: 8px; position: absolute; bottom: 0px; left: 0px;
   }
   
   /* search overlay and controls, menu overlay */
   
   .modal
   { 
      display: none; background-color: #93B9E0; padding: 30px 0px 30px 0px; color: #000000; 
      position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 30; text-align: center; overflow: auto;
   }
   .modal, .datepicker { font-size: 24px; line-height: 28px; }
   .modal h1 { font-size: 48px; line-height: 48px; }
   .modal h1 .sitetitle { color: #FFFFFF; }
   .modal h1 .alt { color: #000000; }
   .modal .panel h3 { color: #FFFFFF; margin: 0px 0px 25px 0px; padding-top: 25px; border-top: 1px solid #FFFFFF; }
   .modal .panels { margin-right: -30px; }
   .modal .panel 
   {
      padding: 0px 30px 30px 0px; 
      position: relative; width: 33.3333%; display: inline-block; float: left;
   }
   .modal .panel ul, .modal .panel li { list-style-type: none; margin: 0px; padding: 0px; }
   .modal .panel li { margin-bottom: 5px; }
   #termsbox { margin: 30px 30px 30px 0px; }
   #terms, .datepicker { -webkit-appearance: none; -moz-appearance: none; }
   #terms, .modal select, .modal option 
   { 
      border: none; color: #FFFFFF; background-color: #6087AF; width: 100%; 
      font-size: 24px; line-height: 24px; padding: 3px 6px; 
   }
   #terms { color: #000000; background-color: rgba(255,255,255,0.5); }
   .modal select, .modal option { cursor: pointer; }
   .modal .btn { font-size: 24px; line-height: 24px; padding: 8px 16px; font-weight: 500; }

   .modal option:hover, .modal option:focus { color: #000000; background-color: #FFFFFF; }
   #terms::-webkit-input-placeholder { color: #6087AF; font-style: italic; }
   #terms::-moz-input-placeholder { color: #6087AF; font-style: italic; }
   #terms:-ms-input-placeholder { color: #6087AF; font-style: italic; }
   #terms:-moz-placeholder { color: #6087AF; font-style: italic; }
   .datepicker { color: #000000; border: 0; background-color: transparent; width: 100%; }
   .datepicker.inline { width: auto; display: inline-block; }
   .datebtn { position: relative; top: 2px; display: inline-block; float: left; margin-right: 8px; cursor: pointer; color: #FFFFFF; }
   .modal .panel li.daterange  { display: none; padding-top: 13px; line-height: 28px; }
   #calendarmodal .panel ul { margin-top: -10px; }
   #calendarmodal li a { color: #000000; display: block; padding: 5px 0px; }
   li.daterange .through { color: #55789B; display: block; margin: 0px 0px 3px 30px;  }
   li.daterange i.fa { display: inline-block; width: 30px; cursor: pointer; color: #FFFFFF; }
   .active { color: #FFFFFF; }
   label, input[type="radio"], .datepicker { cursor: pointer; }
   ul#regions { display: table-cell; }
   
   body.search h3 { color: #BD141B; }
   div.searchmodes { float: right; display: inline-block; }
   div.searchmodes i.fa { font-size: 36px; line-height: 30px; padding-left: 10px; }
   
   #menumodal ul, #menumodal li { list-style-type: none; margin: 0px; padding: 0px; }
   #menumodal ul { border-top: 1px solid #FFFFFF; padding-top: 20px; font-weight: 600; }
   #menumodal ul > li > ul, #menumodal ul > li > ul > li { list-style-type: disc; margin-left: 25px; border: none; padding-top: 0px; font-weight: 300; }
   #menumodal li a { color: #FFFFFF; display: block; padding: 10px 0px; font-size: 28px; line-height: 32px; }
   
   /* full-width calendar */
   
   table.bigcalendar { width: 100%; }
   table.bigcalendar th { color: #FFFFFF; background-color: #B1B939; text-align: center; }
   table.bigcalendar td { padding: 5px; background-color: #FFFFFF; width: 14.29%; }
   
   /* ad banners */
   
   .ad { margin: 20px 0px 2px 0px; text-align: center; }
   .ad a { border: 2px; }
   .ad img { max-width: 100%; height: auto; }
   
   /* addtocalendar.com */
   
   .addtocalendar var { display: none; }
   .addtocalendar { position: relative; display: inline-block; background: transparent!important; }
   .atcb-link { display: inline-block; outline: none!important; cursor: pointer; } 
   .atcb-link:focus~ul, .atcb-link:active~ul, .atcb-list:hover { visibility:visible; }
   .atcb-list { visibility: hidden; position: absolute; top: 100%; left: 0; width: 170px; z-index: 900; border: 1px solid #999999; padding: 4px; }
   .atcb-list, .atcb-item { list-style: none; margin: 0; background-color: #fff; text-transform: lowercase; }
   .atcb-item { float: none; text-align: left; padding: 1px 4px; }
   .atcb-item-link { text-decoration: none; outline: none; display: block; }
   .atcb-item.hover, .atcb-item:hover { position: relative; z-index: 900; cursor: pointer; text-decoration: none; outline: none; }

   .atc-style-menu-wb .atcb-list { width: 170px; border: 1px solid #999999; }
   .atc-style-menu-wb .atcb-list, .atc-style-menu-wb .atcb-item { background: #fff; color: #000; }
   .atc-style-menu-wb .atcb-item, .atc-style-menu-wb .atcb-item-link { line-height: 1.3em; vertical-align: middle; zoom: 1; } 
   .atc-style-menu-wb .atcb-item-link, .atc-style-menu-wb .atcb-item-link:hover,   
   .atc-style-menu-wb .atcb-item-link:active, .atc-style-menu-wb .atcb-item-link:focus
      { color: #6087AF; text-decoration: none; outline: none; padding: 5px 15px; }
   .atc-style-menu-wb .atcb-item-link:hover, .atc-style-menu-wb .atcb-item-link:active, .atc-style-menu-wb .atcb-item-link:focus { color: #fff; }
   .atc-style-menu-wb .atcb-item.hover, .atc-style-menu-wb .atcb-item:hover { background-color: #F7AA26; }
   
   /* editor */
   
   .trumbowyg-editor { background-color: #FFFFFF; }
   
   /* home page */
   
   body.home .content { padding: 0px 100px; }
   body.home .container { margin-bottom: 0px; }
   body.home h5 { margin-top: 25px; }
   body.onecolumn .tile { width: 25%; }
   
   /* update form + working indicator */
   
   div#updateform { display: none; }
   @-webkit-keyframes pulse { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} }
   @keyframes pulse { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} }
   .working
   {
      -webkit-animation-name: pulse; animation-name: pulse;
      -webkit-animation-duration: 2s; animation-duration: 2s;
      -webkit-animation-fill-mode: both; animation-fill-mode: both;
      -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
   }
   
   /* first margin adjust */
      
   @media screen and (max-width: 1250px) 
   {
      #hd .frame, #menubar .frame, .announce .frame, .primary .content, #footer .frame, .modal .frame { padding-left: 50px; }
      .controls { right: 40px; }
      .secondary .content { padding-right: 50px; }
      body.onecolumn .tile { width: 33.333%; }
      body.home .content, .onecolumn .content { padding-left: 50px; padding-right: 50px; }
      a.slide .caption { padding-left: 50px; }
   }
   
   /* menu adjust */

   @media screen and (max-width: 1160px) 
   {
      ul#menu { margin: 0px -6px; }
      ul#menu li a { padding: 14px 6px 12px 6px; font-size: 18px; }
   }
   
   /* out of room in main menu; switch to tablet view */
   
   @media screen and (max-width: 1080px)
   {
      #hd { margin-bottom: 20px; }
      #hd a.asc { top: -27px; }
      ul#menu { display: none; }
      .controls { right: 25px; bottom: -62px; }
      .modal .controls { bottom: 8px; }
      .controls a { width: 60px; height: 60px; border-radius: 30px;  }
      .controls a .fa { font-size: 36px; line-height: 54px; }
      .controls a#menubtn .fa { line-height: 61px; }
      a#menubtn { display: inline-block; }
      #footer .frame, .modal .frame { padding-right: 25px; }
      div.featureboxes h3 { font-size: 24px; line-height: 21px; margin-bottom: 7px; } 
      div.featureboxes a div.boxcon { font-size: 16px; line-height: 18px; }
   }
   
   /* one-column mode */
   
   @media screen and (max-width: 880px)
   {
      #hd { margin-bottom: 0px; }
      #hd .frame, #footer .frame, .modal .frame, .announce .frame { padding-left: 25px; }
      #hd a.asc { display: none; }
      a.ccg { width: 438px; height: 34px; background-image: url('images/ccg-mobile.png'); }   
      .primary, .secondary { float: none; width: auto; padding: 0px; }
      .primary .content, .secondary .content, .onecolumn .content { padding: 25px; }
      body.home .primary { margin-bottom: 20px; }
      .secondary h5 { margin-left: 25px; margin-right: 25px; }
      div.featureboxes { height: auto; padding-top: 0px; margin: 0px; }
      div.featureboxes a { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; margin-bottom: 20px; padding: 25px; } 
      div.featureboxes a.box1 { background-position: right top; background-size: 420px auto; }
      div.featureboxes a.box2 { background-position: right center; background-size: 420px auto; }

      div.featureboxes h3 { font-size: 30px; line-height: 28px; margin-bottom: 7px; } 
      div.featureboxes a div.boxcon { font-size: 19px; line-height: 20px; margin-right: 190px; }
      .container { margin-bottom: 25px; }
      #footer { padding: 25px 0px 50px 0px; font-size: 17px; line-height: 23px; }
      #footer a.asc { float: none; margin-left: 0px; }
      .mobileonly { display: block; }
      a.slide .caption { padding-left: 25px; padding-right: 25px; }
      .flickity-page-dots { display: none; }
      body.home .content { padding: 0px 25px; }
      .controls { bottom: -54px; }
      .modal .controls { bottom: 8px; }
      .modal h1 { font-size: 38px; line-height: 48px; }
      .modal .panel { width: 100%; display: block; }
      a.ghostbtn { width: auto; }
      img.alignright, img.right { max-width: 50%; }
   }
   
   /* smartphones */
   
   @media screen and (max-width: 720px)
   {
      body { margin-top: 47px; }
      #hd { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px; position: fixed; top: 0px; left: 0px; right: 0px; }
      a.asc-hd { display: none; }
      a.ccg { width: 219px; height: 17px; }  
      .controls { bottom: -42px; right: 8px; }
      .modal .controls { bottom: 3px; }
      .controls a { width: 48px; height: 48px; border-radius: 24px; margin-left: 5px; }
      .controls a .fa { font-size: 28px; line-height: 46px; }
      .controls a#menubtn .fa { line-height: 50px; }
      div.tile, body.onecolumn div.tile { width: 50%; }
      a.slide .caption { bottom: 0px; }
      a.slide .caption h2 { font-size: 32px; line-height: 36px; }
      .modal h1 .sitetitle { display: none; }
   }
   
   @media screen and (max-width: 500px)
   {
      div.tile, body.onecolumn div.tile { width: 100%; }
      a.slide .caption { padding-top: 10px; padding-bottom: 10px; }
      a.ghostbtn { width: 100%; }
   }

   /* print */
   
   @media print
   {
      #hd, #menubar, .noprint, div.featureboxes, div.img, div.hero { display: none; }
      .frame, .primary, .secondary, .content, #footer, #hd .frame, #footer .frame, .container, .primary .content
      { 
         float: none; width: auto; max-width: auto; margin: 0px; padding: 0px; font-size: 12pt; line-height: 16pt;
      }
      h5 { color: #999999; background-color: #FFFFFF; padding-left: 0px; }
   }