/*
Theme Name: Philadelphia History Museum 2016
Author: Zero Defect Design LLC
Author URI: http://www.zerodefectdesign.com 
*/

   /* type */

   @font-face 
   {
      font-family: 'Montserrat'; font-weight: 100; font-style: normal;
      src: url('fonts/montserrat-hairline-webfont.eot');
      src: url('fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/montserrat-hairline-webfont.woff2') format('woff2'),
           url('fonts/montserrat-hairline-webfont.woff') format('woff'),
           url('fonts/montserrat-hairline-webfont.ttf') format('truetype'),
           url('fonts/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
   }

   @font-face 
   {
      font-family: 'Montserrat'; font-weight: 200; font-style: normal;
      src: url('fonts/montserrat-ultralight-webfont.eot');
      src: url('fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/montserrat-ultralight-webfont.woff2') format('woff2'),
           url('fonts/montserrat-ultralight-webfont.woff') format('woff'),
           url('fonts/montserrat-ultralight-webfont.ttf') format('truetype'),
           url('fonts/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
   }

   @font-face 
   {
      font-family: 'Montserrat'; font-weight: 300; font-style: normal;
      src: url('fonts/montserrat-light-webfont.eot');
      src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/montserrat-light-webfont.woff2') format('woff2'),
           url('fonts/montserrat-light-webfont.woff') format('woff'),
           url('fonts/montserrat-light-webfont.ttf') format('truetype'),
           url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
   }

   @font-face 
   {
      font-family: 'Montserrat'; font-weight: 400; font-style: normal;
      src: url('fonts/montserrat-regular-webfont.eot');
      src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
           url('fonts/montserrat-regular-webfont.woff') format('woff'),
           url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
           url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
   }

   @font-face 
   {
      font-family: 'Montserrat'; font-weight: 500; font-style: normal;
      src: url('fonts/montserrat-semibold-webfont.eot');
      src: url('fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
           url('fonts/montserrat-semibold-webfont.woff') format('woff'),
           url('fonts/montserrat-semibold-webfont.ttf') format('truetype'),
           url('fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
   }

   @font-face 
   {
      font-family: 'Montserrat'; font-weight: 600; font-style: normal;
      src: url('fonts/montserrat-bold-webfont.eot');
      src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
           url('fonts/montserrat-bold-webfont.woff') format('woff'),
           url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
           url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
   }

   @font-face 
   {
      font-family: 'Montserrat'; font-weight: 700; font-style: normal;
      src: url('fonts/montserrat-extrabold-webfont.eot');
      src: url('fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
           url('fonts/montserrat-extrabold-webfont.woff') format('woff'),
           url('fonts/montserrat-extrabold-webfont.ttf') format('truetype'),
           url('fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
   }

   @font-face 
   {
      font-family: 'Montserrat'; font-weight: 800; font-style: normal;
      src: url('fonts/montserrat-black-webfont.eot');
      src: url('fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/montserrat-black-webfont.woff2') format('woff2'),
           url('fonts/montserrat-black-webfont.woff') format('woff'),
           url('fonts/montserrat-black-webfont.ttf') format('truetype'),
           url('fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
   }

/*
   @font-face 
   {
      font-family: 'Vollkorn'; font-weight: 400; font-style: normal;
      src: url('fonts/vollkorn-regular-webfont.eot');
      src: url('fonts/vollkorn-regular-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/vollkorn-regular-webfont.woff') format('woff'),
           url('fonts/vollkorn-regular-webfont.ttf') format('truetype');
   }
   
   @font-face 
   {
      font-family: 'Vollkorn'; font-weight: 400; font-style: italic;
      src: url('fonts/vollkorn-italic-webfont.eot');
      src: url('fonts/vollkorn-italic-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/vollkorn-italic-webfont.woff') format('woff'),
           url('fonts/vollkorn-italic-webfont.ttf') format('truetype');
   }
   
   @font-face 
   {
      font-family: 'Vollkorn'; font-weight: 600; font-style: normal;
      src: url('fonts/vollkorn-semibold-webfont.eot');
      src: url('fonts/vollkorn-semibold-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/vollkorn-semibold-webfont.woff') format('woff'),
           url('fonts/vollkorn-semibold-webfont.ttf') format('truetype');
   }
   
   @font-face 
   {
      font-family: 'Vollkorn'; font-weight: 600; font-style: italic;
      src: url('fonts/vollkorn-semibolditalic-webfont.eot');
      src: url('fonts/vollkorn-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/vollkorn-semibolditalic-webfont.woff') format('woff'),
           url('fonts/vollkorn-semibolditalic-webfont.ttf') format('truetype');
   }
*/

   /* resets and fixes */
   
   * { -webkit-box-sizing: border-box; box-sizing: border-box; }
   img { border: none; }
   .cf:before, .cf:after { content: " "; display: table; }
   .cf:after { clear: both; }
   html { height:100%; min-height:100%; }
   body { min-height:100%; }
   div { margin: 0px; }

   /* structure */
   
   body 
   { 
      margin: 0px; padding: 0px; color: #000000; text-align: left;
      background: #F1F1EF url('images/bg-logo.gif') 80px 0px repeat-y;
   }
   #imgstrip 
   { 
      position: fixed; top: 0px; left: 0px; width: 80px; height: 100%; cursor: help; background-size: cover;
      background: transparent url('images/edge/bridge.slice.jpg') center center no-repeat;      
   }
   #info { display: block; text-align: center; width: 100%; position: absolute; bottom: 10px; color: rgba(255,255,255,0.7); }
   #container { margin: 0px 0px 0px 80px; position: relative; }
   .logobar 
   { 
      width: 220px; padding: 30px; position: fixed; top: 0px; left: 80px; text-align: center; 
      background-color: #FFFFFF; min-height: 100%;
   }
   a.phm75 { margin: 0px -15px; }
   #phm75 { width: 190px; height: auto; }
   #phm { width: 160px; height: auto; }
   .content { padding: 0px 70px 0px 290px; }
   .primary { float: left; width: 75%; padding-right: 30px; margin-bottom: 30px; }
   .secondary { float: right; width: 25%; padding-left: 30px; }
   body.nohero .primary, body.nohero .secondary { margin-top: 40px; }

   /* social */
   
   .socialbar a 
   { 
      display: inline-block; margin: 0px 0px 0px 8px; width: 32px; height: 32px;
      background-position: center center; background-repeat: no-repeat; background-size: 120% 120%;
      background-color: #00A3CC;
   }
   .socialbar a:hover { background-color: #D19A07; }
   .socialbar a.twitter { background-image: url('images/overlay-twitter.png'); }
   .socialbar a.instagram { background-image: url('images/overlay-instagram.png'); }
   .socialbar a.facebook { background-image: url('images/overlay-facebook.png'); }
   .socialbar a.mail { background-image: url('images/overlay-mail.png'); }
   #footer .socialbar { float: right; display: inline-block; margin: 10px 0px 20px 30px; text-align: right; }
   
   .logobar .socialbar { margin-top: 20px; }
   .logobar .socialbar a { margin: 0px 0px; height: 29px; width: 29px; }
   
   body { font-family: Montserrat; font-weight: 300; font-size: 17px; line-height: 26px; }
   b { font-weight: 500; color: #000000; }
   p.divided { margin: 20px 0px 30px 0px; padding: 20px 0px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

   .primary { font: 400 18px/26px 'Vollkorn', 'Georgia', serif; color: #444444; }
   .primary b { font-weight: 700; color: #444444; }
   .secondary { font-size: 17px; line-height: 24px; }
   
   h1, h2, h3, h4, h5, h6, .date, .btn { font-family: 'Montserrat', 'Arial', sans-serif; color: #000000; }
   a h1, a h2, a h3, a h4, a h5, a h6 { color: inherit; }

   h2 { font-weight: 600; text-transform: uppercase; font-size: 28px; line-height: 34px; margin: 0px 0px 15px 0px; }
   h2.light, h2 .light { font-size: 27px; font-weight: 200; }

   h3 { font-weight: 600; font-size: 22px; line-height: 28px; margin: 15px 0px 15px 0px; }
   dt h3 { margin-bottom: 0px; }
   h3.divided { border-top: 1px solid #000000; padding-top: 10px; margin-top: 25px; }
   
   h4 { font-weight: 400; font-size: 19px; line-height: 24px; margin: 15px 0px 10px 0px; }
   h4.light, h4 .light { font-size: 18px; font-weight: 200; }
   
   h5 
   { 
      font-weight: 600; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;
      margin: 0px 0px 10px 0px; padding-top: 15px; border-top: 1px solid #000000;
   }
   h5.breadcrumb { font-weight: 400; border: none; padding-top: 0px; }
   
   
   .date { font-weight: 500; text-transform: uppercase; color: #D19A07; font-size: 17px; }
   div.date { margin: 10px 0px; }
   .tile > div.date, small.date { font-size: 15px; font-weight: 400; margin: 0px 0px; }
   .secondary div.date { font-size: 14px; font-weight: 300; margin: 2px 0px 0px 0px; }
   .sidebar 
   { 
      margin: 30px 7px 0px 7px; padding-top: 30px; border-top: 1px solid #BDBDBD; 
      color: #838388; font-size: 13px; line-height: 19px; 
   }
   #footer
   {
      margin-top: 30px; padding: 30px 0px; border-top: 1px solid #000000;
      font-size: 15px; line-height: 22px; clear: both; width: 100%;
   }

   /* images */
   
   div.hero { width: 100%; margin: 0px 0px 30px 0px; }
   div.hero img, img.hero { width: 100%; height: auto; display: table; }
   img.object-hero { margin-bottom: 30px; }
   div.img 
   { 
      width: 100%; padding: 50% 0 0 0; margin: 0px; background-image: url('images/slug.png');
      background-position: center center; background-size: cover; background-repeat: no-repeat; 
   }
   div.img img { display: none; }
   img.alignright, div.alignright { max-width: 50%; float: right; margin: 8px 0px 20px 30px; }
   
   div.alignright img { width: 100%; height: auto; display: block; margin-bottom: 6px; }
  
   /* links */
   
   a, a:link, a:visited, a:active { color: #00A3CC; text-decoration: none; }
   a:hover { color: #D19A07; }
   a.social { background-position: left center; background-repeat: no-repeat; padding: 10px 0px 10px 44px; font-weight: 500; display: block; }
   a.social.twitter { background-image: url('images/icon-twitter.png'); }
   a.social.instagram { background-image: url('images/icon-instagram.png'); }
   a.social.mail { background-image: url('images/icon-mail.png'); }
   .btn, a.btn, a.btn:link, a.btn:visited { color: #FFFFFF; background-color: #00A3CC; cursor: pointer; padding: 1px 8px; white-space: nowrap; font-size: 18px; border: none; }
   .btn:hover, a.btn:hover, a.btn:active { color: #FFFFFF; background-color: #D19A07; }
      
   /* menu */

   div.menu { margin: 0px -8px 0px -3px; padding: 10px 0px 17px 0px; font-size: 17px; font-weight: 300; text-align: left; }
   ul#menu-mainmenu a { padding: 0px 3px 0px 2px; }
   ul#menu-mainmenu a i.search { position: relative; top: 6px; left: -2px; }
   ul#menu-mainmenu { display: inline; margin: 0px; padding: 0px; list-style-type: none; margin-left: -5px; }
   ul#menu-mainmenu li { margin: 0px; padding: 0px; display: inline-block; list-style-type: none; }
   ul#menu-mainmenu > li 
   { 
      font-size: 19px; padding-left: 4px; padding-right: 8px; 
      background: transparent url('images/menu-dot.png') right 12px no-repeat; 
   }

   /* ul#menu-mainmenu > li:first-child > a { padding-left: 0px; } */
   ul#menu-mainmenu > li:last-child { background-image: none; }
   ul#menu-mainmenu > li > ul > li > a { padding: 3px 10px 3px 10px; display: block; }
   ul#menu-mainmenu ul 
   { 
      background: transparent url('images/submenu.png') top left repeat-x; padding: 20px 5px 9px 0px; 
      position: absolute; visibility: hidden; font-size: 16px; text-align: left; margin-left: -5px;  
   }
   ul#menu-mainmenu li:hover ul { visibility: visible; }
   ul#menu-mainmenu li li { display: block; } 
   ul#menu-mainmenu > ul, ul#menu-mainmenu li, ul#menu-mainmenu li ul, ul#menu-mainmenu li ul li { z-index: 500; }

   /* mobile header */
   
   #mobilebar { display: none; text-align: right; padding: 0px; margin: 15px 40px 15px 130px; position: relative; }
   #navicons a i.material-icons 
   { 
      font-size: 25px; line-height: 25px; padding: 5px; margin: 0px 0px 1px 0px; 
      display: inline-block; color: #FFFFFF; background-color: #00A3CC;
   }
   #navicons a:hover i.material-icons { background-color: #D19A07; }
   #altphm 
   { 
      display: none; position: absolute; top: 0px; left: 30px; right: 115px; bottom: 0px; 
      background: transparent url('images/altphm.png') left center no-repeat;
      background-size: contain; 
   }
   
   /* mobile navigation */
   
   #mobilenav { text-align: right; display: none; padding: 5px 20px 8px 0px; position: absolute; top: 7px; right: -5px; }
   #mobilenav a { padding: 10px 5px 5px 10px; position: relative; display: inline-block; }
   #mobilemenu { padding: 30px 40px 30px 50px; margin: 0px 0px 0px 260px; background-color: #FFFFFF; display: none; }
   
   ul.menu-mobilemenu { margin: 0px; padding: 0px; list-style-type: none; font-weight: 400; font-size: 24px; line-height: 30px; }
   ul.menu-mobilemenu > li  { padding: 4px 0px; border-bottom: 1px solid #000000; font-weight: 500; }
   ul.menu-mobilemenu > li:first-child { border-top: 1px solid #000000; }
   ul.menu-mobilemenu a { display: block; padding: 4px 0px; }
   ul.menu-mobilemenu li ul { margin-bottom: 6px; }
   ul.menu-mobilemenu li ul li { list-style-type: disc; font-size: 20px; line-height: 26px; font-weight: 400; }
   ul.menu-mobilemenu li ul li a { padding: 2px 0px; }
   ul.menu-mobilemenu li:last-child { display: none; }
     
   /* lists */
   
   .secondary ul { list-style-type: none; margin: 0px; padding: 0px; }
   .secondary ul li { margin: 0px; padding: 8px 0px; }
   .secondary ul li.indent 
   { 
      padding: 4px 0px 4px 20px; background: transparent url('images/menu-dot.png') 10px center no-repeat;  
      font-size: 90%;
   }
   dd { margin-bottom: 10px; }

   /* material icon */

   .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.heart { display:inline-block; position: relative; top:3px; }
   .material-icons.camera { display:inline-block; position: relative; top:7px; }	

   
   /* forms */

   .fscf-div-label             { font-family:'Montserrat';text-align:left; padding-top:15px;  }
   .fscf-required-indicator { text-align:left;  color: #8a0505; }
   .fscf-required-text      { font-family:'Montserrat';text-align:left;font-size: 14px; font-style:italic;}
   
   .fscf-option-label       { font-family:'Montserrat'; display:inline; }
   .fscf-input-select       { font-family:'Montserrat'; text-align:left; }
   .fscf-fieldset-field     { border:1px solid black; width:100%; max-width:1200px; padding:10px; }
   .fscf-input-text         { font-family:'Montserrat'; text-align:left; margin:0; width:100%; max-width:1200px; }
   .fscf-input-textarea     { font-family:'Montserrat';text-align:left; margin:0; width:100%; max-width:1200px; height:120px; }
   .fscf-button-submit          {  font-family:'Montserrat';border:none; width: 100px; color: #FFFFFF; background-color: #00A3CC; text-transform:uppercase; cursor: pointer; padding: 4px 8px; white-space: nowrap; }
   .fscf-button-submit:hover,  .fscf-button-submit:active {  color: #FFFFFF; background-color: #D19A07;  }
   
      /* Placeholder Style - WebKit browsers - Safari, Chrome */
      ::-webkit-input-placeholder { font-family:'Montserrat'; font-size: 15px; font-weight: 300; opacity:0.5; color:#333333; padding:5px; }
      /* Placeholder Style - Mozilla Firefox 4 - 18 */
      :-moz-placeholder { font-family:'Montserrat'; font-size: 15px;  font-weight: 300; opacity:0.5; color:#333333; padding:5px; }
      /* Placeholder Style - Mozilla Firefox 19+ */
      ::-moz-placeholder { font-family:'Montserrat'; font-size: 15px;  font-weight: 300; opacity:0.5; color:#333333; padding:5px; }
      /* Placeholder Style - Internet Explorer 10+ */
      :-ms-input-placeholder { font-family:'Montserrat'; font-size: 15px;  font-weight: 300; opacity:0.5; color:#333333; padding:5px; }

   /* meta slider captions */      
   
   .metaslider .caption-wrap,
   .metaslider .caption,
   .metaslider .cs-title,
   .metaslider .nivo-caption {
       filter: alpha(opacity=0);
      opacity:0;  
      font-family:'Vollkorn', serif; 
      font-weight:400; 
      font-size:14px; 
      position:absolute; 
        -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
      }
 

   .metaslider:hover .caption,
   .metaslider:hover .cs-title,
   .metaslider:hover .nivo-caption {
      filter: alpha(opacity=1);
      opacity:1; 
      position:relative; 
              -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
   }
 
      
   
   /* tiles and boxes */
   
   .tiles { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -25px; }
   .tile { padding: 25px; width: 33%; -webkit-flex-basis: 33%; flex-basis: 33%; font-size: 17px; line-height: 24px; } 
   
   table.socialboxes { border: 0px; margin: -10px -25px -10px -25px; }
   .socialboxes a { color: #FFFFFF; /* border-bottom: 1px dotted #FFFFFF; */ }
   .socialbox 
   { 
      width: 50%; padding: 25px 25px 25px 90px; color: #FFFFFF; font: 400 16px/22px 'Montserrat', sans-serif; 
      background-size: cover; position: relative; cursor: pointer;
   }
   .boxdate 
   { 
      color: #FFFFFF; background-color: #000000; font: 600 14px/18px 'Montserrat', sans-serif; margin-top: 10px; 
      display: inline-block; padding: 1px 4px; 
   }
   .boxlogo { position: absolute; left: 22px; top: 50%; margin-top: -22.5px; }
   .socialbox.twitter { background: #00A3CC url('images/bg-twitter.png') 22px center no-repeat; }
   .socialbox.instagram { text-shadow: 1px 1px 10px rgba(0,0,0,0.9); }
   a.signup 
   { 
      display: block; background: #C2C1BD url('images/bg-mailing.png') 22px center no-repeat; 
      margin: 10px 0px 30px 0px; padding: 25px 25px 25px 90px; color: #333333; font: 400 16px/22px 'Montserrat', sans-serif;       
      text-decoration: none;
   }
   a.signup b { color: #000000; font-weight: 600; }
   a.signup:hover { background-color: #D19A07; }
   
   /* slider */
   
   .cycle-slideshow, .slider { width: 100%; overflow: hidden; position: relative; }
   a.slide { width: 100%; overflow: hidden; }
   .slider img { width: 100%; height: auto; display: table; }
   .slider .caption 
   { 
      position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 120px 80px 40px 40px;
      background: transparent url('images/bg-shade.png') bottom left repeat-x; 
   }
   .slider .caption h2 { color: #FFFFFF; }
   .slider .caption .date { color: #F3BD00; }
   .cycle-pager { z-index: 200; position: absolute; bottom: 10px; right: 30px; overflow: hidden; }
   .cycle-pager span 
   { 
      font-family: arial; font-size: 50px; width: 20px; height: 16px; 
      display: inline-block; color: rgba(255,255,255,0.3); cursor: pointer; 
   }
   .cycle-pager span.cycle-pager-active { color: #FFFFFF;}
   .cycle-pager > * { cursor: pointer; }   
   
   /* home page */
   
   body.home { background-color: #DDDCD7; }
   body.home #imgstrip, body.home .secondary { display: none; }
   body.home div.menu { position: absolute; top: 0px; left: 380px; right: 0px; text-align: left; }
   body.home > div.menu > ul#menu-mainmenu > li > a { text-shadow: 1px 1px 15px rgba(0,0,0,1.0); color: #FFFFFF; }
   body.home > div.menu > ul#menu-mainmenu > li > a:hover { color: #F3BD00; }
   body.home .slider { border-bottom: 20px solid #FFFFFF; }
   body.home .slider .caption { padding-left: 370px; }
   body.home .primary { width: 100%; float: none; padding-right: 0px; }
   body.home .alertbox 
   { 
      background-color: #D19A07; color: #FFFFFF; padding: 15px 15px 15px 370px; border-bottom: 20px solid #FFFFFF; 
      font-size: 18px; line-height: 22px; font-weight: 400;
   }
   body.home a .alertbox { background-color: #00A3CC; color: #FFFFFF; }
   body.home a:hover .alertbox { background-color: #D19A07; color: #FFFFFF; }
   body.home #mobilebar { margin: 0px; padding: 15px; position: absolute; top: 0px; left: 0px; right: 0px; background-color: transparent; }
   
   /* one-column variant */
   
   body.onecolumn .primary { width: 100%; float: none; padding-right: 0px; }
   body.onecolumn .secondary { display: none; }
   
   /* search */
   
   body.search .primary { width: 100%; float: none; padding-right: 0px; }
   body.search .secondary { display: none; }
   body.search p { margin: 30px 0px; }
   body.search h3 { display: inline; margin: 0px; }
   
   /* category pages */
   
   body.category .primary, body.category .secondary { width: 100%; float: none; padding-left: 0px; padding-right: 0px; }
   body.category .secondary { margin: 40px 0px 0px 0px; }   
   
   /* 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: #00A3CC; }
   #basic-modal-content input#dosearch:hover, #basic-modal-content input#closemodal:hover { color: #D19A07; }

   /* photo modal */

   #simplemodal-overlay-photo { background-color: #000000; }
   #basic-modal-photo 
   { 
      display: none; padding: 0px; text-align: center; font: 400 18px/26px 'Vollkorn', serif; color: #CCCCCC;  
      position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
   }
   #basic-modal-photo a#closemodalphoto { display: block; position: absolute; top: 10px; right: 10px; padding: 10px; }
   #basic-modal-photo a#closemodalphoto i.material-icons { font-size: 48px; }
   #basic-modal-photo #edgephoto 
   { 
      position: absolute; top: 130px; bottom: 130px; left: 100px; right: 100px; 
      background-position: center center; background-repeat: no-repeat; background-size: contain;
   }
   #basic-modal-photo #edgecaption { position: absolute; bottom: 30px; left: 30px; right: 30px; height: 70px; text-align: center; }
   
   /* layer control */
   
   .logobar { z-index: 200; }
   .menu { z-index: 100; }
   #container { z-index: 5; }
   body.home #mobilebar { z-index: 150; }
   body.home .slider { z-index: 2; }
   #imgstrip { z-index: 1; }
   
   /* collection navigation */
   
   .prevnext { float: right; text-align: right; }
   .prevnext i.material-icons { position: relative; top: -3px; }
   
   /* google map */
   
   .map-single { overflow: hidden; width: 100%; height: 300px; margin-bottom: 30px; }
   .map-tall { overflow: hidden; width: 100%; height: 500px; margin-bottom: 30px; }
   #gmap_canvas { width: 100%; height: 300px; }
   .map-tall #gmap_canvas { height: 500px; }
   div.gm-style-iw div { font-size: 13px; line-height: 18px; overflow: auto; }
   div.gm-style-iw img { max-width: 100px; height: auto; max-height: 100px; } 
   
   /* smaller screens */
   
   @media (max-width: 1290px)
   {
      div.menu > ul#menu-mainmenu > li > a { font-size: 16px; font-weight: 300; }
      div.menu ul#menu-mainmenu ul { font-size: 15px; font-weight: 300; }
      .content { padding: 0px 40px 0px 270px; }
      #imgstrip { width: 40px; }
      #info { bottom: 0px; }
      #container { margin-left: 40px; }
      body { background-position: 40px 0px; }
      .primary { padding-right: 20px; }
      .secondary { font-size: 16px; line-height: 20px; padding-left: 20px; }
      .logobar { left: 40px; }
      body.home div.menu { left: 320px; }
      body.home .slider .caption, body.home .alertbox { padding-left: 310px; }
   }
   
   /* tablets */
   
   @media (max-width: 1100px)
   {
      .menu { display: none; }
      #mobilebar { display: block; }
      body.home #mobilemenu { padding-top: 80px; padding-left: 0px; padding-right: 15px; }
      .primary, .secondary { width: 100%; float: none; padding-left: 0px; padding-right: 0px; }
      .secondary { margin: 30px 0px 0px 0px; }    
      #footer .socialbar { float: none; display: block; margin: 10px 0px 15px 0px; text-align: left; }
      #footer .socialbar a { margin-left: 0px; margin-right: 8px; }
      body.home .slide h2, body.home1a .slide h2 { font-size: 22px; line-height: 26px; }
      body.home .slide h2 .light, body.home1a .slide h2 .light { font-size: 21px; line-height: 26px; font-weight: 300; }
      .tiles { margin: 0px -15px; }
      .tile { width: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; padding: 15px; }
      .socialbox { width: 50%; padding: 90px 25px 25px 25px; font-size: 14px; line-height: 20px; }
      .socialbox.twitter { background-position: center 22px; }
      .boxlogo { left: 50%; top: 22px; margin-top: 0px; margin-left: -22.5px; }
   }
   
   /* one-column primary content area */
   
   @media (max-width: 850px)
   {
      #phm { width: 120px; }
      #phm75 { width: 150px; }
      .logobar { padding: 20px; width: 160px; }
      .sidebar { display: none; }
      #imgstrip { display: none; }
      .content { padding-left: 190px; padding-right: 30px; }
      #mobilebar { margin-left: 190px; margin-right: 30px; }
      #mobilemenu { padding: 30px; margin: 0px 0px 0px 160px; }
      #container { margin-left: 0px; }
      body { background-position: -60px 0px; }
      .logobar { left: 0px; }
      body.home .slider .caption { padding-left: 190px; padding-bottom: 25px; padding-right: 30px; }
      body.home .alertbox { padding-left: 190px; }
      body.home .cycle-pager { right: 10px; bottom: 0px; }
      .tile { width: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; }
      .logobar .socialbar a { margin: 0px 4px 4px 4px; height: 32px; width: 32px; }
   }
   
   /* phones */
   
   @media (max-width: 650px)
   {
      body, body.home { background-image: none; }
      .logobar { display: none; }
      #altphm, body.home #altphm { display: inline-block; }
      .content { padding-left: 30px; }
      #footer .socialbar a { width: 36px; height: 36px; }
      #mobilebar, body.home #mobilebar { position: relative; background-color: #FFFFFF; margin: 0px; padding: 15px; }
      #mobilemenu, body.home #mobilemenu { padding: 30px 15px 30px 30px; margin: 0px; }
      body.home .slider .caption, body.home .alertbox { padding-left: 30px; }
      .tile { width: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
      .tile img { width: 33%; float: left; margin: 0px 20px 10px 0px; }
      .tile:before, .tile:after { content: " "; display: table; }
      .tile:after { clear: both; }
      .tile h4 { font-size: 20px; line-height: 24px; font-weight: 500; }
   }
   
   /* print */
   
   @media print 
   {
      div.img { background-image: none; padding: 0px; }
      div.img img { display: block; }
      .menu, #navicons, #mobilemenu, #mobilebar, #altphm, .sidebar, #imgstrip, .secondary, .btn { display: none; }
   }