/*
Theme Name: Honoré
Theme URI: http://thinkmarketing.ca/
Author: Think Marketing Inc.
Author URI: https://thinkmarketing.ca/
Version: 1.0.2
Text Domain: tmkt
Licence: Copyright 2017-2018 Think Marketing Inc.
*/
body {
  font-family: 'Roboto',sans-serif;
  font-size: 1.4rem;
  color: #262839; }

img {
  max-width: 100%;
  height: inherit; }

.yellow-btn {
  display: inline-block;
  font-weight: 500;
  margin: 1rem 0;
  padding: .8rem 2rem;
  color: #fff;
  background-color: #fcae18;
  text-transform: uppercase;
  text-align: center; }
  .yellow-btn:hover, .yellow-btn:focus {
    color: #fff; }

/* ----- Media Queries ----- */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 62em) {
  body {
    font-size: 1.6rem; } }

/* Large devices (large desktops, 1200px and up) */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto',sans-serif;
  font-weight: 500; }

h1 {
  font-size: 3.6rem; }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2.4rem; }

h4 {
  font-size: 1.6rem; }

.nav-header {
  background-color: #8a94aa; }
  .nav-header nav {
    float: none !important; }

.logo {
  display: inline-block;
  width: 80%;
  padding: 1rem 0 .5rem; }

.navbar-toggle {
  margin-right: 0;
  margin-top: 1.6rem;
  padding-left: 0;
  padding-right: 0; }
  .navbar-toggle .icon-bar {
    background-color: #262839;
    width: 30px;
    height: 3px; }

.navbar-nav {
  margin-bottom: 1rem; }
  .navbar-nav a {
    color: #fff;
    text-transform: uppercase; }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  color: #262839; }

.nav-btn a, .contact-form input[type="submit"] {
  display: block;
  color: #fcae18;
  background-color: #262839;
  text-transform: uppercase;
  text-align: center;
  border:0;}
  .nav-btn a:hover, .nav-btn a:focus {
    color: #262839 !important;
    background-color: #fcae18 !important; }

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #262839;
}
/* ----- Media Queries ----- */
/* Small devices (tablets, 768px and up) */
@media (min-width: 48em) {
  .nav > li > a:focus,
  .nav > li > a:hover {
    background-color: #b6bdcb; }
  .nav .open > a,
  .nav .open > a:focus,
  .nav .open > a:hover,
  .menu-item.active:not(.nav-btn) {
    color: #fff;
    background-color: #b6bdcb; }
  .dropdown-menu {
    padding: 0;
    background-color: #b6bdcb;
    border: 0;
    border-radius: 0; }
    .dropdown-menu li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      .dropdown-menu li:last-child {
        border-bottom: 0; }
      .dropdown-menu li a {
        color: #fff;
        line-height: 3rem; }
  .navbar-nav {
    margin-bottom: 0; } }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 62em) {
  .nav-wrap {
    position: relative;
    min-height: 80px; }
  .navbar-collapse {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }
  .nav-btn a {
    margin-left: 4rem; } }

/* ----- Media Queries ----- */
/* Small devices (tablets, 768px and up) */
@media (min-width: 48em) {
  .navbar-nav {
    float: right; }
  .navbar-collapse {
    padding: 0.8rem 0 0; } }

@media (min-width: 62em) and (max-width: 75em) {
  .navbar-nav > li > a {
    padding: 10px; } }

/* Medium devices (desktops, 992px and up) */
.sidebar-secondary {
  margin: 4rem 0;
  padding: 2rem;
  background-color: #f1f3f7; }

.sidebar-secondary h4 {
  font-size: 3.2rem;
  font-weight: 500;
  padding-bottom: 2rem;
  color: #262839;
  border-bottom: 1px solid #fff; }

.footer {
  margin-top: 2rem;
  color: #fff;
  background-color: #262839; }
  .footer .footer-info h3 {
    font-size: 2rem;
    color: #fcae18;
    text-transform: uppercase; }
  .footer .footer-info a {
    color: #fff; }
  .footer .footer-info ul {
    list-style: none;
    margin: 0;
    padding: 0; }
.footer input[type="text"] {
  color:#262839;
}
.footer input[type="submit"] {
  color: #fff;
  border: 1px solid #fcae18;
  background-color: #fcae18;
  text-transform: uppercase;
}
.social-nav li {
  float: left;
  padding: 0 0.6rem; }
  @media (min-width: 62em) {
    .social-nav li {
      padding: 0 1.6rem; } }
  .social-nav li a {
    font-size: 4rem;
    color: #fff; }

/* ----- Media Queries ----- */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 62em) {
  .footer {
    margin-top: 0; } }

/* Large devices (large desktops, 1200px and up) */
.quote {
  position: relative;
  padding: 2rem 0;
  text-align: center;
  z-index: 2; }
  .quote h1 {
    position: relative;
    font-size: 3.6rem;
    z-index: 2; }
  .quote img {
    display: none;
    float: right;
    max-width: 10rem; }

.main-image {
  text-align: center; }

.cta-bar {
  margin-top: 1rem;
  padding: 2.4rem 0;
  background-color: #262839;
  text-align: center;
  text-transform: uppercase; }
  .cta-bar .cta-bar-title {
    font-size: 2rem;
    color: #fff; }
    .cta-bar .cta-bar-title:hover, .cta-bar .cta-bar-title:focus {
      text-decoration: none; }
    .cta-bar .cta-bar-title .play {
      color: #fcae18; }

.promo-panel {
  padding: 2rem 0;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center; }
  .promo-panel .white {
    color: #fff; }
  .promo-panel .promo-image {
    margin: 2rem 0; }
  .promo-content {
    font-size:1.8rem;
    margin-top:1rem;
  }
  .ted {
    color:#fff;
  }
.testimonial-panel {
  padding: 4rem 0;
  text-align: center; }
  .testimonial-panel blockquote {
    border: 0;
    font-size: 1.8rem;
    font-weight:600; }
  .testimonial-panel cite {
    font-size:1.2rem;
    font-weight:400;
    font-style:italic; }

.link-panel {
  background-color: #262839;
  padding: 2rem 0; }
  .link-panel .link-card {
    position: relative;
    margin: 2rem 0;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
    overflow:hidden;
    z-index: 1; }
    .link-panel .link-card img {
      position: relative;
      width: 100%;
      z-index: 1; }
    .link-panel .link-card .link-msg {
      position:relative;
      transition:.2s all ease-in-out;
      transform: translateY(35%);
      height:100%;
    }
    .link-panel .link-card .title {
      position: absolute;
      left: 2rem;
      font-size: 2rem;
      font-weight: 700;
      padding-right: 2rem;
      color: #fff;
      text-transform: uppercase;
      border-bottom: 5px solid #fcae18;
      z-index: 2; }
    .link-panel .link-card .link {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 3; }
    .link-panel .link-card .reveal {
      position: absolute;
      margin-top: 4rem;
      padding: 2rem;
      color:#fff;
      opacity:0;
      transition:.3s all ease-in-out;
    }
    @media ( min-width:992px ) {
      .link-panel .link-card .reveal {
        font-size:1.4rem;
      }
    }
    .link-panel .link-card .reveal .read-more {
      margin-top:2rem;
      padding:0 1rem;
      max-width:50%;
      line-height:2;
      border:1px solid #fff;
      text-transform:uppercase;
      text-align:center;
    }
    .link-panel .link-card .link:hover {
      background-color:#fcae18;
    }
    .link-panel .link-card .link:hover .link-msg {
      transform:translateY(5%);
    }
    .link-panel .link-card .link:hover .reveal {
      opacity:1;
    }
    .link-panel .link-card .link:hover .title {
      border-color:#fff;
    }

.full-width-panel {
  padding:4rem 0;
  background-color: #ebeff5; }
  .full-width-panel article {
 }
  .full-width-panel .half-content {
 }
  .full-width-panel .half-content h2 {
 }
  .full-width-panel .left-half .half-content {
 }

.site-main header {
  padding-top:4rem;
}
.site-main article header h1,
.site-main header h1 {
  margin-top:0;
}
.video-wrap {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-wrap iframe {
  position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.load-btn a {
  display: inline-block;
  margin-bottom:1.6rem;
  padding:.8rem 1.6rem;
  color: #fcae18;
  background-color: #262839;
  text-transform: uppercase;
  text-align: center;
}
.link-wrap {
  padding-bottom:1rem;
}
.link-wrap a {
  color:#262839;
}
.link-wrap a:hover {
  color: #fcae18;
}
.footer a.slow-footer {
  color:#fcae18;
}
.media-card h2 > a {
  color:#262839;
}
/* ----- Media Queries ----- */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 62em) {
  .quote {
    font-size: 2rem;
    margin-top: 10rem;
    text-align: left; }
    .quote h1 {
      font-size: 4rem;
      margin-top:0; }
    .quote img {
      display: inline;
      max-width: 30%;
      margin-right: 2rem; }
  .cta-bar {
    margin-top: 0;
    padding: 4rem 0; }
    .cta-bar .cta-bar-title {
      font-size: 4rem; }
  .promo-panel {
    padding: 2rem 0 0;
    text-align: left; }
    .promo-panel .promo-content {
      margin-top: 4rem; }
      .promo-panel .promo-content img {
        margin-bottom: 2rem; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap; }
  .navbar-header {
    float: none; }
  .navbar-toggle {
    display: block; }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .navbar-text {
    float: none;
    margin: 15px 0; }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important; }
  .collapsing {
    overflow: hidden !important; } }



/* Large devices (large desktops, 1200px and up) */
@media (min-width: 75em) {
  .quote img {
    max-width: 100%; } }

article.page,
aside.sidebar {
  padding: 4rem 0; }

article.page .title {
  margin-top: 0; }

.banner {
  border-bottom: 10px solid #262839; }

/* ----- Book Styles ----- */
.banner.books-main {
  padding: 3rem 0;
  background-color: #edf1f4;
}
.banner.books-main .banner-copy {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2;
  margin-top:1rem;
  padding: 2rem 0 0;
  text-align: center;
}
.books-list {
  padding:4rem 0;
}
.book-card {
  margin-bottom:4rem;
  text-align:center;
}
.book-card img {
  padding:2rem 4rem 0;
}
.book-card > h2 > a {
  color:#262839;
}
.carl-btn {
  display:inline-block;
  line-height:2;
  padding:0 2rem;
  color:#333;
  text-transform:uppercase;
  border:1px solid #333;
}
.carl-btn:hover,
.carl-btn:focus {
  color:#333;
  text-decoration:none;
  background-color:#edf1f4;
}
/* ----- Book Details ----- */
.book-content {
  margin-bottom:4rem;
}
.book-content a:not('sc-btn') {
  color:#fcae18;
}
.book-content,
.book-sidebar {
  margin-top:4rem;
}
.book-sidebar .book-image img {
  width:100%;
}
.book-buy {
  margin-bottom:4rem;
}
.book-buy .book-buy-title {
  font-size:2rem;
  line-height:2;
  color:#fcae18;
  border-top:1px solid #fcae18;
  border-bottom:1px solid #fcae18;
  text-align:center;
  text-transform:uppercase;
}
.book-buy h3 {
  font-size:2rem;
}
.book-buy a {
  color:#262839;
}

/* ----- Shortcode styles ----- */
.sc-btn {
  display:inline-block;
  line-height:2;
  padding:0 2rem;
  color:#fff;
  background-color:#fcae18;
  text-align:center;
}
.sc-btn:hover,
.sc-btn:focus {
  color:#fff;
  background-color: #262839;
}

/* ----- Thought Cards ----- */
.three-column {
  margin-top:4rem;
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
.thought-card {
  display:inline-block;
  width:100%;
  max-width:100%;
  margin-bottom:2.4rem;
  border:1px solid #8a94aa;
}
.thought-card img {
  width:100%;
  height:inherit;
}
.thought-header {
  font-size:1.4rem;
  font-weight:500;
  padding:.4rem;
  text-align:right;
  text-transform:uppercase;
  color:#fff;
  background-color:#8a94aa;
}
.thought-inside {
  padding:2rem;
}
.thought-date {
  font-size:1.4rem;
  font-weight:bold;
  color:#8a94aa;
  text-transform:uppercase;
}
.thought-heading {
  font-size:2.1rem;
  font-weight:bold;
  line-height: 1.2;
  padding:1.6rem 0;
}
.thought-content {}
.thought-card a {
  color:#fcae18;
  text-transform:uppercase;
  text-decoration:underline;
}
@media (min-width: 64em) {
  .three-column {
    margin-top:4rem;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
      -moz-column-count: 2; /* Firefox */
      column-count: 2;
  }
}
@media (min-width: 62em) {
  .banner.books-main {
    padding:6rem 0;
  }
  .books-list {
    padding:6rem 0;
  }
  .banner.books-main .banner-copy {
    font-size:4.8rem;
    margin-top:4rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 75em) {
  .three-column {
    margin-top:4rem;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
      -moz-column-count: 3; /* Firefox */
      column-count: 3;
  }
  .thought-card {
    max-width:390px;
  }
}
