/*

Theme Name: WFD
Theme URI: http://test.wfd.clients.csd.org/
Author: CSD
Author URI: http://www.csd.org/
Description: Custom child theme developed for World Federation of the Deaf.
Version: 1.0.0
Template: x

/* Variables & Mixins
-------------------------------------------------- */
/* Mixins
-------------------------------------------------- */
/* Typography
-------------------------------------------------- */
/* Import Google Fonts
----------------------------*/
@import "https://fonts.googleapis.com/css?family=Roboto:400,500,700,900";
@import "https://fonts.googleapis.com/css?family=Cabin:400,500,700";
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,700";
/* Typography
----------------------------*/
body, html, p, li {
  font-family: "Open Sans", sans-serif; }

p {
  font-size: 18px;
  line-height: 1.5; }

li {
  font-size: 18px; }

input, select, textarea {
  font-family: "Open Sans", sans-serif; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-family: "Source Sans Pro", sans-serif !important;
  color: #191919;
  font-size: 100%;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  margin-top: 1em;
  line-height: 1.25em !important; }

h1, .h1 {
  font-size: 48px;
  font-weight: 600 !important; }
  @media only screen and (max-width: 479px) {
    h1, .h1 {
      font-size: 42px; } }
  @media only screen and (min-width: 480px) and (max-width: 991px) {
    h1, .h1 {
      font-size: 44px; } }
  @media only screen and (min-width: 992px) and (max-width: 1299px) {
    h1, .h1 {
      font-size: 46px; } }

h2, .h2, h1 small, .h1 small {
  font-size: 36px;
  font-weight: 400 !important; }
  @media only screen and (max-width: 479px) {
    h2, .h2, h1 small, .h1 small {
      font-size: 30px; } }
  @media only screen and (min-width: 480px) and (max-width: 991px) {
    h2, .h2, h1 small, .h1 small {
      font-size: 32px; } }
  @media only screen and (min-width: 992px) and (max-width: 1299px) {
    h2, .h2, h1 small, .h1 small {
      font-size: 34px; } }

h3, .h3, h2 small, .h2 small {
  font-size: 24px;
  font-weight: 400 !important; }
  @media only screen and (max-width: 479px) {
    h3, .h3, h2 small, .h2 small {
      font-size: 18px; } }
  @media only screen and (min-width: 480px) and (max-width: 991px) {
    h3, .h3, h2 small, .h2 small {
      font-size: 20px; } }
  @media only screen and (min-width: 992px) and (max-width: 1299px) {
    h3, .h3, h2 small, .h2 small {
      font-size: 22px; } }

h4, .h4, h3 small, .h3 small {
  font-size: 18px; }
  @media only screen and (max-width: 479px) {
    h4, .h4, h3 small, .h3 small {
      font-size: 12px; } }
  @media only screen and (min-width: 480px) and (max-width: 991px) {
    h4, .h4, h3 small, .h3 small {
      font-size: 16px; } }
  @media only screen and (min-width: 992px) and (max-width: 1299px) {
    h4, .h4, h3 small, .h3 small {
      font-size: 16px; } }

h5, .h5, h4 small, .h4 small {
  font-size: 16px; }
  @media only screen and (max-width: 479px) {
    h5, .h5, h4 small, .h4 small {
      font-size: 12px; } }
  @media only screen and (min-width: 480px) and (max-width: 991px) {
    h5, .h5, h4 small, .h4 small {
      font-size: 14px; } }
  @media only screen and (min-width: 992px) and (max-width: 1299px) {
    h5, .h5, h4 small, .h4 small {
      font-size: 14px; } }

h6, .h6 {
  font-size: 10px; }
  @media only screen and (max-width: 479px) {
    h6, .h6 {
      font-size: 10px; } }
  @media only screen and (min-width: 480px) and (max-width: 991px) {
    h6, .h6 {
      font-size: 10px; } }
  @media only screen and (min-width: 992px) and (max-width: 1299px) {
    h6, .h6 {
      font-size: 10px; } }

.h-custom-headline {
  line-height: 1.5; }

/* Body Layout
-------------------------------------------------- */
/* Header
-------------------------*/
.x-brand img {
  width: 150px;
  position: relative;
  margin-top: -30px;
  top: -40px;
  margin-bottom: -100px;
  background-color: #FFF;
  padding: 33px 10px 28px;
  border: 1px solid #e2e2e2; }

.x-column.one-half {
  margin-top: 50px; }

.x-navbar {
  z-index: 1033; }
  .x-navbar-wrap {
    padding: 0px 50px;
    border-bottom: 1px solid rgba(156, 156, 156, 0.25); }

.x-topbar {
  padding: 6px 50px; }
  .x-topbar .x-social-global {
    display: none; }

.x-topbar-inner {
  padding-left: 175px; }
  @media only screen and (max-width: 640px) {
    .x-topbar-inner {
      padding-left: 125px; } }

#menu-navigation-menu {
  float: left;
  width: 85%; }
  @media only screen and (max-width: 1199px) {
    #menu-navigation-menu {
      width: 80%; } }
  #menu-navigation-menu li {
    padding: 0px;
    /* border-right: 1px solid rgba(156, 156, 156, 0.25); */ }
  #menu-navigation-menu a {
    font-size: 15px;
    font-weight: bold; }
    #menu-navigation-menu a:hover {
      box-shadow: /* inset -1px 0 0 0 rgba(138, 138, 138, 0.17), */ inset 0 -5px 0 0 #297FCA;}

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
  box-shadow: none !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, .x-navbar .desktop .sub-menu li > a:hover, .x-navbar .desktop .sub-menu li.x-active > a, .x-navbar .desktop .sub-menu li.current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav li.x-active > a, .x-navbar .mobile .x-nav li.current-menu-item > a {
  box-shadow: /* inset -1px 0 0 0 rgba(138, 138, 138, 0.17), */ inset 0 -5px 0 0 #297FCA; }

.x-nav > li:last-child > a {
  padding-right: 20px !important; }

.x-navbar .desktop .x-nav > li:last-child {
  float: right;
  background-color: #df4c46; }
  .x-navbar .desktop .x-nav > li:last-child a {
    color: #FFF; }

.x-btn-navbar {
  box-shadow: none; }

/* Top Bar
-------------------------*/
.left-top {
  width: 40%;
  max-height: 30px;
  float: left;
  padding: 2px 0; }
  @media only screen and (max-width: 640px) {
    .left-top {
      width: 100%;
      float: none;
      text-align: right; } }
  .left-top p {
    color: #FFF;
    font-size: 16px; }

.right-top {
  width: 60%;
  float: left;
  padding-right: 10%;
  padding: 4px 0; }
  @media only screen and (max-width: 640px) {
    .right-top {
      width: 100%;
      float: none; } }
  .right-top ul {
    list-style: none; }
  .right-top li {
    float: right;
    margin-right: 15px; }
    @media only screen and (max-width: 640px) {
      .right-top li {
        margin-right: 0px; } }
    .right-top li a {
      color: #FFF; }
      .right-top li a:hover {
        color: #d5cd15; }
  .right-top .fa {
    margin-right: 5px; }

/* Site Search
-------------------------*/
.menu-item .x-btn-navbar-search {
  display: none; }

.x-icon-search {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 1.3;
  font-weight: 700; }

.x-searchform-overlay {
  width: 100%;
  height: 45%;
  background-color: rgba(0, 25, 52, 0.85); }
  .x-searchform-overlay .form-search label {
    color: #FFF !important; }
  .x-searchform-overlay .form-search .search-query {
    color: #FFF !important;
    text-transform: none; }

/* Body Elements
-------------------------*/
.x-btn {
  color: #FFF;
  border-color: #0093dd;
  background-color: #0093dd;
  border: 2px solid #0093dd;
  border-radius: 5px;
  text-shadow: none !important;
  font-size: 14px !important;
  padding: 1em !important; }

a.x-btn.subscribebutton { 
  border: 2px solid #df4c46 !important;
  background-color: #fff !important;
  color: #df4c46 !important;
  padding: 0.5em 1em !important;
}

a.x-btn.subscribebutton:hover { 
  border: 2px solid #000 !important;
  color: #fff !important;
  background-color: #df4c46 !important;
}
.x-block-grid-item .x-btn {
  border-radius: 5px;
  font-weight: bold; }

.white-button {
  background: #FFF !important;
  color: #0093dd !important;
  border: 2px solid #0093dd !important; }
  .white-button:hover {
    color: #FFF !important;
    background-color: #df4c46 !important;
    border: 2px solid #df4c46 !important; }

.get-involved-banner {
  background-color: #297FCA !important;
  width: 100%;
  padding: 25px 0px; }
  .get-involved-banner a {
    color: #FFF !important; }
    .get-involved-banner a:hover {
      color: #d5cd15 !important;
      text-decoration: underline; }

.h-custom-headline {
  line-height: 1.25; }

.x-container.offset {
  margin: 0 auto; }

.x-tab-content > .active {
  font-size: 18px; }

/* Top-Level Page Elements
-------------------------*/
.column-link {
  padding: 50px 10px 50px !important;
  background-color: #297FCA !important;
  min-height: 250px;
  margin-right: 3% !important;
  border: 1px solid #FFF !important; }
  .column-link p {
    color: #FFF; }
  .column-link:hover {
    opacity: 0.8; }

@media only screen and (max-width: 640px) {
  #x-section-1 {
    padding: 25px 15px !important; } }

/* Parent Page Elements
-------------------------*/
.parent-page-links {
  margin-top: -25px;
  text-align: right;
  background-color: #297FCA;
  color: #FFF;
  width: 20% !important; }
  @media only screen and (max-width: 767px) {
    .parent-page-links {
      width: 100% !important; } }
  .parent-page-links h3 {
    text-align: left;
    color: #FFF; }
  .parent-page-links ul {
    list-style: none;
    text-align: left; }
  .parent-page-links li {
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .parent-page-links li {
        display: inline;
        padding: 15px; } }
  .parent-page-links a {
    color: #FFF; }
    .parent-page-links a:hover {
      color: #d5cd15;
      text-decoration: underline; }
    .parent-page-links a.active {
      color: #d5cd15;
      text-decoration: underline; }

/* Sub Page Elements
-------------------------*/
.subpage-title {
  color: #297FCA !important;
  text-transform: uppercase;
  font-weight: bold !important; }

/* Tab Groups
-------------------------*/
.x-nav-tabs > li > a {
  background-color: #297FCA;
  color: #FFF;
  font-weight: bold; }

/* Timeline Elements
-------------------------*/
.timeline {
  height: 100px; }

.year {
  background-color: #0093dd;
  color: #FFF;
  border-radius: 50%;
  margin-right: 25px;
  padding: 30px 20px; }

.sub-page-testimonials {
  font-size: 18px;
  font-style: oblique; }

/* Single Post Elements
-------------------------*/
.x-header-landmark {
  padding: 30px 50px; }

.x-section.bg-image.parallax {
  background-color: #297FCA !important;
  padding: 50px !important; }

h1.h-custom-headline.center-text.posttitle {
  margin-top: 0px;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  font-weight: 500;
  text-align: left;
  font-size: 36px; }

.single-post .entry-featured {
  display: none; }

.single-post .entry-header .entry-title {
  display: none; }

.entry-wrap {
  padding: 50px; }

.x-sidebar {
  padding: 50px 50px 0px 0px; }

/* Resources Elements
-------------------------*/
div.bkbm-breadcrumbs ul li a {
  font-size: 16px !important; }

.bkb-tpl-content-pad {
  padding-right: 25px !important; }

div.bkbm-entry-content {
  padding-right: 25px; }

h1.bkbm-single-title, h1.bkbm-archive-title {
  font-size: 24px; }

.tax-bkb_category .x-header-landmark,
.single-bwl_kb .x-header-landmark {
  display: none !important; }

.tax-bkb_category .grid,
.single-bwl_kb .grid {
  margin-top: 50px !important; }

#suggest {
  width: 80%; }

form.bkb-live-search-form #s {
  height: 50px;
  border-radius: 5px !important;
  font-size: 14px; }

div.suggestionList ul li {
  height: 40px;
  font-size: 14px;
  line-height: 2;
  padding-left: 10px; }

/* Events Calendar Elements
-------------------------*/
.post-type-archive-tribe_events .x-header-landmark,
.single-tribe_events .x-header-landmark {
  display: none !important; }

.events-archive .x-main,
.single-tribe_events .x-main {
  padding: 50px; }

/* Members Elements
-------------------------*/
/* Footer
-------------------------*/
footer .h-widget {
  color: #010101;
  font-size: 14px; }
footer .textwidget ul {
  list-style: none !important;
  margin: 0 !important; }
  footer .textwidget ul li {
    background: none !important;
    line-height: 26px; }
    footer .textwidget ul li a {
      color: #010101;
      text-decoration: none;
      font-size: 14px;
      font-weight: bold; }
      footer .textwidget ul li a:hover {
        color: #df4c46 !important; }

/* Footer Widget Tweaks
-------------------------*/
.widget-heading {
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 8px;
  text-transform: uppercase; }

#text-7 {
  text-align: right; }

/* X Colophon
-------------------------*/
.x-colophon.top .x-column .widget {
  width: 45%;
  float: right;
  margin-top: 0px !important; }
  .x-colophon.top .x-column .widget:first-child {
    width: 45%;
    float: left; }

@media only screen and (max-width: 767px) {
  .x-colophon.top .x-column.x-md {
    min-height: 150px;
    clear: both; } }

.x-colophon.top {
  background-color: #FFF !important;
  padding: 3% 7%; }
.x-colophon.bottom {
  padding: 0 7%;
  background-color: #000 !important; }
  .x-colophon.bottom .x-social-global {
    margin: 20px 0;
    width: 30%;
    float: right;
    text-align: right; }
    @media only screen and (max-width: 400px) {
      .x-colophon.bottom .x-social-global {
        width: 100%;
        float: none;
        text-align: center; } }
    .x-colophon.bottom .x-social-global a {
      color: #010101; }
      
      .x-colophon.bottom .x-social-global a:hover {
        background-color: #FFF;
        color: #297FCA; }

.x-colophon.bottom .x-social-global a > i { font-size: 2em !important; }

.x-colophon-content {
  text-align: left;
  margin: 40px 0px !important;
  background-color: #000 !important;
  color: #fff !important;
  width: 70%;
  float: left; }
  @media only screen and (max-width: 400px) {
    .x-colophon-content {
      width: 100%;
      float: none;
      text-align: center; } }
  .x-colophon-content a {
    color: #297FCA !important;
    font-size: 14px; }
  .x-colophon-content p {
    font-size: 14px; }
  .x-colophon-content h6 { color: #FFF !important;}

/* Donate Banner
-------------------------*/
.donate-banner {
		display:none !important; /* TEMPORARY!!! */
  padding: 125px; }
  @media only screen and (max-width: 767px) {
    .donate-banner {
      padding: 15px; } }

.donate-message {
  width: 80%;
  float: left;
  font-size: 30px;
  color: #FFF; }
  @media only screen and (max-width: 767px) {
    .donate-message {
      width: 100%;
      float: none; } }

.donate-button {

  width: 20%;
  float: right;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .donate-button {
      width: 100%;
      float: none; } }
  .donate-button .x-btn {
    background-color: #FFF !important;
    color: #df4c46 !important;
    border: 2px solid #df4c46 !important;
    font-size: 18px !important; }
    .donate-button .x-btn:hover {
      background-color: #0093dd !important;
      border: 2px solid #0093dd !important;
      color: #FFF !important; }

/* Scroll To Top
-------------------------*/
.x-scroll-top {
  background-color: #010101;
  opacity: 0.9 !important; }
  .x-scroll-top .x-icon-angle-up {
    color: #FFF; }

/*# sourceMappingURL=style.css.map */


/* Custom Fixes */

.eg-washington-element-3, .eg-news-cobble-element-3, .eg-washington-element-10, .eg-news-cobble-element-10 { 
  background-color: rgba(100,100,100,0.75) !important; }

.x-main.left { padding-left: 1em; }

.woocommerce-ordering select { display: none !important; }

@media (min-width:979px){
  .woocommerce .entry-featured {
    height: 250px;
  }
  .woocommerce .related.products .entry-featured {
    height: 250px;
  }
  .woocommerce .entry-product .entry-wrap {
    height: 250px;
  }
  
  img.attachment-entry.size-entry.wp-post-image { 
    height: 235px; 
  }
  
}

.woocommerce li.product { margin-bottom: 1% !important; }

.bkb_toc_wrapper ol li a { font-weight: bolder !important; color: #0093dd !important; }