/*

Theme Name: Ryan Jenkins 2016
Theme URI: http://www.proof.industries
Author: Proof Industries, LLC
Author URI: http://www.proof.industries
Description: A custom child theme for X by Themeco.
Version: 0.0.1
Template: pro

*/

/*
// Typography.
*/

@media (max-width: 767px) {
  .h1 {
    font-size: 210%;
  }

  .h2 {
    font-size: 185%;
  }

  .h3 {
    font-size: 160%;
  }

  .h4 {
    font-size: 140%;
  }

  .h5 {
    font-size: 120%;
  }

  .h6 {
    font-size: 100%;
  }
}

/*
// Navbar.
*/

.x-navbar {
  border-bottom: 0!important;
  box-shadow: none!important;
}


.x-navbar .x-btn-navbar {
  text-shadow: none;
  background-color: transparent;
  box-shadow: none;
  text-align: center;
  font-size: 12px;
}

.x-navbar .x-btn-navbar i {
  font-size: 36px;
}

.x-navbar .x-btn-navbar.collapsed {
  color: #f25a55;
  text-shadow: none;
	background-color: transparent;
  box-shadow: none;
}

.x-navbar .x-btn-navbar,
.x-navbar .x-btn-navbar.collapsed:hover {
  color: #171c33;
}

.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a {
  box-shadow: none;
}

.x-navbar .mobile .x-nav {
  text-align: center;
}


/*
// Blog.
*/

/*.blog .x-navbar,
.single .x-navbar {
  background-color: transparent;
}

.blog .entry-wrap,
.single .entry-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  text-align: center;
  background-color: #dfd9c3;
}
*/

/*
// Footer.
*/

.x-colophon.bottom {
  border-top: 0;
  background-color: #141615;
}


/*
// Shortcodes.
*/

.x-recent-posts .h-recent-posts {
  margin: 0.5em 0;
}

.x-recent-posts .x-recent-posts-date {
  display: none;
}
#hp-action h5 {margin:0; line-height:28px; display:inline-block;vertical-align:sub;font-size: 24px;}
#hp-action .button {display:inline-block;}
#hp-action p {
  display: inline-block;
  margin: 0 10px;
}
#hp-action .button {
  background: #c0392b none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
}
#hp-action .button:hover {
  background: #333333 none repeat scroll 0 0;
  }
.x-topbar {
  border: medium none!important;
}
.x-navbar {
  background-color: rgba(0, 0, 0, 0)!important;
}
header.masthead {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/bg-header.jpg") repeat scroll left top;
  border-bottom:6px solid #d91e18;
}

/*Logo*/
.x-brand{
  margin-top: -10px;
}
.x-brand img {
  width: auto;
}
.x-topbar .x-social-global a {
  font-size: 34px;
  margin-left: 7px;
}
#menu-main-menu {
  background: #fcee49 none repeat scroll 0 0;
  border-bottom: 6px solid #f4ad07;
  margin: 25px 0 -6px;
  padding: 0 10px;
}
.x-container.max {
    max-width: 1350px;
}
.x-navbar .desktop .x-nav > li > a {
  height: 48px;
  padding-top: 16px!important;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
  box-shadow: 0 -1px 0 0 #d71e17 inset;
}
.x-navbar .desktop .x-nav li > a > span::after {
  content: ""; font-size: 18px;
}
.x-navbar.x-navbar-fixed-top .x-brand {
  margin-top: 0px;
}
.x-navbar.x-navbar-fixed-top {
  background:rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/bg-header.jpg") repeat scroll left top;
  padding-top: 10px;
  border-bottom: 6px solid #d91e18;
}

#hp-promo-lecture {
  max-width: 590px;
  position: relative;
  right: 12%;
  top: 50px;
}
#hp-promo-lecture .hp-featured-lecture {
  border-left: 10px solid #d91e18;
  padding: 0 0 0 20px;
}
#hp-promo-lecture .hp-featured-lecture > h2 {
  color: #ffd515;
  display: inline-block;
  font-size: 52px;
  margin: -15px 0 0;
  text-transform: uppercase;
}
#hp-promo-lecture .hp-featured-lecture > h4 {
  color: #ffffff;
  font-family: Noto Sans;
  font-size: 24px;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 42px;
  margin:0 0 -10px 0;
}
#hp-promo-lecture .button {
  background: #c0392b url("/wp-content/uploads/2016/09/icon-calendar.png") no-repeat scroll 30px center;
  border: medium none;
  font-size: 28px;
  letter-spacing: 2px;
  margin: 20px 0;
  padding: 15px 35px 15px 80px;
  text-shadow: none;
  text-transform: uppercase;
}
#hp-seal {
  bottom: -50px;
  position: absolute;
  right: 10%;
  width: 326px;
}
#hp-featuredin .x-slides .x-slide a {
  margin: 0 20px 20px;
}
#hp-featuredin .x-slides .x-slide .logo01 {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/logo-inc.png") no-repeat scroll left top;
  display: inline-block;
  height: 47px;
  width: 137px;
}
#hp-featuredin .x-slides .x-slide .logo01:hover {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/logo-inc-hover.png") no-repeat scroll left top;
}
#hp-featuredin .x-slides .x-slide .logo02 {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/logo-forbes.png") no-repeat scroll left top;
  display: inline-block;
  height: 42px;
  width: 164px;
}
#hp-featuredin .x-slides .x-slide .logo02:hover {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/logo-forbes-hover.png") no-repeat scroll left top;
}
#hp-featuredin .x-slides .x-slide .logo03 {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/logo-fastcompany.png") no-repeat scroll left top;
  display: inline-block;
  height: 39px;
  width: 267px;
}
#hp-featuredin .x-slides .x-slide .logo03:hover {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/logo-fastcompany-hover.png") no-repeat scroll left top;
}
#hp-featuredin .x-slides .x-slide .logo04 {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/logo-mashable.png") no-repeat scroll left top;
  display: inline-block;
  height: 39px;
  width: 215px;
}
#hp-featuredin .x-slides .x-slide .logo04:hover {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/logo-mashable-hover.png") no-repeat scroll left top;
}
#hp-featuredin .x-slides .x-slide .logo05 {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/logo-success.png") no-repeat scroll left top;
  display: inline-block;
  height: 39px;
  width: 214px;
}

#hp-featuredin .x-slides .x-slide .logo05:hover {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/logo-success-hover.png") no-repeat scroll left top;
}
#hp-testimonials .x-slide img, 
.testimonials .x-slide img, 
.testimonials img {
  max-width: 148px;
  margin:auto;
}
.testimonial-text {
  color: #d91e18;
  font-size: 24px;
  letter-spacing: 0px;
  margin: 100px auto;
  max-width: 100%;
  text-align:justify; 
  line-height:42px;
}
 @media (min-width:768px){
    .testimonial-text {
      letter-spacing: 1px;
      max-width: 780px;
      text-align:justify; 
      line-height:54px;
    }
 }
.testimonial-text::before {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/quote-open.png") no-repeat scroll 0 0;
  content: "";
  display: inline-block;
  height: 38px;
  margin-right: 20px;
  width: 56px;
}
.testimonial-text::after {
  background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/quote-close.png") no-repeat scroll 0 0;
  content: "";
  display: inline-block;
  height: 38px;
  margin-left: 20px;
  width: 60px;
  float:right;
}

@media(min-width:768px){
    .testimonials .x-column.x-1-2{
        padding: 0 80px!important;
    }
}

#x-section-8 .x-column.x-sm.x-1-3 img {
  height: 220px;
}

/* Form Styles */
.hbspt-form input, #hp-form input {
  background: #f4f4f4 none repeat scroll 0 0;
  border: medium none!important;
  border-radius: 0!important;
  box-shadow: none;
  height: 44px;
  line-height: 28px;
  padding: 5px;
  width: 100%;
  font-family: "Karla",sans-serif!important;
}
.hbspt-form textarea,#hp-form textarea {
  background: #f4f4f4 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  height: 200px;
  line-height: 28px;
  padding: 5px;
  width: 100%;
  font-family: "Karla",sans-serif!important;
}
.hbspt-form label,#hp-form label {
  color: #9e9e9e;
  font-size: 22px!important;
  font-family: "Karla",sans-serif!important;
}
.hbspt-form input[type="submit"],#hp-form input[type="submit"] {
  background: #6c6c6c none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #ffffff;
  font-size: 28px!important;
  font-weight: bold;
  height: auto;
  line-height: 28px;
  padding: 20px;
  width: 100%;
  font-family: "Karla",sans-serif!important;
}
footer.x-colophon.bottom .x-nav {
  display: inline-block;
  float: left;
  margin: 0;
}
footer.x-colophon.bottom .x-nav li a:hover {color:#d91e18;}
footer.x-colophon.bottom .x-nav li a {
  color: #ffffff;
  font-size: 24px;
  margin: 25px 15px;
}
footer.x-colophon.bottom .x-colophon-content {
  display: inline-block;
  float: right;
}
footer.x-colophon.bottom {
  background-color: #474747;
}


@media (max-width: 480px) {
  #hp-image {
    display: none;
  }
  
  #hp-promo-lecture {
    background: #434343 none repeat scroll 0 0!important;
    left: 0!important;
    max-width: 650px!important;
    padding: 15px!important;
    position: relative!important;
    right: auto!important;
    top: 0!important;
  }
  
  #hp-promo-lecture .hp-featured-lecture {
    border-left: 10px solid #d91e18;
    padding: 7px 0 0 20px!important;
  }
 
  #hp-promo-lecture .hp-featured-lecture > h2, #hp-promo-lecture .hp-featured-lecture > h4 {
    text-shadow: none!important;
  }
  
  #hp-promo-lecture .button {
    margin: 20px 0 -20px !important;
  }
  
  .x-brand {
    margin-bottom: 10px;
    margin-top: 5px;
    display: block;
    width:100%;
    float:none;
    text-align:center;
  }
}


/*Responsive Social Icons */
@media (max-width: 1199px) {
  
  .x-topbar .x-social-global a {
  	font-size: 18px;
  	margin-left: 4px;
	}
  
  .x-topbar{
    text-align:right;
    margin-right: 15px;
  }
  
  /*Responsive Logo */ 
  a.x-brand img{
    max-height:48px;
  }
}

@media (max-width: 979px) {
  #hp-promo-lecture {
    left: 10px;
    max-width: 650px;
    /*position: absolute;*/
    right: auto;
    top: 30px;
	}
  .shadow-mobile::before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

@media (max-width: 1199px) {
  #hp-seal {
    display: none;
  }
  
}

@media (max-width: 767px) {
  #hp-promo-lecture .hp-featured-lecture > h2 {
  color: #ffd515;
  display: inline-block;
  font-size: 38px;
  margin: -15px 0 0;
  text-shadow: 0 0 5px #000000;
  text-transform: none;
	}
  
  #hp-promo-lecture .hp-featured-lecture > h4 {
  color: #ffffff;
  	font-family: Noto Sans;
  	font-size: 20px;
  	font-weight: 100;
  	letter-spacing: 1px;
  	line-height: 28px;
  	margin: 0 0 -10px;
  	text-shadow: 0 0 5px #000000;
  	text-transform: none;
	}
  
  /*Responsive Logo */ 
  a.x-brand img{
    max-height:36px;
    text-align:center;
  }
  
  /*Responsive Social Icons */
  .x-topbar{
    text-align:center;
    margin-right: 0px;
  }
  
  /* Page Masthead Buttons */
  .x-btn.featured-btn {
    width: 100%!important;
    margin-bottom: 15px!important;
  }
}


/*Josh's code starts here. */

.blog .entry-header {
  background-image: none;
}
.blog .entry-thumb {
  background-color:#fff;
}
.blog .entry-wrap{ 
  box-shadow:none;
  /*color:#fff;
  background-color: transparent;*/
}
.blog .entry-thumb img {
  box-shadow:none;
}
.blog .entry-featured{
  box-shadow:none;
}
.blog .has-post-thumbnail .entry-featured{
  border-bottom:transparent;
}
.blog .entry-footer{
  display: none
}
.blog .p-meta span:nth-child(3) {
	display:none
}
.blog .p-meta span {
   /*color:#fff;*/
   font-size:150% !important;
}
.blog .entry-title a{
	/*color: #fff !important;*/
}
.blog.x-iso-container-posts.cols-3 .more-link {
  color:#fff;
  font-size: 160%;
}
.blog .site {
  background-color:hsl(2,93%,45%);
}
.blog.entry-date{
  font-size: 100%;
}

.page-id-1690 .x-recent-posts .format-standard .x-recent-posts-img:before {
content: "\f130";
}
/*Josh's code ends here. */

/* Zach's Customizations start here */

/*  - Hide leading image in single view */
.single .entry-featured{display:none;}

/*  - Transparent Buttons */
a.x-btn.x-btn-transparent{
  color: #666;
}

/*  - Custom colors for introductions & Blog */
div.x-section.page-intro, 
.page-intro h1, 
.page-intro h2, 
.page-intro h3{
  color: #fff;
}

div.x-section.page-intro, .blog .site{
  background: hsl(0, 0%, 23%)!important;
}

.page-intro a:hover {
  color:#fff;
	font-weight:bold;
  text-shadow: 0 0 5px rgba(255,255,255,0.3);
}

.page-intro a.x-btn.x-btn-transparent{
  border-color: #fff;
}

.page-intro a.x-btn.x-btn-transparent {
  color: #fff;
}

/* Responsive Main Nav */

@media (max-width: 1200px) {
  .x-nav-wrap.desktop {
    display:none
  }

  .x-nav-wrap.mobile {
    display: block
  }

  .x-nav-wrap.mobile.collapse {
    display: none
  }

  .x-nav-wrap.mobile.collapse.in {
    display: block
  }
}

@media (max-width: 1199px) {
  .masthead-inline .x-btn-navbar {
    display:block;
    width:100%;
    text-align: right;
    margin:10px 0;
  }

  .masthead-stacked .x-btn-navbar {
    display: inline-block
  }
  
  body.x-navbar-fixed-top-active .x-navbar-wrap {
 	  height: auto;
	}
}

@media (max-width: 767px) {
  .masthead-inline .x-btn-navbar {
    text-align: center;
  }
}

/* Keynote Topic Pages Custom Styles */
.btn-jumbo-cta{
  background-color:#D91E18!important; 
  border-color:transparent!important; 
  text-shadow:none!important; 
  font-size:36px!important;
}

.btn-jumbo-cta:hover{
  background-color:#ff221e!important; 
  font-size:36px!important;
  color:#fff!important;
}

/* About The Author */
.h-about-the-author {
    font-size: 160% !important;
}

.x-author-box .x-author-social {
    font-size: 15px;
}

/* thankyou_landing Custom Styles */
.thankyou_landing .site > .x-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px auto;
}

.thankyou_landing .entry-wrap {
    background: transparent !important;
	  padding: 0;
}

.thankyou_landing .book-button {
    display: block;
    color: #fff;
    text-decoration: none;
    width: 100%;
    border: 3px solid #fff;
    background-color: #3a3a3a;
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 40px;
    margin-bottom: 40px;
}

/*/////////////////// Fix for Date Picker & Fonts in Convertplug Modal Boxes /////////////////////////////////*/

.ccp-modal-every-design .cp-desc-container, .cp-modal-every-design .cp-description, .cp-modal-every-design .cp-form-container {
    font-family:"Karla",sans-serif!important;
  	text-align: left!important;
    /*font-size: 24px;
    line-height: 1.25em;
    color: #676767;*/
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.cp_id_b6516 .pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.cp_id_b6516 .pika-single:before,
.cp_id_b6516 .pika-single:after {
    content: " ";
    display: table;
}
.cp_id_b6516 .pika-single:after { clear: both }
.cp_id_b6516 .pika-single { *zoom: 1 }


.cp_id_b6516 .pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.cp_id_b6516 .pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.cp_id_b6516 .pika-title {
    position: relative;
    text-align: center;
}

.cp_id_b6516 .pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.cp_id_b6516 .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.cp_id_b6516 .pika-prev,
.cp_id_b6516 .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.cp_id_b6516 .pika-prev:hover,
.cp_id_b6516 .pika-next:hover {
    opacity: 1;
}

.cp_id_b6516 .pika-prev,
.cp_id_b6516 .is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.cp_id_b6516 .pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.cp_id_b6516 .pika-prev.is-disabled,
.cp_id_b6516 .pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.cp_id_b6516 .pika-select {
    display: inline-block;
    *display: inline;
}

.cp_id_b6516 .pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.cp_id_b6516 .pika-table th,
.cp_id_b6516 .pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.cp_id_b6516 .pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.cp_id_b6516 .pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.cp_id_b6516 .pika-week {
    font-size: 11px;
    color: #999;
}

.cp_id_b6516 .is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.cp_id_b6516 .is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.cp_id_b6516 .is-inrange .pika-button {
    background: #D5E9F7;
}

.cp_id_b6516 .is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.cp_id_b6516 .is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.cp_id_b6516 .is-disabled .pika-button,
.cp_id_b6516 .is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.cp_id_b6516 .pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.cp_id_b6516 .pika-table abbr {
    border-bottom: none;
    cursor: help;
}

.cp_id_b6516 .pika-single.is-hidden {
    display: none;
}

/*/////////////////// End Fix for Date Picker in Convertplug Modal Boxes /////////////////////////////////*/