/*
Theme Name: Paperback Child Theme
Theme URI: https://arraythemes.com/themes/paperback-wordpress-theme/
Author: Array
Author URI: https://arraythemes.com/
Description: Paperback is a magazine-style theme that empowers you to quickly and easily create beautiful, immersive content with images, galleries, video, audio and more. Make your content even more engaging and discoverable with the featured post carousel and category mega menu.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paperback
Template: paperback
Domain Path: /languages/
Tags: light, white, one-column, two-columns, three-columns, fluid-layout, responsive-layout, custom-colors, custom-menu, editor-style, featured-images, infinite-scroll, theme-options, translation-ready, post-slider, blog, photography, magazine, news, photoblogging, clean, minimal, modern, design, art, simple, travel, professional, contemporary, site-logo

(C) 2015 Array, Inc.
*/

/*
This is a starter style.css file for your child theme. For more
information about child themes, visit the following web page:
http://codex.wordpress.org/Child_Themes
*/

/* Add your customizations below this line */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

body {
  font-size: 10px;
  font-family: 'Open Sans', sans-serif;
  padding-top: 67px;
}

h1 {
  font-size: 4rem;
  font-family: 'Roboto Condensed';
}

h2 {
  text-transform: uppercase;
  font-size: 2.6rem;
  font-family: 'Roboto Condensed';
  font-weight: 700;
  border-bottom: 1px solid #ddd;
  max-width: 450px;
  margin: 0 auto 40px;
  padding-bottom: 15px;
  text-align: center;
}

h3 {
  font-size: 2.5em;
  line-height: 1;
}

p {
  font-size: 1.6rem;
  color: #707070;
  /*font-weight: 600;*/
  line-height: 1.5;
}

ul {
  padding-left: 40px;
  list-style: disc;
}

ul li, ul ol {
  font-size: 1.6rem;
}

.container {
  max-width: 1170px;
}

.top-navigation {
  display: none;
}

.site-header {
  position: fixed;
  top: 0;
  z-index: 99;
}

.home #page {
  margin-top: 30px;
}

/*#page {
  margin-top: 60px;
}*/

#wpadminbar {
  top: auto;
  bottom: 0;
}

.btn-purple {
  background-color: #B883FF;
  border: 4px solid #fff;
  padding: 0 30px;
  color: #fff;
}

.site-identity {
  padding: 15px 0 !important;
  background: #272822;
  height: 67px;
}

.home .site-identity {
  background: rgba(0,0,0,0.6);
}

@media(max-width:800px) {
  .home .site-identity {
    background: #272822;
  }
}

#site-navigation {
  float: none;
  text-align: left;
  width: auto;
}

@media(min-width: 1100px) {
  #site-navigation {
    display: block;
  }
}
@media (max-width: 1099px) {
  #site-navigation {
    display: none;
  }
  .drawer-menu-toggle {
    display: inline-block;
  }
}

.main-navigation .sub-menu, .main-navigation .children {
  top: 30px;
  background-color: rgba(0,0,0,0.9);
  width: 220px;
}

.drawer .social-navigation {
  width: 100%;
}

.site-title-wrap {
  float: left;
  margin-right: 30px;
  width: auto;
}

.site-logo {
  padding: 5px 0;
  /*background: #000;*/
  max-width: 160px;
  height: auto;
}

.main-navigation li ul li {
  margin: 0;
}

.main-navigation a {
  color: #fff;
  font-weight: 400;
  font-size: 1.4rem;
}

.main-navigation ul {
  padding-left: 0;
}

.main-navigation ul li {
  margin: 0 15px;
  vertical-align: text-top;
}

.main-navigation ul li a {
  text-transform: lowercase !important;
  margin-bottom: 0;
  line-height: 2.4;
  border-bottom: none;
}

.drawer {
  background: rgba(0,0,0,0.9);
}

.drawer .main-navigation a {
  font-size: 1.8rem;
}

.drawer-menu-explore { 
  background: rgba(0,0,0,0.9);
}

.main-navigation.drawer-navigation {
  background: rgba(0,0,0,0.9);
  border-bottom: none;
}

.drawer .menu-primary-container li {
  margin: 0;
}

#menu-primary > li:last-child {
  float: right;
  background-color: #B883FF;
  border: 3px solid #fff;
  padding: 0 30px;
  color: #fff;
  margin: 0;
}

#menu-primary > li:last-child a {
  text-transform: uppercase !important;
  font-size: 1.3rem;
}

#menu-primary > li:last-child a:hover {
  color: #fff;
}

.main-navigation:not(.secondary-navigation) ul.menu > li.current-menu-item > a { 
  border-bottom-color: #fff;
  font-weight: 700;
 }

.main-navigation:not(.secondary-navigation) ul.menu > li:last-child.current-menu-item > a {
  border-bottom: none;
}

.drawer-toggle {
  float: right;
  padding: 5px 0;
  color: #fff;
}

.drawer-toggle:hover {
  color: #343E47;
}

.secondary-navigation li a[href="http://localhost:8888/techfreedom"] {
}

.site-identity .main-navigation ul {
  line-height: 1;
  padding-left: 0;
}

.top-navigation .secondary-navigation ul li a {
  margin: 15px 0;
  padding: 5px 0;
}

.social-navigation a:before {
  margin: 8px 0;
}

.top-navigation .secondary-navigation ul li .sub-menu a {
  color: #fff;
}

.nav-search {
  border-bottom: 1px solid #fff;
  width: 120px;
  vertical-align: text-bottom;
  float: none;
}

.nav-search:hover {
  border-bottom: 1px solid #343E47;
}

.nav-search span {
  display: block;
  text-align: left;
  margin-bottom: -2px;
}

/* Search Drawer */

.drawer .widget-title {
  color: #fff;
}

@media (max-width: 800px) {
  .drawer-open-toggle {
    float: none;
    margin: 10px 0;
  }
}

/* Hero */

.arrow-down {
  border: solid gray;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

.home .hero {
  width:100%; 
  border-bottom: solid 20px #272822;
  position: relative;
}

.home .hero-main {
  background-image: url('images/hero_header2.png');
  background-repeat:no-repeat;
  background-size: cover;
  padding: 120px 0 110px;
  margin-top: -80px;
  background-color: #272822;
}

.home .hero-main-content {
  max-width: 80%;
}

.home .hero-main-content p {
  color: #fff;
} 

.hero-main__subtitle {
  text-transform: uppercase; 
  font-weight: 700;
  margin: 10px 0;
}

.hero-main__title {
  font-family: 'Roboto Condensed';
  font-size: 4rem; 
  line-height: 1.2; 
  margin:10px 0;
}

.home .hero-newsletter {
  background-color: #343E47;
  padding: 20px 0;
  color: #fff;
}

.home .hero-newsletter-content {
  text-align: center;
  font-weight: 200;
}

.home .button {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5rem;
  width: auto;
  text-align: center;
  background-color: #B883FF;
  border: 3px solid #fff;
  color: #fff;
  max-width: 350px;
  border-radius: 0px;
  transition: visibility 0s, opacity 0.5s linear;
}

.home .hero-success {
  position: relative;
  padding-left: 70px;
  display: none;
}

.home .hero-success:before {
  content: "";
  background-image: url(images/thumbs_up.png);
  display: block;
  position: absolute;
  left: 15px;
  width: 35px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 8px;
  border-right: 1px solid #fff;
  padding-right: 40px;
}

.hero-main__signup {
  height: 60px;
}

.show {
  display: block !important;
}

.grid-cats a {
  padding: 5px 10px;
  display: inline-block;
  margin: 0 5px 0 0;
  color: #fff;
}

.grid-cats a:after {
  content: "";
}

.hero-posts .hero-text  {
  opacity: 1;
}

.single .content-area, .page .content-area, .page.three-column .content-area, .single.three-column .content-area, .error404 .content-area {
  width: 100%;
}

.single-post .content-area {
  width: 70% !important;
}

.post-template-event .content-area {
  width: 100% !important;
}

.index-search {
  background-color: #e4e9ef;
  padding: 20px;
  margin: 20px 0;
}

.index-search .big-search {
  margin-bottom: 0;
}

.home .site-content, .archive .site-content {
  padding: 0 0 40px;
}

.page-template-eventbrite-index .site-content {
  padding: 40px 0;
}

.site-content {
  padding: 40px 0;
}

/* Home page */

.home-mission {
  text-align:center; 
  max-width: 850px;
  margin: 0 auto; 
}

.home-mission p {
  text-align: left;
}

.value-container {
  position: relative;
  background: url('images/quote_bg_purp.png');
  background-size: cover;
  width: 100%;
  padding-top: 50px;
  margin: 40px 0;
  background-position: center center;
  background-repeat: no-repeat;
}

.value-container:before {
  content:'';
  border-left: 50px solid #fff; 
  border-right: 50px solid #fff; 
  border-bottom: 50px solid transparent; 
  position:absolute; 
  top: 0; 
  left:0; 
  right: 0;
  margin: 0 auto;
  width: 0;
}

.value-container-helper {
  position: absolute;
  height: 50px;
  top: 0;
  left: 0;
  right: 0;
}

.value-container-helper:before, .value-container-helper:after {
  content: "";
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(50% - 50px);
}
.value-container-helper:before {left: 0;}
.value-container-helper:after {right: 0;}

.value-content {
  padding: 60px 20px;
  text-align: center;
}

.value__quote {
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
  border-left: 4px solid #fff;
  padding-left: 40px;
}

.value__quote__quote {
  color: #fff;
  font-size: 2.9rem;
  font-weight: 600;
  margin: 0 0 20px;
  line-height: 1.7;
  text-shadow: 0px 0px 70px #000;
}

.value__quote__quote:before, .value__quote__quote:after {
  content: "\"";
}

.value__quote__author {
  color: #fff;
  margin: 0;
  font-weight: 600;
  font-size: 1.9rem;
  text-shadow: 0px 0px 70px #000;
}

.value__quote__author:before {
  content: "- ";
}

@media(max-width:500px) {
  .value__quote__quote {
    font-size: 2rem;
  }
}

.value-prop {
  display: inline-block;
  width: 210px;
  margin: 20px 40px;
  color: #fff;
  vertical-align: top;
}

.value-title {
  text-transform: lowercase;
  font-family: 'Roboto Condensed';
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.5px;
  font-size: 2rem;
}

.value-img-container {
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 40px;
  position: relative;
}

.value-img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60px;
  width: 60px;
  margin: -30px 0 0 -30px;
}

.value-divider {
  border-bottom: solid 1px #fff;
  width: 80%;
  margin: 20px auto;
}

.value-description {
  font-size: 1.2rem;
  color: #fff;
}
/* */

/* Posts */

.home .post, .archive .post {
  margin-bottom: 40px !important;
  overflow: hidden;
}

.grid-wrapper .grid-thumb {
  border: 1px solid #979797;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
  border-radius: 7px;
}

.hero-posts .post:first-child .hero-text {
  margin: 10px 0;
}

.hero-posts .hero-post .entry-title {
  font-size: 48px;
  margin-bottom: 5px;
}

.hero-date-span {
  padding-left: 5px;
}

.grid-image-wrapper {
  position: relative;
}

.grid-thumb-image {
  margin: 0;
  display: block;
  width: auto;
  height: 200px;
  background-position: center center;
  background-size: cover;
}

.grid-text {
  padding: 5px 10px 15px;
  text-align: left;
}

.post-primary-category {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1.4rem;
  background: rgba(0,0,0,0.2);
  width: 100%;
  padding: 10px 0 10px 10px;
  text-align: left;
}

.post-primary-category a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: 'Roboto Condensed';
}

.grid-thumb .entry-title {
  margin-bottom: 5px;
  line-height: 1;
  font-family: 'Roboto Condensed';
}

.grid-thumb .entry-title a {
  line-height: 1.2;
  font-size: 2rem;
  font-family: 'Open Sans';
  font-weight: 600;
  color: #272822;
}

.grid-thumb p {
  font-size: 1.3rem;
  margin: 10px 0;
}


.grid-divider {
  margin: 15px 0;
  border-bottom: solid 1px #F5F5F5;
  margin-left: -10px;
  margin-right: -10px;
}

.grid-tag {
  margin: 0 5px 5px 0;
  text-transform: lowercase;
  border: 1px solid #9CA5AD;
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 1.2rem;
  color: #9CA5AD;
  font-weight: 600;
  background-color: #fff;
  display: inline-block;
}

.grid-tag:hover {
  background: #2B3E51;
  color: #fff;
}

.grid-date span {
  font-size: 1.2rem;
  line-height: 1;
}

.post-navigation .nav-post {
  padding: 3%;
}

.post h2 {
  border-bottom: none;
  margin: 40px auto 20px;
  padding-bottom: 0;
}

/* Archive */

.archive__breadcrumbs {
  font-family: 'Roboto Condensed';
  text-transform: lowercase;
  font-size: 1.6rem;
  margin-bottom: 20px;
  margin-left: 90px;
}

.archive__breadcrumbs span {
  margin: 0 5px;
}

.blog .archive-header, .archive .archive-header {
  padding: 60px 0 60px;
  margin-bottom: 0;
  background-image: url('images/bg_image.png');
  background-repeat: repeat;
  margin-bottom: 0;
}

.archive-icon {
  width: 70px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}

/*.archive-icon img {
  max-width: 87px;
  max-height: 87px;
}*/

.archive-content {
  width: 80%;
  display: inline-block;
}

.archive-content p {
  color: #272822;
}

.archive-featured-posts {
  margin-left: 90px;
}

.archive-featured-title {
  font-family: 'Roboto Condensed';
  text-transform: lowercase;
  margin: 0;
  font-size: 2rem;
}

.archive-featured-post {
  max-width: 250px;
  margin: 10px 20px 10px 0;
}

.archive-featured-post .entry-title a {
  font-size: 1.8rem;
}



@media(max-width: 500px) {
  .archive-featured-posts {
    margin-left: 0;
    text-align: center;
  }

  .archive__breadcrumbs {
    margin-left: 0;
    display: none;
  }

  .archive-icon {
    display: block;
    margin: 0 auto 30px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    text-align: center;
  }

  .archive-icon img{
    width: 100px;
  }

  .archive-content {
    width: 100%;
    display: block;
  }
}

.archive-title {
  line-height: 1;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 600;
}

.page-navigation {
  padding-top: 10px;
}

.page-numbers.current, .page-numbers:hover, #page #infinite-handle button:hover {
  background: #B883FF;
}

.page-navigation a, .page-navigation span {
  padding: 3px 15px;
}

/* Team */

#teamModal .modal-header {
  border-bottom: none;
}

.team-member {
  display: inline-block;
  height: 180px;
  width: 180px;
  margin: 10px;
  position: relative;
  cursor: pointer;
  text-align: left;
}

.team-member__photo {
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
  opacity: 1;
  display: block;
  width: 100%;
  height: 100%;
  transition: .5s ease;
  backface-visibility: hidden;
}

.team-member__content {
  transition: .2s ease;
  /* opacity: 0; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
/*  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)*/
  background-color: rgba(184,131,255, 0.7);
  color: #fff;
}

.team-member:hover .team-member__photo{
  opacity: 0.3;
}

.team-member:hover .team-member__content{
  opacity: 1;
}

.team-member__contact {
  color: #fff !important;
  text-decoration: none !important;
  transition: none !important;
  border: none !important;
  margin: 0 8px;
  font-size: 1.8rem;
}

.tmm .tmm_names {
  margin-top: 0;
  font-family: 'Roboto Condensed';
}

.tmm .tmm_fname, .tmm .tmm_lname {
  display: block;
}

.tmm .tmm_fname {
  font-size: 2.5rem;
}

.tmm .tmm_lname {
  font-size: 1.5rem;
}

.tmm .tmm_4_columns .tmm_desc {
  margin-top: 10px;
}

.tmm_scblock {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  text-align: center;
}

.tmm .tmm_job {
  color: #fff;
}

/* Post */
.single .hero-posts .with-featured-image {
  padding-top: 15% !important; 
}

.single .hero-posts .without-featured-image {
  padding-top: 6% !important; 
  padding-bottom: 2%;

}

/*.hero-cats a, .post-navigation .nav-label, .entry-cats a {
  background-color: ;
}*/

/*.hero-posts .hero-post .entry-title {
  line-height: 1;
}

.hero-posts .entry-title a {
  font-family: 'Roboto Condensed';
}

.hero-posts .hero-post {
  padding: 5% 0 210px 0;
}
*/
/*.hero-wrapper {
  margin-top: 25px;
}*/

.article-ending-wrapper {
  margin: 20px 0;
}

.article-ending-tag {
  text-align: center;
  font-size: 4rem;
  font-family: 'Roboto Condensed';
  color: #AAAAAA;
}

.entry-meta {
  display: none;
}

.post-navigation [rel="next"], .post-navigation [rel="prev"] {
  font-family: 'Roboto Condensed';
}

/* Footer */

.footer-navigation ul {
  padding-left: 0;
}

.site-footer {
  background-color: #272822;
}

.home .site-footer {
  margin-top: -40px;
}

.footer-bottom p {
  color: #fff;
  margin: 10px 10px 10px 0;
  font-size: 1.3rem;
}

.footer__contact, .footer__about {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}

.footer__contact {
  width: 25%;
  margin-right: 10px;
}

.footer__about {
  width: 50%;
}

.footer-navigation {
  width: 20%;
  margin-top: 10px;
}

.footer__title {
  font-weight: 900;
  font-family: 'Roboto Condensed';
  color: #B883FF !important;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 2.5rem !important;
  letter-spacing: 1px;
}

.footer-bottom li {
  margin-bottom: 10px;
}

.footer-bottom li a[href*="facebook"] {
  background-image: url('images/facebook_footer.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: transparent;
  display: inline-block;
  height: 50px;
  width: 50px;
}

.footer-bottom li a[href*="youtube"] {
  background-image: url('images/youtube_footer.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: transparent;
  display: inline-block;
  height: 50px;
  width: 50px;
}

.footer-bottom li a[href*="twitter"] {
  background-image: url('images/twitter_footer.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: transparent;
  display: inline-block;
  height: 50px;
  width: 50px;
}

@media(max-width: 750px) {
  .footer__contact, .footer__about, .footer-navigation {
    display: block;
    padding: 0;
    width: 100%;
    margin: 20px 0;
  }
}

.signup-form {
  max-width: 400px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.6s linear;
}

.visible {
  visibility: visible;
  opacity: 1;
}

.hidden {
  visibility: hidden;
  opacity: 0;
}

.signup-form__field {
  position: relative;
}

.signup-form__input {
  padding: 15px 20px !important;
  width: 100% !important;
}

.signup-form__submit {
  position: absolute;
  right: 10px;
  top: 7px;
  padding: 10px 20px;
  border-radius: 0px;
  text-transform: uppercase;
  background: #B883FF;
  font-size: 1.5rem;
  font-weight: 600;
}

#mce-error-response {
  color: red;
  padding: 10px 0 0 3px;
}

.heateor_sss_vertical_sharing {
  position: absolute !important;
  top: -10px !important;
  left: -110px !important;
  z-index: 30 !important;
}

.heateor_sss_vertical_sharing div[title="Hide"] {
  display: none;
}

@media(max-width:783px) {
  .heateor_sss_vertical_sharing {
    position: fixed !important;
    left: 0 !important;
    top: auto !important;
  }
}

/* Eventbrite */

.eventbrite__snack {
  height: 120px;
  max-width: 800px;
  margin: 40px auto;
  border: 1px solid #979797;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
  border-radius: 7px;
}

.eventbrite__snack__thumbnail {
  float: left;
  width: 120px;
  height: 120px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.eventbrite__snack--past .eventbrite__snack__thumbnail {
  filter: grayscale(100%);
}

.eventbrite__snack__content {
  margin-left: 120px;
  overflow: hidden;
  padding: 10px 20px;
}

@media(max-width: 800px) {
  .eventbrite__snack {
    height: auto;
  }

  .eventbrite__snack__thumbnail {
    display: block;
    float: none;
    width: 100%;
    height: 150px;
  }

  .eventbrite__snack__content {
    margin-left: 0;
  }
}

.eventbrite__snack__title {
  font-size: 2rem;
  margin: 0 0 3px 0;
  font-family: "Roboto";
}

.eventbrite__snack__title a {
  color: #000;
}

.eventbrite__snack__time, .eventbrite__snack__venue {
  margin: 0 0 3px 0;
  font-size: 1.4rem;
}

.fitvid {
  margin-bottom: 30px;
}

/* Whitepapers */
.whitepapers {
  padding: 40px 0;
  position: relative;
  background: url('images/value_prop_bg.png');
  background-size: cover;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}

.whitepapers h2 {
  color: #fff;
  text-align: center;
}

.whitepaper__snack {
  margin: 30px 20px;
  border-left: 2px solid #fff;
  padding-left: 15px;
  display: inline-block;
  height: 120px;
}

.whitepaper__snack__thumbnail {
  display: inline-block;
  width: 120px;
  height: 120px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.whitepaper__snack__content {
  display: inline-block;
  padding-left: 15px;
  vertical-align: top;
  max-width: 200px;
}

.whitepaper__snack__content .post-primary-category {
  position: relative;
  padding: 0;
  width: auto;
  background: transparent;
  margin-bottom: 3px;
}



.whitepaper__snack__title {
  font-size: 1.6rem;
  margin: 0 0 3px 0;
  font-family: "Roboto";
  text-align: left;
}

.whitepaper__snack__title a {
  color: #fff;
}

.whitepaper__snack__title a:hover {
  text-decoration: underline;
  color: #fff;
}

@media(max-width: 800px) {
  .whitepapers {
    text-align: left;
  }
}

iframe[src*="donorbox.org"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

blockquote {
  border-top: none;
  padding-top: 0;
}

blockquote:before {
  content: '';
}