/*
   
   Theme Name: NBOME 2017
   Author: Zero Defect Design LLC
   Author URI: http://www.zerodefectdesign.com
   
   */

   /* 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 & type */
   
   body { color: #000000; background-color: #FFFFFF; padding: 0px; margin: 0px; min-width: 460px; }
   body, select, input, textarea { font: 300 18px/24px 'Roboto', sans-serif; }
   .content { padding: 30px 100px 30px 112px; }
   body.home .content.main { padding: 0px; }
   .primary { float: left; width: 75%; padding-right: 45px; }
   .secondary { float: right; width: 25%; padding-left: 15px; }
   .secondary ul { list-style-type: none; margin: 0px 0px 45px 0px; padding: 0px; }
   .secondary li { margin: 0px 0px 15px 0px; padding: 0px; }
   .secondary li.indent { margin-left: 30px; margin-bottom: 10px; list-style-type: disc; }
   .secondary li .self { font-weight: 400; }
   #footer { background-color: #E1E6EB; font-size: 16px; line-height: 22px; padding-top: 60px; padding-bottom: 60px; }
   #footer a { font-weight: 700; }
   h2 { font-weight: 400; font-size: 36px; line-height: 44px; padding: 0px; margin: 0px; letter-spacing: -0.5px; }
   h3 { font-weight: 700; font-size: 20px; line-height: 24px; }
   h4, h4 a { font-weight: 700; font-size: 18px; line-height: 22px; margin: 10px 0px; }
   h5 
   { 
      font-weight: 700; font-size: 17px; line-height: 20px; 
      padding-top: 15px; margin-top: 0px; border-top: 1px solid #000000; color: #000000; 
   }
   h3.divided, h4.divided { padding-top: 15px; margin-top: 0px; border-top: 1px solid #000000; }
   dt.divided { padding-top: 15px; margin-top: 0px; border-top: 1px solid #C8D2DC; }
   h2.warm, h2 .warm, h3.warm, h4.warm, h6.warm, b.warm, p.warm, dt.warm { color: #E09F3A; }
   .hot { color: #DA471F; }
   .intro { font-size: 22px; line-height: 28px; }
   .columns { margin: 30px -60px 0px 0px; }
   .column { width: 33.3%; padding: 0px 60px 30px 0px; float: left; color: #333333; font-size: 17px; line-height: 22px; }
   .column img { width: 100%; height: auto; border: 0; }
   
   .tiles { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 30px -15px; }
   .tile { padding: 0px 15px 30px 15px; font-size: 16px; line-height: 20px; -webkit-flex-basis: 33%; flex-basis: 33%;  } 
   body.msie .tile { -webkit-flex-basis: 27%; flex-basis: 27%; }
   body.onecolumn .tile { -webkit-flex-basis: 25%; flex-basis: 25%;  }
   body.msie.onecolumn .tile { -webkit-flex-basis: 20%; flex-basis: 20%;  }
   
   .tile .aspect { margin-bottom: 20px; }
   .tile .excerpt { margin-top: 6px; }
   
/*   
   .tiles { margin: 30px -15px; }
   .tile { width: 25%; padding: 0px 15px 30px 15px; float: left; font-size: 16px; line-height: 20px; }
*/
   .tile img { width: 100%; height: auto; border: 1px solid #b6c6d6; }
   .tiles.thumbsheet .tile img { height: 150px; width: auto; border: none; display: block; margin: 0px 0px 10px 0px; }
   .tile a:hover img { border-color: #E09F3A; }
   
   /* alert strip */
   
   #alert { background-color: #A7BE56; color: #FFFFFF; padding: 10px; text-align: center; font-weight: 400; margin: 10px 0px; }
   #alert.urgent { background-color: #DA471F; }
   
   
   /* announcement box */
   
   body.home .alertbox { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 30px 50px 0px 60px; width: 100%; }
   .alertbox h3 
   { 
      margin: 0px 0px 0px -20px; font-size: 15px; white-space: nowrap; background-color: #FFFFFF; 
      border-left: 20px solid #FFFFFF; border-right: 10px solid #FFFFFF; display: inline-block;
      position: relative; top: -14px; text-transform: uppercase;
   }
   .alertbox h3.empty { background-color: transparent; border: 0px; }
   .alertbox h3 img { height: 18px; width: auto; position: relative; top: 2px; border-left: 3px solid #FFFFFF; }

   body.home .alertbox > div 
   { 
      flex-basis: 25%; flex-shrink: 0; flex-grow: 1; padding-right: 30px; padding-bottom: 20px; margin-bottom: 10px;
   }
   body.home.msie .alertbox > div { margin-bottom: 20px; flex-basis: 20%; flex-shrink: 1; }
   body.home .alertbox > div span { display: block; color: #666666; font-size: 16px; line-height: 22px; margin: 6px 0px 0px 0px; }
   body.home .alertbox .gap { display: block; content: " "; overflow: hidden; height: 1px; width: 10px; } 
   .bg-icon 
   { 
      display: table; padding: 0px 35px 0px 0px; background-position: right center;
      background-size: auto 22px; background-repeat: no-repeat;
   }
   .notice-event { border-top: 1px solid #A7BE56; }
   .notice-news { border-top: 1px solid #E09F3A; }
   .notice-news h3 { color: #E09F3A; }
   .notice-event h3 { color: #A7BE56; }
   .notice-event .date { font-weight: 700; font-size: 15px; color: #000000; margin: 5px 0px; }
   .notice-event span a { font-weight: 500; }
   .notice-news td, .notice-event td { background-color: #FFFFFF; padding-right: 10px; }
   @media (max-width: 900px) 
   { 
      body.home .alertbox .gap { display: none; }
      body.home .alertbox, body.home.msie .alertbox { display: block; padding: 10px 30px 20px 30px; margin: 0px; }
      body.home .alertbox > div, body.home.msie .alertbox > div { border: 0px; padding-bottom: 0px; }
      body.home .alertbox h3 { display: none; }
      body.home .alertbox .notice-news, body.home .alertbox .notice-event 
      {  
         padding-left: 30px; background-position: left top; background-repeat: no-repeat; 
      } 
      body.home .alertbox .notice-news { background-image: url('images/icon-bullhorn.svg'); background-size: 20px auto; background-position: 0px 2px; }
      body.home .alertbox .notice-event { background-image: url('images/icon-calendar.svg'); background-size: 16px auto; background-position: 2px 0px; }
      .notice-event .date { font-weight: 400; color: #666666; margin-top: 2px; }
   }
   
   code { font: normal 16px/20px 'Consolas', 'Courier New', 'Courier', monospace; margin: 15px 0px; color: #da471f; display: block; }

   h6 { font-weight: 400; font-size: 20px; text-transform: uppercase; letter-spacing: 2px; color: #DA471F; margin-bottom: 4px; }
   h6.alt { background-color: #96A0AA; color: #FFFFFF; font-weight: 700; font: 300 16px/20px 'Roboto', sans-serif; padding: 6px 6px 4px 6px; text-align: left; vertical-
   align: top; }   
   h6.small { font-weight: 500; font-size:16px; }
   h7 { font-weight: 600; font-size:16px; text-transform: uppercase; letter-spacing:2px; color:#000000; }
   
   blockquote { margin: 40px 0px; padding: 0px; font-size: 140%; line-height: 130%; color: #666666; font-style: italic; }
   blockquote:before, blockquote:after { text-align: center; display: block; font-family: 'Georgia', serif; font-weight: bold; font-style: normal; font-size: 120px; line-height: 10px; color: #E09F3A; }
   blockquote:before { content: "\201C"; margin: 80px 0px 20px 0px; }
   blockquote:after {  content: "\201D"; margin: 80px 0px 0px 0px; }
   blockquote div.credit { color: #000000; font-size: 16px; line-height: 22px; margin: 20px 0px 0px 0px; font-weight: 600; }
   
   .searchresult { display: block; margin: 10px 0px 30px 0px; }

   /* links & buttons */
   
   a, a:link, a:visited { color: #0A5A8C; text-decoration: none; }
   a:hover, a:active { color: #E09F3A; }
   a.social 
   { 
      display: inline-block; width: 24px; height: 24px; margin-right: 4px; 
      background-position: left center; background-repeat: no-repeat; background-size: contain; 
   }
   a.facebook { background-image: url('images/icon-facebook.png'); }
   a.linkedin { background-image: url('images/icon-linkedin.png'); }
   a.twitter { background-image: url('images/icon-twitter.png'); }
   a.youtube { background-image: url('images/icon-youtube.png'); }
   a.instagram { background-image: url('images/icon-instagram.png'); }
   a.social:hover { opacity: 0.6; }
   .breadcrumbs { display: none; }
   a.moar { display: block; padding: 10px; text-align: center; border: 1px solid #0A5A8C; text-decoration: none !important; margin: 20px 0px; }
   a.moar:hover { color: #E09F3A; border-color: #E09F3A; }
   /*
   a.moar { font-weight: 500; font-style: italic; display: block; text-align: right; }
   a.moar:before { color: #E09F3A; content: '\00BB'; display: inline-block; margin-right: 5px; font-weight: 700; }
   */
   body.page-child .breadcrumbs, body.category .breadcrumbs, body.single-post .breadcrumbs, body.search .breadcrumbs
   { 
      display: block; margin: 0px 0px 8px 0px; font-size: 16px; font-weight: 400; 
   }
   body.search .breadcrumbs { margin-bottom: 0px; }
   .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited { opacity: 0.6; white-space: nowrap; text-decoration: none; }
   .breadcrumbs a:after { content: '\003E'; display: inline-block; padding: 0px 8px 0px 4px; color: #000000; }
   .breadcrumbs a:hover { opacity: 1; }
   .primary .breadcrumbs a, .primary .breadcrumbs a:link, .primary .breadcrumbs a:visited { text-decoration: none; }
   
   .primary a, .primary a:link, .primary a:visited { font-weight: 500; text-decoration: underline; }
   .primary a b, .primary b a, .primary strong a, .primary a strong { font-weight: 700;  }
   .primary h4 a, .primary h4 a:link, .primary h4 a:visited { font-weight: 700; text-decoration: none; }
   .primary h4 a:hover, .primary h4 a:active { font-weight: 700;  }
   .btn, a.btn, a.btn:link, a.btn:visited
   {
      font-weight: 400; color: #FFFFFF; background-color: #0A5A8C; border: 0px; cursor: pointer;
      white-space: nowrap; display: inline-block; padding: 8px 13px; font-size: 18px; line-height: 18px;
      text-decoration: none;
   }
   .btn:hover, a.btn:hover { color: #FFFFFF; background-color: #E09F3A; text-decoration: none; }
   
   /* audiences */
   
   .audience { background: transparent url('images/audience-blank.png') left center no-repeat; background-size: contain; }
   .audience.osteopathic-medical-students { background-image: url('images/audience-lightbulb.png'); }
   .audience.residents { background-image: url('images/audience-stethoscope.png'); }
   .audience.colleges-of-osteopathic-medicine { background-image: url('images/audience-graduation.png'); }
   .audience.graduate-medical-education-programs { background-image: url('images/audience-books.png'); }
   .audience.practicing-physicians { background-image: url('images/audience-staff.png'); }
   .audience.health-profession-organizations { background-image: url('images/audience-institution.png'); }
   .audience.licensure-boards { background-image: url('images/audience-certified.png'); }
   
   h2.audience { background-size: 38px 38px; background-position: 0px 12px; padding: 10px 0px 10px 55px; margin-left: -55px; }
   .audiencetext { font-weight: 700; color: #DA471F; font-size: 17px; }

   div ul {  }
   .content div ul li, .content div ol li { margin-top:10px; margin-bottom:10px; }

   /* material icons */

   .material-icons.md-18 { font-size: 18px; }
   .material-icons.md-24 { font-size: 24px; }
   .material-icons.md-36 { font-size: 36px; }
   .material-icons.md-48 { font-size: 48px; }
   .material-icons.rust { color: #DA471F; float:left; margin-top:1px; padding-right:12px; }
     
   /* header */
   
   #hd { margin: 25px 0px; }
   #masthead { background-color: #0A5A8C; position: relative; } 


   a#nbome { display: inline-block; background-color: #004970; padding: 20px 40px 20px 60px; border-right: 10px solid #FFFFFF; float: left; }
   a#nbome img { height: 66px; width: auto; display: block; margin: 0px; padding: 0px; }
/*
   a#nbome { display: inline-block; background-color: #004970; padding: 15px 40px 15px 112px; border-right: 10px solid #FFFFFF; float: left; }
   a#nbome img { height: 76px; width: auto; display: block; margin: 0px; padding: 0px; }
 */
   body.msie a#nbome { padding-right: 92px; }
   
   /* toolbar */

   #toolbar { position: absolute; top: 27px; right: 100px; text-align: right; }
   #toolbar a 
   { 
      font-size: 16px; text-transform: lowercase; display: inline-block; line-height: 16px; 
      padding: 18px 0px; background-position: right center; background-repeat: no-repeat;
   }
   #toolbar a.login { color: #C5E8FF; padding-right: 48px; background-image: url('images/icon-login-1.png'); }
   #toolbar a.login:hover { color: #FFFFFF; background-image: url('images/icon-login-3.png'); }
   #toolbar a.search { min-width: 59px; color: transparent; background-image: url('images/icon-search-1.png'); }
   #toolbar a.search:hover { background-image: url('images/icon-search-3.png'); }
   #toolbar a.menu { min-width: 48px; color: transparent; background-image: url('images/icon-menu-1.png'); }
   #toolbar a.menu:hover { background-image: url('images/icon-menu-3.png'); }
   #toolbar a.menu { display: none; }
   
   /* menus */

   #menu { margin-top: 10px; background-color: #84ACC5; position: relative; }   
   #menu > ul { list-style-type: none; margin: 0px 0px 0px 6px; padding: 0px 0px 0px 40px; }
   #menu > ul > li { float: left; margin: 0px; padding: 0px; }
   #menu > ul > li a { display: inline-block; padding: 6px 15px 5px 15px; color: #FFFFFF; font-weight: 400; } 
   #menu > ul > li > ul 
   { 
      position: absolute; display: none; list-style-type: none; margin: 0px; padding: 10px 0px; z-index: 1000;
      border-top: 1px dotted #FFFFFF; 
   }
   #menu > ul > li:hover > ul { display: block; }
   #menu > ul > li > ul > li > a 
   { 
      display: block; float: none; font-size: 16px; line-height: 22px; font-weight: 300; padding-top: 5px; padding-bottom: 5px;
   }
   ul#altmenus 
   { 
      position: absolute; top: 0px; bottom: 0px; right: 90px; border-right: 10px solid #FFFFFF; 
      list-style-type: none; margin: 0px; padding: 0px;
   }
   ul#altmenus > li { border-left: 10px solid #FFFFFF; }
   ul#altmenus > li > a 
   { 
      padding-right: 44px; background-image: url('images/dropdown.png'); background-position: right center;
      background-repeat: no-repeat;
   }
   
   /* custom section headers */
   
   a.section-header { padding: 15px 25px 15px 112px; display: block; font-size: 20px; line-height: 22px; font-weight: 700; color: #FFFFFF; }
   a.section-header.master-blueprint 
   { 
      background: #03496F url('images/bg-master-blueprint.jpg') center center no-repeat;
      background-size: cover;
   }
   a.section-header.master-blueprint .warm { color: #FFBB29; }
   a.section-header.bulletin-of-information, a.section-header.new-bulletin-of-information { background-color: #E7B669; color: #000000; }
   a.section-header.bulletin-of-information .warm, a.section-header.new-bulletin-of-information .warm { color: #FFFFFF; }
   
   /* post lists */
   
   ul.post-list { list-style-type: none; margin: 15px 0px 0px 0px; padding: 0px; }
   ul.post-list li { padding: 0px 0px 10px 0px; }
   ul.post-list h4 { margin-bottom: 3px; }
   ul.post-list .date { display: block; margin: 0px; }
   
   /* main menu */
   
   ul#mainmenu > li > ul { background-color: #84ACC5; }
   ul#mainmenu a:hover { background-color: #0A5A8C; }
   
   /* self-identify menu */

   li#id { background-color: #E09F3A; }
   li#id > ul { background-color: #ffd990; }
   li#id > ul a { color: #000000; }
   li#id a:hover { background-color: #C38A32; }
   li#id > ul a:hover { background-color: #E09F3A; color: #FFFFFF; }
   
   /* audience menu items */
   
   li#audience { background-color: #DA471F; }
   li#audience > ul { background-color: #F1F3F6; color: #000000; }
   body.home li#audience > ul { background-color: #FFFFFF; }
   li#audience > ul a { color: #000000; white-space: nowrap; background-position: 12px center; padding-left: 42px; background-size: 22px 22px; }
   li#audience > a:hover { background-color: #AB3818; }
   li#audience > ul a:hover { color: #DA471F; }
   
   .secondary a.audience { display: block; padding-left: 30px; background-size: 22px 22px; }
   
   /* mobile menu */
   
   #mobilemenu, #mobilemenu_container { display: none; }
   #mobilemenu { background-color: #E1E6EB; font-size: 22px; line-height: 22px; }
   #mobilemenu ul { list-style-type: none; margin: 0px; padding: 0px; font-weight: 700; }
   #mobilemenu a { display: block; }
   #mobilemenu ul ul { margin-left: 30px; list-style-type: disc; font-weight: 400; }
   ul#mobilemainmenu a { padding: 5px 0px; }
   #mobilemenu a.audience { font-weight: 400; padding: 10px 0px 10px 40px; background-size: 33px 33px; }
   
   /* images */
   
   div.hero { width: 100%; height: 0px; padding-top: 25%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
   img.full, img.size-full { width: 100%; height: auto; border: 0px; margin: 15px 0px; }
   .primary img { max-width: 100%; height: auto; }
   .alignright, .vertical { float: right; margin: 0px 0px 30px 30px; width: 33%; height: auto; }
   div.alignright img, div.vertical img { width: 100%; }
   img.alignleft { float: left; margin: 2px 30px 20px 0px; width: 33%; height: auto; }
   p.caption { font-size: 16px; line-height: 20px; }
   .aspect { display: block; width: 100%; height: 0; padding-top: 60%; background-position: center center; 
      background-repeat: no-repeat; background-size: cover; }   
   .aspect.slug { background-image: url('images/slug.png'); }
   
   /* home page blocks */
   
   .audienceblock 
   { 
      width: 100%; background-color: #FFFFFF; background-repeat: no-repeat; background-position: right center;
      background-size: 50% auto; margin-bottom: 10px; overflow: hidden; position: relative; cursor: pointer;
   }
   .audienceblock .textbox
   {
      width: 50%; height: 350px; position: relative; display: flex; 
      justify-content: center; flex-direction: column;
   }
   .audienceblock .textblock { padding: 30px 0px; margin: 0px 100px 0px 60px; }
   .audienceblock .audiencetext { display: block; margin-bottom: 10px; }
   .audienceblock h2 
   { 
      font-weight: 300; letter-spacing: 0; font-size: 32px; line-height: 36px; margin-bottom: 11px;
   }
   .audience.big 
   {   
      display: block; width: 110px; height: 110px; background-size: 100px 100px; background-position: center center;
      background-color: #FFFFFF; border-radius: 55px; position: absolute; top: 50%; right: -55px; margin-top: -55px;
   }
   .audienceblock .imgblock
   {
      background-position: center center;
      background-repeat: no-repeat; background-size: cover; position: absolute;
      width: 50%; top: 0px; bottom: 0px; right: 0px;
   }
   .audienceblock.welcome .imgblock { background-image: url('images/home/welcome.jpg'); }
   .audienceblock .imgblock.osteopathic-medical-students { background-image: url('images/home/2020-osteopathic-medical-students.jpg'); background-position: right center; }
   .audienceblock .imgblock.residents { background-image: url('images/home/2020-residents.jpg'); }
   .audienceblock .imgblock.colleges-of-osteopathic-medicine { background-image: url('images/home/2020-colleges-of-osteopathic-medicine.jpg'); background-position: right center; }
   .audienceblock .imgblock.graduate-medical-education-programs { background-image: url('images/home/2020-graduate-medical-education-programs.jpg'); }
   .audienceblock .imgblock.practicing-physicians { background-image: url('images/home/2020-practicing-physicians.jpg'); }
   .audienceblock .imgblock.health-profession-organizations { background-image: url('images/home/2020-health-profession-organizations.jpg'); background-position: right center;  }
   .audienceblock .imgblock.licensure-boards { background-image: url('images/home/2020-licensure-boards.jpg'); background-position: left center;  }

   .audienceblock:nth-child(odd) { background-position: left center; background-color: #F2F7DA; }
   .audienceblock:nth-child(odd) .textbox { position: relative; left: 50%; }
   .audienceblock:nth-child(odd) .textblock { margin: 0px 60px 0px 90px; }
   .audienceblock:nth-child(odd) .audience.big { background-color: #F2F7DA; right: auto; left: -55px; }
   .audienceblock:nth-child(odd) .imgblock { right: auto; left: 0px; }
   .audienceblock.welcome { background-color: #F1F3F6; }
   .audienceblock.welcome .textbox { background: #F1F3F6 url('images/bg-welcome.png') right center no-repeat; }
   .audienceblock.welcome .textblock { margin-left: 60px; }
   .audienceblock .textblock p { margin: 0px; }
   .welcome h2 { font-weight: 400; }
   select#audienceselect { color: #FFFFFF; background-color: #DA471F; padding: 5px 8px; border: 0px; cursor: pointer; max-width: 100%; }
   
   /* old alert box */
   /*
   .alertbox, a .alertbox { color: #000000; }
   .alertbox { margin: 25px 0px; padding: 25px inherit; background-color: #DDE89A; }   
   .alertbox a { font-weight: 700; }
   .alertbox.urgent { border-top: 3px solid #DA471F; border-bottom: 3px solid #DA471F; background-color: #FFFFFF; }
   .alertbox h3 { margin: 0px 0px 6px 0px; font-size: 20px; }
   .alertbox.urgent h3, a .alertbox.urgent h3 { color: #DA471F; text-transform: uppercase; }
   */
   
   /* expanding definition lists */
   
   dl.expanding { border-bottom: 1px dotted #AAAAAA; }
   dl.expanding dt { color: #0A5A8C; font-weight: 700; cursor: pointer; padding: 5px 30px 5px 0px; position: relative; border-top: 1px dotted #AAAAAA; }
   dl.expanding dt.warm { color: #E09F3A; }
   dl.expanding dt:hover { color: #E09F3A; }
   dl.expanding dt:after { content: '+'; position: absolute; top: 13px; right: 0px; font-weight: 700; color: #AAAAAA; }
   dl.expanding dt.open:after { content: '-'; }
   dl.expanding dd { display: none; padding-top: 15px; padding-bottom: 30px; }
   dl.expanding dd > p:first-child { margin-top: 0px; }
   dl.expanding dd > p:last-child { margin-bottom: 0px; }  
   dd.no-indent { margin-left: 0px; padding-left: 0px; }
   
   /* 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: #004785; border-radius: 50px; display: none;
   }
   a#totop:hover { color: #FFFFFF; background-color: #E09F3A; }
   a#totop span { font-size: 48px; font-weight: 700; position: relative; top:20px; }
   
   /* new search autocomplete */
   
   .modal { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: #FFFFFF; display: none; overflow: hidden; z-index: 500; }
   #searchmodal form { white-space: nowrap; display: flex; }
   #searchmodal input
   {
      font-size: 48px; line-height: 48px; background-color: transparent; border: none;
      -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0px;
   }
   #searchmodal input:focus { outline: none; }
   #searchmodal input#s { flex-basis: 50%; flex-grow: 1; border-bottom: 2px dotted #666666; color: #000000; }
   #searchmodal input#dosearch, #searchmodal input#closemodal { cursor: pointer; padding: 0px; color: #0A5A8C; }
   #searchmodal input#dosearch:hover, #searchmodal input#closemodal:hover { color: #E09F3A; }
   #searchmodal::after 
   { 
      position: fixed; left: 0px; bottom: 0px; right: 0px; height: 100px; z-index: 501;
      content: " "; display: block; background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
   }
      
   /* search control modal */

   #simplemodal-overlay { background-color: #FFFFFF; }
   #basic-modal-content { display: none; padding: 0px; text-align: center; }
   #basic-modal-content form { margin: 0px 30px; white-space: nowrap; }
   #basic-modal-content input
   {
      font-size: 48px; line-height: 48px; background-color: transparent; border: none;
      -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0px;
   }
   #basic-modal-content input:focus { outline: none; }
   #basic-modal-content input#s { max-width: 60%; border-bottom: 2px dotted #666666; color: #000000; }
   #basic-modal-content input#dosearch, #basic-modal-content input#closemodal { cursor: pointer; padding: 0px; color: #0A5A8C; }
   #basic-modal-content input#dosearch:hover, #basic-modal-content input#closemodal:hover { color: #E09F3A; }

   /* tables */
   
   table { width: 100%; border: 0; border-spacing: 0; }
   th, td { font: 300 16px/20px 'Roboto', sans-serif; padding: 6px 6px 4px 6px; text-align: left; vertical-align: top; }
   tr:first-child td { border-top: 1px solid #C8D2DC; }
   tr:first-child th { border-top: none; }
   td { border-bottom: 1px solid #C8D2DC; }
   th { background-color: #96A0AA; color: #FFFFFF; font-weight: 700; }
   td[rowspan] { vertical-align: middle; }
   table.layout td, table.layout tr:first-child td { border: none; }
   td ul { margin-top: 0px; margin-left: 0px; }
   .content table td ul li { margin-top: 0px; margin-bottom: 20px; }
   
   table.label1 td:nth-child(1), table.label2 td:nth-child(2), table.label3 td:nth-child(3), 
      table.label3 td:nth-child(4) { font-weight: 400; }
   table.fig1 td:nth-child(1), table.fig2 td:nth-child(2), table.fig3 td:nth-child(3),
      table.fig4 td:nth-child(4) { white-space: nowrap; }
   table.strong1 td:nth-child(1), table.strong2 td:nth-child(2), table.strong3 td:nth-child(3),
      table.strong4 td:nth-child(4) { font-weight: 700; color: #E09f3A; }
   table.shade1 td:nth-child(1), table.shade2 td:nth-child(2), table.shade3 td:nth-child(3),
      table.shade4 td:nth-child(4), table.shade5 td:nth-child(5), table.shade6 td:nth-child(6),
      table.shade7 td:nth-child(7), table.shade8 td:nth-child(8), table.shade9 td:nth-child(9),
      table.shade10 td:nth-child(10), table.shade11 td:nth-child(11) { background-color: rgba(200,210,220,0.5); }
   table.shade1 th:nth-child(1), table.shade2 th:nth-child(2), table.shade3 th:nth-child(3),
      table.shade4 th:nth-child(4), table.shade5 th:nth-child(5), table.shade6 th:nth-child(6),
      table.shade7 th:nth-child(7), table.shade8 th:nth-child(8), table.shade9 th:nth-child(9),
      table.shade10 th:nth-child(10), table.shade11 th:nth-child(11) { background-color: #6E767D; }
   div.x { color: #000000; background-color: #000000; text-align: center; display: block; }
  
   /* table: grid */
   
   table.grid { border-left: 1px solid #C8D2DC; }
   table.grid th, table.grid td { padding: 6px 12px 4px 12px; } 
   table.grid td { border-right: 1px solid #C8D2DC; }
   
   /* table: floated */
   
   .alignright table td { padding-left: 0px; }
   
   /* table: signboard */

   table.signboard { width: auto; border-spacing: 1px; }
   table.signboard th, table.signboard td { border: 0; vertical-align: middle; }
   table.signboard th 
   { 
      text-align: center; text-transform: uppercase; font-weight: 700; font-size: 11px; line-height: 11px; letter-spacing: 1px; 
      background-color: #8ed8f8; color: #304A55; padding: 8px 12px; 
   }
   table.signboard th big 
   { 
      color: #FFFFFF;
      display: block; margin: 3px 0px 0px 0px; font-size: 24px; line-height: 24px; letter-spacing: 0px; white-space: nowrap; 
   }
   table.signboard td { background-color: #DAF2FD; font-weight: 300; font-size: 18px; line-height: 22px; padding: 8px 16px; }
   table.signboard.warm th { color: #936F11; background-color: #F1B51C; }
   table.signboard.warm td { background-color: #FFD990; }
   table.signboard tr:first-child td { border: none; }
   table.signboard a { text-decoration: none !important; }
   
   table.clear, table.clear td { border:0; }
     
 /*box link*/

	a.boxlink { display: block; padding: 15px 15px 15px 15px; color: #FFFFFF; }
   a.boxlink, .primary a.boxlink, .primary a.boxlink:link, .primary a.boxlink:visited { text-decoration: none; }
	a.boxlink:hover { color: #FFFFFF; opacity: 0.8; }
	.comlex-old { background-color: #F1B51C; }
	.comlex-new { background-color: #AFC03D; }
  

/* login box */
   
   #loginbox 
   { 
      display: none; text-align: center; background-color: #EBEFF2; padding-left: 30px;
      margin-top: 10px; padding-top: 20px; padding-bottom: 12px; 
   }
   #loginbox .textinput 
   { 
      color: #000000; background-color: #FFFFFF; padding: 3px 6px; border: 1px solid #999999; 
      height: 34px; width: 200px;      
   }
   #loginbox .tooltip { font-size: 14px; line-height: 32px; }
   #loginbox iframe { height: 150px; width: 100%; border: none; }
   #loginbox h6 { margin: 0px 0px 6px 0px; font-size: 17px; letter-spacing: 1px; font-weight: 600; }
   input:-webkit-autofill, #loginbox input.textinput:-webkit-autofill { background-color: rgb(255,255,255); }

   /* embedded videos */

   video { width: 100%; height: auto; margin: 30px 0px; }
   .video-container { position: relative; padding-bottom: 54%; padding-top: 30px; height: 0; overflow: hidden; background-color: #000000; }
   .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
   
   /* site map */
   
   ul.sitemap { column-count: 2; column-gap: 50px; }
   ul.sitemap li { list-style-type: disc; }
   ul.sitemap > li { margin-top: 20px;  }
   ul.sitemap > li:first-child { margin-top: 0px;  }
   ul.sitemap > li a { font-weight: 700; }
   ul.sitemap > li > ul > li { break-inside: avoid-column; }
   ul.sitemap > li > ul > li > a { font-weight: 400; }
   ul.sitemap > li > ul > li > ul > li > a, 
   ul.sitemap > li > ul > li > ul > li > ul > li > a  { font-size: 85%; font-weight: 300; }
      
   /* google map */
   
   .googlemap { width: 100%; height: 500px; }
   .infowindow { font: 300 15px/18px 'Roboto', sans-serif; }
   .infowindow img { width: 100%; height: auto; display: block; border: 0px; margin: 0px 0px 6px 0px; }
   
   /* event calendar grid */
   
   h2 select { font-weight: 400; font-size: 36px; line-height: 44px; padding: 1px; margin: 0px; letter-spacing: -0.5px; }
   h3 select { font-weight: 400; font-size: 24px; line-height: 28px; }
      
   .controls { float: right; display: inline-block; margin-left: 20px; }
   .controls .material-icons { font-size: 32px; }
   div.calendar { margin: 0px -20px; }
   table.calendar-month { border-spacing: 20px; border-collapse: separate; width: 100%; }
   table.calendar-month th 
   { 
      color: #000000; background-color: #FFFFFF;
      font-weight: 700; text-align: left; padding: 0px 0px 10px 0px; border-bottom: 1px solid #000000; 
   }
   table.calendar-month td 
   { 
      padding: 0px; width: 14.286%; font-size: 16px; line-height: 20px; vertical-align: top;
      border-bottom: none;
   }
   table.calendar-month tr:nth-child(2) td .day { border-top: 0px; padding-top: 0px; }
   table.calendar-month td .day 
   { 
      padding-top: 20px; border-top: 1px solid #000000; font-size: 26px; line-height: 26px; 
      font-weight: 300; margin: 0px; 
   }
   table.calendar-month td.empty { color: #CCCCCC; border-color: #CCCCCC; }
   table.calendar-month td.today { border-top: 3px solid #E09F3A; padding-top: 18px; }
   table.calendar-month td.today .day { color: #E09F3A; border-color: #E09F3A; font-weight: 500; }
   table.calendar-month td img { width: 100%; height: auto; }
   
   a.eventbar { display: block; color: #FFFFFF; background-color: #0A5A8C; padding: 5px; text-decoration: none; }
   a.eventbar.calendar-special { background-color: #DA471F; }
   a.eventbar.calendar-event { background-color: #0A5A8C; }
   a.eventbar.calendar-closed { background-color: #CFD990; color: #000000; }
   a.eventbar small { font-weight: 600; color: #FFFFFF; }
   a.eventbar:hover { opacity: 0.7; }
   .calendar-key { display: inline-block; border-left: 20px solid #999999; padding-left: 5px; margin-right: 15px; }
   .calendar-item { display: block; border-left: 5px solid #999999; padding-left: 15px; }
   .calendar-special { border-color: #DA471F; }
   .calendar-event { border-color: #0A5A8C; }
   .calendar-closed { border-color: #CFD990; }
   
   
   /* exam calendar */
   
   .monthgrids { -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -50px -10px 0px; }
   .monthgrid { margin: 0px 30px 30px 0px; }
   .monthgrid .monthname { text-align: center; margin-bottom: 6px; }
   div.monthgrid, div.monthname, table.exam-month { page-break-inside: avoid; }
   div.monthname { page-break-after: avoid; }
   
   table.exam-month tr td, table.exam-month tr th 
   { 
      border-top: none; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;
   }
   table.exam-month td 
   { 
      border-bottom: 1px solid #FFFFFF;  background-color: #ebf0f5;
      color: #000000; padding: 2px 4px 2px 4px;  white-space: nowrap; height: 47px; width: 47px;
   }
   table.exam-month tr th:first-child, table.exam-month tr th:last-child { background-color: #838B94; }
   table.exam-month tr td:first-child, table.exam-month tr td:last-child { background-color: #d6dadf; }
   table.exam-month tr td:first-child.blank, table.exam-month tr td:last-child.blank { background-color: #FFFFFF; }
   table.exam-month tr th:last-child { border-right: 1px solid #FFFFFF; }
   table.exam-month th, table.exam-month td { text-align: center; }
   table.exam-month td.holiday { background-color: #BACC4E; color: #FFFFFF; }
   table.exam-month td.blank { background-color: #FFFFFF; color: #999999; }
   table.exam-month td.today { background-color: #8ED8F8; color: #FFFFFF; }
   table.exam-month td .day { font-size: 18px; line-height: 22px; }
   .examkey { margin: 20px 0px; }
   .examkey div { position: relative; top: 3px; }
   .examkey .holiday { display: inline-block; width: 20px; height: 20px; background-color: #BACC4E; }
   table.exam-month td .level, .examkey .level
   { 
      font-size: 12px; line-height: 15px; font-weight: 400; display: inline-block; text-align: center; 
      width: 14px; height: 14px; border-radius: 7px; overflow: hidden; color: #FFFFFF; 
   }
   .examkey .level { font-size: 18px; line-height: 20px; width: 20px; height: 20px; border-radius: 10px; }
   table.exam-month td .level1, .examkey .level1 { background-color: #F1B51C; }
   table.exam-month td .level2, .examkey .level2 { background-color: #DA471F; }
   table.exam-month td .level3, .examkey .level3 { background-color: #0A5A8C; }   
   
   /* button bar */

   .flexbuttons { display: flex; justify-content: space-between; align-items: stretch; }
   .flexbuttons a.btn { margin: 1px; flex-grow: 1; text-align: center; font-size: 90%; }
   @media screen and (max-width: 970px)
   {
      .flexbuttons { flex-wrap: wrap; }
      .flexbuttons a.btn { flex-basis: 100%; flex-shrink: 1; }
   }

   /* disc buttons */

   ul.discbuttons { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0px -15px 0px 0px; padding: 0px; }
   ul.discbuttons li { width: 140px; padding: 0px 15px 15px 0px; margin: 0px; text-align: center;}
   ul.discbuttons li a div.di
   { 
      background-color: #9eb64b; border-radius: 50%; width: 100px; height: 100px; display: block; margin: 0 auto;
      background-size: auto 40%; background-position: center center; background-repeat: no-repeat;
   }
   ul.discbuttons li a:hover { background-color: #c7d597; }
   ul.discbuttons li a span { display: block; margin-top: 12px; font-size: 95%; line-height: 120%; font-weight: 400; }
   @media screen and (max-width: 750px) { ul.discbuttons li { flex-basis: 33.333%; } }

   /* discipline icon system */

   .di-cv { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/cardiovascular-hematologic-system.svg'); }
   .di-em { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/emergency-medicine.svg'); }
   .di-en { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/endocrine-system-metabolism.svg'); }
   .di-fm { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/family-medicine.svg'); }
   .di-fa { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/foundational-anatomical-sciences.svg'); }
   .di-fb { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/foundational-biomedical-principles.svg'); }
   .di-fn { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/foundational-neurosciences.svg'); }
   .di-gi { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/gi-system-nutritionalhealth.svg'); }
   .di-gr { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/genitourinary-renal-system.svg'); }
   .di-hd { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/human-development.svg'); }
   .di-im, ul.discbuttons li a div.di.di-im { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/internal-medicine.svg'); }
   .di-is { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/integumentary-system.svg'); }
   .di-mb { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/molecular-biochemical.svg'); }
   .di-mi { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/microbiology-immunology.svg'); }
   .di-ms { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/musculoskeletal-system.svg'); }
   .di-ns { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/nervous-system-mental-health.svg'); }
   .di-ob, .di.di-ob { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/obgyn.svg'); }
   .di-op { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/opp.svg'); }
   .di-pd { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/pediatrics.svg'); }
   .di-pp { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/pharmacologic-principles.svg'); }
   .di-ph { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/physiologic-basis-of-health.svg'); }
   .di-ps { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/psychiatry.svg'); }
   .di-rs { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/respiratory-system.svg'); }
   .di-su { background-image: url('https://www.nbome.org/wordpress/wp-content/themes/nbome2017/images/icons/surgery.svg'); }

   ul.discbuttons li a div.di.di-ob, ul.discbuttons li a div.di.di-im { background-size: auto 55%; }
    
   /* utility: pdf */

   .pdfonly { display: none; }
    
   /* smaller desktops */

   @media screen and (max-width: 1100px)
   {
      ul#altmenus > li > a { padding-right: 15px; background-image: none; }
   }
   
   /* tablet & mobile navigation */
      
   @media screen and (max-width: 1030px)
   {
      #menu { display: none; }
      #toolbar a.menu { display: inline-block; }
      #toolbar a.search { min-width: 48px; }
      #mobilemenu_container { display: block; }
      #masthead { background-color: #004970; } 
      /*
      a#nbome { padding: 15px 30px; border: none; }
      a#nbome img { height: 44px; }
      */
      a#nbome { padding: 10px 20px 10px 20px; border: none; }
      a#nbome img { height: 54px; }
      
      #toolbar { top: 11px; right: 30px; text-align: right; }
      a.section-header { padding-left: 78px; }
      .content { padding: 30px 30px 30px 78px; }
      .columns { margin-right: -30px; }
      .column { padding-right: 30px; }
      #mobilemainmenu { width: 50%; float: left; }
      #mobileaudiencemenu { width: 50%; float: right; }
      #mobileaudiencemenu li h3 { margin-top: 0px; padding-top: 0px; }
      
      .audienceblock .textbox { width: 67%; font-size: 17px; line-height: 20px; }
      .audienceblock .imgblock { width: 33%; }
      .audienceblock:nth-child(odd) .textbox { left: 33%; }
      .audienceblock .textbox { height: 300px; }
      .audienceblock h2 { font-size: 24px; line-height: 28px; font-weight: 400; }

      .audience.big, .audienceblock:nth-child(odd) .audience.big
      {   
         width: 44px; height: 44px; background-size: 40px 40px; 
         border-radius: 22px; margin-top: -20px; right: -23px;
      }     
      .audienceblock:nth-child(odd) .audience.big { right: auto; left: -23px; }
      .audienceblock .textblock { margin-left: 60px; }
      .audienceblock:nth-child(odd) .textblock { margin-left: 60px; margin-right: 60px; }
      
      .tile, body.onecolumn .tile { -webkit-flex-basis: 50%; flex-basis: 50%;  }
      body.msie .tile, body.onecolumn.msie .tile { -webkit-flex-basis: 40%; flex-basis: 40%;  }
   }
   
   /* 1-column */
   
   @media screen and (max-width: 840px)
   {
      .columns { margin-right: 0px; }
      .column { padding-right: 0px; float: none; width: 100%; }
      .primary { padding-bottom: 60px; }
      .primary, .secondary { float: none; width: 100%; padding-right: 0px; padding-left: 0px; clear: both; }
      
      #mobilemainmenu, #mobileaudiencemenu { float: none; width: auto; }
      #mobileaudiencemenu li h3 { padding-top: 20px; }
   }
   
   @media screen and (max-width: 750px)
   {
      .audienceblock .textbox { width: 75%; }
      .audienceblock .imgblock { width: 25%; }
      .audienceblock:nth-child(odd) .textbox { left: 25%; }
      .audienceblock .textbox { height: 200px; } 
      .audienceblock .audiencetext { display: none; }
      .audienceblock .textblock, .audienceblock:nth-child(odd) .textblock { margin: 30px; }
      .audienceblock.welcome .readmore { display: none; }
      ul.sitemap { column-count: 1; }
   }
   
   @media screen and (max-width: 650px)
   {
      .audienceblock .textbox { height: auto; } 
      .audienceblock .textblock, .audienceblock:nth-child(odd) .textblock { margin: 0px 30px; }
      .audienceblock .textblock p { display: none; }
      .audienceblock h2 { margin-bottom: 0px; }
      .alignright, .vertical { width: 50%; }
      #loginbox .textinput { width: 150px; }
   }
   
   /* phone: viewport 500 */
   
   @media screen and (max-width: 560px)
   {
      #hd { margin: 15px 0px; }
      .content { padding-left: 30px; }
      a.section-header { padding-left: 30px; }
      h2 { font-size: 32px; line-height: 38px; }
      h2.audience { background-position: top left; padding: 55px 0px 0px 0px; margin-left: 0px; }
      
      #toolbar a { padding: 0px; width: 48px; height: 48px; position: relative; top: 1px; }
      #toolbar .label { display: none; }
      #footer { padding-top: 30px; padding-bottom: 30px; }
      .alignright, .vertical { width: 100%; float: none; margin: 30px 0px; }

      p.caption { font-size: 14px; line-height: 18px; }
   }
   
   /* home page: new slider */
   
   #audience-slider 
   { 
      display: flex; width: 100%; height: 33vw; margin: 20px 0px; background-color: #CAD5E2; 
      justify-content: space-between; align-items: stretch;
   }
   #audience-slider .pager { background-color: #91A8C3; flex-basis: 33%; display: flex; align-items: center; }
   #audience-slider .pager-controls { width: 100%; } 
   #audience-slider span { display: block; padding: 5px 15px 5px 40px; font-weight: 400; }
   #audience-slider .pager ul { list-style-type: none; margin: 0px; padding: 0px; width: 100%; }
   #audience-slider .pager li 
   { 
      list-style-type: none; margin: 0px; padding: 7px 15px 7px 40px; color: #FFFFFF; font-weight: 700; display: block; 
      cursor: pointer;
   }
   #audience-slider .pager li.active { background-color: #335589; }
   #audience-slider .audiences { flex-basis: 67%; display: flex; align-items: stretch; }
   #audience-slider .audiences .audience-block { display: flex; align-items: center; }
   #audience-slider .audience-block.osteopathic-medical-students 
   { 
      background: linear-gradient(to right, #CAD5E2 0%, #CAD5E2 50%, transparent 80%), url('images/home/osteopathic-medical-students.jpg'); 
      background-size: auto 100%; background-position: right center; background-repeat: no-repeat;
   }
   #audience-slider .audience-block.residents
   { 
      background: linear-gradient(to right, #CAD5E2 0%, #CAD5E2 50%, transparent 80%), url('images/home/residents.jpg'); 
      background-size: auto 100%; background-position: 140% center; background-repeat: no-repeat;
   }
   #audience-slider .audience-block.colleges-of-osteopathic-medicine
   { 
      background: linear-gradient(to right, #CAD5E2 0%, #CAD5E2 50%, transparent 80%), url('images/home/colleges-of-osteopathic-medicine.jpg'); 
      background-size: auto 100%; background-position: right center; background-repeat: no-repeat;
   }
   #audience-slider .audience-block.graduate-medical-education-programs
   { 
      background: linear-gradient(to right, #CAD5E2 0%, #CAD5E2 50%, transparent 80%), url('images/home/graduate-medical-education-programs.jpg'); 
      background-size: auto 100%; background-position: 140% center; background-repeat: no-repeat;
   }
   #audience-slider .audience-block.practicing-physicians
   { 
      background: linear-gradient(to right, #CAD5E2 0%, #CAD5E2 50%, transparent 80%), url('images/home/practicing-physicians.jpg'); 
      background-size: auto 100%; background-position: 140% center; background-repeat: no-repeat;
   }
   #audience-slider .audience-block.health-profession-organizations
   { 
      background: linear-gradient(to right, #CAD5E2 0%, #CAD5E2 50%, transparent 80%), url('images/home/health-profession-organizations.jpg'); 
      background-size: auto 100%; background-position: right center; background-repeat: no-repeat;
   }
   #audience-slider .audience-block.licensure-boards
   { 
      background: linear-gradient(to right, #CAD5E2 0%, #CAD5E2 50%, transparent 80%), url('images/home/licensure-boards.jpg'); 
      background-size: auto 100%; background-position: 140% center; background-repeat: no-repeat;
   }
   #audience-slider .audiences .audience-block { padding: 30px 40% 30px 50px; }
   #audience-slider .audiences .audience-block.active .audience-content { animation: afade .8s; }
   #audience-slider .audiences .audience-block { display: none; }
   #audience-slider .audiences .audience-block.active { display: flex; }   
   #audience-slider .audience { display: block; width: 42px; height: 42px; margin: 0px 0px 20px 0px; }
   #audience-slider h2 { font-size: 32px; line-height: 38px; }
   #audience-slider a { text-decoration: none; font-weight: inherit; color: inherit; }
   @keyframes afade { from { opacity: 0 } to { opacity: 1 } }
   
   @media (min-width: 1600px) 
   {
      #audience-slider .audiences .audience-block { padding-right: 55%; }
   }
      
   @media (max-width: 1200px) 
   {
      #audience-slider .pager-controls { font-size: 15px; line-height: 19px; }
      #audience-slider .audience { width: 30px; height: 30px; }
      #audience-slider h2 { font-size: 26px; line-height: 30px; margin-top: 0px; }
      #audience-slider p { font-size: 17px; line-height: 24px; }
      #audience-slider { height: 45vw; }
            
      #audience-slider .audience-block.audience-block.residents 
      { 
         background: linear-gradient(to right, #CAD5E2 0%, #CAD5E2 45%, transparent 75%), url('images/home/residents.jpg'); 
         background-size: 130% auto; background-position: left top; background-repeat: no-repeat;
      }
      #audience-slider .audience-block.graduate-medical-education-programs { background-size: 130% auto; background-position: left center; }     
      #audience-slider .audience-block.licensure-boards { background-position: left center; }
   }
   
   @media (max-width: 900px) 
   {
      #audience-slider { height: auto; flex-wrap: wrap; }
      #audience-slider .pager, #audience-slider .audiences { flex-basis: 100%; }
      #audience-slider .pager { padding: 20px 0px; }
      #audience-slider .audiences .audience-block { padding-left: 40px; }
      #audience-slider .audience-block  { background-size: cover !important; background-position: center center !important; }
      #audience-slider .audience-block.graduate-medical-education-programs 
      { 
         background: linear-gradient(to right, #CAD5E2 0%, #CAD5E2 30%, transparent 60%), url('images/home/graduate-medical-education-programs.jpg'); 
         background-size: 150% auto !important; background-position: left center !important; background-repeat: no-repeat;
      }
      #audience-slider .audience-block.osteopathic-medical-students { background-position: top right !important; }
      #audience-slider .audience-block.practicing-physicians
      { 
         background: linear-gradient(to right, #CAD5E2 0%, #CAD5E2 50%, transparent 80%), url('images/home/practicing-physicians.jpg'); 
         background-size: cover !important; background-position: center bottom !important; background-repeat: no-repeat;
      }
   }
   
   /* printer-friendly */
   
   @media print 
   {
      #hd, #loginbox, #menu, .secondary { display: none; }
      .primary { float: none; width: auto; padding-right: 0px; }
      .content { padding: 0px; }
      table.exam-month th, table.exam-month td, table.exam-month tr td, table.exam-month tr th,
         table.exam-month tr { border-bottom: 1px solid #999999; }
      table.exam-month td  .examkey .level, table.exam-month td .level1, .examkey .level1, 
      table.exam-month td .level2, .examkey .level2, table.exam-month td .level3, .examkey .level3
      { 
         background-color: #FFFFFF; color: #000000; border: 1px solid #999999; 
      } 
      div.monthgrid, div.monthname, table.exam-month { page-break-inside: avoid; }
      div.monthname { page-break-after: avoid; }
   }