/* ------------------------------------------------
   The Whisky Exchange
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   Read More CSS file 

   Content:
   Wrapper / CSS Scope
   Close Button
   Layout
   Images
   Title
   Category Map
   Text Content
   Photos
   Facts
   Profile
   Distilleries
   ------------------------------------------------ */
/* ------------------------------------------------
   Wrapper / CSS Scope
   ------------------------------------------------ */
.readmore {
   display: none;
   padding-top: 20px;
}
.readmore .container {
   max-width: 980px;
}
@media (min-width: 980px) {
   .readmore {
      padding-top: 30px;
   }
}
/* ------------------------------------------------
   Close Button
   ------------------------------------------------ */
.readmore .readmore-close {
   display: block;
   max-width: 940px;
   padding: 10px 0;
   margin: 10px auto;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   text-transform: uppercase; 
   color: #fff;
   background: #999999;
   text-align: center;
}
.readmore .readmore-close:hover {
   background: #ff7010;
}
@media (min-width: 980px) {
   .readmore .readmore-close {
      margin: 20px auto 10px;
   }
}
/* ------------------------------------------------
   Layout
   ------------------------------------------------ */
.readmore .column {
   width: 100%;
}
@media (min-width: 680px) {
   .readmore .column {
      float: left;
      width: 50%;      
   }
   .readmore .column:first-of-type {
      border-right: 1px dotted #999;
   }
   .readmore .column-single {
      float: none;
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      border-right: none;
   }
   .readmore .column-single:first-of-type {
      border-right: none;
   }
}
/* ------------------------------------------------
   Images
   ------------------------------------------------ */
.readmore img {
   display: block;
   width: 100%;
}
/* ------------------------------------------------
   Title
   ------------------------------------------------ */
.readmore h2 {
   display: block;
   padding-bottom: 25px;
   background: url(../images/readmore/title_divider.jpg) center bottom no-repeat;
   font-size: 2.5em;
   font-weight: 400;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   text-transform: uppercase;
   text-align: center;
   line-height: 1.2;
   color: #591e00;   
}
.readmore h2 span {
   display: block;
   font-size: 0.6em;
}
.readmore h3 {
   margin: 15px 0 0;
   padding: 0 10px;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   font-weight: 400;
   text-transform: uppercase;
   font-size: 1.3em;
   line-height: 1.3;
   letter-spacing: 1px;   
   color: #591e00;
}
/* ------------------------------------------------
   Category Map
   ------------------------------------------------ */
.readmore .map {
   display: block;
   width: 100%;
   max-width: 490px;
   margin: 20px auto 0;
   padding: 0 20px 20px;
}
/* ------------------------------------------------
   Text Content
   ------------------------------------------------ */
.readmore p {
   padding: 10px;
   line-height: 1.7;
}
.readmore p.intro {
   font-family: 'Droid Serif', 'Lato', serif;   
   font-size: 1.3em;
   font-style: italic;
   line-height: 1.5;
   text-align: center;
}
.readmore p a {
   color: #5c0951;
}
.readmore p a:hover {
   text-decoration: underline;
}
.readmore dl {
   padding: 10px 10px 0;
   line-height: 1.7;
}
.readmore dl dt {
   font-weight: 700;
}
.readmore dl dd {
   padding-bottom: 10px;
}
.readmore ul.readmore-list {
   padding: 10px 10px 0 25px;
   line-height: 1.7;   
}
.readmore ul.readmore-list>li {
   list-style-type: disc;
}
@media (min-width: 980px) {
   .readmore p {
      padding: 20px;
   }
   .readmore h3 {
      padding: 0 20px;
   }
   .readmore dl {
      padding: 20px 20px 10px;
   }
   .readmore ul.readmore-list {
      padding: 10px 20px 0 35px;
   }
}
/* ------------------------------------------------
   Photos
   ------------------------------------------------ */
.readmore .photo {
   display: block;
   width: 100%;
   max-width: 490px;
   margin: 0 auto;
}
.readmore .photo-caption {
   display: block;
   width: 100%;
   max-width: 490px;
   margin: 0 auto;
   font-style: italic;
   font-size: 0.9em;
}
/* ------------------------------------------------
   Facts
   ------------------------------------------------ */
.readmore .facts {
   padding: 0 10px;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   font-weight: 400;
   text-transform: uppercase;
   font-size: 1.1em;
   line-height: 1.3;
   letter-spacing: 1px;
}
.readmore .facts li {
   padding: 20px 0 18px;
   border-bottom: 1px dotted #999;
}
.readmore .facts li:last-of-type {
   border-bottom: none;
}
.readmore .facts li span {
   font-size: 1.6em;
   color: #ff7010;   
}
@media (min-width: 980px) {
   .readmore .facts {
      padding: 0 20px;
   }
   .readmore .facts li {
      padding: 30px 0 28px;
   }   
}
/* ------------------------------------------------
   Profile
   ------------------------------------------------ */
.readmore .profile {
   padding: 0 5px;
}
.readmore .profile h3 {
   margin: 30px 0 20px;
   padding: 0 5px;
}
.readmore .profile ul {
   display: block;
   float: left;
   width: 100%;
}
.readmore .profile li {
   display: block;
   float: left;
   width: 50%;
   padding: 0 5px;
   font-style: italic;
   font-size: 0.9em;
   text-align: center;
}
.readmore .profile img {
   display: block;
   width: 100%;
   height: auto;
   max-width: 140px;
   margin: 0 auto;
}
.readmore .profile li span {
   display: block;
   height: 32px;
   overflow: hidden;
}
.readmore .profile li span.name {
   font-style: normal;
   color: #a32226;
   height: 16px;
}
@media (min-width: 480px) {
   .readmore .profile li {
      width: 33.3333%;
   } 
}
@media (min-width: 680px) {
   .readmore .profile li {
      width: 50%;
   } 
}
@media (min-width: 980px) {
   .readmore .profile {
      padding: 0 15px;
   }
   .readmore .profile h3 {
      padding: 0 5px;
   }
   .readmore .profile li {
      width: 33.3333%;
   } 
}
/* ------------------------------------------------
   Distilleries
   ------------------------------------------------ */
.readmore .distilleries {
   padding: 10px 5px;
}
.readmore .distilleries img {
   padding: 0 5px;
}
.readmore .distilleries h3 {
   margin: 25px 0 0;
   padding: 0 5px;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   font-weight: 400;
   font-size: 1.3em;
   line-height: 1.5;
   text-transform: uppercase;  
   letter-spacing: 1px;
   color: #591e00; 
}
.readmore .distilleries h3 span {
   display: block;
}
.readmore .distilleries h4 {
   margin-top: 30px;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   font-weight: 400;
   line-height: 1.5;
   text-transform: uppercase;
}
.readmore .distilleries .column {
   float: left;
   width: 33.3333%;
   padding: 0 5px;
   border: none;
}
.readmore .distilleries a {
   font-family: 'Droid Serif', 'Lato', serif;
   font-style: italic;
   line-height: 1.8;
   color: #5c0951;
}
.readmore .distilleries a span{
   color: #999;
   font-style: normal;
   font-size: 0.9em;
}
.readmore .distilleries a:hover {
   text-decoration: underline;
}
@media (min-width: 680px) {
   .readmore .distilleries h3 span {
      display: inline;
   }
   .readmore .distilleries h4,
   .readmore .distilleries a {
      font-size: 1.1em;
   }
}
@media (min-width: 980px) {
   .readmore .distilleries {
      padding: 15px;
   }
}