/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 9, 2017, 3:56:36 PM
    Author     : wh
*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 30, 2017, 12:51:33 PM
    Author     : wh
*/
h5 {
  font-size: 1rem;
  margin: 0;
}

.factbook-selector {
  border-bottom: 1px solid #000;
}

.page-column-full-width {
  width: 100%;
  padding-top: 50px;
}

#content .archive-columns {
  width: 100%;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
}
#content .archive-columns a {
  text-decoration: none;
  color: inherit;
}
#content .archive-columns h5 {
  margin-top: 0;
  font-size: 1rem;
  margin: 30px 0 0;
}
#content .archive-columns h4 {
  font-size: 0.9rem;
  line-height: 1.2;
  color: #000;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
#content .archive-columns .section-column {
  width: 25%;
}
#content .archive-columns .section-column.print-pdf {
  padding-right: 30px;
}
#content .archive-columns .section-column.print-pdf h5 {
  border-bottom: solid 3px #ccc;
  color: #aaa;
}
#content .archive-columns .item-holder {
  margin-top: 30px;
}
#content .archive-columns .item-holder.videos {
  padding: 0 20% 0 10px;
  border-left: 1px solid #ddd;
}
#content .archive-columns .item-holder.videos .item {
  margin-bottom: 30px;
}
#content .archive-columns .item {
  font-size: 0.8rem;
  color: #aaa;
  cursor: pointer;
  position: relative;
}
#content .archive-columns date {
  font-weight: bold;
}
#content .archive-columns .pdf-item {
  padding: 16px 30px;
  padding-left: 0;
  border-bottom: 1px solid #e8eae8;
  position: relative;
}
#content .archive-columns .pdf-item h4 {
  margin: 0;
}
#content .archive-columns .pdf-item:hover {
  box-shadow: 10px 10px 10px #ddd;
  color: #d6002a;
}
#content .archive-columns .pdf-item:hover h4 {
  color: #d6002a;
}
#content .archive-columns .pdf-item:hover:before {
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  background: url("data:image/svg+xml,%3Csvg fill='%23d6002a' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M23%2C23H9V9h7V7H9A2%2C2%2C0%2C0%2C0%2C7%2C9V23a2%2C2%2C0%2C0%2C0%2C2%2C2H23a2%2C2%2C0%2C0%2C0%2C2-2V16H23v7ZM18%2C7V9h3.59l-9.83%2C9.83%2C1.41%2C1.41L23%2C10.41V14h2V7H18Z' transform='translate%28-4 -4%29'/%3E %3C/svg%3E");
  position: absolute;
  right: 10px;
}
#content .archive-columns .thumbnail {
  padding-bottom: 61%;
  background-size: cover;
}
#content .archive-columns .link-latest {
  min-height: 30px;
  color: #777;
}
#content .archive-columns .date {
  margin-top: 5px;
}

@media screen and (max-width: 800px) {
  #content .archive-columns {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #content .archive-columns .section-column {
    width: 50%;
  }
}
@media screen and (max-width: 414px) {
  #content .archive-columns {
    display: block;
  }
  #content .archive-columns .section-column {
    width: 100%;
    border-bottom: 1px solid #ddd;
    position: relative;
  }
  #content .archive-columns .section-column.print-pdf {
    padding-right: 0;
  }
  #content .archive-columns .section-column {
    border-bottom: 0;
  }
  #content .archive-columns .section-column h5 {
    padding: 20px 0;
    margin: 0;
    position: relative;
    font-size: 1.2rem;
    border-bottom: solid 3px #ccc;
    color: #aaa;
  }
  #content .archive-columns .section-column h5:after {
    content: "";
    background: url("data:image/svg+xml,%3Csvg fill='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon id='shape-5' data-name='shape' points='14.83 16.24 23.31 7.76 20.48 4.93 12 13.41 3.52 4.93 0.69 7.76 9.35 16.42 12 19.07 14.83 16.24'/%3E %3C/svg%3E");
    fill: #000;
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
  }
  #content .archive-columns .section-column .item-holder {
    max-height: 0;
    overflow: hidden;
    margin: 0;
  }
  #content .archive-columns h5 {
    margin: 10px 0;
  }
  #content .archive-columns .link-latest {
    display: none;
  }
  #content .archive-columns .item-holder {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.6s;
    -khtml-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    cursor: pointer;
  }
  #content .archive-columns .item-holder.videos {
    padding-right: 0;
    padding-left: 0;
    border: none;
  }
  #content .archive-columns .item-holder.videos .item {
    width: 48%;
  }
  #content .archive-columns .section-column.open .link-latest {
    display: block;
    padding: 20px 0;
  }
  #content .archive-columns .section-column.open .item-holder {
    max-height: 800px;
  }
  body.post-type-archive-print-pdf .pdf-holder .pdf-info {
    display: block;
    padding-left: 40px;
  }
}/*# sourceMappingURL=factbook-archive.css.map */