/*--------------------------------------- GLOBAL TYPE */

@media screen and (min-width: 320px) {

  .site-header,
  .site-title,
  .site-title a,
  .site-navigation .menu li a {
    -webkit-font-smoothing: antialiased;
  }

  h1 a,
  h2 a,
  h3 a {
    color: #840000;
  }

  h3.builder-gallery-section-title {
    font-size: 3.6rem;
  }

  h3.builder-text-section-title {
    font-size: 3rem;
    margin-bottom: 0.7rem;
  }

  h4.widget-title {
    -webkit-font-smoothing: antialiased;
  }

  .white-text {
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
  }

  small {
    font-style: italic;
    font-size: 17px;
    line-height: 1;
  }

  small em {
    font-style: normal;
  }

  li {
    padding-bottom: 1rem;
  }

  ul {
    margin: 0;
  }

}

/*--------------------------------------- GLOBAL BUTTONS & LINKS */

@media screen and (min-width: 320px) {
  a.ttfmake-button,
  .site-main .gform_wrapper .gform_footer input.button,
  .gf_browser_ie.gform_wrapper .gform_footer input.button,
  input[type="submit"] {
    text-transform: uppercase;
    border-radius: 2px;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0;
    color: #ffffff;
    padding: 10px 18px;
    padding: 1rem 1.8rem;
  }

  a.ttfmake-button:hover,
  .site-main .gform_wrapper .gform_footer input.button:hover,
  input[type="submit"]:hover {
    color: #ffffff;
    transform: scale(1.05);
    transition: all 0.25s;
  }

  a.ttfmake-button:active,
  .site-main .gform_wrapper .gform_footer input.button:active,
  input[type="submit"]:active {
    color: #ffffff;
    background-color: #a50000;
  }

  a.more-link,
  a.ghost-button,
  a.ghost-button-large {
    font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid #840000;
    border-radius: 2px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    margin-top: 15px;
    background-color: #fff;
    color: #840000;
  }

  a.more-link {
    display: block;
    width: 12rem;
    padding: 5px 18px 7px;
    font-size: 2rem;
    text-align: center;
  }

  a.ghost-button {
    padding: .8rem 1.8rem;
    font-size: 2rem;
  }

  a.ghost-button-large {
    padding: .8rem 1.8rem;
    font-size: 3.5rem;
  }

  a.ghost-button:hover,
  a.more-link:hover,
  a.ghost-button-large:hover {
    transform: scale(1.05);
    transition: all 0.25s;
    color: #a50000;
  }

  a.ghost-button:active,
  a.more-link:active,
  a.ghost-button-large:active {
    transform: scale(1.05);
    transition: all 0.25s;
    color: #a50000;
  }
}

/*--------------------------------------- GLOBAL FORMS */

@media screen and (min-width: 320px) {
  .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 1;
  }

  .inline-form input[type="text"] {
      background-color: #ffffff;
  }

  .inline-form {
    display: flex;
    flex-wrap: wrap;
  }

  .inline-form div.validation_error {
    border: none;
    text-align: left;
    font-weight: normal;
    padding: 0;
  }

  .inline-form .gform_body {
    width: 70%;
  }

  .inline-form .gfield {
    padding-bottom: 0;
    margin-top: 0 !important;
  }

  .inline-form .gfield_label {
    overflow: hidden;
    clip: rect(0 0 0 0);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }

  .inline-form .gform_fields div.ginput_container {
      margin-top: 0 !important;
  }

  .inline-form .gform_fields input.medium {
    width: 100% !important;
    height: 41px;
  }

  .inline-form .gform_fields input::placeholder {
    color: #ccc;
    font-family: sans-serif;
  }

  .inline-form li.gfield.gfield_error {
    padding-top: 0;
    background: none;
    border: none;
  }

  .inline-form .gform_footer {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: auto;
  }

  .inline-form .gform_footer .gform_button {
    height: 41px;
  }

  .email-banner .inline-form {
    max-width: 100%;
  }

  .gform_confirmation_wrapper.inline-form {
    margin: auto !important;
  }
}

/*--------------------------------------- GLOBAL NAV (Header + Footer) */

#media_image-3 {
  margin-bottom: 20px !important;
	display: block;
	margin-left: -10px;
}

.widget li {
  padding: 11px 0;
  padding: 0.6rem 0;
	border-bottom: none;
}


@media screen and (min-width: 320px) {
  img.custom-logo {
    width: 100%;
    height: 73px;
  }

  .site-header-main {
    border-bottom: 1px solid rgba(60, 55, 56, 0.2);
  }

  .site-content {
    padding-top: 5rem;
  }

  .site-branding img:hover {
    transform: scale(1.05);
    transition: all 0.25s;
  }

  .menu-toggle {
    background-color: #840000;
  }

  .site-navigation .menu li a, .site-navigation .nav-menu li a {
    border-bottom: 1px solid #d7d7d7;
  }

  .site-footer .widget-area {
    margin-bottom: 0;
  }

  .widget_wpcom_social_media_icons_widget .genericon {
    font-size: 2.5rem;
  }

  .widget_wpcom_social_media_icons_widget .genericon:hover {
    color: #a50000;
    transition: all 0.25s;
  }
}

@media screen and (min-width: 800px) {
  img.custom-logo {
    width: 400px;
  }

  .site-navigation .menu li.current_page_item>a,
  .site-navigation .menu .children li.current_page_item>a,
  .site-navigation .menu li.current_page_ancestor>a,
  .site-navigation .menu li.current-menu-item>a,
  .site-navigation .menu .sub-menu li.current-menu-item>a,
  .site-navigation .menu li.current-menu-ancestor>a {
    border-bottom: 3px solid #840000;
  }

  .site-navigation .menu li a,
  .site-navigation .nav-menu li a {
    padding: 1.1rem 0;
    margin: 0 1.2rem;
    border-bottom: 0;
  }

  .site-navigation .menu li a, .site-navigation .nav-menu li a {
    border-bottom: 1px solid #d7d7d7;
  }

  .site-navigation {
    max-width: 55%;
  }

}

@media screen and (min-width: 1024px) {
  img.custom-logo {
    width: 400px;
  }

  .mobile-menu {
    padding-top: 25px;
  }

  .site-navigation .menu li a, .site-navigation .nav-menu li a {
    border-bottom: 0;
  }

  .site-navigation .menu li a:hover, .site-navigation .nav-menu li a:hover {
    border-bottom: 3px solid rgba(60, 55, 56, 0.2);
  }

}

/*--------------------------------------- GLOBAL: Hover Images */

@media (hover: hover) {
  a img:hover {
    transform: scale(1.05);
    transition: all 0.25s;
  }
}

/*--------------------------------------- HOMEPAGE */

@media screen and (min-width: 320px) {
  .home .site-content {
    padding-top: 0;
  }
  .home-banner .builder-text-column {
      float: left;
      width: 100%;
      min-height: 1px;
  }

  .builder-section-overlay {
    background-color: rgba(60, 55, 56, 0.8);
    }

  .builder-section-postlist .ttfmp-post-list-item {
    margin-bottom: 2rem;
  }

  section#builder-section-postlist_1020 {
    margin-bottom: 0;
  }

  .tan-background {
    background-color: #f1efea;
  }

  section#builder-section-postlist_1020 .builder-section-content.container {
    padding-bottom: 2.5rem;
  }

  .title-padding {
    padding-top: 4.5rem;
  }

  .about {
    padding-top: 7rem;
  }

  section#builder-section-text_604 {
    padding: 7rem 0 3rem;
  }

  html body #site-main section#builder-section-text_604 {
      background-position: center !important;
  }
}

@media screen and (min-width: 768px) {
  
  .bio-elevator-pitch {
    padding: 2rem 0 2rem !important;
  }

  .home-banner .builder-text-column {
    width: 50%;
    min-height: 1px;
    padding: 1.3rem;
  }

  .about .builder-text-column {
    width: 50%;
    min-height: 1px;
    padding: 1.3rem;
  }

  html body #site-main section#builder-section-text_604 {
      background-position: center !important;
  }
}

@media screen and (min-width: 1024px) {
  .home-banner .builder-text-column {
    width: 100%;
    min-height: 1px;
    padding: 0;
  }

  .about .builder-text-column {
    width: 100%;
    min-height: 1px;
    padding: 0;
  }
}

/*--------------------------------------- BOOKS / TITLES */

@media screen and (min-width: 320px) {
  .buy-box {
    width: 80%;
  }

  .extra-top-padding {
    padding-top: 25px;
  }

  a img:hover {
    transform: scale(1.05);
    transition: all 0.25s;
  }

  .title-border {
    border: 1px solid #d3d1c2;
    padding: 0;
  }

  .email-banner .builder-section-content {
    padding: 3rem 3.2rem 3rem;
  }
}

@media screen and (min-width: 768px) {
  .buy-box {
    width: 100%;
  }

  .title-section .builder-text-column {
    width: 45%;
    margin-right: 3.333333%;
  }
}

@media screen and (min-width: 1024px) {
  .buy-box {
    width: 67%;
  }

  /*--- Book Sidebar ---*/

  .book-sidebar {
    padding: 0;
    margin-top: 1.5rem;
    background-color: #f8f7f4;
  }

  .book-sidebar-content {
    padding: 5px 30px 20px 30px;
  }

  .book-sidebar-content .ttfmake-button,
  .buy-box .ttfmake-button {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
  }

  .book-sidebar img {
    border: 1px solid #d3d1c2;
  }

  .title-section .builder-text-column {
    width: 48.3333333333%;
    margin-right: 3.333333%;
  }

}

/*--------------------------------------- ABOUT */

@media screen and (min-width: 320px) {
  .media-gallery {
    background-color: rgba(234, 233, 224, 0.5);
    padding: 4rem 0 4rem;
    margin-bottom: 6rem;
  }

  p.testimonial-creds {
    font-size: 83%;
    font-style: italic;
  }

  .card-style .builder-section-content {
    display: block;
    width: 100%;
  }

  .card-style .builder-text-row {
    display: block;
    width: 100%;
  }

  .card-style .builder-text-column {
    background-color: rgba(234, 233, 224, 0.35);
    border-top: 3px solid rgba(60, 55, 56, 0.5);
    border-bottom: 1px solid rgba(60, 55, 56, 0.2);
    margin: 0 2rem 2rem 0;
    padding: 3.5rem 3rem 2rem;
  }

  /*--- Speaking Sidebar ---*/
  .small-sidebar {
    border: 1px solid #d3d1c2;
    padding: 10px 20px 5px 20px;
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .card-style .builder-text-row {
    display: flex;
    width: 100%;
  }
}


/*--------------------------------------- BLOG / NEWS / ARTICLES */

@media screen and (min-width: 320px) {

  /*--- Share This ---*/

  div.sharedaddy h3.sd-title {
      font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1;
      font-size: 1.5rem;
  }

  .site-wrapper div.sharedaddy .sd-content {
      padding-top: 0;
    }

  .sd-content ul {
    margin: .8rem 0 .7em 0!important;
  }

  input[type="search"] {
    width: 100%;
    padding: 0.6rem 0.8rem;
      border-bottom: 1px solid rgba(60, 55, 56, 0.26);
      border-top: 0;
      border-left: 0;
      border-right: 0;
      background-color: rgba(60, 55, 56, 0.07);
      font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.8rem;
      -webkit-font-smoothing: antialiased;
      -webkit-appearance: none;
  }

  /*--- Posts ---*/

  .post {
    margin: 3rem 0 5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(60, 55, 56, 0.2);
  }

  .nav-links {
    font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .nav-links .nav-previous,
  .nav-links .nav-next {
    width: 40%;
    line-height: 1.2;
  }

  .nav-links .nav-previous a,
  .nav-links .nav-next a {
    color: #840000;
    font-size: 2rem;
  }

  [class*="navigation"] .nav-previous a:before {
    content: "\f100";
  }

  [class*="navigation"] .nav-next a:after {
    content: "\f101";
  }

  /*--- Sidebar Nav ---*/

  #menu-categories-menu {
    margin-bottom: 4rem;
  }

  #menu-categories-menu li {
    display: block;
    overflow: hidden;
    border-bottom: 0;
    width: 100%;
    height: 36px;
    padding: 0;
    border: 0;
  }

  #menu-categories-menu li a {
    background: #7b7777;
    padding: 4px 10px 6px;
    color: #fff;
    font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: normal;
    position: relative;
    display: block;
    text-align: left;
    border: 0;
  }

  li#menu-item-1480 {
    background: #7b7777 url(http://rogercanaff.com/wp/wp-content/uploads/2018/01/bg-child-abuse.jpg) no-repeat center;
  }

  li#menu-item-1479 {
    background: #7b7777 url(http://rogercanaff.com/wp/wp-content/uploads/2018/01/bg-sexual-assault.jpg) no-repeat center;
  }

  li#menu-item-1482 {
    background: #7b7777 url(http://rogercanaff.com/wp/wp-content/uploads/2018/01/bg-religion.jpg) no-repeat center;
  }

  #menu-categories-menu .featured {
    background-size: cover;
    border: 0;
    width: 100%;
    height: 190px;
  }

  #menu-categories-menu .featured a {
    background: rgba(0, 0, 0, 0.7);
    background: linear-gradient(180deg, transparent 154px,rgba(0,0,0,0.7) 154px);
    padding: 158px 10px 6px !important;
    text-shadow: 0 0 5px #000;
    color: #fff;
    font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: normal;
    position: relative;
    display: block;
    text-align: left;
    border: 0;
  }

  #menu-categories-menu .featured + li:not(.featured) > a {
    background: rgba(0, 0, 0, 0.7);
  }

  #menu-categories-menu .featured + li:not(.featured) + li:not(.featured) > a {
    background: rgba(0, 0, 0, 0.6);
  }

  #menu-categories-menu li:not(.featured) a:hover {
    background: #a50000 !important;
  }

  #menu-categories-menu .featured a:hover {
    background: linear-gradient(180deg, rgba(153,0,0,0.5) 154px,rgba(153,0,0,0.8) 154px);
  }

  .sidebar .widget-title {
    line-height: .25;
  }

  .help-widget {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .has-right-sidebar #sidebar-right {
    width: 29%;
    padding: 15px 23px 0;
    border: 1px solid rgba(60, 55, 56, 0.2);
  }

  .single-post .site-main {
    padding: 0 10rem;
  }
}

/*--------------------------------------- SPEAKING */

@media screen and (min-width: 320px) {
  .video-section {
    background-color: rgba(234, 233, 224, 0.6);
    padding: 50px 0 30px 0;
  }
}

/*--------------------------------------- CONTACT */