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

   /* 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; }
   
   /* structure */
   
   body { background-color: #E0DAD2; margin: 0px; text-align: center; color: #000000; }
   .container { background-color: #FBFAF8; /* #F3F0EB; */ }
   .frame 
   {
      text-align: left; margin: 0px auto; position: relative; padding: 0px 40px 0px 135px;
      max-width: 1300px;
   }
   #hd { border-top: 6px solid #563E1D; padding: 20px 0px 20px 0px; position: relative; }
   a#ktm 
   { 
      display: block; position: absolute; top: 0px; width: 95px;
      background: transparent url('images/logo-disc.png') center center no-repeat; 
      left: 40px; bottom: 6px; background-position: 0px 32px; background-size: 71px 63px; 
   }
   a#ktmhc { display: block; margin: 6px 0px 0px 0px; }
   a#ktmhc img { width: 394px; height: auto; }
   .content { padding: 45px 0px; }
   .primary { float: left; width: 66.6%; padding-right: 50px; }
   img.hero, img.size-full { width: 100%; height: auto; display: block; margin: 25px 0px; }
   .secondary { float: right; width: 33.3%; padding-left: 25px; }
   body.home .primary, body.onecolumn .primary, body.search .primary { float: none; width: 100%; padding-right: 0px; }
   body.home .secondary, body.onecolumn .secondary, body.search .secondary { display: none; }

   /* photo strips */
   
   .photostrip { height: 80px; background: transparent url('images/strip-door.jpg') left center no-repeat; background-size: cover; }
   .photostrip.door { background-image: url('images/strip-door.jpg'); }
   .photostrip.garden { background-image: url('images/strip-garden.jpg'); }
   .photostrip.checkers { background-image: url('images/strip-checkers.jpg'); }
   .photostrip.dress { background-image: url('images/strip-dress.jpg'); }
   .photostrip.flowers { background-image: url('images/strip-flowers.jpg'); }
   .photostrip.ironwork { background-image: url('images/strip-ironwork.jpg'); }
   .photostrip.print { background-image: url('images/strip-print.jpg'); }
   
   body.home .photostrip { display: none; }
      
   /* type */

   body, table, input, select, textarea, .btn { font: 400 16px/24px 'Open Sans', sans-serif; }
   h1 { font: 400 42px/42px 'Old Standard TT', serif; margin: 10px 0px 6px -1px; letter-spacing: -1px; }
   h2 { font: 400 36px/42px 'Old Standard TT', serif; margin: 0px 0px 22px -1px; letter-spacing: -1px; color: #563E1D; }  
   h3 { font: 400 25px/28px 'Old Standard TT', serif; margin: 10px 0px 10px 0px; letter-spacing: -1px; } 
   h3 .date 
   { 
      display: block; font: 700 16px/24px 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; 
      text-transform: uppercase; margin-top: 0px; color: #000000; letter-spacing: 0px;
   }
   h5 
   { 
      font: 700 16px/24px 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; letter-spacing: 2px; 
      text-transform: uppercase; margin-top: 0px;
   }
   h6 
   { 
      font: 700 18px/24px 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; letter-spacing: 2px; 
      text-transform: uppercase; margin: 0px 0px 10px 0px; color: #563E1D;
   }
   small { font: 400 14px/22px 'Open Sans', sans-serif; color: #563E1D; }  
   p.intro { font-weight: 300; font-size: 22px; line-height: 28px; }
   .secondary h5 { font-size: 18px; padding: 0px 0px 6px 0px; margin: 0px 0px 12px 0px; color: #563E1D; }  
   .estd 
   { 
      display: block; text-align: right; color: #563E1D; font: 400 16px/16px 'Old Standard TT', serif;
      text-transform: uppercase; padding-top: 5px;
   }
   .toolbar { display: block; text-align: right; margin-bottom: -5px; width: 400px; float: right; }
   #legend 
   { 
      display: inline-block; font: 400 italic 18px/18px 'Old Standard TT', serif; letter-spacing: -1px; 
      margin: 0px 10px 0px 0px; position: relative; top: -7px; 
   }
   .alertbox 
   { 
      color: #FFFFFF; background-color: #bd372c; padding: 15px 0px; margin-bottom: 10px; 
      font-weight: 700; font-size: 18px; line-height: 26px; 
   }
   
   /* lists */
   
   .secondary ul { list-style-type: none; margin: 15px 0px; padding: 0px; }
   .secondary ul li { padding: 8px 0px; margin: 0px; border-top: 2px dotted #A49784; }
   .secondary ul li:last-child { border-bottom: 2px dotted #A49784; }
   .secondary ul li a { display: block; font: 400 22px/24px 'Old Standard TT', serif; }
   
   ul.newsfeed { margin-bottom: 20px; }
   ul.newsfeed li { margin-bottom: 10px; }
   body.home ul.newsfeed { margin: 0px 0px 20px 0px; padding: 0px; list-style-type: none; color: #8e7e67; }
   
   dd { padding-top: 15px; padding-bottom: 15px; }

   /* material icons */
   
   .material-icons.md-18 { font-size: 18px; }
   .material-icons.heart { position: relative; top: 3px; }
   .material-icons.md-24 { font-size: 24px; }
   .material-icons.md-36 { font-size: 36px; }
   .material-icons.md-48 { font-size: 48px; }
   
   /* event listings */
   
   table.eventlist { margin: -8px -10px; line-height: 20px; }
   body.home table.eventlist { margin-bottom: 10px; }
   table.eventlist .subtitle { color: #8e7e67; }
   .dateblock { background-color: #563e1d; color: #FFFFFF; text-align: center; padding: 6px 4px 4px 4px; margin-right: 6px; }
   .dateblock .weekday { font: 11px/12px 'Open Sans', sans-serif; text-transform: uppercase; color: #f2de9c; display: block; margin: 0px; }
   .dateblock .month { font: 11px/12px 'Open Sans', sans-serif; text-transform: uppercase; color: #f2de9c; display: block; margin: 0px; }
   .dateblock .day { font: italic 22px/24px 'Old Standard TT', serif; letter-spacing: -2px; display: block; margin: 2px 2px 2px 0px; }
   
   /* links and buttons */
   
   a, a:link, a:visited { color: #ca7842; text-decoration: none; }
   a:hover, a:active { color: #bd372c; }
   .content a, #footer a { font-weight: 700; }
   .moar { text-align: right; margin-top: 0px; }
   .moar .bullet { font: 32px/14px 'Old Standard TT', serif; position: relative; top: 3px; left: -2px; }
   .moar a { font-style: italic; font-weight: 400; }
   a.social 
   { 
      display: block; padding: 6px 0px 6px 36px; margin: 0px 0px 2px 0px; 
      background-position: left center; background-repeat: no-repeat;
   }
   a.mailinglist { background-image: url('images/icon-mailinglist.png'); }
   a.facebook { background-image: url('images/icon-facebook.png'); }
   a.twitter { background-image: url('images/icon-twitter.png'); }
   a.pinterest { background-image: url('images/icon-pinterest.png'); }
   a.instagram { background-image: url('images/icon-instagram.png'); }
   a.knot { background-image: url('images/icon-knot.png'); }
   a.tripadvisor { background-image: url('images/icon-tripadvisor.png'); }
   a.btn, a.btn:link, a.btn:visited, .btn { color: #FFFFFF; background-color: #CA7842; cursor: pointer; font-weight: 700; border: none; padding: 2px 6px; }
   a.btn:hover, a.btn:active, .btn:hover { color: #FFFFFF; background-color: #BD372C; }
   .alertbox a { color: #f2de9c; border-bottom: 1px dotted #f2de9c; }
   .alertbox a:hover { color: #000000; border-color: #000000; }
   
   /* wpforms */
   
   input[type=submit], button[type=submit] { color: #FFFFFF !important; background-color: #CA7842 !important; cursor: pointer; font-weight: 700; border: none !important; padding: 2px 6px !important; }
   input[type=submit]:hover, button[type=submit]:hover { background-color: #BD372C !important; }

   /* tiles and columns */
   
   .tiles { margin: 0px -25px 0px -25px; }
   .columns { margin: 0px -25px; }
   .tile, .column { width: 50%; float: left; margin: 25px 0px 25px 0px; padding: 0px 25px 0px 25px; position: relative; }
   .column { width: 33.33%; }
   body.home .tile, body.onecolumn .tile, body.search .tile { width: 33.3%; }
   
   .tile img { display: none; }
   .tile div.img
   {
      width: 100%; padding-bottom: 62.5%; background-color: transparent; position: relative;
      background-position: center center; background-size: cover; background-repeat: no-repeat;
   }
   .tile a h3 
   { 
      color: #FFFFFF; background-color: rgba(202,120,66,0.9); /* #ca7842; */ display: inline-block; position: absolute; bottom: 20px; left: 25px; 
      padding: 5px 10px; font-style: italic; margin-right: 25px;
   }
   .tile a:hover h3 { color: #FFFFFF; background-color: #bd372c; }
	
	/* form */
	.fscf-div-form              { width:100%; max-width:1200px; }
	.fscf-div-label             { text-align:left; padding-top:15px; }
	.fscf-div-submit            { text-align:left; clear:both; padding-top:25px; }
	.fscf-required-indicator { text-align:left; color: #bd372c;}
	.fscf-required-text      { text-align:left;  color: #888888; font-size: 14px; font-style:italic;}
	.fscf-input-text, .fscf-input-textarea         { text-align:left; margin:0; width:99%; max-width:1200px; }
	.fscf-button-submit 		{      color: #FFFFFF; background-color: #ca7842; cursor: pointer; font-weight: 700; border: none; padding: 2px 6px;}
	.fscf-button-submit:hover { color: #FFFFFF; background-color: #bd372c; }
	.fscf-label              { display:inline; font-weight:bold;}
			/* Placeholder Style - WebKit browsers - Safari, Chrome */
			::-webkit-input-placeholder { opacity:0.6; color:#333333; font-style:italic; padding-left: 6px; }
			/* Placeholder Style - Mozilla Firefox 4 - 18 */
			:-moz-placeholder { opacity:0.6; color:#333333; font-style:italic; padding-left: 6px; }
			/* Placeholder Style - Mozilla Firefox 19+ */
			::-moz-placeholder { opacity:0.6; color:#333333; font-style:italic; padding-left: 6px; }
			/* Placeholder Style - Internet Explorer 10+ */
			:-ms-input-placeholder { opacity:0.6; color:#333333; font-style:italic; padding-left: 6px; }
				
  
   /* menu */

   #menu { margin: 0px 0px 0px -7px; }
   ul#menu-mainmenu { display: inline; margin: 0px; padding: 0px; list-style-type: none; }
   ul#menu-mainmenu li { margin: 0px; padding: 0px; display: inline-block; list-style-type: none; }
   ul#menu-mainmenu > li
   {
      font: 700 19px/24px 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
      text-transform: uppercase; padding-left: 4px; padding-right: 7px;
      background: transparent url('images/menu-dot.png') right 11px no-repeat;
   }
   ul#menu-mainmenu > li:last-child { background-image: none; }
   ul#menu-mainmenu > li > a { padding: 8px 3px; }
   ul#menu-mainmenu > li > ul > li > a { padding: 1px 10px 1px 7px; display: block; }
   ul#menu-mainmenu ul
   {
      padding: 20px 7px 9px 2px; position: absolute; visibility: hidden; 
      text-align: left; margin-left: -5px; font: 600 16px/24px 'Open Sans', sans-serif;
      text-transform: none; background: transparent url('images/submenu.png') 0px 0px repeat-x; 
   }
   ul#menu-mainmenu li:hover ul { visibility: visible; }
   ul#menu-mainmenu li li { display: block; font-size: 16px; }
   ul#menu-mainmenu > ul, ul#menu-mainmenu li, ul#menu-mainmenu li ul, ul#menu-mainmenu li ul li { z-index: 500; }
   ul#menu-mainmenu  i.material-icons { position: relative; top: 4px; left: -2px; }
     
   
   /* mobile navigation */

   #mobilenav { text-align: right; display: none; position: absolute; top: 35px; right: 0px; }
   #mobilenav a { padding: 0px; margin-left: 8px; display: inline-block; }
   #mobilemenu { padding: 20px 0px; display: none; background-color: #dfdad1; margin-bottom: 15px; }
   ul#menu-mobilemenu { margin: 0px; padding: 0px; list-style-type: none; font-weight: 400; font-size: 24px; line-height: 30px; }
   ul#menu-mobilemenu > li, ul#menu-mobilesites > li  { padding: 4px 0px; border-top: 1px solid #999999; font-weight: 700; }
   ul#menu-mobilemenu > li:first-child { border: none; }
   ul#menu-mobilemenu > li:last-child { display: none; }
   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; }
   
   /* footer */
   
   #footer { padding: 30px 0px 45px 0px; font: 400 14px/20px 'Open Sans', sans-serif; }
   #footer .columns { margin-bottom: 25px; }
   
   /* home page */
   
   body.home a#ktm { border-top: 6px solid #563E1D; background-position: 0px 26px; }
   body.home .content, body.home #footer { margin-right: 105px; }
   body.home p.intro { text-align: center; margin: 5px 0px 25px 0px; }
   body.home .content .column { width: 50%; }
   body.home .content .column h5 
   { 
      font-size: 18px; padding: 0px 0px 6px 0px; margin: 0px 0px 25px 0px; border-bottom: 3px dotted #A49784; text-align: center;
   }  
   
   /* sliders */
   
   .cycle-slideshow { width: 100%; margin: 25px 0px; }
   body.home .cycle-slideshow { margin: 0px; }
   a.slide, div.slide
   { 
      background-color: #000000; position: relative; width: 100%; padding-bottom: 50%; overflow: hidden; 
      background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center;
   }
   a.slide img { width: 100%; height: auto; display: block; }
   a.slide .caption { position: absolute; bottom: 90px; right: 0px; left: 0px; padding: 0px 45px 0px 45px; text-align: center; }
   div.slide .caption 
   { 
      position: absolute; bottom: 40px; right: 40px; left: 40px; padding: 5px; color: #FFFFFF; background-color: rgba(0,0,0,0.5); 
      text-align: center; font-size: 16px; 
   }
   a.slide .caption .title 
   { 
      font: 400 32px/36px 'Old Standard TT', serif; letter-spacing: -1px; color: #FFFFFF; background-color: #000000;
      display: inline-block; padding: 8px 16px;
   }
   a.slide .caption .subtitle
   {
      clear: both;
      font: 700 18px/18px 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; letter-spacing: 2px; padding: 5px 9px 4px 9px;
      text-transform: uppercase; margin-top: 10px; display: inline-block; color: #000000; background-color: #F18F4F;
   }
   .cycle-pager { text-align: center; z-index: 200; position: absolute; bottom: 0px; overflow: hidden; width: 100%; padding: 0px 45px 0px 45px;}
   body.home .cycle-pager { bottom: 12px; }
   .cycle-pager span 
   { 
      font-family: arial; font-size: 50px; width: 20px; height: 16px; 
      display: inline-block; color: #FFFFFF; cursor: pointer; 
   }
   .cycle-pager span.cycle-pager-active { color: #CD5147;}
   .cycle-pager > * { cursor: pointer; }   
   
   /* meta slider */
   
   .metaslider .flexslider { margin: 25px 0px !important; }
   .flex-control-nav { bottom: 20px !important; }
   .flex-control-paging li a { background-color: #FFFFFF !important; }
   .flex-control-paging li a.flex-active { background-color: #CD5147 !important; }
   
   /* expanding list */
   
   dl.expanding { background-color: #FFFFFF; }
   dl.expanding dt { color: #FFFFFF; background-color: #CA7842; padding: 6px 10px; font-weight: 600; margin: 2px 0; cursor: pointer; position: relative; }
   dl.expanding dt:nth-child(4n-1) { background-color: #E0B496; }
   dl.expanding dt:hover { background-color: #BD372C !important; }
   dl.expanding dt.active { background-color: #000000 !important; }
   dl.expanding dt:after 
   { 
      display: block; position: absolute; right: 10px; top: 5px; bottom: 5px; width: 25px; content: "";
      background: transparent url('images/angle-down.svg') right center no-repeat; background-size: contain;
   }
   dl.expanding dt.active:after { background-image: url('images/angle-up.svg'); }
   dl.expanding dd { display: none; margin: 0; padding: 30px; background-color: #f3f0eb; }

   /* search control modal */

   #simplemodal-overlay { background-color: #F3F0EB; }
   #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: #CA7842; }
   #basic-modal-content input#dosearch:hover, #basic-modal-content input#closemodal:hover { color: #BD372C; }
   
   /* video */
   
   .video-container { overflow: hidden; height: 0; padding-bottom: 56.25%; position: relative; margin-bottom: 30px; }
   .video-container iframe { position:absolute; left: 0; top: 0; height: 100%; width: 100%; }
   
   /* capital campaign banner */
   
   a#rock-the-tavern
   {
      display: block; width: 100%; height: 102px; margin: 0 0 20px 0px; 
      background: #25190B url('images/home/rock-the-tavern-102.jpg') center center no-repeat; 
      background-size: auto 100%;
   }
   @media (max-width: 850px) { a#rock-the-tavern { height: 0px; padding-top: 12%; } }
   /*

   @media (max-width: 740px) { a#rock-the-tavern { height: 40px; background-size: auto 50px; } }
   @media (max-width: 620px) { a#rock-the-tavern { display: none; } }
   */
   
   /* big menu overflowing; switch to mobile */
   
   @media (max-width: 1150px) 
   {
      #menu, .toolbar { display: none; }
      #mobilenav { display: inline-block; }
      .primary { padding-right: 25px; }
      .frame { padding: 0px 30px; }
      a#ktmhc { margin: 8px 0px 2px 80px; width: 300px; }
      a#ktmhc img { width: 300px; }
      a#ktm { background-size: 62px 55px; width: 80px; left: 30px; }
      .slide .caption h3 { font-size: 28px; line-height: 32px; }
      body.home .content, body.home #footer { margin-right: 0px; }
   }
   
   /* one-column */
   
   @media (max-width: 760px) 
   {
      .primary, .secondary { float: none; width: 100%; padding: 0px; }
      .tile, .column, body.onecolumn .tile, body.onecolumn .column, body.home .tile { width: 50%; }
      body.home .content .columns { margin: 30px 0px 0px 0px; }
      body.home .content .column { width: 100%; float: none; margin: 0px 0px 30px 0px; padding: 0px; }
      .tile a h3 { bottom: 10px; /* font-size: 21px; line-height: 26px; */ }
      div#footer .column:last-child { clear: both; width: auto; margin-right: -50px; }
      a.social { padding-right: 25px; margin-bottom: 6px; float: left; width: 50%; }
      a.slide .caption { bottom: 48px; }
      .cycle-pager { bottom: 0px; }     
   } 

   /*remove gallery image borders */

#gallery-1 img {
	border: 0px !important;}
   
   /* small tablets & smartphones */
   
   @media (max-width: 600px) 
   {
      .tiles, .columns { margin: 30px 0px 0px 0px; }
      .tile, .column, body.onecolumn .tile, body.onecolumn .column, body.home .tile { width: 100%; float: none; margin: 0px 0px 30px 0px; padding: 0px; }
      .column { padding: 0px; }
      .tile a h3 { left: 0px; font-size: 36px; line-height: 42px; }
      p.intro { font-weight: 400; padding-bottom: 20px; }
      body, table, input, select, textarea, #footer { font: 400 20px/29px 'Open Sans', sans-serif; }
      h5, .secondary h5 { font-size: 22px; }
      .secondary ul li a { font-size: 30px; line-height: 34px; }
      img.hero { margin: 40px 0px; }
   }
   
   /* print only */
   
   @media print
   {
      .slider, #toolbar, #menu { display: none; }
      .tile div.img img { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; display: block; } 
   }