/*Sola Normalize*/


@font-face {
    font-family: 'Trajan Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/TrajanPro-Regular.woff') format('woff');
}


@font-face {
    font-family: 'Trajan Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/TrajanPro-Bold.woff') format('woff');
}


* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {    
  overflow-x: hidden;
}

body {
  margin: 0;
  font-family: 'Josefin Sans', sans-serif;
        
}

a:focus,
a:active {
    outline: none;
    box-shadow: none;
}


/* Add top margin for viewing when logged in with the admin bar */
@media (min-width: 601px) {

  .admin-bar .navigation.js-active,
  .admin-bar .primary-nav.js-open,
  .admin-bar .popup-slider.js-active,
  .admin-bar .popup-slider.js-active > .close-popup,
  .admin-bar .popup-slider.js-active > .close-gallery-popup,
  .admin-bar .homepage-popup.js-active {
    margin-top: 32px;
  }

  .admin-bar .homepage-popup-video {
    height: calc(100% - 32px);
  }

}

img {
  max-width: 100%;
  display: block;
  height: auto;
}

button,
[role="button"] {
  cursor: pointer;
}

button {
  background-color: transparent;
  padding: 0;
  border-width: 0;
  border-style: 0;
  border-color: transparent;
}

button:focus {
  outline: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*Sola Utility Classes*/

.gradient-hor,
.gradient-ver,
.gradient-rad {
  position: relative;
}

a.cover-link,
.red-overlay::before,
.color-overlay,
.click-color-overlay,
.gradient-hor::before,
.gradient-ver::after,
.gradient-rad::before,
.featured-search,
.primary-nav,
.play-video,
.video-play,
.video-overlay,
.forum-update-img,
.video-single-play {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  position: absolute;
}

a.cover-link {
  width: 100%;
  height: 100%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.color-overlay {
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.4);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.red-overlay {
  position: relative;
}

.red-overlay::before {
  opacity: 0;
  z-index: 1;
  background-color: #732524;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -ms-transition: opacity .25s;
  -o-transition: opacity .25s;
}

.background-image-wrapper {
  /*The element containing this class also needs a height set. You can target the element or add a sibling class. Height can be set by padding, min-height, or height, depending upon specific case. The element containing this class needs an <img> with the class .background-image.*/
  position: relative;
  overflow: hidden;
  z-index: 0;
  /* background-image: url(https://heartcrydev.wpengine.com/wp-content/uploads/2019/07/heartcry-icon-200.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%; */
}

img.background-image {
  /*The parent of the <img> needs to have the .background-image-wrapper class as well as a height set (can be set by padding, min-height, or height, depending upon specific case*/
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}


.background-image-wrapper.scale:hover>img.background-image {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/* Must Style */

*::selection

/*Can adjust values as needed. This changes highlighte text. */
  {
  background-color: #222222;
  /*Change to Primary Color*/
  color: #ffffff;
  /*Change if necessary*/
}

main {
  position: relative;
}
/* Heart Cry Icons */

@font-face {
  font-family: 'heartcry-icons';
  src:  url('../fonts/heartcry-icons.eot?v58xnx');
  src:  url('../fonts/heartcry-icons.eot?v58xnx#iefix') format('embedded-opentype'),
    url('../fonts/heartcry-icons.ttf?v58xnx') format('truetype'),
    url('../fonts/heartcry-icons.woff?v58xnx') format('woff'),
    url('../fonts/heartcry-icons.svg?v58xnx#heartcry-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'heartcry-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ree-logo:before {
  content: "\e919";
}
.icon-close:before {
  content: "\e918";
}
.icon-video-camera:before {
  content: "\e900";
}
.icon-download:before {
  content: "\e901";
}
.icon-headphones:before {
  content: "\e902";
}
.icon-left-arrow:before {
  content: "\e903";
}
.icon-right-arrow:before {
  content: "\e904";
}
.icon-chevron-down:before {
  content: "\e905";
}
.icon-chevron-left:before {
  content: "\e906";
}
.icon-chevron-right:before {
  content: "\e907";
}
.icon-chevron-up:before {
  content: "\e908";
}
.icon-facebook:before {
  content: "\e909";
}
.icon-instagram:before {
  content: "\e90a";
}
.icon-lock:before {
  content: "\e90b";
}
.icon-search:before {
  content: "\e90c";
}
.icon-rss:before {
  content: "\e90d";
}
.icon-sermonaudio:before {
  content: "\e90e";
}
.icon-twitter:before {
  content: "\e90f";
}
.icon-vimeo:before {
  content: "\e910";
}
.icon-youtube:before {
  content: "\e911";
}
.icon-mail:before {
  content: "\e912";
}
.icon-link:before {
  content: "\e913";
}
.icon-double-arrow-down:before {
  content: "\e914";
}
.icon-double-arrow-right:before {
  content: "\e915";
}
.icon-double-arrow-up:before {
  content: "\e916";
}
.icon-double-arrow-left:before {
  content: "\e917";
}
.icon-share:before {
  content: "\ea82";
}
.icon-spinner3:before {
  content: "\e97c";
}


/*=============================
    Utility Class
  =============================*/

/*=== Utility-Class - Mobile+ ===*/

.hide {
  display:none;
}

.container {
  padding: 20px;
}

.article-label {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.article-label > span {
  margin-right: 10px;
}

.article-label > span:only-child{
  margin: 0;
}

.article-label > img:only-child{
  margin: 0;
}

.article-label > .grey-label {
  display: none;
}

.featured-meta {
  display: inline;
}

.featured-meta>span {
  font-size: 10px;
  color: #2c2c2c;
  letter-spacing: 1px;
  line-height: 1.2;
  text-transform: uppercase;
}

.featured-meta > span::before {
  content: "•";
  margin-right: 5px;
  color: #2c2c2c;
}

.featured-meta > span:first-child::before {
  content: "";
  margin: 0;
}

.featured-meta>span > span::after {
  content: ":";
  margin-right: 5px;
  color: #2C2C2C;
}

.featured-meta>span > a {
  color: rgba(44, 44, 44, 0.7);
  border-bottom: 1px solid #ccc;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.featured-meta>span > a:hover,
.featured-meta>span > a:active,
.featured-meta>span > a:focus,
.featured-meta>span > a.js-touch {
  color: #732524;
  border-color: #732524;
}

.latest-all-button {
  color: rgba(44, 44, 44, .5);
  background-color: #f0f0f0;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 10px 0;
}

.latest-all-button > span {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.latest-all-button > i {
  font-size: 10px;
  margin-left: 15px;
}

.latest-all-button.js-touch,
.latest-all-button:hover,
.latest-all-button:focus,
.latest-all-button:active  {
  color: #282828;
}

.grey-label {
  font-size: 11px;
  padding: 5px 11px 1px;
  min-height: 18px;
  color:rgba(255, 255, 255, .8);
  border-radius: 100px;
  background-color: rgba(0, 0, 0, .75);
  text-transform: uppercase;
}

.icon-play {
  width: 18px;
  height: 18px;
}

.scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
}

.horizontal-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  height: 100%;
  position: relative;
  -ms-overflow-style: none; /* IE 11 */
  scrollbar-width: none; /* Firefox 64 */
}

.horizontal-scroll::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  display: none;
}

.red-label {
  display: inline;
  font-size: 10px;
  color: #c9201d;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.red-label > span {
  position: relative;
}

.red-label > span::after {
  content: ":";
  color: #c9201d;
}

.red-label > span:last-child::after {
  content: "";
}

.red-head-bar {
  font-size: 16px;
  color: #2c2c2c;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  position: relative;
  letter-spacing: .0375rem;
  font-family: 'Montserrat', sans-serif;
}

.red-head-bar::before {
  content: "";
  top: 50%;
  left: 0;
  width: 3px;
  position: absolute;
  height: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #732524;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  -webkit-transition: transform .25s;
  -moz-transition: transform .25s;
  -ms-transition: transform .25s;
  -o-transition: transform .25s;
}

.heading-red-bar {
  margin: 0;
  position: relative;
  padding-left: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2c2c2c;
}

.heading-red-bar::before {
  content: "";
  width: 3px;
  height: calc(100% + 4px);
  top: -5px;
  left: 0;
  position: absolute;
  background-color: #732524;
}


.resource-image > .background-image-wrapper::before,
.latest-mission-updates::before,
.latest-mission > article::before,
.latest-sermons > article::before,
.latest-forum > article > div::before,
.forum-update-img::before,
.featured-region-field > article::after,
.browse-project-card::after,
.fame-image::before,
.browse-image::before,
.films-card > .background-image-wrapper::before {
  background: url(../svg/heartcry-h.svg) no-repeat center;
  background-size: 25%;
  opacity: .25;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.more-btn {
  font-size: 12px;
  padding: 5px;
  margin-left: 10px;
  margin-right: -5px;
  font-weight: 600;
  letter-spacing: 1px;
  color: rgba(44, 44, 44, 0.5);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  transition: color .3s;
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  -ms-transition: color .3s;
  -o-transition: color .3s;
}

.more-btn-text {
  margin-bottom: -1px;
  white-space: nowrap;
}

.more-btn:hover > .more-btn-text,
.more-btn:focus > .more-btn-text,
.more-btn:active > .more-btn-text,
.more-btn.js-touch > .more-btn-text {
  color: #282828;
} 

.more-right-play {
  display: none;
}

.more-right-play > i {
  font-size: 12px;
  color: #282828;
}

.subscribe-btn {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border: 0px;
  cursor: pointer;
  margin-top: 15px;
  border-radius: 5px;
  height: 40px;
  padding: 15px 35px 10px;
  letter-spacing: .4px;
  display: table;
  background-color: #2c2c2c;
  text-transform: uppercase;
  transition: background-color .25s;
  font-family: 'Josefin Sans', sans-serif;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.subscribe-btn:hover {
  background-color: #732524;
}

.subscribe-btn span {
  margin-bottom: -2px;
}

/* ======= Utility-Class - Tablet+ ======= */

@media (min-width: 768px) {

  .container {
    padding: 40px;
  }

  .article-label > .grey-label {
    display: inline-block;
  }

  .latest-all-button > span {
    font-size: 12px;
  }

  .latest-all-button > i {
    font-size: 9px;
    margin-left: 10px;
  }

  .red-label {
    font-size: 11px;
  }

  .red-label > span.show-on-mobile {
    display: none;
  }

  .featured-meta>span {
    font-size: 12px;
  }

  .red-head-bar {
    font-size: 20px;
  }

  .latest-all-button {
    padding: 12px 0;
    margin: 10px 0 -12px;
  }

}

/* ======= Utility-Class - Desktop+ ======= */

@media (min-width: 992px) {

  .container {
    padding: 50px;
  }

  .icon-play {
    width: 22px;
    height: 22px;
  }

  .latest-all-button {
    margin-top: 12px;
  }

  .latest-all-button>i {
    margin-left: 10px;
  }

  .grey-label {
    padding: 7px 11px 1px;
    min-height: 22px;
  }

  .featured-meta>span {
    font-size: 14px;
  }

  .more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .more-btn.play-more-btn {
    margin-right: -10px;
  }

  .more-btn-text {
    margin-bottom: -3px;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-transition: transform .25s;
    -moz-transition: transform .25s;
    -ms-transition: transform .25s;
    -o-transition: transform .25s;
}

  .more-btn:hover .more-btn-text,
  .more-btn:focus .more-btn-text,
  .more-btn:active .more-btn-text,
  .more-btn.js-touch .more-btn-text  {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

  .more-btn:hover .more-right-play,
  .more-btn:focus .more-right-play,
  .more-btn:active .more-right-play,
  .more-btn.js-touch .more-right-play  {
    opacity: 1;
    visibility: visible;
  }

  .more-right-play {
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    justify-content: flex-end;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
  }

  .more-btn.play-more-btn .more-btn-text {
    transform: translateX(40px);
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
  }

  .more-btn.play-more-btn:hover .more-btn-text,
  .more-btn.play-more-btn:focus .more-btn-text,
  .more-btn.play-more-btn:active .more-btn-text,
  .more-btn.play-more-btn.js-touch .more-btn-text  {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

  .more-btn.play-more-btn  .more-right-play {
    margin-left: 15px;
    margin-right: 5px;
  }

}

/* ======= Utility-Class - Desktop+ ======= */

@media (min-width: 1400px) {

  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .big-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
  }
    
    .big-container-alt {
        width: 90%;
        margin: 0px auto;
    }
}

/*===============================
	Scroll Magic
===============================*/

@media (min-width: 992px) {

  .accent-line {
    position: relative;
  }
  
  .accent-line::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 0;
    left: 50%;
    top: 0;
    background-color: rgba(0, 0, 0, .03);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: height ease-in-out 2s;
    -webkit-transition: height ease-in-out 2s;
    -moz-transition: height ease-in-out 2s;
    -ms-transition: height ease-in-out 2s;
    -o-transition: height ease-in-out 2s;
}
  
  .accent-line.js-active::after {
    height: 100%;
  }

}

/*=============================
===============================
========== Homepage ===========
===============================
===============================*/

/*=============================
  Primary Header
  =============================*/

/*=== Primary Header - Mobile+ ===*/

.navigation {
  position: relative;
  height: 50px;
  z-index: 15;
  width: 100%;
}

.navigation.js-active {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
    
}

.logo-home {
    width: 140px;
    height: inherit;
    position: absolute;
    left: 0;
    right: 0;

}

.primary-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: #fff;
  z-index: 15;
  width: 100%;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.16);
    justify-content: space-between;
}

.primary-navbar-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 15;
    width: 100%;
    justify-content: end;
}

.js-noscroll {
  overflow: hidden; 
}

/*Logo*/

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  text-align: center;
  padding: 10px 15px;
}

.logo img {
  max-width: 170px;
  max-height: 30px;
  /* width: 170px;
  height: 30px; */
}

.logo-placeholder {
  font-size: 20px;
  font-weight: 700;
  color: #2c2c2c;
  line-height: 1.5;
  text-transform: uppercase;
}

/* End Logo */

/* Featured-Nav */

.featured-nav {
  display: none;
}

/* End-Featured-Nav */

/* Featured-Btn */

.featured-btn {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

/* Search-Btn */

.search-btn {
  display: none; /*Hidden now on mobile to make room for donate button*/
  height: 100%;
  font-size: 16px;
  padding: 0 15px;
  color: #2c2c2c;
}

/* End-Search-Btn */

/*Donate Button in Navbar*/

.mobile-donate-button {
    display: flex;
    align-items: center;
}

.donate-button-link {
    background-color: #2c2c2c;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .8px;
    margin-right: 15px;
    padding: 7px 9px 4px 10px;
    border-radius: 3px;
}

/* End Donate Button in Navbar*/

/* Nav-Icon */

.nav-btn {
  width: 52px;
  cursor: pointer;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F0F0F0;
}

.nav-btn:focus {
  box-shadow: initial;
}

.nav-btn>span {
  display: none;
}

.menu-icon {
  position: relative;
  width: 22px;
  height: 14px;
  margin-bottom: 5px;
}

.icon-bar-1,
.icon-bar-2,
.icon-bar-3 {
  position: absolute;
  height: 1px;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  background-color: #2c2c2c;
  -webkit-transition: width .25s, top .25s .3s, bottom .25s .3s, -webkit-transform .25s;
  transition: width .25s, top .25s .3s, bottom .25s .3s, -webkit-transform .25s;
  transition: width .25s, top .25s .3s, bottom .25s .3s, transform .25s;
  transition: width .25s, top .25s .3s, bottom .25s .3s, transform .25s, -webkit-transform .25s;
}

.icon-bar-1 {
  top: 0;
  width: 18px;
  -webkit-transform: translateX(-50%) rotate(0deg);
          transform: translateX(-50%) rotate(0deg);
}

.icon-bar-2 {
  width: 22px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity .25s, width .25s;
  transition: opacity .25s, width .25s;
}

.icon-bar-3 {
  bottom: 0;
  width: 18px;
  -webkit-transform: translateX(-50%) rotate(0deg);
          transform: translateX(-50%) rotate(0deg);
}

.nav-btn.js-touch .icon-bar-1,
.nav-btn.js-touch .icon-bar-3 {
  width: 22px;
}

.nav-btn.js-touch .icon-bar-2 {
  width: 18px;
}

.menu-icon.js-active .icon-bar-1 {
  top: 6px;
  -webkit-transition: width .25s, top .25s 0s, -webkit-transform .25s .3s;
  transition: width .25s, top .25s 0s, -webkit-transform .25s .3s;
  transition: width .25s, top .25s 0s, transform .25s .3s;
  transition: width .25s, top .25s 0s, transform .25s .3s, -webkit-transform .25s .3s;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.menu-icon.js-active .icon-bar-2 {
  opacity: 0;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.menu-icon.js-active .icon-bar-3 {
  bottom: 6px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: width .25s, bottom .25s 0s, -webkit-transform .25s .3s;
  transition: width .25s, bottom .25s 0s, -webkit-transform .25s .3s;
  transition: width .25s, bottom .25s 0s, transform .25s .3s;
  transition: width .25s, bottom .25s 0s, transform .25s .3s, -webkit-transform .25s .3s;
}

/* End-Nav-Icon */

/* End-Featured-Btn */

/* ======= Primary-navbar - Tablet+ ======= */

@media (min-width: 768px) {

  .navigation {
    height: 66px;
  }

  .navigation.js-active .primary-navbar {

  }

  .primary-navbar {
    height: 66px;
      
  }


  /*Logo*/

  .logo {
    padding: 14px 28px;
  }

  .logo img {
    max-width: 290px;
    max-height: 40px;
  }

  .logo-placeholder {
    /*If user does not provide logo, then the text of the  title of their site will go in the <a> element in place of the <img>, so be sure to style to a plain text (non-image) logo*/
    font-size: 30px;
  }
    
    .logo-home {
        width: 155px;
        height: inherit;
    }
    


  /* End Logo */

  /* Featured-Btn */

  /* Search-Btn */

  .featured-btn {
    height: 66px;
  }

  .search-btn {
    padding: 0 20px;
    display: initial;
  }

  /* End-Search-Btn */

  /* Donation Button in Navbar */

  .mobile-donate-button {
    display: flex;
  }

  /* End Donation Button in Navbar */

  /* Nav-Icon */

  .nav-btn {
    padding: 20px;
    width: 68px;
  }

  .menu-icon {
    width: 28px;
    height: 18px;
  }

  .icon-bar-1 {
    width: 22px;
  }

  .icon-bar-2 {
    width: 28px;
  }

  .icon-bar-3 {
    width: 22px;
  }

  .nav-btn.js-touch .icon-bar-1
  .nav-btn.js-touch .icon-bar-3 {
    width: 28px;
  }

  .nav-btn.js-touch .icon-bar-2 {
    width: 22px;
  }

  .menu-icon.js-active .icon-bar-1 {
    top: 8px;
  }

  .menu-icon.js-active .icon-bar-3 {
    bottom: 8px;
  }

  /* End-Nav-Icon */

  /* End-Featured_Btn */

}

/* ======= Primary-navbar - Desktop+ ======= */
@media (min-width: 1025px) {


  .navigation {
    height: 80px;
  }
    
    .navigation-new {
        height: 120px;
    }

  .navigation.js-active .primary-navbar {
    z-index: initial;

  }

  .primary-navbar {
    height: 80px;
  }
    
    .primary-navbar-new {
        height: 120px;
    }
    
    .logo-home {
        width: 200px;
        right: inherit;
        position: inherit;
    }
    
    .mobile-donate-button {
    display: none;
  }

  .hide-desktop {
    display: none;
  }

  /*Logo*/

  .logo {
    padding: 16px 30px;
  }

  .logo img {
    max-width: 300px;
    max-height: 40px;
  }

  .logo-placeholder {
    /*If user does not provide logo, then the text of the  title of their site will go in the <a> element in place of the <img>, so be sure to style to a plain text (non-image) logo*/
    font-size: 30px;
  }

  /* End Logo */

  /* Primary-Nav */

  .featured-nav {
    display: block;
    height: 100%;
  }

  .featured-nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }

  .featured-nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: 0px;
  }

  .featured-nav > ul > li > a {
    font-size: 14px;
    position: relative;
    font-weight: 600;
    padding: 0px 40px 0px 0px;
    color: #2c2c2c;
    white-space: nowrap;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: color .25s;
    transition: color .25s;
  }

  .featured-nav a:hover,
  .featured-nav a:active {
    color: #732524;
  }

  .featured-nav > ul > li > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 35%;
    left: 0;
    
    -webkit-transition: width .25s;
    transition: width .25s;
    background-color: #732524;
  }

  .featured-nav > ul > li > a:hover::after,
  .featured-nav > ul > li > a:focus::after {
    width: calc(100% - 40px);
  }

  .featured-nav > ul > li > a:active::after,
  .featured-nav > ul > li > a.current::after,
  .featured-nav > ul > li > a.js-touch::after  {
    background-color: #732524;
    width: calc(100% - 40px);
  }

  .featured-nav > ul > li ul,
  .featured-nav > ul > li ul ul {
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    -ms-transition: opacity .25s;
    -o-transition: opacity .25s;
  }

  .featured-nav > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
  }

  .featured-nav > ul > li ul {
    position: absolute;
     width: 210px;
    padding: 10px 0;
    top: 65px;
    z-index: 20;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16); 
  }

  .featured-nav > ul > li ul li > a {
    width: 100%;
    padding: 8px 30px 8px 18px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: -3px;
    text-transform: uppercase;
    -webkit-transition: color .25s;
    transition: color .25s;
  }

  .featured-nav > ul > li > ul li > ul {
    top: -10px;
    left: 205px;
  }

  .featured-nav > ul > li > ul li:hover > ul {
    opacity: 1;
    visibility: visible;
  }

  .navmore {
    font-size: 9px;
    position: absolute;
    right: 8px;
    top: 5px;
    padding: 5px;
  }
    
    .sub-menu li {
        color: #000;
    }

  /* End-Primary-Nav */

  /* Featured_Btn */

  /* Search-Btn */

  .featured-btn {
    height: 80px;
  }

  .search-btn {
    padding-right: 10px;
    z-index: 80;
  }

  /* End-Search-Btn */

  .nav-btn:hover .icon-bar-1,
  .nav-btn:focus .icon-bar-1,
  .nav-btn:hover .icon-bar-3,
  .nav-btn:focus .icon-bar-3 {
    width: 28px;
  }

  .nav-btn:hover .icon-bar-2,
  .nav-btn:focus .icon-bar-2 {
    width: 22px;
  }

  .nav-btn:active .icon-bar-1,
  .nav-btn:active .icon-bar-3,
  .nav-btn.js-touch .icon-bar-1,
  .nav-btn.js-touch .icon-bar-3 {
    width: 28px;
  }

  .nav-btn:active .icon-bar-2,
  .nav-btn.js-touch .icon-bar-2 {
    width: 22px;
  }

  /* Nav-Icon */
  .nav-btn {
    padding: 32px;
    width: 160px;    
    z-index: 40;
  }

  .nav-btn.js-active {
    background-color: rgba(0, 0, 0, .0012);
  }

  .nav-btn>span {
    display: block;
    font-size: 14px;
    margin-right: 24px;
    font-weight: 600;
    color: #2c2c2c;
    text-transform: uppercase;
  }

  .nav-btn.js-active > span:nth-child(1),
  .nav-btn > span:nth-child(2) {
    display: none;
  }

  .nav-btn.js-active > span:nth-child(2) {
    display: block;
  }

  /* End-Nav-Icon */

/* End-Featured_Btn */

}

/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
    Donate Btn
  ===============================*/

/* ======= Donate-Btn - Mobile+ ======= */

/* Donate */

.donate-menu {
  display: none;
}

.primary-donate > a {
  display: none !important;
}

.primary-donate > a:first-child {
  display: flex !important;
}

/* End-Donate */

/* ======= Donate-Btn - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* ======= Donate-Btn - Tablet+ ======= */
@media (min-width: 768px) {}
/* ======= Donate-Btn - Desktop+ ======= */
@media (min-width: 1025px) {

  /* Donate */

  .donate-menu {
    display: flex;
    position: relative;
    z-index: 29;
  }

  .donate-menu > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .donate-menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }

  .donate-menu > ul > li > a {
    font-size: .8rem;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.25em;
    font-weight: 300;
    padding: 0 20px;
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: color .25s;
    transition: color .25s;
  }

  .donate-menu a:hover,
  .donate-menu a:active {
    color: #732524;
  }

  .donate-menu > ul > li > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 30%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: width .25s;
    transition: width .25s;
    background-color: #732524;
  }

  .donate-menu > ul > li > a:hover::after,
  .donate-menu > ul > li > a:focus::after {
    width: calc(100% - 40px);
  }

  .donate-menu > ul > li > a:active::after,
  .donate-menu > ul > li > a.current::after,
  .donate-menu > ul > li > a.js-touch::after  {
    background-color: #732524;
    width: calc(100% - 40px);
  }

  .donate-menu > ul > li ul,
  .donate-menu > ul > li ul ul {
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    -ms-transition: opacity .25s;
    -o-transition: opacity .25s;
  }


  .donate-menu > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
      
  }


  .donate-menu > ul > li ul {
    position: absolute;
    width: 150px;
    padding: 10px 0;
    top: 54px;
    right: 0;
    left: 0;
    margin-left: -33px;
    z-index: 1;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16); 
  }

  .donate-menu > ul > li ul li > a {
    width: 100%;
    padding: 8px 30px 8px 18px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: -3px;
    text-transform: uppercase;
    -webkit-transition: color .25s;
    transition: color .25s;
  }

  .donate-menu > ul > li > ul li > ul {
    top: -10px;
    right: 205px;
  }

  .donate-menu > ul > li > ul li:hover > ul {
    opacity: 1;
    visibility: visible;
      
  }
    
    .sub-menu li a:hover {
        color: #000!important;
        text-decoration: underline;
    }

  .navigation.js-active .donate-menu > ul > li > ul li:hover > ul,
  .navigation.js-active .donate-menu > ul > li:hover > ul {
    opacity: 0;
    visibility: hidden;
      color: #000!important;
        text-decoration: underline;
  }

  /* End-Donate */

}
/* ======= Donate-Btn - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
          Primary Nav
  ===============================
  ===============================*/

/*===============================
    Primary-Nav
  ===============================*/

/* ======= Primary-Nav - Mobile+ ======= */

.primary-nav {
  position: fixed;
  width: 100%;
  overflow-y: auto;
  z-index: 10;
  display: none;
  height: 100vh;
  top: 50px;
  right: 0;
  left: 0;
  padding: 20px 30px 100px;
  background-color: #fff;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transform: translateX(-2000px);
  transform: translateX(-2000px);
}

.primary-nav.js-open {
  display: block;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.primary-nav > nav.gradient-ver::after {
  display: none;
}

.primary-nav > nav > div > ul > li > a {
  font-size: 15px;
  color: #2C2C2C;
  margin: 0;
  padding: 14px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
}

.primary-nav > nav > div ul li {
  position: relative;
}

.primary-nav > nav > div > ul > li ul ul {
  max-height: 0;
  overflow: hidden;
  padding-left: 30px;
  -webkit-transition: max-height ease-in-out 1s;
  transition: max-height ease-in-out 1s;
}

.primary-nav > nav > div > ul > li ul ul.js-active {
  max-height: 1000px;
}

.primary-nav > nav > div > ul > li ul > li a {
  color: #2c2c2c;
  line-height: 1.5;
  padding: 11px 0;
  display: block;
  width: calc(100% - 40px);
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.primary-nav > nav > div > ul > li ul > li a:hover,
.primary-nav > nav > div > ul > li ul > li a:focus,
.primary-nav > nav > div > ul > li ul > li a:active,
.primary-nav > nav > div > ul > li ul > li a.js-touch  {
  color: #732524;
}

.primary-nav > nav > div > ul > li > a {
  font-weight: 500;
  font-size: 15px;
}

.primary-nav > nav > div > ul > li ul ul > li > a {
  font-weight: 400;
  font-size: 15px;
}

.primary-nav > nav > div > ul > li ul ul ul > li > a {
  font-weight: 400;
  font-size: 12px;
}

.js-more {
  padding: 15px;
  right: 0;
  top: 0;
  z-index: 10;
  position: absolute;
}

.js-more > div {
  position: relative;
  width: 16px;
  height: 16px;
  padding: 8px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: background-color .25s;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.js-more.js-touch > div {
  background-color: rgba(44, 44, 44, .1);
}

.bar-1,
.bar-2 {
  width: 8px;
  height: 2px;
  position: absolute;
  background-color: #2c2c2c;
  -webkit-transition: background-color .25s, -webkit-transform .25s .3s;
  transition: background-color .25s, -webkit-transform .25s .3s;
  transition: background-color .25s, transform .25s .3s;
  transition: background-color .25s, transform .25s .3s, -webkit-transform .25s .3s;
}

.bar-1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

.bar-2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}

.js-more.js-active > div > .bar-1 {
  background-color: #732524;
  -webkit-transition: background-color .25s;
  transition: background-color .25s;
}

.js-more.js-active > div > .bar-2 {
  background-color: #732524;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transition: background-color .25s, -webkit-transform .25s 0s;
  transition: background-color .25s, -webkit-transform .25s 0s;
  transition: background-color .25s, transform .25s 0s;
  transition: background-color .25s, transform .25s 0s, -webkit-transform .25s 0s;
}

.primary-social-nav > .background-image {
  display: none;
}

.primary-social-nav > blockquote {
  display: none;
}

.primary-share-link > h1 {
  display: none;
}

.primary-share-link > div {
  display: none;
}

.primary-share-link > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 22px 0;
  margin-top: 30px;
  border-top: 1px solid rgba(44, 44, 44, 0.1);
}

.primary-share-link > nav > a {
  font-size: 20px;
  padding: 7px;
  color: #2C2C2C;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.primary-share-link > nav > a:first-child {
  padding-left: 0;
}

.primary-share-link > nav > a:last-child {
  padding-right: 0;
}

.primary-share-link > nav > a:hover,
.primary-share-link > nav > a:active,
.primary-share-link > nav > a:focus,
.primary-share-link > nav > a.js-touch {
  color: #732524;
}

.primary-share-link > nav > a svg {
  width: 20px;
  height: 20px;
}

.primary-share-link > nav > a svg path {
  fill: #2c2c2c;
  transition: fill .25s;
}

.primary-share-link > nav > a:hover svg path,
.primary-share-link > nav > a:active svg path,
.primary-share-link > nav > a:focus svg path,
.primary-share-link > nav > a.js-touch svg path {
  fill: #732524;
}

.primary-donate > a {
  height: 38px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 12px 20px 8px;
  letter-spacing: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #732524;
  text-transform: uppercase;
  transition: background-color .25s;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.primary-donate > a:active, 
.primary-donate > a:hover, 
.primary-donate > a:focus, 
.primary-donate > a.js-touch {
  background-color: #5c1413;
}

.click-color-overlay {
  position: fixed;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(44, 44, 44, .8);
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -ms-transition: opacity .25s;
  -o-transition: opacity .25s;
}

.click-color-overlay.js-active {
  opacity: 1;
  visibility: visible;
}

/* ======= Primary-Nav - Mobile+ ======= */

@media (max-width: 1025px) {

  .primary-nav.js-active .primary-nav-items {
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    -ms-transition: opacity .25s;
    -o-transition: opacity .25s;
  }

  .primary-nav.js-active .primary-social-nav {
    display: none;
  }

  .primary-nav-items {
    width: 100%;
  }

  .primary-nav-items.js-hide {
    display: none;
  }

  .primary-nav-items.js-active {
    display: block;
  }

  .primary-nav.js-active .primary-nav-items.js-active {
    opacity: 1;
    visibility: visible;
  }

  .primary-nav-items.js-active > li {
    display: none;
  }

  .primary-nav-items.js-active > li.js-active {
    display: block;
  }

  .primary-nav > nav > div > ul > li > a::before,
  .primary-nav > nav > div > ul > li > a::after {
    font-size: 10px;
    color: rgba(86, 86, 86, 0.7);
    font-family: 'heartcry-icons' !important;
  }

  .primary-nav > nav > div > ul > li > a::before {
    content: "\e906";
    position: absolute;
    display: none;
    left: -16px;
    padding: 8px 2px;
  }

  .primary-nav > nav > div > ul > li > a::after {
    content: "\e907";
    margin-left: 5px;
    margin-top: 3px;
  }

  .primary-nav > nav > div > ul > li > a.js-active {
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 10px;
    color: rgba(86, 86, 86, 0.7);
  }
  
  .primary-nav > nav > div > ul > li.js-active a::after {
    display: none;
  }

  .primary-nav > nav > div > ul > li.js-active a::before {
    display: block;
  }

  .primary-nav > nav > div > ul > li > ul {
    display: none;
  }

  .primary-nav > nav > div > ul > li > ul.js-active {
    display: block;
  }

  .js-more {
    position: absolute;
  }
}

/* ======= Primary-Nav - Large Mobile+ ======= */


@media (min-width: 480px) {}


/* ======= Primary-Nav - Tablet+ ======= */
@media (min-width: 768px) {

  .primary-nav {
    
    left: initial;
    width: 100%;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
      transition: all 1s;
  }
  
  
  .primary-nav > nav > div > ul > li > a {
    font-size: 17px;
    padding: 15px 0;
  }

  .primary-nav > nav > div > ul > li ul ul {
    padding-left: 20px;
  }
  
  .primary-social-nav {
    margin-top: 30px;
    margin-bottom: 66px;
  }
  
  .primary-social-nav > blockquote {
    display: block;
    font-size: 18px;
    margin: 0 0 50px 0;
    text-align: center;
    padding: 40px 10px;
    line-height: 1.5;
    font-style: italic;
    color: rgba(44, 44, 44, 0.7);
    font-family: 'Playfair Display', serif;
    border-top: 1px solid rgba(44, 44, 44, 0.1);
    border-bottom: 1px solid rgba(44, 44, 44, 0.1);
  }

  .primary-share-link > h1 {
    display: block;
    font-size: 13px;
    margin: 0;
    font-weight: 600;
    text-align: center;
    letter-spacing: 2px;
    color: rgba(44, 44, 44, 0.7);
    text-transform: uppercase;
  }

  .primary-share-link > nav {
    padding: 10px 0;
    margin-top: 0;
    border-top: 0px;
  }
  
  .primary-share-link > nav > a {
    font-size: 16px;
    padding: 9px;
    color: rgba(44, 44, 44, 0.7);
  }

  .primary-share-link > nav > a:hover,
  .primary-share-link > nav > a:focus {
    color: #2c2c2c;
  }

  .primary-share-link > nav > a svg {
    width: 18px;
    height: 18px;
  }

  .primary-share-link > nav > a svg path {
    fill: rgba(44, 44, 44, 0.7);
  }

  .primary-share-link > nav > a:hover svg path,
  .primary-share-link > nav > a:focus svg path {
    fill: #2c2c2c;
  }

  .primary-donate {
    margin-top: 30px;
  }

}

/* ======= Primary-Nav - Desktop+ ======= */

@media (min-width: 1025px) {

  .primary-nav {
    top: 0 !important;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 30;
    visibility: hidden;
    overflow-y: initial;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-transition: transform .25s;
    -moz-transition: transform .25s;
    -ms-transition: transform .25s;
    -o-transition: transform .25s;
}
  
  .primary-nav.js-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible;
  }

  .primary-nav > nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 80%;
  }

  .primary-nav > nav.gradient-ver::after {
    display: block;
    position: fixed;
    top: initial;
    width: calc(100% - 325px);
    height: 100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }

  .primary-nav-items > li {
    margin-bottom: 40px;
  }

  .primary-nav > nav > div > ul > li > a {
    font-size: 16px;
    padding: 0;
    margin-bottom: 20px;
    color: #2C2C2C;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    transition: color .25s;
    -webkit-transition: color .25s;
    -moz-transition: color .25s;
    -ms-transition: color .25s;
    -o-transition: color .25s;
  }

  .primary-nav > nav > div > ul > li > a:hover {
    color: #732524;
  }

  .primary-nav > nav > div > ul > li > a::before {
    content: "";
    width: 3px;
    height: 100%;
    left: -10px;
    top: -1px;
    position: absolute;
    background-color: #732524;
  }

  .primary-nav > nav > div > ul > li li {
    padding: 5px 0;
    margin: 10px 0;
  }

  .primary-nav > nav > div > ul > li ul > li a {
    padding: 10px 0;
    display: inline;
    width: initial;
  }

  .primary-nav > nav > div > ul > li ul > li > a {
    font-size: 13px;
  }

  .primary-nav > nav > div > ul > li > ul > li > a {
    text-transform: uppercase;
  }

  .primary-nav > nav > div > ul > li ul ul > li > a {
    font-size: 13px;
  }

  .primary-nav > nav > div > ul > li ul ul {
    padding-left: 10px;
  }

  .js-more {
    position: relative;
    padding: 4px 10px;
    top: 3px;
  }

  .js-more:hover > div,
  .js-more:focus > div,
  .js-more:active > div {
    background-color: rgba(44, 44, 44, .1);
  }

  .primary-social-nav {
    margin-top: 0;
    padding: 35px;
    width: 20%;
    position: fixed;
    height: 100vh;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #0C2436;
  }
  
  .primary-social-nav > .background-image {
    display: block;
    opacity: .025;
  }

  .primary-social-nav > blockquote {
    margin: auto 0 0;
    padding: 20px 10px 0;
    border-top: 0px;
    border-bottom: 0px;
    text-align: left;
  }

  .primary-share-link {
    margin-top: auto;
  }

  .primary-share-link > h1 {
    text-align: left;
  }

  .primary-share-link > div {
    display: block;
    margin-bottom: 50px;
  }

  .primary-share-link > div > h1 {
    font-size: 13px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 2px;
    color: rgba(44, 44, 44, 0.7);
    text-transform: uppercase;
  }

  .primary-share-link > div > p {
    font-size: 13px;
    line-height: 1.3;
    margin: 8px 0;
    color: rgba(44, 44, 44, 0.7);
    font-family: 'Lato', sans-serif;
  }

  .primary-share-link > nav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .primary-donate {
  }

  .click-color-overlay.js-active {
    display: none;
  }
}

/* ======= Primary-Nav - Large Desktop+ ======= */
@media (min-width: 1200px) {

  .primary-nav > nav > div > ul > li > a {
    font-size: 17px;
  }

  .primary-nav > nav > div > ul > li ul ul {
    padding-left: 20px;
  }

  .primary-nav-items > ul > li > ul > li > ul {
    padding-left: 20px;
  }

}

/*===============================
    Featured-Search
  ===============================*/

/* ======= Featured-Search - Mobile+ ======= */

.featured-search {
  position: fixed;
  padding: 20px;
  width: 100%;
  height: 100vh;
  z-index: 15;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-close-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  position: fixed;
  z-index: 2;
  cursor: pointer;
  background-color: rgba(44, 44, 44, .8);
}

.featured-form {
  width: 280px;
  position: relative;
  padding: 20px;
  margin: auto;
  z-index: 5;
  min-height: 450px;
  border-radius: 5px;
  background-color: #fff;
}

/* Search-Close */

.search-close {
  width: 30px;
  height: 24px;
  cursor: pointer;
  right: 20px;
  float: right;
}

.close-bar-1,
.close-bar-2 { 
  position: absolute; 
  height: 2px; 
  width: 18px; 
  border-radius: 2px; 
  background-color: #2c2c2c; 
  -webkit-transition: -webkit-transform .25s; 
  transition: -webkit-transform .25s; 
  transition: transform .25s; 
  transition: transform .25s, -webkit-transform .25s; 
  -webkit-transition: transform .25s; 
  -moz-transition: transform .25s; 
  -ms-transition: transform .25s; 
  -o-transition: transform .25s;
}

.close-bar-1 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close-bar-2 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* End-Search-Close */

/* Search-Form */

.search-form {
  padding-top: 20px;
}

.input-form {
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  border: 1px solid #959595;
  border-right: 0px;
}

.input-form > input {
  display: block;
  width: calc(100% - 42px);
  border-width: 0px;
  border-color: transparent;
  text-rendering: auto;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  height: 36px;
  outline: 0;
  padding: 5px 5px 5px 15px;
  -ms-flex-item-align: center;
      align-self: center;
  background-color: transparent;
}

.input-form input[type=search] {
  color: #2c2c2c;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
}

.input-form input::-webkit-input-placeholder,
.input-form input:-ms-input-placeholder,
.input-form input::-webkit-input-placeholder {
  color: #959595;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.input-form input::-webkit-input-placeholder,
.input-form input:-ms-input-placeholder,
.input-form input::placeholder {
  color: #959595;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.input-form > button {
  width: 42px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  margin: -1px 0;
  padding: 8px 10px;
  border-radius: 0 5px 5px 0;
  background-color: #732524;
  border: 1px solid #732524;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
}

/* End-Search-Form */

/* Form-Nav */

.search-form > ul {
  padding: 30px 5px 10px;
}

.search-form > ul > li label {
  display: block;
  font-size: 12px;
  color: rgba(44, 44, 44, 0.7);
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  padding: 10px;
  cursor: pointer;
  text-transform: uppercase;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.search-form > ul > li:hover label,
.search-form > ul > li:focus label,
.search-form > ul > li.js-touch label {
  color: #2c2c2c;
}

.search-form > ul > li:active label {
  color: #732524;
}

/* Radio Checkboxes */

.search-form ul input[type=radio] {
	display: none !important;
}

.search-form ul input[type="radio"] + label {
	padding-left: 24px !important;
	position: relative;
	min-height: 18px;
}

.search-form ul input[type="checkbox"] + label {
	padding-left: 12px !important;
}

.search-form ul input[type="radio"]:checked + label {
	color: #732524;
}

.search-form ul input[type="radio"] + label:before {
	content: '';
	background-color: transparent;
	border: transparent solid 2px;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(44, 44, 44, 0.7);
	        box-shadow: 0px 0px 0px 3px rgba(44, 44, 44, 0.7);
	border-radius: 50%;
	height: 6px;
	width: 6px;
	position: absolute;
	left: 3px;
	top: 12px;
}

.search-form ul input[type="radio"]:checked + label::before {
	content: '';
	background-color: #732524;
	border: #fff solid 2px;
	-webkit-box-shadow: 0px 0px 0px 3px #732524;
	        box-shadow: 0px 0px 0px 3px #732524;
	border-radius: 50%;
	height: 6px;
	width: 6px;
	position: absolute;
	left: 3px;
	top: 12px;
}

.search-form > ul > li:hover input[type="radio"] + label:before,
.search-form > ul > li:focus input[type="radio"] + label:before  {
  -webkit-box-shadow: 0px 0px 0px 3px #2c2c2c;
          box-shadow: 0px 0px 0px 3px #2c2c2c;
}

.search-form > ul > li:hover input[type="radio"]:checked + label:before,
.search-form > ul > li:focus input[type="radio"]:checked + label:before {
  -webkit-box-shadow: 0px 0px 0px 3px #732524;
          box-shadow: 0px 0px 0px 3px #732524;
  background-color: #732524;
}

.click-black-overlay {
  z-index: -1;
  cursor: pointer;
  background-color: rgba(44, 44, 44, .8);
}

/* End-Form-Nav */

/* ======= Featured-Search - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Featured-Search - Tablet+ ======= */
@media (min-width: 768px) {
  
  .featured-search {
    padding: 50px;
  }

  .featured-form {
    padding: 20px 48px;
    width: 550px;
    min-height: 330px;
  }
  
  /* Search-Close */
  
  .search-close {
    width: 40px;
    height: 30px;
  }
  
  .close-bar-1,
  .close-bar-2 {
    width: 22px;
  }

  /* End-Search-Close */
  
  /* Search-Form */

  .input-form input::-webkit-input-placeholder,
  .input-form input::-ms-input-placeholder,
  .input-form input::-webkit-input-placeholder,
  .input-form input[type=search]  {
    font-size: 12px;
  }

  .input-form input::-webkit-input-placeholder,
  .input-form input::-ms-input-placeholder,
  .input-form input::placeholder,
  .input-form input[type=search]  {
    font-size: 12px;
  }
  
  /* End-Search-Form */
  
  /* Form-Nav */
  
  .search-form > ul {
    -webkit-column-count: 2;
            column-count: 2;
    grid-gap: 20px;
    padding: 20px 0;
  }
  
  .search-form > ul > li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  
  /* End-Form-Nav */

}

/*===============================
    Banner
  ===============================*/

/* ======= Banner - Mobile+ ======= */

/* banner-articles */

.banner {
  /* Keeping banner height on load @corey*/
  height: 320px;
  overflow: hidden;
  width: 100%;
  display: block;
}

.banner-articles {
  width: 100%;
  background-color: #000;
}

.featured-banner {
  min-height: 320px;
}

.featured-banner > a {
  z-index: 1;
}

.featured-banner.slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.banner-content {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}

.slick-current.slick-active .banner-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition: opacity 2s, -webkit-transform .5s;
  transition: opacity 2s, -webkit-transform .5s;
  transition: opacity 2s, transform .5s;
  transition: opacity 2s, transform .5s, -webkit-transform .5s;
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
}

.banner-content .red-label {
  font-size: 9px;
  color: #fff;
}

.banner-content .red-label > span::after{
  color: #fff;
}

.banner-content>h1.red-head-bar {
  font-size: 25px;
  color: #fff;
  padding-left: 8px;
  margin: 5px 10% 5px -12px;
  -webkit-box-orient: vertical;
}

.banner-content>h1.red-head-bar::before {
  width: 2px;
  height: calc(100% - 12px);
}

.banner-meta-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.banner-meta-tag .featured-meta > span {
  font-size: 12px;
  color: #fff;
}

.banner-meta-tag .featured-meta > span::before {
  color: #fff;
}

.banner-meta-tag .featured-meta {
  margin-right: 12px;
}

.featured-banner.gradient-hor::before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.8+0,0.15+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.15)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.15) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#26000000', GradientType=1);
  /* IE6-9 */
}

.featured-banner.gradient-ver::after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+70,000000+100&0+70,0.8+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
  /* IE6-9 */
}

/* End-banner-articles */

/* Banner-Nav */

.banner-nav {
  display: none;
}

/* End-Banner-Nav */

/* ======= Banner - Tablet+ ======= */

@media (min-width: 768px) {

  .banner {
    height: 460px;
  }

  /* banner-articles */

  .featured-banner {
    min-height: 460px;
  }

  .banner-content {
    padding: 0 17px;
  }

  .banner-content .red-label {
    font-size: 10px;
  }

  .banner-content>h1.red-head-bar {
    font-size: 35px;
    padding-left: 14px;
    margin: 7px 25% 7px -16px;
  }

  .banner-content>h1.red-head-bar::before {
    width: 5px;
    height: calc(100% - 16px);
  }

  .banner-meta-tag .featured-meta {
    margin-right: 14px;
  }

  .banner-meta-tag .featured-meta > span {
    font-size: 14px;
  }

  /* End-banner-articles */

}

/* ======= Banner - Desktop+ ======= */

@media (min-width: 992px) {

  /* banner-articles */

  .banner {
    height: 564px;
  }

  .featured-banner {
    min-height: 564px;
  }

  .banner-content {
    padding: 0 21px;
  }

  .banner-content .red-label {
    font-size: 11px;
  }

  .banner-content>h1.red-head-bar {
    font-size: 45px;
    padding-left: 18px;
    margin: 10px 45% 10px -20px;
  }

  .banner-content>h1.red-head-bar::before {
    height: calc(100% - 20px);
  }

  .banner-meta-tag > .featured-meta > span {
    font-size: 15px;
  }

  .banner-dots {
    display: none !important;
  }

  .featured-banner.gradient-hor::before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+75&0.8+0,0+75 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), color-stop(75%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 75%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
  }

  /* End-banner-articles */

  /* Banner-Nav */

  .banner-nav {
    width: calc(100% - 100px);
    max-height: 36px;
    bottom: 85px;
    margin: 0 50px;
    display: block;
  }

  .banner-nav h1 {
    -webkit-transition: initial;
    transition: initial;
  }

  .banner-nav h1.red-head-bar {
    cursor: pointer;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 20px;
    height: 36px;
    max-height: 36px;    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
  }

  .banner-nav h1.red-head-bar:last-child {
    padding-right: 0;
  }

  .banner-nav h1.red-head-bar::before {
    height: calc(100% - 2px);
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    background-color: rgba(255, 255, 255, .5);
  }

  .banner-nav h1.red-head-bar:hover::before,
  .banner-nav h1.red-head-bar:focus::before {
    background-color: rgba(255, 255, 255, .85);
  }

  .banner-nav h1.red-head-bar:hover,
  .banner-nav h1.red-head-bar:focus {
    color: rgba(255, 255, 255, .85);
  }

  .banner-nav  h1.red-head-bar.slick-current,
  .banner-nav h1.red-head-bar:active {
    color: #fff;
  }

  .banner-nav h1.red-head-bar:active::before, 
  .banner-nav  h1.red-head-bar.slick-current::before {
    background-color: #732524;
  }

  /* End-Banner-Nav */

}

/* =======  - Large Desktop+ ======= */

@media (min-width: 1400px) {

  .banner-nav.big-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
  }

  .banner-content {
    padding: 0 20px;
  }

}

/*===============================
   Featrured-Resources 
  ===============================*/

/* ======= Featrured-Resources - Mobile+ ======= */

.missionary-card {
  position: relative;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  z-index: 0;
  overflow: hidden;
  border-bottom: 1px solid #EDEDED;
  background-color: #fff;
}

.missionary-card:last-child {
  border-bottom: 0px;
}

.missionary-card>div:only-child {
  width: 100%;
}

.missionary-card a {
  z-index: 1;
}

.resource-content {
  width: 70%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 20px;
  border-radius: 0 0 5px 5px;
}

.resource-content>h1 {
  margin-top: 5px;
}

.featured-meta-author {
  display: none;
}

.resource-image {
  width: 30%;
  overflow: hidden;
}

.resource-image .article-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.resource-image > .background-image-wrapper {
  padding-bottom: 56.25%;
  position: relative;
  background-color: #3b3b3b;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* ======= Featrured-Resources - Tablet+ ======= */

@media (max-width: 767px) {

  /* touch-effect for mobile */

  .missionary-card.js-touch,
  .missionary-card:hover {
    background-color: #F5F5F5;
  }

}

/* ======= Featrured-Resources - Tablet+ ======= */

@media (min-width: 768px) {

  .featured-resource > div {
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -20px;
  }

  .missionary-card {
    width: calc(50% - 40px);
    margin: 20px;
    padding: 0;
    border-radius: 5px;
    border-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: initial;
        flex-wrap: initial;
    -webkit-transition: -webkit-transform .25s, -webkit-box-shadow .25s;
    transition: -webkit-transform .25s, -webkit-box-shadow .25s;
    transition: transform .25s, box-shadow .25s;
    transition: transform .25s, box-shadow .25s, -webkit-transform .25s, -webkit-box-shadow .25s;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  }

  .missionary-card:hover,
  .missionary-card:focus{
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
    -webkit-transition: -webkit-transform .25s, -webkit-box-shadow .25s;
    transition: -webkit-transform .25s, -webkit-box-shadow .25s;
    transition: transform .25s, box-shadow .25s;
    transition: transform .25s, box-shadow .25s, -webkit-transform .25s, -webkit-box-shadow .25s;
  }

  .missionary-card:active {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
  }

  .missionary-card.js-touch  {
    -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
  }

  .missionary-card:hover .resource-content > h1,
  .missionary-card:focus .resource-content > h1,
  .missionary-card:active .resource-content > h1 {
    -webkit-transform: translateX(14px);
            transform: translateX(14px);
  }

  .missionary-card.js-touch .resource-content>h1::before,
  .missionary-card:hover .resource-content h1::before,
  .missionary-card:focus .resource-content h1::before,
  .missionary-card:active .resource-content h1::before {
    height: calc(100% - 9px);
  }
  
  .featured-resource > div > article:nth-child(3) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .resource-content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 20px;
    height: 175px;
    width: 100%;
    background-color: #fff;
  }

  .resource-content>h1 {
    margin: 7px 0 7px -14px;
    padding-left: 14px;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
  }

  .featured-meta > .resource-author {
    display: none;
  }

  .featured-meta-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
    border-radius: 50px;
    margin-bottom: -8px;
    z-index: 1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

  .author-name {
    font-size: 12px;
    color: #2c2c2c;
    padding: 5px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .resource-image {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
  }

  .resource-image .article-label {
    right: 20px;
    top: 20px;
    left: initial;
    transform: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
}

  .featured-resource .missionary-card:nth-child(3)>.resource-content {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 50%;
  }

  .featured-resource .missionary-card:nth-child(3)>.resource-image {
    width: 50%;
  }

  .featured-resource .missionary-card:nth-child(3) .featured-meta-author {
    margin-top: auto;
    margin-bottom: -8px;
  }

  .missionary-card:hover .resource-image .background-image,
  .missionary-card:focus .resource-image .background-image,
  .missionary-card:active .resource-image .background-image,
  .missionary-card.js-touch .resource-image .background-image  {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-transition-duration: .6s;
            transition-duration: .6s;
  }

}

/* ======= Featrured-Resources - Desktop+ ======= */

@media (min-width: 992px) {

  .featured-resource > div {
    padding: 50px;
    margin: 0 -25px;
  }

  .missionary-card {
    width: calc(33.3333% - 50px);
    margin: 25px;    
    background-color: #fff;
    z-index: 1;
  } 

  .featured-resource .missionary-card:nth-child(3) {
    width: calc(33.3333% - 50px);
    margin: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .featured-resource .missionary-card:nth-child(3)>.resource-content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }

  .featured-resource .missionary-card:nth-child(3)>.resource-image {
    width: 100%;
  }

  .featured-resource .missionary-card:nth-child(3) .featured-meta-author {
    margin-top: 0;
    top: -18px;
  }

  .resource-content {
    padding: 20px 25px;
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: auto;
    height: 150px;
  }

  .resource-content .featured-meta {
    margin-top: auto;
  }

  .featured-meta > .resource-author {
    display: inline;
  }

  .featured-meta-author {
    position: absolute;
    margin-top: 0;
    top: -17px;
    right: 5%;
  }

  .author-name {
    display: none;
  }

}

/* ======= Featrured-Resources - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .featured-resource > div {
    padding-left: 0;
    padding-right: 0;
  }

}

/*===============================
    Featured-Impact
  ===============================*/

/* ======= Featured-Impact - Mobile+ ======= */

.featured-impact {
  background-color: #F0F0F0;
}

.featured-impact > div {
  padding: 30px 20px;
}

.featured-impact header>h1 {
  font-size: 12px;
  color: rgba(44, 44, 44, .5);
  letter-spacing: 1px;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
}

.featured-impact-content {
  margin-top: 30px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-bottom: 3px solid #732524;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.featured-impact-content.slick-slider {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.featured-impact-content article,
.featured-impact-content article.slick-slide {
  position: relative;
  height: 110px;
  padding: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
}

.impact-content.gradient-hor::before {
  width: 150%;
  height: 150%;
  z-index: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /*Change this line if project requires different color or gradient*/
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,ffffff+100&1+20,0.9+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0.9)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.9) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6ffffff', GradientType=0);
  /* IE6-9 */
}

.featured-impact-content article::after {
  content: "";
  position: absolute;
  left: -25%;
  top: 2px;
  right: 0;
  width: 150%;
  height: 150%;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1.6;
  color: #732524;
  text-align: center;
  text-transform: uppercase;
}

.featured-impact-content article:nth-child(1)::after {
  content: "Monametsi Bahudi George Wambua Naphtally Ogallo Paul Keno Paul Onyango Sam Odeny Sam Oluoch John Akeyo Joseph Okech Andrew P. Chan M. Connor H. Nathan P. Remalesh T. Holden Barry Eugene Zhenya Yevgeny Vladimir Andy Luke Nash Nicolas Serrano Monametsi Bahudi George Wambua Naphtally Ogallo Paul Keno Paul Onyango Sam Odeny Sam Oluoch John Akeyo Joseph Okech Andrew P. Chan M. Connor H. Nathan P. Remalesh T. Holden Barry Eugene Zhenya Yevgeny Vladimir Andy Luke Nash Nicolas Serrano George Wambua Naphtally Ogallo Paul Keno Paul Onyango Sam Odeny Sam Oluoch John Akeyo Joseph Okech Andrew P. Chan M. Connor H. Nathan P. Remalesh T. Holden Barry Eugene Zhenya Yevgeny Vladimir Andy Luke Nash Nicolas Serrano Monametsi Bahudi George Wambua Naphtally Ogallo Paul Keno Paul Onyango Sam Odeny Sam Oluoch John Akeyo Joseph Okech Andrew P. Chan M. Connor H. Nathan P. Remalesh T. Holden Barry Eugene Zhenya Yevgeny Vladimir Andy Luke Nash Nicolas Serrano George Wambua Naphtally Ogallo Paul Keno Paul Onyango Sam Odeny Sam Oluoch John Akeyo Joseph Okech Andrew P. Chan M. Connor H. Nathan P. Remalesh T. Holden Barry Eugene Zhenya Yevgeny Vladimir Andy Luke Nash Nicolas Serrano Monametsi Bahudi George Wambua Naphtally Ogallo Paul Keno Paul Onyango Sam Odeny Sam Oluoch John Akeyo Joseph Okech Andrew P. Chan M. Connor H. Nathan P. Remalesh T. Holden Barry Eugene Zhenya Yevgeny Vladimir Andy Luke Nash Nicolas Serrano";
}

.featured-impact-content article:nth-child(2)::after {
  content: "Botswana Kenya India Russia Scotland Argentina South Africa Uganda Zambia Malawi China Japan Nepal Vietnam Myanmar Indonesia Belarus Italy Finaland France Moldova Romania Spain Sweden Ukraine Switzerland Germany Cuba Peru Canada Israel Siberia Netherlands Kazakhstan Cambodia Botswana Kenya India Russia Scotland Argentina South Africa Uganda Zambia Malawi China Japan Nepal Vietnam Myanmar Indonesia Belarus Italy Finaland France Moldova Romania Spain Sweden Ukraine Switzerland Germany Cuba Peru Canada Israel Siberia Netherlands Kazakhstan CambodiaSpain Sweden Ukraine Switzerland Germany Cuba Peru Canada Israel Siberia Netherlands Kazakhstan Cambodia Spain Sweden Ukraine Switzerland Germany Cuba Peru Canada Israel Siberia Netherlands Kazakhstan Cambodia";
}

.featured-impact-content article:nth-child(3)::after {
  content: "Now I would remind you, brothers, of the gospel I preached to you, which you received, in which you stand, and by which you are being saved, if you hold fast to the word I preached to you—unless you believed in vain. For I delivered to you as of first importance what I also received: that Christ died for our sins in accordance with the Scriptures, that he was buried, that he was raised on the third day in accordance with the Scriptures, and that he appeared to Cephas, then to the twelve. Then he appeared to more than five hundred brothers at one time, most of whom are still alive, though some have fallen asleep.";
}

.featured-impact-content article>h1 {
  font-size: 18px;
  color: #2C2C2C;
  margin: 0;
  z-index: 1;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
}

.featured-impact-content article:hover>h1,
.featured-impact-content article:focus>h1,
.featured-impact-content article:active>h1,
.featured-impact-content article.js-touch>h1 {
  color: #732524;
}

.featured-impact-content article>h1>span {
  font-size: 25px;
  color: #732524;
  font-weight: 700;
}

.featured-dots {
  bottom: 80%;
  text-align: right;
  padding-right: 20px;
}

.featured-dots li button:before {
  color: #C4C4C4;
}

.featured-impact article.js-touch {
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.16);
}

.impact-content > a {
  z-index: 1;
}

.homepage-play {
  cursor: pointer;
}

.homepage-popup {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  display: none;
  background: rgba(0,0,0,.85);
  z-index: 1000;
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -ms-transition: opacity .25s;
  -o-transition: opacity .25s;
}

.homepage-popup.js-active {
  display: block;
  opacity: 1;
  visibility: visible;
}

.homepage-popup-video {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.homepage-popup-video > div {
  padding-bottom: 56.25% 0 0 0 !important;
  position: initial !important;
}

.homepage-popup-video iframe {
  width: 100% !important;
  height: 100% !important;
  max-width: 177.77vh !important; /* 16:9 ratio */
  max-height: 56.25vw !important; /* 9:16 ratio */
  margin: auto; /* center vertically and horizontally */
  position: relative !important;
}

.popup-video-close {
  position: absolute;
  top: 5px;
  right: 6px;
  padding: 10px;
  width: 40px;
  height: 40px;
  z-index: 1000;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  transition: background-color .25s;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.popup-video-close:hover {
  background-color: #fff;
}

.popup-video-close .play-bar-1,
.popup-video-close .play-bar-2 {
   background-color: #fff;
   height: 2px;
   width: 22px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   transition: color .25s;
   -webkit-transition: color .25s;
   -moz-transition: color .25s;
   -ms-transition: color .25s;
   -o-transition: color .25s;
}

.popup-video-close:hover .play-bar-1,
.popup-video-close:hover .play-bar-2 {
  background-color: #732524;
}

.popup-video-close .play-bar-1 {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  margin-bottom: -2px;
}

/* ======= Featured-Impact - Tablet+ ======= */

@media (min-width: 768px) {

  .featured-impact > div {
    padding: 40px;
  }

  .featured-impact header>h1 {
    font-size: 14px;
    margin-top: 0;
  }

  .featured-impact-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background-color: initial;
    border-bottom: 0px;
    margin: 10px 0 -20px;
  }

  .featured-impact-content article {
    width: 33.3333%;
    margin: 20px;
    z-index: 0;
    border-bottom: 3px solid #732524;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  }

  .featured-impact-content article:first-child {
    margin-left: 0;
  }

  .featured-impact-content article:last-child {
    margin-right: 0;
  }

  .featured-impact article:hover,
  .featured-impact article:focus {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
  }

  .featured-impact article:active {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
  }

  .popup-video-close {
    top: 12px;
    right: 14px;
  }

  .popup-video-close > .play-bar-1,
  .popup-video-close > .play-bar-2 {
    width: 24px;
  }

}

/* ======= Featured-Impact - Desktop+ ======= */

@media (min-width: 992px) {

  .featured-impact > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 50px;
  }

  .featured-impact header {
    width: 30%;
  }

  .featured-impact header>h1 {
    font-size: 28px;
    color: #565656;
    letter-spacing: 1px;
    text-align: left;
    margin: 0;  
    line-height: 1.3;
    padding-right: 10%;
  }

  .featured-impact header>h1>span {
    color: #732524;
  }

  .featured-impact-content {
    width: 70%;
    margin: -20px 0;
    grid-gap: 50px;
  }

  .featured-impact article {
    margin: 25px;
  }

  .popup-video-close {
    top: 20px;
    right: 26px;
  }

}

/* ======= Featured-Impact - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .featured-impact > div {
    padding: 25px 0;
  }


}

/*===============================
    Latest Updates
  ===============================*/

/* ======= Latest Updates - Mobile+ ======= */

.latest-update {
  padding: 20px 0;
}

.latest-update {
  text-align: center;
}

.latest-update>h1 {
  font-size: 12px;
  color: rgba(44, 44, 44, .5);
  letter-spacing: 1px;
  margin: 10px 0;
  font-weight: 600;
  z-index: 1;
  position: relative;
  text-transform: uppercase;
  background-color: #fff;
  padding: 0 20px;
}

/* ======= Latest Updates - Tablet+ ======= */

@media (min-width: 768px) {

  .latest-update {
    padding: 40px;
  }

  .latest-update>h1 {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 15px;
  }

  .latest-resource {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -20px;
  }

}

/* ======= Latest Updates - Desktop+ ======= */

@media (min-width: 992px) {

  .latest-update {
    padding: 50px;
  }

  .latest-update>h1 {
    font-size: 18px;
    margin: -15px 0 5px;
    padding: 15px 20px;
  }

  .latest-resource {
    margin: 0 -25px;
  }

}

/* ======= Latest Updates - Large Desktop+ ======= */

@media (min-width: 1400px) {

  .latest-update {
    padding-left: 0;
    padding-right: 0;
  }
}

/*===============================
    Featured-Video
  ===============================*/

/* ======= Featured-Video - Mobile+ ======= */

.featured-video.container {
  padding: 20px 0;
}

.featured-video {
  text-align: center;
  z-index: 0;
  background-color: #F0F0F0;
}

.featured-video>h1 {
  font-size: 12px;
  color: rgba(44, 44, 44, .5);
  letter-spacing: 1px;
  text-align: center;
  margin: 10px 0;
  font-weight: 600;
  z-index: 1;
  position: relative;
  background-color: #F0F0F0;
  text-transform: uppercase;
}

.featured-video-nav {
  display: none;
}

.featured-video-item {
  margin-top: 10px;
  z-index: 1;
}

.video-list-items {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.video-list-items.slick-slider {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.video-list-items > article {
  width: 300px;
}

.video-list-items article {
  margin: 10px 0;
}

.video-list-items article:first-child > .video-content {
  margin-left: 0;
}

.video-content {
  cursor: pointer;
  border-radius: 5px;
  margin: 0 8px;
  position: relative;
  z-index: 0;
  background-color: #000;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
}

.video-content>img {
  opacity: 1;
  -webkit-transition: opacity .25s, -webkit-transform .6s;
  transition: opacity .25s, -webkit-transform .6s;
  transition: opacity .25s, transform .6s;
  transition: opacity .25s, transform .6s, -webkit-transform .6s;
  -webkit-transition: opacity .25s, transform .6s;
  -moz-transition: opacity .25s, transform .6s;
  -ms-transition: opacity .25s, transform .6s;
  -o-transition: opacity .25s, transform .6s;
}

.video-content>.embed-video {
  z-index: -2;
}

.video-content>h1 {
  font-size: 12px;
  color: #fff;
  margin: 0;
  line-height: 1.2;
  font-weight: 600;
  bottom: 14px;
  left: 14px;
  z-index: 1;
  text-align: left;
  padding-right: 10%;
  position: absolute;
  text-transform: uppercase;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.play-video,
.video-play {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-play {
  z-index: 2;
  display: none;
}

.video-items.slick-current .play-video {
  z-index: 1;
}

.video-items.slick-current .video-play {
  display: block;
}

.video-items.slick-current .video-play.js-active {
  display: none;
}

.video-items.slick-current.js-active .play-video>img {
  opacity: 0;
  visibility: hidden;
}

.video-items.slick-cloned .embed-video {
  display: none;
}

.play-video>img {
  position: absolute;
  right: 13px;
  bottom: 13px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.play-video>span {
  opacity: 0;
  visibility: hidden;
  transition: top .25s;
  -webkit-transition: top .25s;
  -moz-transition: top .25s;
  -ms-transition: top .25s;
  -o-transition: top .25s;
}

article.slick-current.js-active .video-content>img,
article.slick-current.js-active .video-content>h1,
article.slick-current.js-active .video-content>.play-video,
article.slick-current.js-active .video-overlay,
article.slick-current.js-active .video-content.gradient-hor::before,
article.slick-current.js-active .video-content.gradient-hor::after {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s, visibility .5s;
  transition: opacity .5s, visibility .5s;
}

.video-content.gradient-hor::before,
.video-content.gradient-ver::after,
.video-overlay {
  /*Change this line if project requires different color or gradient*/
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .5s, visibility 0s;
  transition: opacity .5s, visibility 0s;
}

.video-overlay {
  z-index: 1;
}

.video-items.slick-current .video-overlay {
  z-index: 0;
}

.video-content.gradient-hor::before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+25,000000+100&0+25,0.6+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=1);
  /* IE6-9 */
}

.video-content.gradient-ver::after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+49,000000+100&0+49,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}

.video-list-items article.js-touch .video-content.gradient-hor::before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+60&0.6+0,0+60 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(60%, rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}

/* Responsive Video */

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.video-dots {
  bottom: -15px;
}

.video-dots li button:before {
  color: #B9B9B9;
}

.video-list-items article.slick-current:hover .video-content>h1,
.video-list-items article.slick-current:focus .video-content>h1,
.video-list-items article.slick-current:active .video-content>h1,
.video-list-items article.slick-current.js-touch .video-content>h1 {
  color: rgba(255, 255, 255, .5);
}

.featured-video > .latest-all-button {
  background-color: #F0F0F0;
  margin-top: 20px;
  margin-bottom: -10px;
}

/* ======= Featured-Video - Tablet+ ======= */

@media (min-width: 768px) {

  .featured-video.container {
    padding: 40px 0;
  }

  .featured-video>h1 {
    font-size: 14px;
    margin: 0;
  }

  .video-content.gradient-hor::before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+60&0.6+0,0+60 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.4)), color-stop(60%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 60%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
  }

  .video-content.gradient-ver::after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+77,000000+100&0+76,1+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(76%, rgba(0, 0, 0, 0)), color-stop(77%, rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 1)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0.04) 77%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
  }

  .video-content {
    margin: 0 20px;
  }

  .video-content>h1 {
    font-size: 14px;
    bottom: 28px;
    left: 28px;
  }

  .play-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .play-video> .icon-play {
    width: 36px;
    height: 36px;
    right: 0;
    bottom: 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-transition: transform .25s;
    -moz-transition: transform .25s;
    -ms-transition: transform .25s;
    -o-transition: transform .25s;
}

  .play-video>span {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 65%;
    text-transform: uppercase;
  }

  .video-list-items article {
    margin: 25px 0;
  }

  .video-list-items article.slick-current:hover .play-video>span,
  .video-list-items article.slick-current:focus .play-video>span,
  .video-list-items article.slick-current:active .play-video>span,
  .video-list-items article.slick-current.js-touch .play-video>span  {
    opacity: 1;
    visibility: visible;
    top: 60%;
  }

  .video-list-items article.slick-current:hover .play-video>img,
  .video-list-items article.slick-current:focus .play-video>img,
  .video-list-items article.slick-current:active .play-video>img,
  .video-list-items article.slick-current.js-touch .play-video>img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

  .video-list-items article:hover .video-content.gradient-hor::before,
  .video-list-items article:focus .video-content.gradient-hor::before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+60&0.6+0,0+60 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(60%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
  }

  .video-list-items article.slick-current:hover .play-video>span,
  .video-list-items article.slick-current:focus .play-video>span,
  .video-list-items article.slick-current:active .play-video>span,
  .video-list-items article.slick-current.js-touch .play-video>span {
    top: 60%;
  }

  .video-dots {
    bottom: -5px;
  }

  .featured-video > .latest-all-button {
    margin-top: 15px;
  }

}


/* ======= Featured-Video - Desktop+ ======= */

@media (min-width: 992px) {

  .featured-video.container {
    padding: 50px 0;
  }

  .featured-video>h1 {
    font-size: 18px;
    margin-top: -15px;
    padding: 15px 20px;
  }

  .video-content {
    margin: 0 25px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
  }

  .video-content>h1 {
    font-size: 18px;
    bottom: 30px;
    left: 30px;
  }

  .play-video > .icon-play {
    width: 46px;
    height: 46px;
  }

  .featured-video-nav {
    display: block;
    margin-top: 30px;
    z-index: 1;
  }

  .video-nav {
    width: 980px;
    margin: auto;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .video-nav .slick-list {
    width: 100%;
  }


  .video-nav article {
    height: 112px;
    width: 196px;
    cursor: pointer;
    position: relative;
  }

  .video-nav article:hover div>.background-image,
  .video-nav article:focus div>.background-image,
  .video-nav article.js-touch div>.background-image  {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-transition-duration: .6s;
            transition-duration: .6s;
  }

  .video-nav article::after {
    content: "";
    position: absolute;
    width: 0;
    height: 5px;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #732524;
    -webkit-transition: width .25s;
    transition: width .25s;
  }

  .video-nav article:hover::after,
  .video-nav article:focus::after,
  .video-nav article.js-touch::after {
    width: calc(100% - 50px);
  }

  .video-nav article>div {
    height: 95px;
    margin: 0 20px;
    z-index: 1;
    border-radius: 5px;
    background-color: #3b3b3b;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
  }

  .video-nav article>div.gradient-hor::before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+25,000000+100&0.4+25,0+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
  }

  .video-nav article.slick-current::after {
    width: calc(100% - 50px);
  }

  .play-video>span {
    font-size: 14px;
  }

}

/* ======= Featured-Video - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .video-list-items article.slick-current:hover .play-video>span,
  .video-list-items article.slick-current:focus .play-video>span,
  .video-list-items article.slick-current:active .play-video>span  {
    top: 58%;
  }

}


/*===============================
    Featured-Field
  ===============================*/

/* ======= Featured-Field - Mobile+ ======= */

.featured-field {
  position: relative;
  z-index: 0;
  background-color: #2C2C2C;
}

.featured-field.accent-line::after {
  background-color: rgba(255, 255, 255, .03);
}

.featured-missionary-field {
  padding: 30px 20px;
  text-align: center;
}

.featured-missionary-field > header {
  position: relative;
  z-index: 1;
  background-color: #2C2C2C;
}

.featured-missionary-field header >h1 {
  font-size: 12px;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .5);
}

.featured-missionary-field>a {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -10px;
  position: relative;
  background-color: #2c2c2c;
  z-index: 1;
  color: rgba(255, 255, 255, .2);
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.featured-missionary-field>a.js-touch,
.featured-missionary-field>a:hover,
.featured-missionary-field>a:focus {
  color: rgba(255, 255, 255, .35);
}

.featured-missionary-field>a:active {
  color: rgba(255, 255, 255, .5);
}

.featured-missionary-field>a>span {
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: -3px;
}

.featured-missionary-field>a>i {
  font-size: 7px;
  margin-left: 8px;
}

a.more-latest {
  display: none;
}

/* Featured-update */

.featured-update {
  padding: 25px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .05);
  z-index: 1;
}

.featured-country {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100px;
  text-align: left;
  padding-left: 40px;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}

.country-background-image {
  position: absolute;
  z-index: -1;
  width: 135px;
  height: 98px;
  top: 0;
  left: 0;
  opacity: .6;
  -o-object-fit: contain;
     object-fit: contain
}


.featured-country>span {
  font-size: 12px;
  color: rgba(255, 255, 255, .7);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.featured-country > h1 {
  font-size: 35px;
  color: #fff;
  margin: 0;
  max-width: 80%;
  font-weight: 600;
  text-transform: uppercase;
}

.featured-details {
  padding: 20px 15px 0px;
  width: 100%;
}

.featured-details > tbody >tr {
  margin: 5px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}

.featured-details > tbody >tr>td:nth-child(1) {
  position: relative;
  text-align: left;
}

.featured-details > tbody >tr>td:nth-child(1)::before {
  content: "";
  width: 5px;
  height: 5px;
  top: 4px;
  left: -16px;
  border-radius: 50%;
  position: absolute;
  border: 2px solid #732524;
  background-color: #2C2C2C;
  z-index: 1;
}

.featured-details > tbody >tr>td:nth-child(1)::after {
  content: "";
  width: 1px;
  height: 100%;
  top: 11px;
  left: -12px;
  z-index: -1;
  position: absolute;
  background-color: rgba(255, 255, 255, .3);
}

.featured-details > tbody >tr:last-child>td:nth-child(1)::after {
  content: "";
  width: 0px;
}

.featured-details > tbody >tr>td:nth-child(2) {
  float: right;
}

.featured-update> a {
  display: none;
}

/* End-Featured-update */

/* Featured-Author */
.featured-recent-missionary {
  width: auto;
  margin: auto;
  z-index: 1;
  position: relative;
}

.featured-author {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.featured-author.slick-slider {
  margin: 30px auto 10px;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.slick-disabled {
  opacity: 0;
  cursor: initial;
}

.author-dots {
  position: relative;
  bottom: 5px;
}

.slick-dots.author-dots > li:only-child {
  display: none;
}

.featured-author article,
.featured-author article.slick-slide {
  position: relative;
  width: 80px;
  margin: 5px;
  z-index: 2;
}

.slick-track:focus {
  outline: 0px !important;
}

.featured-author.slick-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; */
}

.recent-author {
  position: relative;
  width: 80px !important;
}

.missionary-image {
  height: 90px;
  border-radius: 5px;
  background-color: #3b3b3b;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}

.author-tag {
  padding-top: 10px;
}

.author-tag > h1 {
  font-size: 9px;
  font-weight: 600;
  margin: 0;
  color: #fff;
  width: 100%;
  z-index: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  text-transform: capitalize;
  font-family: 'Montserrat', sans-serif;
}

.author-tag>h1>i {
  margin-right: 6px;
}

.author-tag.gradient-rad::before {
  display: none;
}

.author-next.slick-next::before,
.author-prev.slick-prev::before {
  content: "";
}

/* End-Featured-Author */

/* ======= Featured-Field - Tablet+ ======= */

@media (min-width: 340px) {

  .featured-recent-missionary {
    width: 300px;
  }

  .featured-author article.slick-slide:first-child, {
    margin-left: 0;
  }
  
  .featured-author article.slick-slide:last-child, {
    margin-right: 0;
  }

  .featured-author article.slick-slide:only-child {
    margin-left: 10px;
  }
  
  .featured-author article.slick-slide:only-child {
    margin-right: 10px;
  }

}

/* ======= Featured-Field - Tablet+ ======= */

@media (min-width: 768px) {

  .featured-missionary-field {
    padding: 40px;
  }

  .featured-field header>h1 {
    font-size: 14px;
    margin: 0;
  }

  .featured-feild div > a > span {
    font-size: 12px;
  }

  .featured-missionary-field>a>i {
    font-size: 9px;
    margin-left: 10px;
  }

  /* Featured-update */

  .featured-update {
    padding: 30px 0  0;
    border-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .featured-country {
    width: 300px;
  }

  .featured-details {
    padding: 0;
    width: 250px;
  }

  /* End-Featured-update */

  /* Featured-Author */

  .featured-recent-missionary {
    width: 670px;
  }

  .featured-author {
    margin: 20px auto;
  }

  .featured-author.slick-slider .slick-track {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .featured-author article,
  .featured-author article.slick-slide {
    width: 110px !important;
    margin: 12px;
  }

  .featured-author article.slick-slide:first-child {
    margin-left: 12px;
  }

  .featured-author article.slick-slide:last-child {
    margin-right: 12px;
  }

  .recent-author {
    width: 110px !important;
  }

  .author-dots {
    bottom: 0px;
  }

  .missionary-image {
    height: 115px;
  }

  .author-tag {
    padding-top: 15px;
  }

  .author-tag > h1 {
    font-size: 11px;
  }

  /* End-Featured-Author */

}

/* ======= Featured-Field - Desktop+ ======= */
@media (min-width: 992px) {

  .featured-missionary-field {
    padding: 50px;
  }

  .featured-missionary-field > header {
    padding: 15px 20px;
    margin-top: -15px;
  }

  .featured-missionary-field header>h1 {
    font-size: 18px;
    margin-bottom: -3px;
  }

  .featured-missionary-field> a > span {
    font-size: 12px;
  }

  .featured-missionary-field>a>i {
    margin-left: 12px;
  }

  a.about-country {
    display: none;
  }

  a.more-latest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  /* Featured-update */

  .featured-update {
    padding: 10px 0 10px;
  }

  .featured-country {
    width: 260px;
    min-height: 190px;
  }

  .country-background-image {
    width: 250px;
    height: 180px;
  }

  .featured-details {
    padding: 15px 0;
    z-index: 1;
    margin: 0 50px;
    background-color: #2c2c2c;
  }

  .featured-update> a {
    color: #fff;
    height: 36px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px 9px;
    border-radius: 5px;
    background-color: rgba(86, 86, 86, .8);
    text-transform: uppercase;
    -webkit-transition: background-color .25s, -webkit-transform .25s, -webkit-box-shadow .25s;
    transition: background-color .25s, -webkit-transform .25s, -webkit-box-shadow .25s;
    transition: background-color .25s, transform .25s, box-shadow .25s;
    transition: background-color .25s, transform .25s, box-shadow .25s, -webkit-transform .25s, -webkit-box-shadow .25s;
    -webkit-transition: background-color .25s, transform .25s, box-shadow .25s;
    -moz-transition: background-color .25s, transform .25s, box-shadow .25s;
    -ms-transition: background-color .25s, transform .25s, box-shadow .25s;
    -o-transition: background-color .25s, transform .25s, box-shadow .25s;
}

  .featured-update > a:hover,
  .featured-update > a:focus {
    background-color: rgba(86, 86, 86);
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.16);
  }

  .featured-update > a:active {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    color: rgba(255, 255, 255, .7);
    -webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
  }

  .featured-update > a.js-touch {
    color: rgba(255, 255, 255, .7);
    -webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
  }

  .featured-update > a > span {
    margin-bottom: -4px;
  }

  .featured-update > a > i {
    font-size: 10px;
    margin-left: 10px;
  }

  /* End-Featured-update */

  .featured-recent-missionary {
    width: 864px;
  }

  .featured-author {
    margin: 10px auto 20px;
  }

  .featured-author article,
  .featured-author article.slick-slide {
    margin: 20px 12px;
    width: 120px !important;
  }

  .recent-author {
    width: 120px !important;
  }

  .missionary-image {
    height: 145px;
  }

  .recent-author::after {
    content: "";
    position: absolute;
    width: 0;
    height: 5px;
    bottom: -20px;
    left: calc(50% + .35px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #732524;
    -webkit-transition: width .25s;
    transition: width .25s;
  }

  .recent-author:hover::after,
  .recent-author:active::after,
  .recent-author:focus::after,
  .recent-author.js-touch::after {
    width: calc(100% - 20px);
  }

  .author-tag {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 12px;
    opacity: 0;
    border-radius: 5px;
    visibility: hidden;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .recent-author:hover > .author-tag,
  .recent-author:focus > .author-tag,
  .recent-author:active > .author-tag,
  .recent-author.js-touch > .author-tag {
    opacity: 1;
    visibility: visible;
  }

  .author-tag > h1 {
    font-size: 12px;
  }

  .author-tag>h1>i {
    margin-right: 6px;
  }

  .author-prev,
  .author-next {
    width: 40px;
    height: 40px;
  }

  .author-prev {
    left: -50px;
  }

  .author-next {
    right: -50px;
  }

  .author-prev>i,
  .author-next>i {
    color: rgba(255, 255, 255, .2);
    font-size: 26px;
  }

  .author-tag.gradient-rad::before {
    display: block;
    z-index: 0;
    background: rgba(0, 0, 0, 0.1);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
  }

}

/* ======= Featured-Field - Large Desktop+ ======= */

@media (min-width: 1400px) {

  .featured-missionary-field {
    padding-right: 0;
    padding-left: 0;
  }

}


/*===============================
    Featured-About
  ===============================*/

/* ======= Featured-About - Mobile+ ======= */

.featured-unreached {
  position: relative;
  z-index: 0;
  background-color: #fff;
  display: block;
}

.featured-unreached .background-image {
  opacity: .05;
}

.unreached-people {
  position: relative;
}

.about-dots {
  bottom: 30px;
}

.about-dots li button::before {
  color: #909090;
}

/* Unreached */

.unreached.slick-slide {
  position: relative;
  min-height: 270px;
}

.unreached>div {
  padding-bottom: 15px;
}

.unreached>h1 {
  font-size: 12px;
  color: #732524;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.5;
}

/* Joshua-Project */
.upgotd-title {
  display: none;
}

.unreached .upgotd-box {
  border: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: initial;
  text-align: center;
  width: 100%;
  font-size: initial;
  padding: 0;
  margin: 0;
}

.unreached .upgotd-box a {
  color: #565656 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.unreached .upgotd-image {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: initial;
  margin: auto 5px;
  border-radius: 5px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.unreached .upgotd-image>a {
  width: 36px;
  height: 36px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.unreached .upgotd-image>a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  background-color: #732524;
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -ms-transition: opacity .25s;
  -o-transition: opacity .25s;
}

.unreached .upgotd-image>a:hover:before {
  opacity: .5;
}


.unreached .upgotd-box img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.unreached .upgotd-pray {
  color: #959595;
  font-weight: 400;
  font-size: 10px;
  margin: 0;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100%;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.unreached .upgotd-people {
  display: block;
  font-weight: 400;
  font-size: 18px !important;
  margin: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 10px 30px;
  font-style: italic;
  font-family: 'Playfair Display', serif;
  width: 100%;
}

.unreached .upgotd-table {
  text-align: initial;
  position: relative;
  margin: 7px 0;
  width: 60%;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.unreached .upgotd-table td {
  background-color: initial;
  font-size: 11px;
  font-weight: 600;
  color: #565656;
  text-transform: uppercase;
  padding: 0px 0px 0px 12px !important;
  line-height: 1.6;
  font-family: 'Josefin Sans', sans-serif;
}

.unreached .upgotd-table td.upgotd-stats {
  color: #732524;
  font-weight: 700;
}

.unreached .upgotd-people a {
  color: #565656 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.unreached .upgotd-people a:hover {
  border-bottom: 1px dotted #565656;
  color: #565656 !important;
}

.unreached .upgotd-footer {
  display: none;
}

/* End-Joshua-Project */

/* End-Unreached */

/* About */

.about {
  min-height: 270px;
}

.about > div {
  min-height: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about h1 {
  font-size: 12px;
  color: #732524;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 10px 0;
  -ms-flex-item-align: center;
      align-self: center;
}

.about p {
  font-size: 18px;
  padding: 0 20px;
  color: #565656;
  text-align: center;
  font-style: italic;
  font-family: 'Playfair Display', serif;
  width: 100%;
  line-height: 1.4;
}

.about a {
  color: #959595;
  font-size: 10px;
  width: 100%;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
  display: block;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.about a.js-touch,
.about a:hover,
.about a:focus {
  color: #2c2c2c;
}

.about a:active {
  color: #732524;
}

/* End-About */

/* ======= Featured-About - Large Mobile+ ======= */
@media (min-width: 480px) {

  .unreached .upgotd-table td {
    font-size: 12px;
  }
}

/* ======= Featured-About - Tablet+ ======= */
@media (min-width: 768px) {

  .about-dots {
    bottom: 40px;
  }
  
  /* Unreached */
  
  .unreached.slick-slide {
    height: 380px;
  }
  
  .unreached>div {
    padding: 20px 0;
  }
  
  .unreached>h1 {
    font-size: 16px;
  }
  
  /* Joshua-Project */
  
  .unreached .upgotd-box a {
    font-size: 30px !important;
  }
  
  .unreached .upgotd-image {
    margin: auto 36px;
    width: 104px;
    height: 104px;
  }

  .unreached .upgotd-image>a {
    width: 100px;
    height: 100px;
  }

  .unreached .upgotd-pray {
    font-size: 12px;
  }
  
  .unreached .upgotd-people {
    font-size: 30px !important;
    padding: 10px 50px;
  }
  
  .unreached .upgotd-people a {
    font-size: 30px !important;
  }
  
  .unreached .upgotd-people a:hover {
    border-bottom: 1px dotted #565656;
  }
  
  .unreached .upgotd-table {
    text-align: initial;
    position: relative;
    margin: 15px 0;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  
  .unreached .upgotd-table td {
    font-size: 16px;
  }
  
  /* End-Joshua-Project */
  
  /* End-Unreached */
  
  /* About */
  
  .about {
    min-height: 380px;
  }

  .about > div {
    min-height: 300px;
  }
  
  .about h1 {
    font-size: 16px;
    margin-top: 16px;
  }
  
  .about p {
    font-size: 30px;
    padding: 0 60px;
  }
  
  .about a {
    font-size: 12px;
    margin-bottom: 32px;
  }

  /* End-About */

}

/* ======= Featured-About - Desktop+ ======= */

@media (min-width: 992px) {

  .featured-unreached.accent-line::after {
    background-color: #EBEBEB;
  }

  .unreached-people {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  /* Unreached */
  
  .unreached {
    width: 50%;
  }
  
  .unreached>div {
    padding-bottom: 0;
  }
  
  .unreached>h1 {
    font-size: 18px;
  }
  
  /* Joshua-Project */
  
  .unreached .upgotd-pray {
    font-size: 14px;
  }
  
  .unreached .upgotd-image {
    margin: auto 20px;
  }

  .unreached .upgotd-image>a:hover .background-image,
  .unreached .upgotd-image>a:focus .background-image  {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-transition-duration: .6s;
            transition-duration: .6s;
  }

  
  .unreached .upgotd-people {
    font-size: 30px !important;
    padding: 8px 50px;
  }
  
  .unreached .upgotd-table {
    text-align: initial;
    position: relative;
    margin: 15px 0;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  
  /* End-Joshua-Project */
  
  /* End-Unreached */
  
  /* About */
  
  .about {
    min-height: 340px;
    width: 50%;
    position: relative;
  }
  
  .about::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
    background-color: rgba(0, 0, 0, .03); 
  }

  .about > div {
    min-height: 290px;
  }

  .about h1 {
    font-size: 18px;
  }
  
  .about p {
    font-size: 30px;
    padding: 0 60px;
  }
  
  .about a {
    font-size: 12px;
    margin-bottom: 20px;
  }

  /* End-About */

}

/* ======= Featured-About - Desktop+ ======= */

@media (min-width: 1400px) {

  .unreached-people .unreached,
  .unreached-people .about > div {
    margin: 0 auto;
    max-width: 700px;
  }
}
/*===============================
    Featured-Connect
  ===============================*/

/* ======= Featured-Connect - Mobile+ ======= */

.featured-connect {
  position: relative;
  background-color: #2c2c2c;
}

/* Featured-Share */

.featured-share > h1 {
  font-size: 12px;
  color: rgba(255, 255, 255, .5);
  text-align: center;
  margin: 10px 0;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.2;
}

.featured-share > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.featured-share > nav > a {
  font-size: 20px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, .5);
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.featured-share > nav > a.js-touch,
.featured-share > nav > a:hover {
  color: rgba(255, 255, 255, .7);
}

.featured-share > nav > a:active,
.featured-share > nav > a:focus {
  color: #fff;
}

.featured-share > nav > a svg {
  width: 20px;
  height: 20px;
}

.featured-share > nav > a svg path {
  fill: rgba(255, 255, 255, .5);
  transition: fill .25s;
  -webkit-transition: fill .25s;
  -moz-transition: fill .25s;
  -ms-transition: fill .25s;
  -o-transition: fill .25s;
}

.featured-share > nav > a:hover svg path,
.featured-share > nav > a.js-touch svg path {
  fill: rgba(255, 255, 255, .7)
}

.featured-share > nav > a:active svg path,
.featured-share > nav > a:focus svg path {
  fill: #ffffff;
}

/* End-Featured-Share */

/* Share-Link */

.share-link > a {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .5);
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.share-link > a.js-touch,
.share-link > a:hover {
  color: rgba(255, 255, 255, .7);
}

.share-link > a:active,
.share-link > a:focus {
  color: #fff;
}

.share-link > a > i {
  font-size: 20px;
  margin-right: 10px;
}

.share-link > a > span {
  margin-bottom: -3px;
}

/* End-Share-Link */

/* ======= Featured-Connect - Only Small/Medium Mobile- ======= */


@media (max-width: 640px) {

  /* Instagram Images*/

  .sbi_item:last-child {
    display: none !important;
  }

  /* End Instagram Images */

}

/* ======= Featured-Connect - Tablet+ ======= */

@media (min-width: 768px) {

  /* Featured-Share */

  .featured-share > h1 {
    font-size: 16px;
    margin: 0;
  }

  .featured-share > nav {
    margin-top: 30px;
  }

  .featured-share > nav > a {
    font-size: 25px;
    padding: 0 12px;
  }

  .featured-share > nav > a svg {
    width: 25px;
    height: 25px;
  }

  /* End-Featured-Share */

}

/* ======= Featured-Connect - Desktop+ ======= */

@media (min-width: 992px) {

  .featured-connect {
    padding: 50px 0;
  }

  .featured-connect.accent-line::after {
    background-color: rgba(255, 255, 255, .03);
  }

  /* Featured-Share */

  .featured-share {
    background-color: #2c2c2c;
    padding: 10px 50px;
    z-index: 1;
    position: relative;
  }

  .featured-share > h1 {
    font-size: 18px;
    padding: 10px 0;
  }

  .featured-share > nav {
    margin-top: 20px;
  }
  
  .featured-share > nav > a {
    font-size: 20px;
    padding: 0 15px;
  }

  /* Instagram Images */

  .insta-img {
    margin: 50px 0;
    z-index: 1;
    position: relative;
  }
	
  /* End-Instagram Images */

  /* Share-Link */

  .share-link {
    background-color: #2C2C2C;
    padding: 8px 50px;
    z-index: 1;
    position: relative;
  }

  .share-link > a {
    font-size: 18px;
  }

  .share-link > a > i {
    font-size: 30px;
    margin-right: 20px;
  }

  /* End-Share-Link */

/* End-Featured-Share */

}

/* ======= Featured-Connect - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .featured-share {
    padding: 10px 0;
  }

  .share-link {
    padding: 8px 0;
  }
}

/*===============================
    Footer
  ===============================*/

/* ======= Footer - Mobile+ ======= */

/* Footer-Nav */

.footer-nav {
  -webkit-column-count: 2;
          column-count: 2;
  margin: 20px 0;
}

.footer-nav > a {
  font-size: 12px;
  color: rgba(44, 44, 44, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 0;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.footer-nav > a.js-touch,
.footer-nav > a:hover,
.footer-nav > a:focus {
  color: #2C2C2C;
}

.footer-nav > a:active {
  color: #732524;
}

/* End-Footer-Nav */

/* Footer English Translation */

a.back-to-english {
  position: fixed;
  width: 100%;
  padding: 15px;
  font-size: 11px;
  color: #fff;
  bottom: 0px;
  left: 0px;
  z-index: 5;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.33px;
  text-transform: uppercase;
  background-color: #2C2C2C;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

a.back-to-english br {
  display: none;
}

a.back-to-english > i {
  font-size: 10px;
  margin-right: 10px;
}

a.back-to-english > span {
  margin-bottom: -2px;
}

a.back-to-english:hover,
a.back-to-english.js-touch {
  color: #732524;
}

/* End-Footer English Translation */

/* Footer-Form */

.footer-form {
  background-color: #F6F6F6;
}

.footer-logo {
  margin: 20px 0;
}

.footer-logo > a {
  font-size: 30px;
  text-decoration: none;
  color: #2c2c2c;
  margin: 10px auto;
  width: 150px;
  display: block;
  text-transform: uppercase;
}

.footer-logo > p {
  font-size: 14px;
  line-height: 1.4;
  font-style: italic;
  text-align: center;
  margin: 15px 0;
  color: rgba(44, 44, 44, .7);
  font-family: 'Playfair Display', serif;
}

.footer-subscribe,
.footer-spanish {
  margin: 40px 0 10px;
}

.footer-subscribe > h1,
.footer-spanish > h1 {
  font-size: 13px;
  letter-spacing: 2px;
  text-align: center;
  line-height: 1.3;
  color: rgba(44, 44, 44, .7);
  text-transform: uppercase;
}

.footer-subscribe > p,
.footer-spanish > p {
  font-size: 13px;
  text-align: center;
  line-height: 1.5;
  margin: 0;
  color: rgba(44, 44, 44, .7);
  font-family: 'Lato', sans-serif;
}

.footer-subscribe > p > a {
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.footer-subscribe > p > a.js-touch,
.footer-subscribe > p > a:hover,
.footer-subscribe > p > a:focus {
  color: #2c2c2c;
}

.footer-subscribe > p > a:active {
  color: #732524;
}

.footer-subscribe .subscribe-btn {
  margin: 15px auto 0;
}

.footer-spanish {
  text-align: center;
}

.link-icon {
  font-size: 15px;
  color: #732524;
  font-weight: 500;
  margin-top: 15px;
  display: flex;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.recursos-footer-logo {
  max-width: 200px;
  filter: grayscale(100%);
  transition: filter .25s;
  -webkit-transition: filter .25s;
  -moz-transition: filter .25s;
  -ms-transition: filter .25s;
  -o-transition: filter .25s;
}

.link-icon > i {
  font-size: 13px;
  margin-right: 12px;
}

.link-icon.js-touch,
.link-icon:hover {
  color: rgba(44, 44, 44, .7);
}

.link-icon:active,
.link-icon:focus {
  color: #2C2C2C;
}

html[dir=rtl] .footer-subscribe .gform_wrapper ul.gform_fields li.gfield,
html[dir=rtl] .primary-share-link .gform_wrapper ul.gform_fields li.gfield {
  padding-left: 0 !important;
}

.footer-subscribe .gform_wrapper > form,
.primary-share-link .gform_wrapper > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.footer-subscribe .gform_wrapper .gform_body,
.primary-share-link .gform_wrapper .gform_body {
  width: calc(100% - 95px);
}

.footer-subscribe .gform_wrapper .gform_body li.gfield,
.footer-subscribe .gform_wrapper .top_label div.ginput_container,
.footer-subscribe .gform_wrapper li.hidden_label input,
.primary-share-link .gform_wrapper .gform_body li.gfield,
.primary-share-link .gform_wrapper .top_label div.ginput_container,
.primary-share-link .gform_wrapper li.hidden_label input  {
  margin-top: 0;
}

.footer-subscribe .gform_wrapper li.hidden_label input[type="text"],
.primary-share-link .gform_wrapper li.hidden_label input[type="text"] {
  font-size: 12px !important;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(86, 86, 86, 0.7);
}

.footer-subscribe .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.primary-share-link .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  font-family: 'Josefin Sans', sans-serif !important;
  padding: 8px 15px;
  text-align: left !important;
}

.footer-subscribe .gform_wrapper li.hidden_label input,
.primary-share-link .gform_wrapper li.hidden_label input {
  border: 0;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
  line-height: 1rem !important;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
}

.footer-subscribe .gform_wrapper li.hidden_label input:focus,
.primary-share-link .gform_wrapper li.hidden_label input:focus {
  outline: 0;
}

.footer-subscribe .gform_wrapper .gform_footer,
.primary-share-link .gform_wrapper .gform_footer {
  padding: 0;
  margin: 0;
  width: 95px;
}

.footer-subscribe .gform_wrapper .top_label .gfield_error,
.primary-share-link .gform_wrapper .top_label .gfield_error {
  width: 100%;
}

.footer-subscribe .gform_wrapper .gform_footer input[type=submit],
.primary-share-link .gform_wrapper .gform_footer input[type=submit] {
  color: #fff;
  font-size: 12px;
  border: 0;
  margin: 0;
  outline: 0;
  cursor: pointer;
  font-weight: 600;
  border-radius: 0 5px 5px 0;
  background-color: #732524;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  transition: background-color .25s;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.footer-subscribe .gform_wrapper .gform_footer:hover input[type=submit],
.primary-share-link .gform_wrapper .gform_footer:hover input[type=submit] {
  background-color: rgba(86, 86, 86, 0.7);
}

.footer-subscribe .gform_wrapper .gform_footer:active input[type=submit],
.primary-share-link .gform_wrapper .gform_footer:active input[type=submit] {
  background-color: #2c2c2c;
}

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

  .footer-subscribe .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half),
  .primary-share-link .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
  }

  .footer-subscribe .gform_wrapper ul.gform_fields li.gfield,
  .primary-share-link .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px;
  }

  .footer-subscribe .gform_wrapper .gform_footer input[type=submit],
  .primary-share-link .gform_wrapper .gform_footer input[type=submit] {
    padding: 10px 12px;
    line-height: 12px;
  }
}

/* Error-submit */

.footer-subscribe .gform_wrapper div.validation_error,
.primary-share-link .gform_wrapper div.validation_error {
  color: #732524;
  font-size: 13px;
  line-height: 1.5;
  font-weight: normal;
  padding: 10px;
  border: 0px;
  border-radius: 5px;
  margin-bottom: 20px;
  font-family: 'Lato', sans-serif;
  background-color: rgba(0,0,0,.05);
}

.footer-subscribe .gform_wrapper.gform_validation_error > form,
.primary-share-link .gform_wrapper.gform_validation_error > form {
  border-radius: initial;
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  -ms-border-radius: initial;
  -o-border-radius: initial;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}

.footer-subscribe .gform_wrapper li.gfield.gfield_error, 
.footer-subscribe .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
.primary-share-link .gform_wrapper li.gfield.gfield_error, 
.primary-share-link .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: initial;
  margin-bottom: 0px!important;
  border: 0;
  padding: 0px;
}

.footer-subscribe .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.footer-subscribe .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.primary-share-link .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.primary-share-link .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0px;
}

.footer-subscribe .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.footer-subscribe .gform_wrapper li.gfield_error textarea,
.primary-share-link .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.primary-share-link .gform_wrapper li.gfield_error textarea {
  border: 0px;
}

.footer-subscribe .gform_wrapper .field_description_below .gfield_description,
.primary-share-link .gform_wrapper .field_description_below .gfield_description {
  padding-top: 10px;
}

.footer-subscribe .gform_wrapper .validation_message,
.primary-share-link .gform_wrapper .validation_message {
  color: #732524;
  font-weight: 500;
}

/* End-Footer-Form */

/* Footer-Credit */

.footer-credit {
  text-align: center;
  margin: 20px 0;
}

.footer-credit > span {
  color: #959595;
  line-height: 1.4;
  font-size: 10px;
  text-align: center;
  padding: 0 15px;
  display: block;
  text-transform: uppercase;
}

.footer-credit > span:nth-child(1) {
  margin-bottom: 14px;
}

.footer-credit > span:nth-child(2) {
  display: none;
}

.footer-credit > span:nth-child(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -ms-transition: opacity .25s;
  -o-transition: opacity .25s;
}

.footer-credit > span:nth-child(3) > a {
  margin-left: 5px;
  padding-top: 2px;
  opacity: .5;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.footer-credit > span:nth-child(3) > a.js-touch,
.footer-credit > span:nth-child(3) > a:hover,
.footer-credit > span:nth-child(3) > a:active, 
.footer-credit > span:nth-child(3) > a:focus {
  opacity: 1;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

svg.solasites-logo {
  width: 110px;
}

.logo-sola, 
.logo-sites {
  fill: #434343;
}

.logo-icon-top, 
.logo-icon-bottom {
  fill: #732524;
}

.logo-sites, 
.logo-icon-bottom {
  opacity: .6;
}

.footer-credit > span:nth-child(3) > a:active .logo-sola, 
.footer-credit > span:nth-child(3) > a:active .logo-sites,
.footer-credit > span:nth-child(3) > a.js-touch .logo-sola, 
.footer-credit > span:nth-child(3) > a.js-touch .logo-sites  {
  fill: #732524;
}

/* End-Footer-Credit */

/* ======= Footer - Large Mobile+ ======= */

@media (min-width: 641px) {

  html[dir=rtl] .footer-subscribe .gform_wrapper .gform_footer input.button, 
  html[dir=rtl] .footer-subscribe  .gform_wrapper .gform_footer input[type=submit], 
  html[dir=rtl] .footer-subscribe  .gform_wrapper .gform_page_footer input.button, 
  html[dir=rtl] .footer-subscribe  .gform_wrapper .gform_page_footer input[type=submit],
  html[dir=rtl] .primary-share-link .gform_wrapper .gform_footer input.button, 
  html[dir=rtl] .primary-share-link  .gform_wrapper .gform_footer input[type=submit], 
  html[dir=rtl] .primary-share-link  .gform_wrapper .gform_page_footer input.button, 
  html[dir=rtl] .primary-share-link  .gform_wrapper .gform_page_footer input[type=submit] {
    margin-left: 0;
  }
}


/* ======= Footer - Tablet+ ======= */

@media (min-width: 768px) {

  /* Footer-Nav */

  .main-footer > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .footer-nav {
    -webkit-column-count: 4;
            column-count: 4;
    margin: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .footer-subscribe .subscribe-btn {
    margin: 15px 0 0;
  }

  /* End-Footer-Nav */

  /* Footer English Translation */

  a.back-to-english {
    width: unset;
    color: #2C2C2C;
    bottom: 20px;
    left: 20px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  a.back-to-english br {
    display: block;
  }

  /* End-Footer English Translation */

  /* Footer-Form */

  .footer-form {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .footer-subscribe .subscribe-btn {
    padding-left: 35px;
    padding-right: 35px;
  }

  .footer-logo {
    margin: 0 0 15px;
    width: 100%;
  }

  .footer-logo > p {
    font-size: 15px;
    padding: 0 120px;
  }

  .footer-subscribe,
  .footer-spanish {
    margin: 0;
    width: 50%;
  }

  .footer-subscribe {
    padding-right: 40px;
  }

  .footer-subscribe > h1,
  .footer-spanish > h1 {
    text-align: left;
  }

  .footer-subscribe > p,
  .footer-spanish > p {
    text-align: left;
  }

  .footer-spanish {
    padding-left: 40px;
  }

  .link-icon {
    text-align: left;
    display: table;
  }
  /* End-Footer-Form */

  /* Footer-Credit */

  .footer-credit {
    margin: 0;
    padding-top: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .footer-credit > span:nth-child(1) {
    margin-bottom: 8px;
  }

  /* End-Footer-Credit */

}

/* ======= Footer - Desktop+ ======= */

@media (min-width: 992px) {

  /* Footer-Nav */

  .main-footer {
    padding: 50px;
    background-color: #F6F6F6;
  }

  .footer-nav {
    padding: 0 0 50px;
    -webkit-column-count: initial;
            column-count: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .footer-nav > a {
    padding: 8px 20px;
  }

  .footer-nav > a:first-child {
    padding-left: 0;
  }

  .footer-nav > a:last-child {
    padding-right: 0;
  }

  /* End-Footer-Nav */

  /* Footer-Form */

  .footer-form {
    padding: 0 0 50px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .footer-logo {
    margin: 0;
    width: 50%;
    padding-right: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .footer-logo > p {
    font-size: 15px;
    margin: 10px 0;
    padding: 0 0 0 30px;
    width: 75%;
    text-align: left;
  }

  .footer-subscribe,
  .footer-spanish {
    width: 25%;
    padding-right: 30px;
  }

  .footer-spanish {
    padding: 0;
  }

  /* End-Footer-Form */

  /* Footer-Credit */

  .footer-credit {
    padding: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .footer-credit > span {
    padding: 0;
    font-size: 12px;
  }

  .footer-credit > span:nth-child(1) {
    margin-bottom: 0;
  }

  .footer-credit > span:nth-child(2) {
    display: block;
    padding: 0 5px;
  }

  .footer-credit > span:nth-child(3) > a {
    padding-top: 0;
  }

  /* End-Footer-Credit */

}

/*===============================
  ===============================
    Mission Updates
  ===============================
  ===============================*/

/*===============================
    Mission Updates
  ===============================*/

/* ======= Mission Updates - Mobile+ ======= */

/* Featured-Mission-Updates */

.featured-mission-update {
  padding: 40px 20px;
}

/* Mission-Nav */

.update-title h1 {
  font-size: 18px;
  color: #2C2C2C;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}

.nav-scroll {
  position: relative;
  margin-top: 15px;
  border-bottom: 1px solid #EAEAEA;
}

.nav-scroll .scroll-wrapper {
  height: 28px;
}

.nav-scroll nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  padding-bottom: 0;
    align-items: center;
}

.nav-scroll  nav > a {
  font-size: 11px;
  font-weight: 600;
  padding: 8px 7px;
  height: 28px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: rgba(44, 44, 44, .5);
  text-transform: uppercase;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.nav-scroll nav > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 50%;
  -webkit-transition: width .25s, -webkit-transform .25s;
  transition: width .25s, -webkit-transform .25s;
  transition: width .25s, transform .25s;
  transition: width .25s, transform .25s, -webkit-transform .25s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #2c2c2c;
  -moz-transition: width .25s, transform .25s;
  -ms-transition: width .25s, transform .25s;
  -o-transition: width .25s, transform .25s;
  -webkit-transition: width .25s, transform .25s;
}

.nav-scroll nav > a:last-child::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
  right: -15px;
}

.nav-scroll nav > a.current,
.nav-scroll nav > a.js-touch,
.nav-scroll nav > a:hover,
.nav-scroll nav > a:active,
.nav-scroll nav > a:focus {
  color: #2c2c2c;
}

.nav-scroll nav > a.js-touch::after,
.nav-scroll nav > a.current::after,
.nav-scroll nav > a:hover::after,
.nav-scroll nav > a:active::after,
.nav-scroll nav > a:focus::after {
  width: calc(100% - 14px);
}

.nav-scroll > div.gradient-ver::after,
.nav-scroll > div.gradient-hor::before {
  z-index: 1;
  width: 15px;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100,ffffff+100&0+0,1+100,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */

}

.nav-scroll > div.gradient-ver::after {
  left: initial;
  right: 0;
}

.nav-scroll > div.gradient-hor::before {
  left: -5px;
  transform: rotate(-180deg);
  right: initial;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

/* End-Mission-Nav */

/* Featured-latest-Mission */

/* Latest-Mission-Update */

.featured-latest-mission {
  margin-top: 40px;
}

.featured-latest-mission .color-overlay {
  z-index: 0;
}

.latest-mission-updates {
  position: relative;
  border-radius: 5px;
  min-height: 290px;
  padding: 15px;
  margin: 20px 0;
  background-color: #3b3b3b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.mission-update-meta {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.mission-update-meta>span {
  display: none;
}

.mission-featured-content {
  margin-top: auto;
  padding: 10px;
  z-index: 1;
}

.mission-featured-content .red-label {
  color: #fff;
  font-weight: 400;
}

.mission-featured-content>h1 {
  font-size: 22px;
  color: #fff;
  margin: 6px 0;
}

.featured-mission-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.featured-mission-meta>span {
  font-size: 11px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.featured-mission-meta>span:last-child::after {
  content: "";
  margin: 0;
}

.featured-mission-meta>span::after {
  content: "•";
  margin: 0 4px;
  color: #fff;
}

.featured-latest-mission article > a {
  z-index: 1;
}

.featured-latest-mission article:hover,
.featured-latest-mission article:focus,
.featured-latest-mission article:active,
.featured-latest-mission article.js-touch {
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.featured-latest-mission article:hover .background-image,
.featured-latest-mission article:focus .background-image,
.featured-latest-mission article:active .background-image,
.featured-latest-mission article.js-touch .background-image {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
}

/* End-Latest-Mission-Update */

/* Latest-Mission */

.latest-mission {
  position: relative;
}

.latest-mission > article {
  position: relative;
  margin: 20px 0;
  min-height: 125px;
  border-radius: 5px;
  padding: 15px;
  background-color: #3b3b3b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;  
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.latest-mission > article:last-child {
  margin-bottom: 0;
}

.latest-update-meta {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.latest-update-meta>span {
  display: none;
}

.mission-update-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: auto;
  padding: 10px;
  z-index: 1;
}

.mission-update-content .red-label {
  font-size: 10px;
  color: #fff;
  font-weight: 400;
}

.mission-update-content>h1 {
  font-size: 16px;
  color: #fff;
  margin: 6px 0;
}

.latest-mission-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.latest-mission-meta>span {
  font-size: 10px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.latest-mission-meta>span:last-child::after {
  content: "";
  margin: 0;
}

.latest-mission-meta>span::after {
  content: "•";
  margin: 0 4px;
  color: #fff;
}

/* End-Latest-Mission */

/* End-Featured-latest-Mission */

/* End-Featured-Mission-Updates */

/* Featured-Browse */

/* Latest-Mission-update */

.mission-resource-updates,
.mission-resource-updates .latest-update > h1,
.mission-resource-updates .latest-resource > article,
.mission-resource-updates .latest-update >a {
  background-color: #F5F5F5;
}

/* End-Latest-Mission-update */


/* ======= Mission Updates - Large Mobile+ ======= */

@media (min-width: 600px) {

  /* Mission-Nav */

  .index-items > a {
    width: 30%;
    min-width: 30%
  }

  /* Book browse index */

  /* End-Mission-Nav */
}

/* ======= Mission Updates - Tablet+ ======= */

@media (max-width: 768px) {

  .mission-resource-updates .latest-resource > article.js-touch,
  .mission-resource-updates .latest-resource > article:hover {
    background-color: #fff;
  }

}

/* ======= Mission Updates - Tablet+ ======= */

@media (min-width: 768px) {
  
  .featured-mission-update {
    padding: 50px 40px;
  }

  /* Mission-Nav */
  
  .update-title h1 {
    font-size: 26px;
  }
  
  .nav-scroll  {
    border-bottom: 0px;
  }

  .nav-scroll .scroll-wrapper {
    height: 24px;
  }

  .featured-mission-update .nav-scroll nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 0;
  }

  .nav-scroll  nav > a {
    font-size: 12px;
    padding: 5px 15px;
  }
  
  .nav-scroll nav > a.js-touch::after,
  .nav-scroll nav > a.current::after,
  .nav-scroll nav > a:hover::after,
  .nav-scroll nav > a:active::after,
  .nav-scroll nav > a:focus::after {
    top: 22px;
    width: calc(100% - 30px);
  }
  
  /* End-Mission-Nav */
  
  /* Featured-latest-Mission */
  
  .featured-latest-mission {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 20px -10px -10px;
  }

  .featured-latest-mission > article {
    width: calc(50% - 20px);
    margin: 10px;
  }

  .featured-latest-mission > div {
    width: calc(50% - 20px);
    margin: 10px;
  }

  /* Latest-Mission-Update */
  
  .latest-mission-updates {
    padding: 18px;
    margin: 0;
  }
  
  .mission-update-meta>span {
    display: block;
  }
  
  .mission-featured-content {
    margin-top: auto;
    padding: 22px;
  }
  
  .mission-featured-content .red-label {
    font-size: 13px;
  }
  
  .mission-featured-content>h1 {
    font-size: 24px;
    margin: 8px 0;
  }

  
  .featured-mission-meta>span {
    font-size: 14px;
  }
  
  /* End-Latest-Mission-Update */
  
  /* Latest-Mission */
  
  .latest-mission {
    margin: 0;
  }
  
  .latest-mission > article {
    margin: 20px 0;
    min-height: 180px;
    padding: 18px;
  }
  
  .latest-mission > article:first-child {
    margin-top: 0;
  }

  .latest-mission > article:last-child {
    margin-bottom: 0;
  }
  
  .latest-mission > article:only-child {
    min-height: 320px;
  }

  .latest-update-meta>span {
    display: block;
  }

  .mission-update-content {
    padding: 4px;
  }

  .mission-update-content .red-label {
    font-size: 11px;
  }
  
  .mission-update-content>h1 {
    font-size: 18px;
    margin: 8px 0;
  }
  
  .latest-mission-meta>span {
    font-size: 11px;
  }

  /* End-Latest-Mission */
  
  /* End-Featured-latest-Mission */
  
  /* End-Featured-Mission-Updates */

}

/* ======= Mission Updates - Large Mobile+ ======= */

@media (max-width: 800px) {

  /* Mission-Nav */

  .featured-mission-update  .nav-scroll {
    border-bottom: 1px solid #EAEAEA;
  }

  .featured-mission-update .nav-scroll nav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-right: 40px;
  }

  /* End-Mission-Nav */
}


/* ======= Mission Updates - Desktop+ ======= */
@media (min-width: 992px) {

  .featured-mission-update {
    padding: 80px 50px 50px;
  }

  /* Mission-Nav */

  .update-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .update-title h1 {
    margin-bottom: -5px;
    text-align: left;
  }

  .article-title > h1 {
    font-size: 32px;
    text-align: left;
    margin: 0;
  }

  .nav-scroll  {
    margin-top: 0;
    border-bottom: 0px;
  }

  .nav-scroll  > .scroll-wrapper {
    margin-bottom: -5px;
  }

  .nav-scroll .horizontal-scroll {
    padding: 0;
  }

  .nav-scroll nav {
    width: 100%;
  }

  .nav-scroll nav > a {
    padding: 5px 10px;
  }

  .nav-scroll nav > a.js-touch::after,
  .nav-scroll nav > a.current::after,
  .nav-scroll nav > a:hover::after,
  .nav-scroll nav > a:active::after,
  .nav-scroll nav > a:focus::after {
    width: calc(100% - 20px);
  }

  /* End-Mission-Nav */
  
  /* Featured-latest-Mission */

  .featured-latest-mission {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 60px -15px -15px;
  }

  .featured-latest-mission > article {
    width: calc(65% - 30px);
    margin: 15px;
  }

  .featured-latest-mission > div {
    width: calc(35% - 30px);
    margin: 15px;
  }
  
  /* Latest-Mission-Update */

  .latest-mission-updates {
    padding: 25px;
    margin: 0;
  }
  
  .mission-update-meta>span {
    display: block;
  }

  .mission-featured-content {
    padding: 25px 25px 25px 55px;
  }
  
  .mission-featured-content>h1 {
    font-size: 38px;
    padding-right: 10%;
    padding-left: 24px;  
    margin: 8px 0 8px -24px;
  }
  
  .mission-featured-content > h1::after {
    content: "";
    width: 5px;
    top: 10px;  
    left: 0;
    position: absolute;
    height: calc(100% - 20px);
    background-color: #732524;
  }

  /* End-Latest-Mission-Update */
  
  /* Latest-Mission */
  
  .latest-mission {
    margin: 0;
  }
  
  .latest-mission > article {
    margin: 30px 0;
    padding: 20px;
  }

  .latest-update-meta>span {
    display: block;
  }

  .mission-update-content {
    padding: 0;
  }

  .mission-update-content > h1{
    padding-right: 10%;
  }

  /* End-Latest-Mission */
  
  /* End-Featured-latest-Mission */
  
  /* End-Featured-Mission-Updates */

}

/* ======= Mission Updates - Large Desktop+ ======= */

@media (min-width: 1200px) {

  /* Featured-Browse */

  .nav-scroll nav > a {
    padding: 5px 18px;
  }

  .nav-scroll nav > a:hover::after,
  .nav-scroll nav > a:focus::after,
  .nav-scroll nav > a.current::after,
  .nav-scroll nav > a:active::after,
  .nav-scroll nav > a.js-touch::after {
    width: calc(100% - 36px);
  }

  .latest-mission > article {
    min-height: 200px;
  }
  
  /* End-Featured-Browse */
}

/* ======= Mission Updates - Large Desktop+ ======= */

@media (min-width: 1280px) {

}

/* ======= Mission Updates - Large Desktop+ ======= */

@media (min-width: 1400px) {

  .featured-mission-update {
    padding-left: 0;
    padding-right: 0;
  }

}

/*===============================
  ===============================
  Featured-Field
  ===============================
  ===============================*/

  /*===============================
    Featured-Field-Content
  ===============================*/

/* ======= Featured-Field-Content - Mobile+ ======= */

.featured-the-field {
  padding: 40px 20px;
}

.featured-field-content {
  padding-bottom: 40px;
  z-index: 0;
  position: relative;
  background-color: #f0f0f0;
}

.featured-field-region {
  min-height: 180px;
  z-index: 0;
  position: relative;
  padding: 20px;
}

.featured-field-region > .background-image {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  z-index: -2;
}

.field-region-name {
  min-height: 180px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.field-region-name > div {
  height: 160px;
  margin: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.field-region-name > div > span {
  font-size: 12px;
  color: #732524;
  line-height: 1.8;
  font-weight: 600;
  text-transform: uppercase;
}

.field-region-name > div > h1 {
  font-size: 35px;
  color: #2c2c2c;
  margin: 0;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
}

.region-image {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 180px;
  min-width: 180px;
  height: 180px;
  opacity: .25;
  -o-object-fit: contain;
  object-fit: contain;
  transform: translate(-20%, -50%);
  -webkit-transform: translate(-20%, -50%);
  -moz-transform: translate(-20%, -50%);
  -ms-transform: translate(-20%, -50%);
  -o-transform: translate(-20%, -50%);
}

.featured-field-region.gradient-hor::before {
  z-index: -1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,f0f0f0+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240,240,240,0)),to(rgba(240,240,240,1)));
  background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}

.about-field {
  padding: 20px 20px 0;
  margin-top: -15px;
  position: relative;
}

/* Featured-country-details  */

.featured-country-details {
  width: 100%;
  padding: 20px 0;
}

.country-details > tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  line-height: 1.8;
  padding-left: 20px;
  position: relative;
  color: rgba(44, 44, 44, 0.94);
  font-family: 'Montserrat', sans-serif;
}

.country-details > tr::before {
  content: "";
  width: 9px;
  height: 9px;
  left: 0;
  top: 4px;
  border-radius: 50%;
  position: absolute;
  border: 4px solid #f0f0f0;
  background-color: #732524;
}

.country-details > tr::after {
  content: "";
  left: 8px;
  top: 8px;
  width: 1px;
  z-index: -1;
  height: calc(100% + 5px);
  position: absolute;
  background-color: rgba(44, 44, 44, 0.5);
}

.country-details > tr:last-child::after {
  width: 0px;
}

/* End-Featured-country-details  */

/* Featured-Readmore  */

.readmore-btn {
  position: relative;
  height: 40px;
  margin-bottom: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .25s;
  transition: all .25s;
}

.field-readmore[data-readmore] {
  overflow: hidden;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.field-readmore[data-readmore] {
  display: block;
  width: 100%;
}

.field-readmore {
  position: relative;
  padding-bottom: 30px;
  max-height: 28em; /* (13 * 1.8 = 14.4) */
}

.field-readmore.gradient-hor::before {
  top: initial;
  width: 100%;
  height: 30px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,f0f0f0+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240,240,240,0)),to(rgba(240,240,240,1)));
  background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}

.readmore-btn > span {
  font-size: 14px;
  color: #732524;
  font-weight: 700;
  margin-bottom: -5px;
  text-transform: uppercase;
}

.readmore-btn > div {
  position: relative;
  width: 16px;
  height: 16px;
  padding: 8px;
  margin-right: 8px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.16);
}

.readmore-line > .bar-1,
.readmore-line > .bar-2 {
  background-color: #732524;
  transition: background-color .25s;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

/* End-Featured-Readmore */

/* ======= Featured-Field-Content - Tablet+ ======= */

@media (min-width: 768px) {

  /* Featured-region-content */

  .featured-the-field {
    padding: 50px 40px;
  }

  .featured-field-content {
    padding: 0;
  }

  .featured-field-content > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }

  .featured-field-region {
    width: 40%;
    padding: 40px;
  }

  .region-image {
    width: 220px;
    min-width: 220px;
    height: 220px;
  }

  .field-region-name {
    min-height: 320px;
  }

  .field-region-name > div {
    margin-left: 65px;
    margin-right: 65px;
      align-items: center;
  }

  .field-region-name > div > span {
    font-size: 12px;
  }

  .field-region-name > div > h1 {
    font-size: 44px;
  }

  .featured-field-region.gradient-hor::before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,f0f0f0+100&0.7+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(240,240,240,0.7)),to(rgba(240,240,240,1)));
    background: linear-gradient(to right, rgba(240,240,240,0.7) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3f0f0f0', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 */
  }

  .about-field {
    padding: 40px 40px 40px 0;
    margin-top: 0;
    width: 60%;
  }

  /* Featured-country-details  */

  .featured-country-details {
    padding-top: 0;
  }
  
  .country-details > tr {
    font-size: 16px;
    line-height: 1.8;
  }
  
  .country-details > tr::before {
    top: 5px;
  }
  
  .country-details > tr::after {
    top: 10px;
  }

  /* End-Featured-country-details  */

  /* Featured-Readmore  */
  .readmore-btn {
    padding: 10px 0;
  }

  .about-field.field-readmore[data-readmore] {
    width: 60%;
  }

  /* Show only 4 lines in medium screens */

  .field-readmore {
    max-height: 18em;/* (4 * 1.8 = 14.4) */
  }

  /* End-Featured-Readmore  */

/* End-Featured-region-content */
}

/* ======= Featured-Field-Content - Desktop+ ======= */
@media (min-width: 992px) {

  .featured-the-field {
    padding: 80px 50px;
  }

  .field-title {
    margin-top: 0;
  }

  /* Featured-region-content */
  
  .featured-field-region {
    padding: 50px;
  }

  .field-region-name > div > span {
    font-size: 16px;
  }

  .field-region-name > div > h1 {
    font-size: 56px;
  }

  .about-field {
    padding: 50px 50px 50px 0;
    margin-top: 0;
  }

  /* Featured-country-details  */
  
  .country-details > tr {
    font-size: 16px;
    line-height: 1.8;
  }
  
  .country-details {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .country-details::before {
    content: "";
    width: 100%;
    height: 1px;
    top: 8px;
    z-index: -1;
    position: absolute;
    background-color: rgba(44, 44, 44, 0.5);

  }

  .country-details > tr {
    padding: 30px 14px 10px;
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .country-details > tr:first-child {
    padding-left: 0;
  }

  .country-details > tr:last-child {
    padding-right: 0;
  }

  .country-details > tr > td:nth-child(2){
    font-size: 18px;
    font-weight: 700;
    color: #2c2c2c;
  }

  .country-details > tr::before {
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  
  .country-details > tr:first-child::before {
    left: calc(50% - 7px);
  }

  .country-details > tr:last-child:before {
    left: calc(50% + 7px);
  }

  .country-details > tr::after {
    display: none;
  }

  .country-details:only-child {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  /* End-Featured-country-details  */

  /* Featured-Readmore  */

  /* Show only 6 lines in medium screens */

  .readmore-btn:hover > div,
  .readmore-btn:focus > div {
    background-color: #732524;
  }

  .readmore-btn:hover .readmore-line > .bar-1,
  .readmore-btn:focus .readmore-line > .bar-1,
  .readmore-btn:hover .readmore-line > .bar-2,
  .readmore-btn:focus .readmore-line > .bar-2 {
    background-color: #fff;
  }

  /* End-Featured-Readmore  */

  /* End-Featured-region-content */

}

/* ======= Featured-Field-Content - Large Desktop+ ======= */
@media (min-width: 1200px) {

  /* Featured-country-details  */

  .country-details > tr {
    padding: 30px 30px 10px;
  }

  .country-details > tr:first-child::before {
    left: calc(50% - 15px);
  }

  .country-details > tr:last-child:before {
    left: calc(50% + 15px);
  }

  /* End-Featured-country-details  */

}

/* ======= Featured-Field-Content - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .featured-the-field {
    padding: 80px 0;
  }

  .featured-field-region {
    position: initial;
  }

  .featured-field-region > img {
    width: 40vw;
    left: 0;
  }

  .featured-field-region.gradient-hor::before {
    width: 40vw;
    left: 0;
  }

  .about-field {
    padding-right: 0;
  }
}

/*===============================
    Featured-Region-Field
  ===============================*/

/* ======= Featured-Region-Field - Mobile+ ======= */

.featured-region-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.featured-region-field > article {
  height: 0;
  padding-bottom: 50%;
  position: relative;
  z-index: 0;
  width: 50%;
  background-color: #3b3b3b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
          -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.featured-region-field > article::after {
  z-index: -2;
}

.region-name {
  text-align: center;
  margin-top: auto;
  padding: 15px 10px;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
}

.featured-region-field > article:hover .background-image,
.featured-region-field > article:focus .background-image,
.featured-region-field > article:active .background-image,
.featured-region-field > article.js-touch .background-image {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
}

.region-name > h1 {
  font-size: 14px;
  color: #fff;
  margin: 0;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}

.region-name span {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, .6);
  font-family: 'Montserrat', sans-serif;
}

.region-name .featured-meta > span::before {
  color: rgba(255, 255, 255, .6);
}

.region-name .icon-lock {
  margin-right: 8px;
}

.featured-region-field > article.gradient-rad::before {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  color-stop(50%, rgba(0,0,0,0)),to(rgba(0,0,0,0.8)));
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}

/* ======= Featured-Region-Field - Large Mobile+ ======= */

@media (min-width: 480px) {

  .featured-region-field > article {
    padding-bottom: 33.33%;
    width: 33.3333337%;
  }

}

/* ======= Featured-Region-Field  - Large Desktop+ ======= */
@media (min-width: 768px) {

  /* End-Featured-Region-Field */

  .featured-region-field {
    margin-top: 0;
  }

  .featured-region-field > article {
    padding-bottom: 25%;
    width: 25%;
  }

  .region-name {
    padding: 20px 14px;
  }

  .region-name > h1 {
    font-size: 18px;
  }

  .region-name span {
    font-size: 11px;
  }
}

/* End-Featured-Region-Field */

/* ======= Featured-Region-Field - Large Desktop+ ======= */

@media (min-width: 992px) {

  /* Featured-Region-Field */

  .featured-region-field > article {
    padding-bottom: 20%;
    width: 20%;
  }

  .region-name {
    padding: 25px 15px;
  }

  .region-name span {
    font-size: 12px;
  }

  /* End-Featured-Region-Field */
}

/* ======= Featured-Region-Field  - Large Desktop+ ======= */
@media (min-width: 1400px) {

  /* Featured-Region-Field */

  .featured-region-field > article {
    padding-bottom: 16.66667%;
    width: 16.66667%;
  }
}

/*===============================
    Featured-Field-Scenario
  ===============================*/

/* ======= Featured-Field-Scenario - Mobile+ ======= */

.featured-field-scenario {
  position: relative;
  z-index: 0;
  background-color: rgba(0, 0, 0, .8);
}

.featured-field-scenario > img {
  opacity: .05;
}

.field-scenario > article {
  text-align: center;
  padding: 27px;
}

.field-scenario > article > h1 {
  color: rgba(255, 255, 255, .5);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.field-scenario > article > span {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}

/* ======= Featured-Field-Scenario - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Featured-Field-Scenario - Tablet+ ======= */

@media (min-width: 768px) {

  .field-scenario {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  .field-scenario > article {
    padding: 20px 27px;
  }
  
  .field-scenario > article > h1 {
    font-size: 12px;
  }
  
  .field-scenario > article > span {
    font-size: 32px;
  }

}

/* ======= Featured-Field-Scenario - Desktop+ ======= */

@media (min-width: 992px) {

  .field-scenario > article {
    padding: 30px 75px;
  }
  
  .field-scenario > article > h1 {
    font-size: 14px;
  }
  
  .field-scenario > article > span {
    font-size: 45px;
  }

}

/* ======= Featured-Field-Scenario - Large Desktop+ ======= */

@media (min-width: 1200px) {}

/*===============================
    Featured-Field-Coordinator
  ===============================*/

/* ======= Featured-Field-Coordinator - Mobile+ ======= */

/* Featured-Coordinator */

.featured-coordinator {
  position: relative;
  z-index: 0;
  background-color: #2C2C2C;
}

.featured-coordinator header {
  margin: 30px 0 20px;
}

.featured-coordinator header > h1 {
  font-size: 18px;
  color: #F0F0F0;
  margin: 0;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
}

.featured-coordinator-list {
  padding: 25px 20px;
  position: relative;
}

.featured-coordinator-list::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-size: 10px 100%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(255, 255, 255, .12)));
  background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, .12) 50%);
}

.featured-coordinator-list:last-child::after {
  height: 0px;
}

.coordinator-description > p {
  font-size: 13px;
  line-height: 1.8;
  margin: 0;
  color: rgba(240, 240, 240, 0.7);
  font-family: 'Montserrat', sans-serif;
} 

.coordinator-description > p > a {
  color: #732524;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
} 

.coordinator-description > p > a:hover,
.coordinator-description > p > a:focus {
  text-decoration: underline;
}

.coordinator-description > p > a:active,
.coordinator-description > p > a.js-touch {
  text-decoration: none;
}

.coordinator-description > p > em {
  font-style: italic;
  opacity: .8;
} 

.coordinator-description > p > strong {
  font-weight: 700;
} 

.coordinator-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.coordinator-list > div:only-child {
  width: 100%;
  padding: 0;
}

.coordinator-image {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
}

.coordinator-details {
  width: 75%;
  padding-left: 18px;
}

.coordinator-details > h1 {
  font-size: 16px;
  color: #F0F0F0;
  margin: 0;
  letter-spacing: 1px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}

.coordinator-details > span {
  font-size: 11px;
  line-height: 1.2;
  display: block;
  font-weight: 500;
  color: rgba(240, 240, 240, .6);
  font-family: 'Montserrat', sans-serif;
}

/* End-Featured-Coordinator */

/* ======= Featured-Field-Coordinator - Tablet+ ======= */

@media (min-width: 768px) {

  /* Featured-Coordinator */

  .featured-coordinator header {
    margin: 25px 0 55px;
  }

  .featured-coordinator header > h1 {
    font-size: 24px;
  }

  .featured-coordinator > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0px 10px 20px;
  }

  .featured-coordinator-list {
    padding: 0 40px;
    width: 256px;
  }

  .featured-coordinator-list:nth-child(2) {
    width: 295px;
  }

  .featured-coordinator-list:last-child:nth-child(2) {
    width: 256px;
  }

  .featured-coordinator-list:first-child {
    padding-left: 0;
  }

  .featured-coordinator-list:last-child {
    padding-right: 0;
  }

  .featured-coordinator-list::after {
    content: "";
    position: absolute;
    top: 0;
    left: initial;
    right: 0;
    width: 1px;
    height: 100%;
    background-size: 100% 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255, 255, 255, .12)));
    background-image: linear-gradient(to bottom, transparent 50%, rgba(255, 255, 255, .12) 50%);
  }
  
  .featured-coordinator-list:last-child::after {
    width: 0px; 
  }

  .coordinator-list {
    margin-top: 0;
  }

  .coordinator-image {
    width: 46px;
    height: 46px;
  }

  .coordinator-details {
    width: 65%;
    padding-left: 8px;
  }

  .coordinator-description > p {
    margin: 0;
    line-height: 2;
  }

  /* Single-Coordinator */

  .featured-coordinator-list:only-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }

  .featured-coordinator-list:only-child .coordinator-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 25%;
    margin: 0;
    padding: 0 20px;
  }

  .featured-coordinator-list:only-child .coordinator-list > div:only-child {
    padding: 0;
  }

  .featured-coordinator-list:only-child .coordinator-image {
    width: 60px;
    height: 60px;
  }


  .featured-coordinator-list:only-child .coordinator-description {
    width: 75%;
  }

  .featured-coordinator-list:only-child .coordinator-description:only-child {
    width: 100%;
  }

  .featured-coordinator-list:only-child .coordinator-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 0 0;
    width: 100%;
  }

  .featured-coordinator-list:only-child .coordinator-details h1,
  .featured-coordinator-list:only-child .coordinator-details span {
    text-align:  center;
  }

  /* End-Single-Coordinator */

/* End-Featured-Coordinator */
}

/* ======= Featured-Field-Coordinator- Desktop+ ======= */

@media (min-width: 992px) {

  /* Featured-Coordinator */

  .featured-coordinator header {
    margin: 50px 0 90px;
  }

  .featured-coordinator > header > h1 {
    font-size: 28px;
  }

  .coordinator-description > p {
    line-height: 2;
  }

  .featured-coordinator > div > div {
    padding: 0px 25px 50px;
  }

  .featured-coordinator-list {
    width: 330px;
  }

  .featured-coordinator-list:nth-child(2) {
    width: 370px;
  }

  .featured-coordinator-list:last-child:nth-child(2) {
    width: 330px;
  }

  .coordinator-image {
    width: 82px;
    height: 82px;
  }

  .coordinator-details {
    width: 65%;
    padding-left: 12px;
  }

  .coordinator-details > h1 {
    font-size: 20px;
  }

  /* Single-Coordinator */

  .featured-coordinator-list:only-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 640px;
  }

  .featured-coordinator-list:only-child .coordinator-list {
    width: 35%;
  }

  .featured-coordinator-list:only-child .coordinator-description {
    width: 65%;
  }

  .featured-coordinator-list:only-child .coordinator-image {
    width: 82px;
    height: 82px;
  }

  /* End-Single-Coordinator */

  /* End-Featured-Coordinator */

}

/* ======= Featured-Field-Coordinator - Large Desktop+ ======= */

@media (min-width: 1200px) {

  /* Featured-Coordinator */

  .featured-coordinator-list {
    width: 400px;
  }

  .featured-coordinator-list:nth-child(2) {
    width: 440px;
  }

  .featured-coordinator-list:last-child:nth-child(2) {
    width: 400px;
  }

  /* End-Featured-Coordinator */

}

/*===============================
  ===============================
  Missionary-Testimony
  ===============================
  ===============================*/

/*===============================
  Featured-testimony
  ===============================*/

/* ======= Featured-testimony - Mobile+ ======= */

.featured-testimony {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

.featured-testimony-single {
  width: 100%;
  z-index: 0;
  position: relative;
    display: flex;
    flex-direction: row;
    padding: 50px 20px 0px 20px;
}

.missionary-single-image {
  width: 155px;
    float: left;
}

#missionary-bio {
    padding-top: 10px;
    clear: both;
}

.missionary-bio h3, .missionary-bio h4 {
    font-size: 1em;
    margin: 5px 0px;
    color: #fff;
}

.missionary-stories-title {
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-bottom: 15px;
}

.missionary-stories-title h4 {
    font-size: 1em;
    text-transform: uppercase;
    padding-bottom: 0px;
    margin-bottom: 0px;
    letter-spacing: 0.125rem
}

.missionary-single-image > div {
  width: 140px;
  height: 140px;
  border-radius: 5px;
  z-index: 0;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.missionary-single-image > h1 {
  font-size: 5px;
  text-align: center;
  color: #2C2C2C;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}

.missionary-single-image h1 > i {
  margin-right: 5px;
}

.missionary-single-about {
  padding-top: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.missionary-single-tag > span {
  letter-spacing: 1px;
  font-size: 11px;
  display: block;
  margin: 5px 0;
  line-height: 1.2;
  color: rgba(44, 44, 44, 0.6);
}

.missionary-single-about > h1 {
  font-size: 25px;
  line-height: 1.3;
  margin: 0;
  color: #fff;
}

.missionary-single-about p {
    text-transform: none;
}

.social-share-icons > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
} 

.social-share-icons button {
  height: 26px;
  width: 26px;
  font-size: 10px;
  border-radius: 50%;
  margin: 0 5px;
  padding: 7px;
  color: #2c2c2c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.16);
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
} 
.social-share-icons button svg {
  width: 12px;
  height: 12px;
}

.social-share-icons button svg path {
  transition: fill .25s;
  -webkit-transition: fill .25s;
  -moz-transition: fill .25s;
  -ms-transition: fill .25s;
  -o-transition: fill .25s;
}

.social-share-icons button:first-child {
  margin-left: 0; 
}

.social-share-icons button:hover,
.social-share-icons button:focus,
.social-share-icons button:active,
.social-share-icons button.js-touch {
  color: #732524;
}

.social-share-icons button:hover svg path,
.social-share-icons button:focus svg path,
.social-share-icons button:active svg path,
.social-share-icons button.js-touch svg path {
  fill: #732524;
}

.copied {
  position: fixed;
  left: 20px;
  bottom: 20px;
  height: 40px;
  padding: 15px 14px 12px;
  font-size: 12px;
  color: #732524;
  border-radius: 5px;
  z-index: 500;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

.social-share-icons > button {
  display: none;
} 

.featured-testimony.gradient-hor::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(12, 36, 54, .8)),to(rgba(12, 36, 54, 0.8)));
    background: linear-gradient(to right, rgba(12, 36, 54, .8) 50%,rgba(12, 36, 54, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60c2436', endColorstr='#000c2436',GradientType=1 ); /* IE6-9 */
}

/* Watch and Listen */

.play-audio-video {
  padding: 3px;
  height: 36px;
  width: 136px;
  display: flex;
  align-items: center;
  background-color: #282828;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  position: relative;
  z-index: 0;
}

.play-audio-video::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 65px;
  background-color: #ffffff;
  left: 3px;
  top: 3px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  z-index: -1;
  transition: transform .3s;
  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
}

.play-audio-video.audio-current {
  width: 71px;
}

.play-audio-video.listen-current::before {
  transform: translateX(65px);
  -webkit-transform: translateX(65px);
  -moz-transform: translateX(65px);
  -ms-transform: translateX(65px);
  -o-transform: translateX(65px);
}

.play-audio-video.audio-current::before,
.play-audio-video.watch-current::before {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
}


.play-audio-video > button {
  font-size: 7px;
  color: #FFFFFF80;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  height: 30px;
  width: 65px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.play-audio-video.watch-current > .watch-tab,
.play-audio-video.listen-current > .listen-tab,
.play-audio-video.audio-current > button {
  color: #2C2C2C;
}

/* End Watch and Listen */


/* ///////////////////////////////////////////////// */
/* ///////////////// MISSIONARY PAGE /////////////// */
/* ///////////////////////////////////////////////// */


.missionary-page-stories {
    display: flex;
    flex-wrap: wrap;
}


/* ======= Featured-testimony - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Featured-testimony - Tablet+ ======= */

  @media (min-width: 768px) {
  
  .featured-testimony {
    
  }

  .featured-testimony-single {
    margin: 0px;
    min-height: 380px;
      padding: 0px 40px;
  }
  
  .featured-testimony-single-content {
    margin: 50px 0 50px 0;
  }
  
  .missionary-single-about {
    padding-top: 0px;
  }
  
  .missionary-single-about > .country-name-tag,
  .missionary-single-about > .country-mission-tag{
    font-size: 12px;
  }
  
  .missionary-single-about > h1 {
    font-size: 26px;
  }
  
  .missionary-single-about .red-label,
  .missionary-single-tag > span {
    font-size: 12px;
  }

  .testimony-social-share {
    position: absolute;
    bottom: 24px;
    right: 24px;
    border-radius: 50px;
  } 

  .social-share-icons {
    border-radius: 50px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.16);
    box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.16);
  } 

  .social-share-icons > div {
    display: block;
    margin: 0;   
    z-index: -1;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height ease-in-out .5s;
    transition: max-height ease-in-out .5s;
  } 

  .social-share-icons > div > button {
    height: 44px;
    width: 44px;
    font-size: 13px;
    margin: 0;
    background-color: initial;
    -webkit-box-shadow: initial;
            box-shadow: initial;
  } 

  .social-share-icons > div > button:first-child {
    margin-top: 5px;
  } 

  .social-share-icons > div > button:last-child {
    margin-bottom: 5px;
  } 


  .social-share-icons > button {
    height: 44px;
    width: 44px;
    font-size: 13px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.16);
    box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.16);
  } 

  .social-share-icons button svg {
    width: 18px;
    height: 18px;
  }
  
  .social-share-icons button.js-touch {
    color: #732524;
    background-color: #fff;
  }

  .social-share-icons.js-touch > div,
  .social-share-icons:hover > div  {
    max-height: 300px;
  }

  .featured-testimony.gradient-hor::before {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(12, 36, 54, .8)),to(rgba(12, 36, 54, 0.8)));
    background: linear-gradient(to right, rgba(12, 36, 54, .8) 50%,rgba(12, 36, 54, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60c2436', endColorstr='#000c2436',GradientType=1 ); /* IE6-9 */
}
      
.missionary-bio {
    color: #fff;
      }

.missionary-bio p {
  text-transform: none;
    font-size: 1rem;
    line-height: 1.3rem;
}

.page-title.missionary-bio {
  text-transform: uppercase;
  color: #fff;
}
      
.missionary-bio h3 {
  text-transform: uppercase;
  font-size: 1.25em;
  color: #fff;
    margin: 28px 0px 10px 0px;
}

.missionary-single-tag.missionary-bio h4 {
  text-transform: uppercase;
    margin: 10px 0px 10px 0px;
}

}

/* ======= Featured-testimony - Desktop+ ======= */

  @media (min-width: 992px) {

  .featured-testimony-single {
    width: 90%;
      padding: 0px 40px;
  }

  .featured-testimony-single-content {
    display: flex;
  }

  .missionary-single-image > h1 {
    font-size: 12px;
  }

  .featured-testimony-single-content:hover .protected > div,
  .featured-testimony-single-content:focus .protected > div {
    opacity: 1;
    visibility: visible;
  }

  .missionary-single-image {
    width: 300px;
  }

  .missionary-single-image > div {
    width: 300px;
    height: 100%;
  }

  .missionary-single-about {
    padding-left: 40px;
  }
  
  .missionary-single-about > .country-name-tag,
  .missionary-single-about > .country-mission-tag{
    font-size: 13px;
  }

  .missionary-single-about > h1 {
    font-size: 36px;
  }
  
  .missionary-single-about > span {
    font-size: 12px;
  }

  .testimony-social-share {
    bottom: 30px;
    right: 30px;
  }

  .social-share-icons > div > button,
  .social-share-icons button {
    font-size: 16px;
  } 

  .social-share-icons > div > button:first-child {
    margin-top: 8px;
  } 

  .social-share-icons > div > button:last-child {
    margin-bottom: 8px;
  }

  .social-share-icons button svg {
    width: 20px;
    height: 20px;
  }

  .social-share-icons:hover > div,
  .social-share-icons:focus > div  {
    max-height: 300px;
  }

}

/* ======= Featured-testimony - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .featured-testimony-single {
    padding-left: 0;
    padding-right: 0;
      width: 75%;
  }

  .featured-testimony-single-content {
    padding-left: 0;
  }

  .testimony-social-share {
    right: 0;
    bottom: 43px;
  }

  .testimony-social-share .social-share-icons {
    background-color: initial;
    border-radius: initial;
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    -ms-border-radius: initial;
    -o-border-radius: initial;
    -webkit-box-shadow: initial;
            box-shadow: initial;
  }

  .testimony-social-share .social-share-icons > div {
    display: block;
    z-index: 0;
    max-height: initial;
    overflow: initial;
  }

  .testimony-social-share .social-share-icons:hover > div, 
  .testimony-social-share .social-share-icons:focus > div {
    max-height: initial;
  }

  .testimony-social-share .social-share-icons > div > button {
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 10px 0;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.16);
  }

  .testimony-social-share .social-share-icons > button {
    display: none;
  }

}

@media (min-width: 1600px) {
    .featured-testimony-single {
    width: 55%;
  }

}

/*===============================
  Featured-Sticky-Wife 
  ===============================*/

/* ======= Featured-Sticky-Wife - Mobile+ ======= */

.featured-sticky-wife {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 6;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.featured-sticky-wife.js-hide {
  opacity: 0;
  visibility: hidden;
}

.authors-wife {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  z-index: 2;
  background-color: #6A6A6A;
  -webkit-box-shadow: 1px 3px 12px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 3px 12px 0px rgba(0,0,0,0.16);
  -webkit-transition: border-radius .25s;
  transition: border-radius .25s;
}

.authors-wife::before {
  content: "W";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  font-size: 18px;
  font-weight: 700;
  color: #F6F6F6;
  padding: 10px;
  font-family: 'Montserrat', sans-serif;
}

.wife-read-more {
  max-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-transform: translateX(200px);
  transform: translateX(200px);
  -webkit-transition: max-width ease-in-out .25s, -webkit-transform ease-in-out .25s;
  transition: max-width ease-in-out .25s, -webkit-transform ease-in-out .25s;
  transition: transform ease-in-out .25s, max-width ease-in-out .25s;
  transition: transform ease-in-out .25s, max-width ease-in-out .25s, -webkit-transform ease-in-out .25s;
  -webkit-transition: transform ease-in-out .25s, max-width ease-in-out .25s;
  -moz-transition: transform ease-in-out .25s, max-width ease-in-out .25s;
  -ms-transition: transform ease-in-out .25s, max-width ease-in-out .25s;
  -o-transition: transform ease-in-out .25s, max-width ease-in-out .25s;
}

.featured-sticky-wife:hover > .wife-read-more,
.featured-sticky-wife.js-open > .wife-read-more {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  max-width: 200px;
}

.wife-read-more.js-expand {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  max-width: 200px;
}


.wife-read-more > h1 {
  display: none;
}

.wife-read-more > div {
  display: block;
  font-size: 11px;
  padding: 0 10px;
  color: #2c2c2c;
  font-family: 'Montserrat', sans-serif;
}

.wife-read-more > div > span {
  margin-right: 8px;
}

.wife-read-more > div > i {
  font-size: 8px;
}

.featured-sticky-wife > a {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
}

.featured-sticky-wife.js-open > a.js-hide,
.featured-sticky-wife:hover > a {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}

/* ======= Featured-Sticky-Wife - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= fFeatured-Sticky-Wife - Tablet+ ======= */
@media (min-width: 768px) {

  .authors-wife {
    width: 54px;
    height: 54px;
    border-radius: 5px 0 0 5px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  
  .authors-wife::before {
    font-size: 24px;
    padding: 13px;
  }

  .wife-read-more {
    max-width: initial;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 5px 8px;
    -webkit-transform: initial;
            transform: initial;
  }

  .wife-read-more > h1 {
    display: block;
    font-size: 14px;
    margin: 0 0 5px;
    color: #2C2C2C;
    text-transform: uppercase;
  }

  .wife-read-more > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(44, 44, 44, 0.5);
  }

  .featured-sticky-wife > a,
  .featured-sticky-wife.js-touch > a, 
  .featured-sticky-wife:hover > a {
    display: block;
    z-index: 5;
  }

}

/* ======= Featured-Sticky-Wife - Desktop+ ======= */
@media (min-width: 992px) {

}

/* ======= Featured-Sticky-Wife - Large Desktop+ ======= */
@media (min-width: 1200px) {
  
}

/*===============================
  Missionary-Single-Wife
  ===============================*/

/* ======= Missionary-Single-Wife - Mobile+ ======= */

.featured-single-wife {
  padding: 40px 20px;
  z-index: 0;
  position: relative;
  background-color: #f0f0f0;
}

.featured-single-wife > .entry-content > div,
.featured-single-wife > .entry-content > .readmore-btn {
  margin: 0;
}

.featured-single-wife .field-readmore {
  max-height: 12em;
}

.featured-single-wife .field-readmore.gradient-hor::before {
  z-index: 1;
  bottom: -1px;
}

.featured-single-wife .entry-content .icon-container {
  background-color: #f0f0f0;
}

.wife-testimony-head > h1 {
  font-size: 18px;
}

.wife-testimony-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 25px 0;
}

.wife-testimony-image {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

.about-wife {
  padding-left: 25px;
  width: calc(100% - 80px);
}

.wife-testimony-about .about-wife:only-child {
  width: 100%;
  padding: 0;
}

.about-wife > h1 {
  font-size: 22px;
  margin: 5px 0;
  color: #2C2C2C;
  text-transform: uppercase;
}

.about-wife span {
  font-size: 12px;
  line-height: 1.4;
  display: block;
  color: rgba(44, 44, 44, 0.5);
  text-transform: uppercase;
}

.featured-single-wife .entry-content-share {
  display: none;
}

/* Featured-Single-feild */

.missionary-field {
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.missionary-field:nth-child(2),
.missionary-field:nth-child(2) .missionary-card {
  background-color: #f0f0f0;
}

.missionary-field > div {
  text-align: center;
}

.mission-update-heading {
  padding: 0 20px 15px;
}

.mission-update-heading > h1 {
  font-size: 16px;
  text-align: left;
}

.mission-update-heading > h1::before {
  top: -4px;
}

.testimony-content {
  padding: 20px;
}

.missionary-field .latest-all-button {
  margin-top: 15px;
  margin-bottom: -12px;
}

.missionary-field:nth-child(2) .latest-all-button {
  background-color: #f0f0f0;
}

/* End-Featured-Single-feild */

/* ======= Missionary-Single-Wife - Large Mobile+ ======= */
@media (max-width: 767px) {

  .missionary-field:nth-child(2) .missionary-card.js-touch, 
  .missionary-field:nth-child(2) .missionary-card:hover {
    background-color: #fff;
  }
}


/* ======= Missionary-Single-Wife - Tablet+ ======= */
@media (min-width: 768px) {

  .featured-single-wife {
    padding: 40px;
  }

  .wife-testimony-head {
    max-width: 730px;
    margin: 0 auto;
  }
  
  .wife-testimony-about {
    margin: 30px 0;
  }
  
  .wife-testimony-image {
    width: 90px;
    height: 90px;
  }
  
  .featured-single-wife .field-readmore {
    max-height: 14em;
  }

  .about-wife {
    width: calc(100% - 90px);
  }

  .featured-single-wife > div {
    max-width: 730px;
    margin: 0 auto;
  }

  .featured-single-wife .entry-content {
    margin: 0 5px;
  }

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

  /* Featured-Single-feild */

  .missionary-field {
    padding: 60px 40px;
  }

  .mission-update-heading {
    padding: 0 0 30px;
  }

  .mission-update-heading > h1 {
    font-size: 18px;
  }

  .mission-latest-resource {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -15px;
  }

  .mission-latest-resource > article {
    width: initial;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 15px;
  }

  .mission-latest-resource .resource-content {
    padding: 15px;
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 120px;
    margin-top: auto;
  }

  .mission-latest-resource .resource-content>h1 {
    font-size: 16px;
    position: relative;
    margin: 9px 0 0 -14px;
    padding-left: 14px;
  }

  .mission-latest-resource .featured-meta {
    margin-top: auto;
  }

  .mission-latest-resource .featured-meta>span {
    font-size: 11px;
  }

  .mission-latest-resource .featured-meta-author {
    position: absolute;
    margin-top: 0;
    top: -11px;
    right: 5%;
    z-index: 1;
  }

  .mission-latest-resource .author-name {
    display: none;
  }

  .mission-latest-resource .resource-image .article-label {
    right: 15px;
    top: 15px;
  }

  .missionary-field .latest-all-button {
    margin-top: 35px;
  }

  /* End-Featured-Single-feild */
}

/* ======= Missionary-Single-Wife - Desktop+ ======= */
@media (min-width: 992px) {

  .testimony-content {
    padding: 50px 0;
  }

  .featured-single-wife {
    padding: 50px 0;
  }
  
  .wife-testimony-head > h1 {
    font-size: 20px;
  }
  
  .wife-testimony-about {
    margin: 40px 0;
  }
  
  .wife-testimony-image {
    width: 110px;
    height: 110px;
  }

  .about-wife {
    padding-left: 35px;
    width: calc(100% - 110px);
  }

  /* Featured-Single-feild */

  .missionary-field {
    padding: 65px 50px;
  }

  .mission-update-heading {
    padding-bottom: 35px;
  }

  .mission-latest-resource {
    margin: 0 -25px;
  }

  .mission-latest-resource > article {
    margin: 25px;
  }

  .mission-latest-resource .resource-content {
    padding: 25px;
    height: 150px;
  }

  .mission-latest-resource .resource-content>h1 {
    font-size: 20px;
  }

  .mission-latest-resource .featured-meta>span {
    font-size: 14px;
  }

  .mission-latest-resource .featured-meta-author {
    top: -17px;
  }

  .mission-latest-resource .resource-image .article-label {
    right: 25px;
    top: 25px;
  }

  .missionary-field .latest-all-button {
    margin-top: 30px;
  }

  /* End-Featured-Single-feild */
}

/* ======= Missionary-Single-Wife - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .missionary-field {
    padding-left: 0;
    padding-right: 0;
  }

}

/*===============================
  ===============================
    Mission-Update-Single
  ===============================
  ===============================*/

/*===============================
    featured-single-layout
  ===============================*/

/* ======= featured-single-layout - Mobile+ ======= */

.featured-single-layout {
  padding: 40px 20px;
}

.single-layout-content > h1 {
  font-size: 22px;
  margin: 5px 0;
}

.single-layout-content .featured-meta>span {
  font-size: 12px;
  line-height: 1.8;
}

.theological-single {
  margin-top: 20px;
}

.single-authors {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 20px;
}

.single-authors:nth-last-child(2) {
  margin-bottom: 0px;
}

.single-authors > a {
  z-index: 1;
}

.single-author-image {
  border-radius: 50px;
  border: 2px solid #732524;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  margin-right: 10px;
}

.single-author-image > div {
  border-radius: 50px;
  border: 2px solid #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.single-author-image img {
  width: 30px;
  height: 30px;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.single-author-title > h1 {
  font-size: 11px;
  font-weight: 700;
  margin: 0;
  margin-bottom: -3px;
  line-height: 1.4;
  letter-spacing: 1px;
  transition: color .25s;
  text-transform: uppercase;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.single-author-title > span {
  font-size: 10px;
  color: rgba(44, 44, 44, .6);
  font-weight: 500;
  letter-spacing: .05em;
  font-family: 'Montserrat', sans-serif;
}

.single-layout {
  padding: 0 20px 20px;
}

.single-authors:hover .red-overlay::before,
.single-authors:active .red-overlay::before,
.single-authors:focus .red-overlay::before,
.single-authors.js-touch .red-overlay::before {
  opacity: .5;
}

.single-authors:hover .single-author-title > h1,
.single-authors:active .single-author-title > h1,
.single-authors:focus .single-author-title > h1,
.single-authors.js-touch .single-author-title > h1 {
  color: #732524;
}

/* ======= featured-single-layout - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= featured-single-layout - Tablet+ ======= */
@media (min-width: 768px) {

  .featured-single-layout {
    padding: 40px;
  }
  
  .single-layout-content > h1 {
    font-size: 36px;
    margin: 5px 0 8px;
  }

  .single-layout-content .featured-meta>span {
    font-size: 14px;
  }

  .single-layout-content .featured-meta > span:nth-child(1) {
    display: inline;
  }

  .theological-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 60px;
    position: relative;
    min-height: 60px;
  }

  .single-authors {
    margin-top: 25px;
    margin-right: 40px;
    margin-bottom: 0;
    width: calc(50% - 65px);
  }

  .single-authors:nth-child(1),
  .single-authors:nth-child(2) {
    margin-top: 0px;
  }

  .single-author-image {
    margin-right: 15px;
  }

  .single-author-image img {
    width: 48px;
    height: 48px;
  }
  
  .single-share-layout {
    position: absolute;
    right: -45px;
    top: 50px;
  }

  .single-share-layout > nav {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .single-author-title > h1 {
    font-size: 12px;
  }
  
  .single-author-title > span {
    font-size: 11px;
  }

  .single-layout {
    padding: 0 0 40px;
  }

  .theological-single .media-controls {
    right: -60px;
    bottom: 0;
    position: absolute;
  }
  
  .theological-single .media-controls > .social-share-icons {
    display: table;
    position: absolute;
    right: 0;
    top: -44px;
  }

}

/* ======= featured-single-layout - Desktop+ ======= */
@media (min-width: 992px) {

  .featured-single-layout {
    padding: 50px 0;
    max-width: 730px;
    margin: 0 auto;
  }
  
  .single-layout-content > h1 {
    font-size: 46px;
    margin: 10px 0 12px;
  }
  
  .single-layout-content .featured-meta {
    margin-top: 0;
  }

  .single-layout {
    padding-bottom: 50px;
  }

}

/* ======= featured-single-layout - Large Desktop+ ======= */
@media (min-width: 1400px) {

}

/*===============================
  ===============================
      Entry-Content
  ===============================
  ===============================*/
  
/*===============================
    Entry-Content
  ===============================*/

/* ======= Entry-Content - Mobile+ ======= */

.entry-content > * {
  max-width: 100%;
  margin: 20px 0;
  font-family: 'Montserrat', sans-serif;
}

.entry-content > *:first-child {
  margin-top: 0;
}

.entry-content > *:last-child {
  margin-bottom: 0;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: #3b3b3b;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0;
}

.entry-content h2 {
  font-size: 24px;
}

.entry-content h3 {
  font-size: 22px;
}

.entry-content h4 {
  font-size: 20px;
}

.entry-content h5 {
  font-size: 18px;
}

.entry-content h6 {
  font-size: 16px;
}

.breakout-content.entry-content > *.alignfull,
.breakout-content.entry-content > *.alignfull-cropped  {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: none;
}

.breakout-content.entry-content > *.alignfull img {
  width: 100vw;
}

.breakout-content.entry-content > *.alignfull-cropped img {
  width: 100vw;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

.breakout-content.entry-content > *.alignfull figcaption,
.breakout-content.entry-content > *.alignfull-cropped figcaption {
  padding-left: 20px;
}

.entry-content figure > img {
  height: auto;
  width: 100%;
  display: block;
  position: relative;
}

.allow-image-popup.entry-content figure > img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.entry-content p {
  font-size: 14px;
  line-height: 1.8;
  color: #3B3B3B;
  margin-top: 10px;
}

.entry-content p.has-drop-cap:not(:focus)::first-letter {
  float: left;
  font-size: 55px;
  line-height: .68;
  font-weight: 700;
  margin: .25em .15em 0 0;
  text-transform: uppercase;
}

.entry-content .aligncenter, 
.entry-content .alignleft, 
.entry-content .alignright,
.entry-content .is-resized {
  display: table;
  margin-left: 0;
  margin-right: 0;
}

.entry-content .alignright,
.entry-content .alignleft {
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
}

.entry-content figcaption {
  margin-top: .5em;
  margin-bottom: 1em;
  color: #959595;
  line-height: 1.8;
  font-size: 11px;
  font-style: italic;
}

.entry-content .aligncenter>figcaption,
.entry-content .alignleft>figcaption,
.entry-content .alignright>figcaption,
.entry-content .is-resized>figcaption {
  display: table-caption;
  caption-side: bottom;
}

.entry-content strong {
  font-weight: bold;
}

.entry-content em {
  font-style: italic;
}

.entry-content figcaption em {
  font-style: normal;
}

.entry-content a {
  position: relative;
  transition: color .25s;
  line-height: 1.6;
  padding-bottom: 2px;
  border-bottom: 2px solid #732524;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.entry-content a:hover {
  color: #732524;
}

.entry-content blockquote > p {
  font-size: 16px;
  font-style: italic;
  line-height: 1.8;
  font-family: 'Playfair Display', serif;
}

.entry-content cite {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8;
  font-style: normal;
  color: rgba(59, 59, 59, .6);
}

.entry-content .wp-block-pullquote {
  position: relative;
  padding: 30px 0;
  border-top: 3px solid #2c2c2c;
  border-bottom: 3px solid #2c2c2c;
}

.entry-content .wp-block-pullquote > blockquote {
  margin: 0 10px;
  text-align: center;
}

.entry-content .wp-block-pullquote > blockquote > p {
  font-size: 22px;
  line-height: 1.8;
  margin: 0 0 10px;
}

.entry-content .wp-block-pullquote > blockquote > p:only-child {
  margin: 0;
}

.entry-content .wp-block-quote {
  position: relative;
  padding-left: 20px;
  display: table;
}

.entry-content .wp-block-quote::before {
  content: "";
  width: 5px;
  height: 100%;
  left: 0;
  top: 5px;
  background-color: #732524;
  position: absolute;
}

.entry-content ul,
.entry-content ol {
  padding-left: 20px;
}

.entry-content ol {
  list-style: decimal;
}

.entry-content ol > li > ol {
  list-style-type: upper-alpha;
}

.entry-content ul > li,
.entry-content ol > li {
  font-size: 14px;
  line-height: 1.8;
  margin: 10px 0;
  color: #2C2C2C;
  position: relative;
}

.entry-content ul > li {
  padding-left: 18px;
}

.entry-content ol > li {
  padding-left: 10px;
}

.entry-content ul > li::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: 0;
  top: 9px;
  background-color: #3b3b3b;
  position: absolute;
}

.entry-content audio {
  width: 100%;
}

.entry-content video {
  width: 100%;
}

.entry-content .wp-block-file {
  color: rgba(44, 44, 44, .8);
  font-size: 14px;
  line-height: 2;
}

.entry-content a.wp-block-file__button,
.entry-content .wp-block-button > a,
.entry-content .button {
  color: #fff;
  font-size: 13px !important;
  font-weight: 600;
  border: 0px;
  border-bottom: 0;
  cursor: pointer;
  padding: 12px 20px 9px;
  border-radius: 5px;
  margin-top: 20px;
  height: 40px;
  letter-spacing: 1px;
  background-color: #2c2c2c;
  text-transform: uppercase;
  transition: background-color .25s;
  display: table !important;
  font-family: 'Josefin Sans', sans-serif;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.entry-content a.wp-block-file__button:hover,
.entry-content .wp-block-button > a:hover,
.entry-content .button:hover {
  background-color: #732524;
}

.entry-content .wp-block-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.entry-content .wp-block-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 1em;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
}

.entry-content .wp-block-column figure {
  margin: 0;
}

.entry-content .wp-block-separator,
.entry-content .wp-block-separator.is-style-wide,
.entry-content .wp-block-separator.is-style-wide.is-style-dots {
  max-width: 100px;
  border: 0px;
  height: 2px;
  margin: 30px auto;
  background-color: rgba(44, 44, 44, 0.4);
}

.entry-content > div.wp-block-image:first-child {
  display: initial;
}

.entry-content > div.wp-block-image:first-child ~ p {
  margin-top: 0;
}

.entry-content .two-columns {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 20px;
          column-gap: 20px;
}

.entry-content iframe {
  border: unset;
}

.entry-content .c-accordion__title:focus {
  outline: none;
}

.entry-content .c-accordion__title::after {
  right: 8px;
  color: #2C2C2C;
  font-weight: 400;
}

.entry-content  .is-open .c-accordion__title:after {
  content: "\2212";
  color: #732524;
}

.entry-content .c-accordion__title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  width: 20px;
  height: 20px;
  opacity: 0;
  visibility: hidden;
  border-radius: 100px;
  background-color: rgba(44, 44, 44, .1);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -ms-transition: opacity .25s;
  -o-transition: opacity .25s;
}

.entry-content .c-accordion__title:hover::before {
  opacity: 1;
  visibility: visible;
}

/* Tables */

.entry-content table {
  display: block;
  overflow-x: auto;
  border-spacing: 0;
  line-height: 1.4;
  font-size: 13px;
  margin-bottom: 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
}

.entry-content table:last-child {
  margin-bottom: 0px;
}

.entry-content table thead,
.entry-content table tbody {
  display: table;
  width: 100%;
}

.about-field-container .entry-content table {
  border-radius: 0px;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.entry-content table thead tr {
  color: #fff;
  background-color: #3b3b3b;
}

.entry-content table tbody tr {
  color: #2c2c2c;
}

.entry-content table tbody tr:nth-child(odd) {
  background-color: #f0f0f0;
}

.about-field-container .entry-content table tr:nth-child(odd) {
  background-color: initial;
}

.entry-content table tbody tr:nth-child(even) {
  background-color: #fff;
}

.about-field-container > .entry-content table tbody tr:nth-child(even) {
  background-color: initial;
}

.entry-content table thead th,
.entry-content table tbody td {
  padding: 10px 5px;
  word-break: unset;
}

.entry-content table tbody td:first-child {
  padding-left: 10px;
}

.entry-content table tbody td:last-child {
  padding-right: 10px;
}

/* End-Tables */

/* Video iFrame Styling */
  
.entry-content .is-type-video .wp-block-embed__wrapper > iframe /*For Video iframe*/ {
  width: 100%;
}
  
.entry-content .is-provider-sermonaudio-com .wp-block-embed__wrapper > iframe /*for Sermon Audio (because WP uses .is-type-embed for sermon audio), so must use a more specific class) */ {
  width: 100%;
}

/* End-Video-Iframe */

/* Gravity-Form */

.page-single .gform_wrapper {
  padding: 15px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.entry-content .gform_wrapper input {
  line-height: 1.7;
}

.entry-content .gform_wrapper ul.gform_fields {
  margin: 0 !important;
  padding-left: 0;
}

.entry-content .gform_wrapper ul > li {
  line-height: 1.2;
}

.entry-content .gform_wrapper ul > li::before {
  width: 0;
  height: 0;
  background-color: initial;
}

.entry-content .gform_wrapper h3.gform_title {
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 10px;
}

.entry-content .gform_wrapper span.gform_description {
  font-size: 14px;
  line-height: 1.8;
  color: #3b3b3b;
  width: 100%;
}

.entry-content .gform_wrapper ul li.gfield {
  padding-left: 0px;
  margin-top: 0;
  margin-bottom: 36px;
}

.entry-content .gform_wrapper ul li.gfield:only-child {
  margin-top: 24px;
}

.entry-content .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px;
}
.entry-content .gform_wrapper label.gfield_label, 
.entry-content .gform_wrapper legend.gfield_label,
.entry-content .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label {
  font-weight: 600;
  font-size: 11px;
  padding-left: 10px;
  position: relative;
  z-index: 1;
}

.entry-content .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first,
.entry-content .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last {
  padding-top: 0px;
}

.entry-content .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last {
  margin-top: 30px;
}

.entry-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.entry-content .gform_wrapper div.ginput_container textarea,
.entry-content .gform_wrapper div.ginput_container select {
  font-size: 12px;
  border: 0;
  padding: 24px 10px 5px;
  margin-top: -24px !important;
  -webkit-appearance: none;
  border-radius: 5px 5px 0 0 !important;
  background-color: rgba(0, 0, 0, .02);
  -webkit-border-radius: 5px 5px 0 0 !important;
  -moz-border-radius: 5px 5px 0 0 !important;
  -ms-border-radius: 5px 5px 0 0 !important;
  -o-border-radius: 5px 5px 0 0 !important;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.16);
}

.entry-content .gform_wrapper div.ginput_container_email input {
  margin-top: 0px !important;
}

.entry-content .gform_wrapper .field_type_select div.ginput_container select,
.entry-content .gform_wrapper div.ginput_container .address_country,
.entry-content .gform_wrapper .ginput_card_expiration_container .ginput_card_expiration {
  position: relative;
  height: 44px;
}

.entry-content .gform_wrapper .field_type_select .ginput_container_select::before,
.entry-content .gform_wrapper div.ginput_container .address_country::before {
  content: "\e905";
  position: absolute;
  top: 8px;
  font-size: 10px;
  right: 8px;
  font-family: 'heartcry-icons' !important;
}

.entry-content .gform_wrapper textarea.large {
  height: 90px;
}

.entry-content .gform_wrapper .gfield_radio li label {
  margin: 0;
}

.entry-content .gform_wrapper .field_type_name label,
.entry-content .gform_wrapper .field_type_phone label,
.entry-content .gform_wrapper .field_type_email label {
  width: 100%;
}

.entry-content .gform_wrapper .field_type_radio > label,
.entry-content .gform_wrapper .field_type_checkbox > label {
  font-weight: 700;
  padding-left: 0;
  color: rgba(0, 0, 0, .23);
}

/* Pricing Label */
.field_type_total .gfield_label {
  padding-left: 0px !important;
}

/* Pricing Total */
.field_type_total .ginput_total {
  font-size: 30px !important;
  font-weight: 600;
  display: inline-block;
  color: #fff !important;
}

.field_type_total {
  background-color: #2c2c2c;
  border-radius: 5px;
  color: #fff !important;
  padding: 20px !important;
}

.entry-content .gform_wrapper .gfield_required {
  font-size: 14px;
  color: #2c2c2c;
}

.entry-content .gform_wrapper .gfield_checkbox li, 
.entry-content .gform_wrapper .gfield_radio li {
  line-height: 1.8;
}

.entry-content .gform_wrapper .gfield_radio input[type=radio],
.entry-content .gform_wrapper .gfield_checkbox input[type=checkbox] {
	display: none !important;
}

.entry-content .gform_wrapper .gfield_radio input[type="radio"] + label,
.entry-content .gform_wrapper .gfield_checkbox input[type="checkbox"] + label {
	padding-left: 30px !important;
	position: relative;
  min-height: 18px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}

.entry-content .gform_wrapper .gfield_radio input[type="radio"]:checked + label,
.entry-content .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label {
	color: #732524;
}

.entry-content .gform_wrapper .gfield_radio input[type="radio"] + label:before,
.entry-content .gform_wrapper .gfield_checkbox input[type="checkbox"] + label:before {
	content: '';
	background-color: transparent;
	border: transparent solid 2px;
	-webkit-box-shadow: 0px 0px 0px 3px #2c2c2c;
	        box-shadow: 0px 0px 0px 3px #2c2c2c;
	border-radius: 50%;
	height: 12px;
	width: 12px;
	position: absolute;
	left: 4px;
	top: 4px;
}

.entry-content .gform_wrapper .gfield_checkbox input[type="checkbox"] + label:before {
	border-radius: initial;
	-webkit-border-radius: initial;
	-moz-border-radius: initial;
	-ms-border-radius: initial;
	-o-border-radius: initial;
}

.entry-content .gform_wrapper .gfield_radio input[type="radio"]:checked + label::before,
.entry-content .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label::before {
	content: '';
	background-color: #732524;
	border: #fff solid 2px;
	-webkit-box-shadow: 0px 0px 0px 3px #732524;
	        box-shadow: 0px 0px 0px 3px #732524;
	border-radius: 50%;
	height: 12px;
	width: 12px;
	position: absolute;
	left: 4px;
	top: 4px;
}

.entry-content .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label::before {
	border-radius: initial;
	-webkit-border-radius: initial;
	-moz-border-radius: initial;
	-ms-border-radius: initial;
	-o-border-radius: initial;
}

.entry-content .gchoice_select_all, 
.entry-content .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, 
.entry-content  .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
  font-weight: 600;
}

.entry-content .gform_wrapper .gform_footer input.button, 
.entry-content .gform_wrapper .gform_footer input[type=submit] {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border: 0px;
  cursor: pointer;
  border-radius: 5px;
  line-height: 3.1;
  height: 40px;
  letter-spacing: 1px;
  background-color: #2c2c2c;
  text-transform: uppercase;
  transition: background-color .25s;
  font-family: 'Josefin Sans', sans-serif;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.entry-content .gform_wrapper input.button:hover {
  background-color: #732524;
}

.entry-content .gform_wrapper input.button:focus {
  background-color: #732524;
  outline: 0;
}

.entry-content .gform_wrapper .gform_card_icon_container,
.entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_right .ginput_card_security_code_icon {
  display: none;
}

.entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_right .ginput_card_security_code {
  max-width: 100%!important;
}

.entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select.ginput_card_expiration_month {
  margin-bottom: 26px;
}

.entry-content .gform_wrapper div.ginput_container select.ginput_card_expiration_year {
  margin-top: 0px !important;
}

.entry-content .gform_wrapper ul li.gfield.field_sublabel_above.field_description_below+li.gfield.field_type_creditcard {
  margin-top: -10px;
}

.entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container {
  margin-top: 15px;
  margin-bottom: 30px;
}

/* Error-Form */

.entry-content .gform_wrapper div.validation_error {
  color: #732524;
  font-size: 14px;
  line-height: 1.8;
  border: 0px;
  padding: 0;
}

.entry-content .gform_wrapper .gform_validation_errors > h2 {
  color: #732524;
}

.entry-content .gform_wrapper .gform_validation_errors>h2:before {
  filter: hsla(0, 100%, 38%, 1);
  -webkit-filter: hsla(0, 100%, 38%, 1);
}

.entry-content .gform_wrapper .top_label .gfield_error {
  width: 100%;
}

.entry-content .gform_wrapper .gfield_error .gfield_required {
  color: #732524;
}

.entry-content .gform_wrapper .gfield_error .gfield_label,
.entry-content .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label {
  color: #2c2c2c;
}

.entry-content .gform_wrapper li.gfield.gfield_error, 
.entry-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: initial;
  margin-bottom: 30px !important;
  border: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.entry-content .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right.address_country select, 
.entry-content .gform_wrapper.gf_browser_chrome .ginput_complex select {
  margin-bottom: 0px;
  margin-top: 0px;
}

.entry-content .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right.address_country select {
  line-height: 1.1;
}

.entry-content .gform_wrapper.gf_browser_chrome span.address_country {
  margin-top: 0px;
}

.entry-content .gform_wrapper .field_type_select > label,
.entry-content .gform_wrapper div.ginput_container .address_country > label {
  z-index: -1 !important;
}

.entry-content .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], 
.entry-content .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
  margin-bottom: 0px;
}

.entry-content .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.entry-content .gform_wrapper li.gfield_error div.ginput_container textarea,
.entry-content .gform_wrapper li.gfield_error div.ginput_container select  {
  border: 0;
  -webkit-box-shadow: 0px 2px 0px 0px #732524;
  box-shadow: 0px 2px 0px 0px #732524;
}

.entry-content .gform_wrapper .gfield_error .gfield_description {
  padding-top: 5px;
}

.entry-content .gform_wrapper .field_sublabel_above .description, 
.entry-content .gform_wrapper .field_sublabel_above .gfield_description, 
.entry-content .gform_wrapper .field_sublabel_above .gsection_description {
  margin-top: 0px;
}

.entry-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.entry-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0;
}

.entry-content .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield.gfield_error span.name_last {
  margin-bottom: 0;
}

.entry-content .gform_wrapper .validation_message {
  color: #732524;
  font-size: 11px;
  font-weight: 500;
  font-style: italic;
  font-family: 'Montserrat', sans-serif;
}

.entry-content .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, 
.entry-content .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
  margin: 0;
}

/* HTML Field Wrapper */
#gform_fields_6 li.gfield_html {
  background-color: #2c2c2c;
  padding: 20px !important;
  border-radius: 5px;
  line-height: 1.8;
}

#gform_fields_6 li.gfield_html p {
  color: #fff;
}

/* End-Error-Form */

@media only screen and (max-width: 641px) {

  .entry-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 1;
    min-height: 2rem;
  }

  .entry-content .gform_wrapper .field_type_address .ginput_container span:not(.ginput_price),
  .entry-content .gform_wrapper .field_type_creditcard .ginput_container span:not(.ginput_price) {
    margin-bottom: 26px;
  }
  
  .entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container span:not(.ginput_price){
    margin-bottom: 20px;
  }

  .entry-content .gform_wrapper .ginput_container span.address_country {
    margin-bottom: 0px;
  } 

  .entry-content .gform_wrapper .ginput_container.ginput_container_creditcard > span:last-child {
    margin-bottom: 0px;
  }

  .entry-content .gform_wrapper .ginput_complex span.ginput_cardextras {
    margin-bottom: 10px !important;
    margin-top: -15px !important;
  }

}

@media only screen and (max-width: 761px), 
(max-device-width: 1023px) and (min-device-width: 768px) {

  .entry-content .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error.field_type_email {
    margin-top: 16px;
  }

  .entry-content .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error.field_type_select {
    width: 50%;
  }

}

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

  .entry-content .gform_wrapper ul li.gfield {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .entry-content .gform_wrapper div.validation_error {
    margin-bottom: 16px;
  }

  .entry-content .gform_wrapper div.ginput_container_name span {
    padding-right: 0;
    margin-right: 0px;
  }

  .entry-content .gform_wrapper ul li.gfield.field_type_textarea, 
  .entry-content .gform_wrapper ul li.gfield.field_type_text,
  .entry-content .gform_wrapper ul li.gfield.field_type_address {
    margin-bottom: 36px;
  }
  
  .entry-content .gform_wrapper ul li.gfield.field_sublabel_above.field_description_below+li.gfield.field_type_address {
    margin-top: 40px;
  }

  .entry-content .gform_wrapper ul li.gfield.field_type_address div.ginput_container > span.ginput_full {
    margin-bottom: 26px;
    display: block;
  }

  .entry-content .gform_wrapper ul li.gfield.field_type_address div.ginput_container > span.ginput_right.address_state,
  .entry-content .gform_wrapper ul li.gfield.field_type_address div.ginput_container > span.ginput_left.address_city {
    margin-bottom: 36px;
  }

  .entry-content .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), 
  .entry-content  .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
    margin: 0;
  }

  .entry-content .gform_wrapper .top_label div.ginput_container {
    margin-top: 0px;
  }

  .entry-content .gform_wrapper .field_type_select div.ginput_container select {
    height: 42px;
    padding-top: 22px;
  }

  .entry-content .gform_wrapper .ginput_container.ginput_container_email input {
    padding-top: 3px;
  }

  .entry-content .gform_wrapper ul li.gfield.field_type_creditcard div.ginput_container > span.ginput_cardextras {
    margin-bottom: 30px !important;
    margin-top: 30px;
  }

  .entry-content .gform_wrapper .ginput_card_expiration_container .ginput_card_expiration {
    margin-bottom: 0;
    margin-top: -14px;
  }

  .entry-content .gform_wrapper div.ginput_container select.ginput_card_expiration_year {
    height: 44px;
  }

  .entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_right {
    min-width: 50% !important;
    padding-left: 10px;
    margin-top: 9px;
    min-height: 50px !important;
  } 

  .entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_left {
    margin-top: 9px;
  } 

  .entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select.ginput_card_expiration_month {
    margin-bottom: 0;
    margin-right: 8px;
    margin-top: -18px !important;
  }

  .entry-content .gform_wrapper .field_type_select .ginput_container_select::before {
    right: 10px;
  }

  .entry-content .gform_wrapper .gf_left_half.field_type_select .ginput_container_select::before {
    right: 30px;
  }

  .entry-content .gform_wrapper div.ginput_container .address_country::before {
    right: 20px;
  }

  .entry-content a.wp-block-file__button,
  .entry-content .wp-block-button > a,
  .entry-content .button {
    margin-bottom: 16px !important;
  }

  .entry-content .gform_wrapper .gform_footer input.button, 
  .entry-content .gform_wrapper .gform_footer input[type=submit] {
    line-height: 1;
    padding: 11px 34px 8px;
  }

  .entry-content .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last {
    margin-top: 0px;
    padding-left: 10px;
  }

  .entry-content .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_1, 
  .entry-content .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2, 
  .entry-content .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_3 {
    width: calc(100% + 15px);
  }

  .entry-content .gform_wrapper div.ginput_complex.ginput_container.gf_name_has_2 span.name_first {
    width: calc(50% - 20px);
  }

  .entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container label {
    margin-bottom: -24px;
  }

  .entry-content .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px !important;
  }

  .entry-content .gform_wrapper ul.gform_fields li.gfield.gf_left_half {
    padding-right: 16px !important;
  }

  .entry-content .gform_wrapper .gsection {
    margin-right: 0;
  }

  /* Error-Form */

  .entry-content .gform_wrapper.gform_validation_error ul li.gfield {
    margin-bottom: 30px;
  }

  .entry-content .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
    max-width: calc(50% - 8px);
    padding-right: 0;
  }

  .entry-content .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
  }
  
  .entry-content .gform_wrapper.gform_validation_error .top_label .gfield_error div.ginput_complex.ginput_container.gf_name_has_1, 
  .entry-content .gform_wrapper.gform_validation_error .top_label .gfield_error div.ginput_complex.ginput_container.gf_name_has_2, 
  .entry-content .gform_wrapper.gform_validation_error .top_label .gfield_error div.ginput_complex.ginput_container.gf_name_has_3 {
    max-width: calc(100% + 16px) !important;
  }

  .entry-content .gform_wrapper .gfield_error .ginput_complex .ginput_cardinfo_right {
    margin-top: 9px;
  }

  /* End-Error-Form */

}

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

  .page-single .gform_wrapper {
    padding: 30px;
  }

  .entry-content .gform_wrapper .field_type_select .ginput_container_select::before {
    top: 14px;
  }
  

}

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

  .entry-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .entry-content .gform_wrapper div.ginput_container textarea, .entry-content .gform_wrapper div.ginput_container select {
    padding-top: 28px;
    margin-top: -28px !important;
  }

  .entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_left {
    margin-top: 11px;
  }

  .entry-content .gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select.ginput_card_expiration_month {
    margin-top: -22px !important;
    padding-top: 24px;
  }

  .entry-content .gform_wrapper div.ginput_container select.ginput_card_expiration_year {
    padding-top: 24px;
  }

  .entry-content .gform_wrapper .field_type_select div.ginput_container select {
    height: 46px;
    padding-top: 26px;
  }

}

/* End-Gravity-Form */

/* Share-icon */

.icon-container {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.icon-container > a {
  font-size: 18px;
  padding: 0 5px;
  color: #2c2c2c;
  border-bottom: 0;
}

.icon-container > a.tweetShare {
  font-size: 22px;
}

.icon-container > a:first-child {
  padding-left: 10px;
}

.icon-container > a:last-child {
  padding-right: 10px;
}

/* End-Share-icon */

/* Slide-Show */

.entry-content .wp-block-gallery {
  position: relative;
  padding: 0;
  display: block;
}

.entry-content .wp-block-gallery figure {
  margin: 0;
}

.entry-content .image-slideshow {
  width: 100%;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
}

.entry-content .image-slideshow li > div {
  padding-bottom: 75%;
  position: relative;
  background-color: #3b3b3b;
  overflow: hidden;
  z-index: 0;
}

.entry-content .image-slideshow li > div > img {
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  height: 100%;
  width: 100%;
  cursor: initial;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.count-slideshow {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  height: 45px;
  padding: 0 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  font-size: 10px;
  font-weight: 600;
  color: rgba(44, 44, 44, 0.5);
  font-family: 'Montserrat', sans-serif;
}

.count-slideshow > span {
  margin-right: auto;
}

.count-slideshow > span:only-child {
  margin-right: initial;
}

.count-slideshow button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 10px;
  padding: 5px 0;
  font-weight: 600;
  color: rgba(44, 44, 44, 0.5);
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.count-slideshow button:hover,
.count-slideshow button:active,
.count-slideshow button.js-touch {
  color: #732524;
}

.count-slideshow button > span {
  margin-right: 8px;
}

/* End-Slide-Show */

/* Footnotes */

.entry-content .easy-footnote > a {
  font-size: 14px;
  color: #732524;
  border-bottom: 0;
  font-weight: 600;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

.page .easy-footnotes-wrapper /* Page Template Footnote Styling */ {
  position: relative;
  padding-top: 40px;
  margin-top: 40px;
}

.page .easy-footnotes-wrapper::before /* Page Template Footnote Styling */ {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(44, 44, 44, 0.3);
}

.qtip {
  opacity: 0 !important;
  visibility: hidden !important;
}

/*End-Footnotes */

/* Slide Show Button */

.gallery-next,
.gallery-prev {
  position: absolute;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  top: calc(50% - 36px);
  z-index: 1;
}

.gallery-next {
  right: 2%;
}

.gallery-prev {
  left: 2%;
}

/* Slide Show Button */

/* Figcaption Readmore */

.figure-figcaption figure {
  position: relative;
}

a.figcaption-readmore-btn {
  font-size: 11px;
  border-bottom: 1px solid #732524;
  color: #959595;
  font-style: italic;
  -webkit-transition: all .25s;
  transition: all .25s;
}

/* Figcaption Readmore */

.morecontent {
  display: inline;
}

.morecontent span {
  display: none;
}

/* ======= Entry-Content - Large Mobile+ ======= */
@media (min-width: 600px) {

  .entry-content .alignright {
    float: right;
    margin: 0 0 20px;
    margin-left: 40px;
  }

  .entry-content .alignleft {
    float: left;
    margin: 0 0 20px;
    margin-right: 40px;
  }

  .entry-content .wp-block-pullquote {
    padding: 40px 0;
    float: left;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    width: 290px;
  }

}

/* ======= Entry-Content - Tablet+ ======= */
@media (min-width: 768px) {

  .entry-content > * {
    margin: 25px 0;
  }

  .breakout-content {
    max-width: 730px;
    margin: 0 auto 50px;
    border-bottom: 1px solid #B0B0B0;  
  }

  .entry-content h2 {
    font-size: 28px;
  }
  
  .entry-content h3 {
    font-size: 24px;
  }
  
  .entry-content h4 {
    font-size: 22px;
  }
  
  .entry-content h5 {
    font-size: 20px;
  }
  
  .entry-content h6 {
    font-size: 18px;
  }

  .entry-content > *.alignfull img,
  .entry-content > *.alignfull-cropped img {
    margin-left: auto;
    margin-right: auto;
  }
  
  .breakout-content.entry-content > *.alignfull-cropped img {
    height: 300px;
  }

  .entry-content p {
    font-size: 16px;
  }
  
  .entry-content figcaption {
    font-size: 13px;
  }
  
  .entry-content blockquote > p {
    font-size: 17px;
  }
  
  .entry-content cite {
    font-size: 14px;
  }

  .entry-content .wp-block-pullquote > blockquote {
    margin: 0 15px;
    text-align: center;
  }
  
  .entry-content .wp-block-pullquote > blockquote > p {
    font-size: 25px;
    margin-bottom: 25px;
  }
  
  .entry-content ul,
  .entry-content ol {
    padding-left: 40px;
  }

  .entry-content ul > li,
  .entry-content ol > li {
    font-size: 16px;
    margin: 15px 0;
  }
  
  .entry-content ul > li::before {
    top: 11px;
  }
  
  .entry-content .wp-block-file {
    font-size: 16px;
  }
  
  .entry-content a.wp-block-file__button {
    margin-top: 25px;
  }

  .entry-content .wp-block-columns {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .entry-content .wp-block-column:not(:last-child) {
    margin-right: 32px;
  }

  .entry-content .wp-block-column:nth-child(odd) {
    margin-right: 32px;
  }

  .entry-content .wp-block-column:last-child {
    margin-right: 0;
  }

  .entry-content .wp-block-column {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  
  .entry-content .wp-block-columns[class*='has-'] > * {
    margin-right: 2rem;
  }

  .entry-content .wp-block-columns .wp-block-column > *:first-child {
    margin-top: 0;
  }

  .entry-content .wp-block-columns[class*='has-'] > *:last-child {
    margin-right: 0;
  }

  /* Tables */

  .entry-content table {
    font-size: 15px;
  }

  .entry-content table th,
  .entry-content table td {
    padding: 20px 10px;
  }

  .entry-content table tbody td:first-child {
    padding-left: 20px;
  }

  .entry-content table tbody td:last-child {
    padding-right: 20px;
  }

  /* End-Tables */

  /* Share-icon */

  .icon-container {
    bottom: -25px;
  }
  
  .icon-container > a {
    font-size: 20px;
    padding: 5px 8px;
  }
  
  .icon-container > a:first-child {
    padding-left: 16px;
  }
  
  .icon-container > a:last-child {
    padding-right: 16px;
  }
  
  /* End-Share-icon */

  /* Slide-Show */

  .count-slideshow {
    height: 52px;
    padding: 0 24px;
    font-size: 12px;
  }

  .count-slideshow button {
    font-size: 12px;
  }

  .count-slideshow button > span {
    margin-right: 10px;
  }

  /* End-Slide-Show */

  /* Footnotes */

.entry-content .easy-footnote > a {
  font-size: 16px;
}

/*End-Footnotes */

  /* Slide Show Button */

  .gallery-next,
  .gallery-prev {
    font-size: 16px;
    top: calc(50% - 52px);
  }

  /* Slide Show Button */

}

/* ======= Entry-Content - Desktop+ ======= */
@media (min-width: 992px) {

  .entry-content > * {
    margin: 35px 0;
  }

  .entry-content h2 {
    font-size: 32px;
  }
  
  .entry-content h3 {
    font-size: 28px;
  }
  
  .entry-content h4 {
    font-size: 24px;
  }
  
  .entry-content h5 {
    font-size: 22px;
  }
  
  .entry-content h6 {
    font-size: 20px;
  }
  
  .entry-content p {
    font-size: 18px;
  }

  .entry-content blockquote > p {
    font-size: 19px;
  }
  
  .breakout-content.entry-content > *.alignfull-cropped img {
    height: 470px;
  }

  .breakout-content.entry-content .alignright {
    margin-right: -100px;
  }

  .breakout-content.entry-content .alignleft {
    margin-left: -100px;
  }

  .breakout-content.entry-content .alignwide {
    position: relative;
    max-width: 970px;
    margin-left: -100px;
    margin-right: -100px;
  }

  .breakout-content.entry-content .wp-block-pullquote {
    padding: 35px 0;
    margin-left: -100px;
  }
  
  .entry-content .wp-block-pullquote > blockquote > p {
    font-size: 26px;
  }

  .entry-content ul > li,
  .entry-content ol > li {
    font-size: 18px;
    margin: 20px 0;
  }
  
  .entry-content ul > li::before {
    top: 13px;
  }
  
  .entry-content .wp-block-file {
    font-size: 16px;
  }

  .entry-content .wp-block-column:not(:last-child) {
    margin-right: 40px;
  }

  .entry-content .wp-block-column:nth-child(odd) {
    margin-right: 40px;
  }

  .entry-content .wp-block-column:last-child {
    margin-right: 0;
  }

  .entry-content a.wp-block-file__button {
    margin-top: 35px;
  }

  .entry-content .wp-block-separator,
  .entry-content .wp-block-separator.is-style-wide,
  .entry-content .wp-block-separator.is-style-wide.is-style-dots {
    margin: 40px auto;
  }

  /* Tables */

  .entry-content table {
    font-size: 16px;
  }

  /* End-Tables */

  /* Share-icon */
  
  .icon-container {
    bottom: -24px;
  }
  
  /* End-Share-icon */

  /* Slide-Show */

  .count-slideshow {
    height: 54px;
  }

  /* End-Slide-Show */

  /* Slide Show Button */

  .gallery-next,
  .gallery-prev {
    top: calc(50% - 54px);
  }

  /* Slide Show Button */
}

/* ======= Entry-Content - Large Desktop+ ======= */
@media (min-width: 1200px) {

  .breakout-content.entry-content .alignright {
    margin-right: -120px;
  }

  .breakout-content.entry-content .alignleft {
    margin-left: -120px;
  }

  .breakout-content.entry-content .alignwide {
    margin-left: -120px;
    margin-right: -120px;
  }

  .breakout-content.entry-content .wp-block-pullquote {
    margin-left: -120px;
  }
  
}

/*===============================
    Donate-Form
  ===============================*/

/* ======= Donate-Form - Mobile+ ======= */

.entry-content #give-email-access-form label {
  font-size: 14px;
  color: #3B3B3B;
  margin-bottom: 20px;
  display: block;
}

.entry-content #give-email-access-form input {
  border: 0;
}

.entry-content #give-email-access-form input#give-email {
  background-color: #fff;
  height: 34px;
  border-radius: 5px 0 0 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
}

.entry-content #give-email-access-form input#give-email[type="email"] {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(86, 86, 86, 0.7); 
  padding: 8px 15px;
  text-align: left;
}

.entry-content #give-email-access-form input.give-submit {
  color: #fff;
  font-size: 12px;
  outline: 0;
  cursor: pointer;
  font-weight: 600;
  height: 34px;
  padding: 8px;
  margin-left: -5px;
  text-transform: uppercase;
  background-color: #2c2c2c;
  border-radius: 0 5px 5px 0;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  transition: background-color .25s;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.entry-content #give-email-access-form input.give-submit:hover,
.entry-content #give-email-access-form input.give-submit:focus,
.entry-content #give-email-access-form input.give-submit:active {
  background-color: #732524;
}


/*===============================
  ===============================
  Featured-Popup-Slider
  ===============================
  ===============================*/

/*===============================
    Featured-Popup-Slider
  ===============================*/

/* ======= Featured-Popup-Slider - Mobile+ ======= */

.popup-slider {
  position: fixed;
  height: 100vh;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: #000;
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -ms-transition: opacity .25s;
  -o-transition: opacity .25s;
}

.popup-slider.js-active {
  z-index: 100;
  opacity: 1;
  visibility: visible;
}

.popup-slider > .close-popup {
  display: none;
}

.popup-figure {
  position: relative;
  height: 100%;
  width: 100%;
}

.popup-figure .count-popup {
  display: none;
}

.popup-figure-slideshow {
  height: calc(100% - 50px);
  width: 100%;
  position: fixed;
}

.popup-figure-slideshow div {
  height: 100%;
}

.popup-figure-slideshow img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%
}

.popup-next,
.popup-prev {
  top: 50%;
  width: 35px;
  height: 35px;
  z-index: 1;
  visibility: visible;
  opacity: 1;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #2c2c2c;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(44 44 44 / 20%);
  box-shadow: 0px 0px 3px 0px rgb(44 44 44 / 20%);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  transition: opacity .25;
  -webkit-transition: opacity .25;
  -moz-transition: opacity .25;
  -ms-transition: opacity .25;
  -o-transition: opacity .25;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.popup-next {
  right: 2%;
}

.popup-prev {
  left: 2%;
}

.popup-next > i, 
.popup-prev > i {
  font-size: 12px;
  color: #ffffff;
}

.popup-prev > i {
  margin-right: -3px;
}

.popup-next > i {
  margin-left: -3px;
}

.popup-prev.slick-disabled,
.popup-next.slick-disabled {
  display: none !important;
}

.popup-figcaption {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

.figcaption-popup {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 50px;
  width: 100%;
  padding: 30px;
  z-index: 0;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transition: transform .5s;
  -moz-transition: transform .5s;
  -ms-transition: transform .5s;
  -o-transition: transform .5s;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
}

.figcaption-popup.js-active {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.figcaption-popup::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 75px;
  top: 10px;
  left: 0;
  right: 0;
  z-index: -1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.figcaption-popup::after {
  content: "";
  width: 100%;
  height: calc(100vh + 600px);
  top: 84px;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: #000;
  position: absolute;
}

.popup-figcaption.js-show > .figcaption-popup {
  display: block;
}

.popup-figcaption-slideshow figure {
  margin: 0;
}

.popup-figcaption-slideshow figure > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.popup-figcaption-slideshow figcaption {
  color: rgba(255, 255, 255, .6);
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 10px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-family: 'Montserrat', sans-serif;
}

.popup-figcaption-slideshow figcaption a {
  color: #fff;
  position: relative;
}

.popup-figcaption-slideshow figcaption a::before {
  content: "";
  width: 0;
  height: 1px;
  left: 50%;
  bottom: -2px;
  position: absolute;
  transform: translateX(-50%);
  background-color: #ffffff;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  -webkit-transition: transform .25s;
  -moz-transition: transform .25s;
  -ms-transition: transform .25s;
  -o-transition: transform .25s;
}

.popup-figcaption-slideshow figcaption a:hover::before,
.popup-figcaption-slideshow figcaption a:focus::before,
.popup-figcaption-slideshow figcaption a:active::before {
  width: 100%;
}

.photo-date,
.photo-location,
.photo-people {
  display: block;
  font-size: 12px;
  line-height: 1.6;
  margin: 8px 0;
  font-weight: 500;
  color: rgba(255, 255, 255, .6);
  font-family: 'Montserrat', sans-serif;
}

.photo-date {
  font-size: 11px;
  font-weight: 400;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.photo-title {
  display: block;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 5px 0 10px -10px;
  font-size: 16px;
  color: #fff;
  position: relative;
  padding-left: 20px;
  line-height: 1.5;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.photo-title::before {
  content: "";
  width: 3px;
  height: 100%;
  top: -2px;
  left: 10px;
  position: absolute;
  background-color: #732524;
}

.photo-location {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.photo-people {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.photo-location > a,
.photo-people > a {
  transition: color .25s, border-color .25s;
  border-bottom: 1px solid rgba(255, 255, 255, .6);
  -webkit-transition: color .25s, border-color .25s;
  -moz-transition: color .25s, border-color .25s;
  -ms-transition: color .25s, border-color .25s;
  -o-transition: color .25s, border-color .25s;
}

.photo-location > a:hover,
.photo-location > a:active,
.photo-location > a.js-touch,
.photo-people > a:hover,
.photo-people > a:active,
.photo-people > a.js-touch {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.figcaption-slideshow {
  height: 50px;
  position: relative;
  z-index: 0;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #191919;
}

.figcaption-slideshow > button,
.popup-share-close > button {
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}

.show-figcaption {
  width: 100px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom: 2px solid #732524;
}

.show-figcaption > span:nth-child(2) {
  display: none;
} 

.show-figcaption.js-active > span:nth-child(1) {
  display: none;
} 

.show-figcaption.js-active > span:nth-child(2) {
  display: block;
} 

.popup-logo {
  display: none;
}

/* Popup-Social-Share */

.popup-share-close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

.share-gallery-close {
  width: 100%;
  z-index: -1;
}

.popup-social-share {
  position: fixed;
  z-index: 5;
  border-radius: 50px;
  padding: 5px 0;
  width: 36px;
  right: 15px;
  bottom: 5px;
  overflow: hidden;
  transition: background-color 0s .5s;
  -webkit-transition: background-color 0s .5s;
  -moz-transition: background-color 0s .5s;
  -ms-transition: background-color 0s .5s;
  -o-transition: background-color 0s .5s;
}

.popup-social-share > h1 {
  display: none;
}

.popup-social-share.js-active {
  background-color: #fff;
  transition: background-color 0s 0s;
  -webkit-box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.16);
  -webkit-transition: background-color 0s 0s;
  -moz-transition: background-color 0s 0s;
  -ms-transition: background-color 0s 0s;
  -o-transition: background-color 0s 0s;
}

.popup-social-share-icons {
  display: block;
  margin: 0;
  z-index: -1;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height ease-in-out .5s;
  transition: max-height ease-in-out .5s;
}

.popup-social-share.js-active > div {
  max-height: 280px;
}

.popup-social-share button {
  height: 36px;
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  z-index: 2;
  color: #fff;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.popup-social-share > button {
  position: relative;
}

.popup-social-share.js-active button {
  color: #2C2C2C;
}

.popup-social-share.js-active button:hover {
  color: #732524;
}

.popup-social-share button > svg {
  height: 16px;
  width: 16px;
}

.popup-social-share.js-active button svg path {
  fill: #2c2c2c;
  transition: fill .25s;
  -webkit-transition: fill .25s;
  -moz-transition: fill .25s;
  -ms-transition: fill .25s;
  -o-transition: fill .25s;
}

.popup-social-share.js-active button:hover svg path {
  fill: #732524;
}


.count-popup {
  font-size: 16px;
  color: rgba(255, 255, 255, .8);
  text-transform: uppercase;
}

/* End-Popup-Social-Share */

/* ======= Featured-Popup-Slider - Tablet+ ======= */
@media (min-width: 768px) {
  
  .figcaption-popup {
    bottom: 68px;
    padding: 60px;
  }
  
  .popup-next,
  .popup-prev {
    width: 46px;
    height: 46px;
  }

  .popup-next > i,
  .popup-prev > i {
    font-size: 16px;
  }

  .popup-figcaption-slideshow figcaption {
    font-size: 13px;
  }
  
  .photo-date,
  .photo-location,
  .photo-people {
    font-size: 13px;
  }
  
  .photo-date {
    font-size: 12px;
  }
  
  .photo-title {
    font-size: 18px;
  }
  
  .figcaption-slideshow {
    height: 68px;
    padding: 0 22px;
  }
  
  .figcaption-slideshow > button,
  .popup-share-close > button {
    font-size: 14px;
  }
  
  .show-figcaption {
    width: 114px;
  }
  
  
  /* Popup-Social-Share */
  
  .popup-social-share {
    width: 40px;
    right: 8px;
    bottom: 12px;
  }

  .popup-social-share.js-active > div {
    max-height: 240px;
  }
  
  .popup-social-share button {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }

  .popup-social-share button > svg {
    height: 18px;
    width: 18px;
  }

  .count-popup {
    font-size: 16px;
  }
  
  /* End-Popup-Social-Share */

}

/* ======= Featured-Popup-Slider - Desktop+ ======= */
@media (min-width: 992px) {

/* Slide Show Button */

  .popup-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    height: 100vh;
  }

  .popup-slider > .close-popup {
    display: block;
    position: fixed;
    top: 10px;
    right: 15px;
    padding: 20px;
    font-size: 20px;
    color: #fff;
    z-index: 5;
    cursor: pointer;
  }

  .popup-figure {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 335px);
    right: 0px;
    position: fixed;
    transition: width ease-in-out .5s;
    -webkit-transition: width ease-in-out .5s;
    -moz-transition: width ease-in-out .5s;
    -ms-transition: width ease-in-out .5s;
    -o-transition: width ease-in-out .5s;
  }

  .popup-figure-slideshow {
    position: relative;
    height: 100%;
    width: 100%;
    /*Removed because Paul wanted the images larger*/
    /* padding: 75px; */
  }

  .popup-next,
  .popup-prev {
    font-size: 24px;
  }

  .popup-figure .count-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    left: initial;
    margin-bottom: -3px;
    transform: translateX(0);
    bottom: 0;
    right: 0;
    height: 86px;
    width: calc(100% - 335px);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

  .popup-figcaption {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 335px;
    height: 100vh;
    padding: 36px;
    position: relative;
    background-color: #191919;
    overflow-y: auto;
    z-index: 5;
  }

  .admin-bar .popup-figcaption {
    height: calc(100vh - 30px);
  }

  .figcaption-content {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
  }

  .figcaption-content.js-active {
    transform: translateX(-2000px);
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
  }

  .figcaption-popup {
    position: relative;
    bottom: 100px;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    padding: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  .figcaption-popup::before {
    content: initial;
  }

  .figcaption-popup::after {
    content: initial;
  }

  .popup-figcaption-slideshow figcaption {
    font-size: 12px;
  }

  .photo-date,
  .photo-location,
  .photo-people {
    font-size: 12px;
  }

  .photo-date {
    font-size: 11px;
  }

  .photo-title {
    font-size: 16px;
  }

  .figcaption-slideshow > button,
  .popup-share-close > button {
    font-size: 12px;
    color: #fff;
  }

  .figcaption-slideshow {
    position: fixed;
    width: 335px;
    height: 100px;
    bottom: 0;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    background-color: #191919;
  }

  .figcaption-slideshow .show-figcaption,
  .figcaption-slideshow .count-popup,
  .figcaption-slideshow .popup-share-close {
    display: none !important;
  }

  .popup-logo {
    display: block;
  }

  .popup-logo img {
    max-width: 270px;
    max-height: 60px;
  }

  /* Popup-Social-Share */

  .popup-share-close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }

  .popup-social-share {
    position: relative;
    width: 100%;
    overflow: initial;
    display: block;
    right: initial;
    bottom: initial;
    z-index: 0;
    margin: 28px 0 100px;
    padding-top: 28px;
    background-color: initial;
    border-top: 1px solid rgba(112, 112, 112, .6);
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    -ms-border-radius: initial;
    -o-border-radius: initial;
  }

  .popup-social-share.js-active {
    background-color: initial;
    box-shadow: initial;
  }

  .popup-social-share > h1 {
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 0;
    display: block;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
  }

  .popup-social-share > button {
    display: none;
  }

  .popup-social-share-icons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: initial;
    padding: 0;
    width: initial;
    right: initial;
    bottom: initial;
    z-index: 0;
    max-height: 200px;
    overflow: initial;
  }

  .popup-social-share-icons > button {
    height: initial;
    width: initial;
    z-index: 2;
    position: relative;
    color: #5E5E5E;
    font-size: 15px;
    padding: 0 10px;
    transition: color .25s;
    -webkit-transition: color .25s;
    -moz-transition: color .25s;
    -ms-transition: color .25s;
    -o-transition: color .25s;
}

  .popup-social-share-icons > button:first-child {
    margin-top: 0;
    padding-left: 0;
  }

  .popup-social-share > div > button:last-child {
    padding-right: 0;
  }

  .popup-social-share-icons > button:hover,
  .popup-social-share-icons > button:active,
  .popup-social-share-icons > button:focus,
  .popup-social-share-icons > button.js-touch {
    color: #fff;
  }

  .popup-social-share-icons > button svg path {
    fill: #5E5E5E;
    transition: fill .25s;
    -webkit-transition: fill .25s;
    -moz-transition: fill .25s;
    -ms-transition: fill .25s;
    -o-transition: fill .25s;
}

  .popup-social-share-icons > button:hover svg path,
  .popup-social-share-icons > button:active svg path,
  .popup-social-share-icons > button:focus svg path,
  .popup-social-share-icons > button.js-touch svg path {
    fill: #fff;
  }

  .popup-figcaption-slideshow .count-popup {
    display: none;
  }

  /* End-Popup-Social-Share */

/* Slide Show Button */

}

/* ======= Featured-Popup-Slider - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
    Featured Foot Notes
  ===============================*/

/* ======= Featured-Foot-Notes - Mobile+ ======= */

.entry-content-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: 30px 0;
  width: 100%;
}

.entry-content-share::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;    
  right: 0;
  left: 0;
  z-index: -1;
  transform: translateY(50%);
  background-color: rgba(44, 44, 44, 0.3);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
}

.entry-content-share > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  position: relative;
}

.entry-content-share div > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  width: 25px;
  height: 25px;
  font-size: 9px;
  border-radius: 50px;
  margin: 0 5px;
  padding: 7px;
  -webkit-box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.16);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.entry-content-share div > button:hover,
.entry-content-share div > button:active,
.entry-content-share div > button.js-touch {
  color: #732524;
}

.entry-content-share div > button:first-child {
  margin-left: 10px;
}

.entry-content-share div > button:last-child {
  margin-right: 10px;
}

.entry-content-share button svg {
  width: 12px;
  height: 12px;
}

.entry-content-share button svg path {
  transition: fill .25s;
  -webkit-transition: fill .25s;
  -moz-transition: fill .25s;
  -ms-transition: fill .25s;
  -o-transition: fill .25s;
}

.entry-content-share div > button:hover svg path,
.entry-content-share div > button:active svg path,
.entry-content-share div > button.js-touch svg path {
  fill: #732524;
}

.entry-content .easy-footnotes-wrapper {
  list-style-type: decimal;
  padding-left: 20px;
  margin-bottom: 30px;
  display: table;
  width: 100%;
}

.entry-content .easy-footnotes-wrapper > li {
  font-size: 12px;
  line-height: 1.6;
  margin: 5px 0;
  color: rgba(44, 44, 44, 0.6);
  font-family: 'Montserrat', sans-serif;
}

.entry-content a.easy-footnote-to-top { 
  color: #732524;
  text-decoration: none;
  border-bottom: 0;
}

.entry-content a.easy-footnote-to-top::after { 
  content: "\f342";
}

.entry-content a.easy-footnote-to-top:hover,
.entry-content a.easy-footnote-to-top:active,
.entry-content a.easy-footnote-to-top:focus,
.entry-content a.easy-footnote-to-top:visited { 
  color: #732524;
}

.missionary-single-author {
  position: relative;
  padding: 22px;
  border-radius: 5px;
  margin-bottom: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background-color: #fff;
  z-index: 0;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.author-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.author-heading > h1{
  font-size: 16px;
  font-family: 'Josefin Sans', sans-serif;
}

.author-heading > h1::before{
  top: -4px;
}


.author-heading > .author-button {
  display: none;
}

.mission-author-about {
  padding-top: 18px;
}

.mission-author-about > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0;
  padding-bottom: 0;
}

.mission-author > img {
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.about-mission-author {
  padding-left: 13px;
  line-height: 1.2;
  width: calc(100% - 42px);
}

.about-mission-author:only-child {
  padding-left: 0;
}

.about-mission-author > h1 {
  font-size: 12px;
  margin: 0;
  color: #2C2C2C;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: -5px;
  text-transform: uppercase;
}

.about-mission-author > span {
  font-size: 11px;
  line-height: 1.4;
  font-weight: 500;
  color: rgba(44, 44, 44, 0.5);
}

.mission-author-about> a:hover .red-overlay::before, 
.mission-author-about> a:active .red-overlay::before, 
.mission-author-about> a:focus .red-overlay::before, 
.mission-author-about> a.js-touch .red-overlay::before {
  opacity: 0.5;
}

.mission-author-about > a:hover .about-mission-author > h1, 
.mission-author-about > a:active .about-mission-author > h1, 
.mission-author-about > a:focus .about-mission-author > h1, 
.mission-author-about > a.js-touch .about-mission-author > h1 {
  color: #732524;
}

.missionary-single-author > p {
  font-size: 13px;
  line-height: 1.8;
  margin: 20px 0;
  color: rgba(44, 44, 44, 0.86);
  font-family: 'Montserrat', sans-serif;
}

.author-button {
  font-size: 11px;
  border-radius: 5px;
  height: 30px;
  margin-top: 20px;
  padding: 4px 10px 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  color: rgba(44, 44, 44, .4);
  background-color: #F0F0F0;
  text-transform: uppercase;
  border-bottom: 0 !important;
  font-family: 'Josefin Sans', sans-serif !important;
  transition: color .25s, background-color .25s !important;
  -webkit-transition: color .25s, background-color .25s !important;
  -moz-transition: color .25s, background-color .25s !important;
  -ms-transition: color .25s, background-color .25s !important;
  -o-transition: color .25s, background-color .25s !important;
}

.special-links .author-button {
  margin-top: 20px;
}

.special-links > .author-button:only-child {
  margin-bottom: 0;
}

.author-button:hover,
.author-button:active,
.author-button:focus,
.author-button.js-touch {
  color: #fff !important;
  background-color: #2C2C2C;
}

/* ======= Featured-Foot-Notes - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Featured-Foot-Notes - Tablet+ ======= */
@media (min-width: 768px) {

  .entry-content-share {
    margin-bottom: 34px;
  }

  .entry-content-share div > button {
    width: 45px;
    height: 45px;
    font-size: 15px;
    margin: 0 7px;
    padding: 12px;
  }
  
  .entry-content-share div > button:first-child {
    margin-left: 20px;
  }

  .entry-content-share div > button:last-child {
    margin-right: 20px;
  }

  .entry-content-share button svg {
    width: 20px;
    height: 20px;
  }

  .entry-content .easy-footnotes-wrapper {
    padding-left: 30px;
    margin-bottom: 34px;
  }
  
  .entry-content .easy-footnotes-wrapper > li {
    font-size: 13px;
  }

  .missionary-single-author {
    padding: 30px;
    margin-bottom: 50px;
  }
  
  .mission-author-about > a {
    width: 50%;
  }

  .author-heading > .author-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .missionary-single-author > .author-button {
    display: none;
  }

  .missionary-single-author > p {
    margin-bottom: 0;
  }

  .special-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .author-button {
    font-size: 12px;
    margin-top: 0;
    padding: 4px 18px 1px;
  }

  .special-links > .author-button {
    margin-right: 20px;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .special-links > .author-button:last-child {
    margin-right: 0;
  }

}

/* ======= Featured-Foot-Notes - Desktop+ ======= */
@media (min-width: 992px) {

  .entry-content .featured-script .easy-footnotes-wrapper {
    padding-left: 40px;
  }

  .missionary-single-author {
    margin-bottom: 60px;
  }

}

/* ======= Featured-Foot-Notes - Large Desktop+ ======= */
@media (min-width: 1200px) {

}

/*===============================
    Single-Mission-feild
  ===============================*/

/* ======= Single-Mission-feild - Mobile+ ======= */

.mission-single-card {
  height: 275px;
  position: relative;
  overflow: hidden;
  background-color: #3b3b3b;
}

.mission-single-card:first-child {
  background-color: #3e3e3e;
}

.mission-single-card > img /*Mission update background*/,
.projects > img /*Project's featured image background*/ {
  z-index: 0;
}

.mission-single-card:hover > img,
.mission-single-card.js-touch > img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.mission-card-content {
  height: 100%;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.mission-single-resource {
  position: absolute;
  top: 16px;
  right: 16px;
}

.single-content-resource {
  width: 240px;
  border-radius: 5px;
  padding: 18px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.mission-single-card a {
  z-index: 1;
}

/* ======= Single-Mission-feild - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Single-Mission-feild - Tablet+ ======= */
@media (min-width: 768px) {

  .single-mission-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 400px;
  }

  .mission-single-card {
    height: 100%;
    width: 50%;
  }

  .single-content-resource .featured-meta > span:nth-child(1) {
    display: inline;
  }

}

/* ======= Single-Mission-feild - Desktop+ ======= */
@media (min-width: 992px) {

  .single-mission-field {
    height: 450px;
  }
  
  .mission-card-content {
    padding: 24px;
  }

  .mission-single-resource {
    top: 24px;
    right: 24px;
  }

  .single-content-resource {
    width: 310px;
    padding: 24px;
  }

}

/* ======= Single-Mission-feild - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .single-content-resource {
    width: 400px;
  }
}

/*===============================
    Featured-Gallery
  ===============================*/

/* ======= Featured-Gallery - Mobile+ ======= */

.collection-column {
  margin: 0 -5px;
}

.gallery-masonry {
  columns: 1;
  column-gap: 15px;
}

.archive-item {   
  cursor: pointer;
  position: relative;
  z-index: 0;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
}

.gallery-collection-items {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.gallery-collection-items > img {
  width: 100%;
}

.gallery-authors {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  transition: all .25s;
  padding: 10px;
  z-index: 1;
  overflow: hidden;
  border-radius: 5px;
  -webkit-transition: all .25s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
}

.gallery-authors .article-label > span,
.gallery-authors .gallery-author-content,
.gallery-authors .color-overlay {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -ms-transition: opacity .25s;
  -o-transition: opacity .25s;
}

.gallery-authors .color-overlay {
  z-index: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background-color: rgba(44, 44, 44, 0.5)
}

.gallery-authors .article-label {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.gallery-author-content {
  z-index: 1;
  margin-top: auto;
}

.gallery-author-content > h1 {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
}

.gallery-author-content > span {
  font-size: 10px;
  color: rgba(255, 255, 255, .6);
  text-transform: uppercase;
}

.popup-archive {
  height: calc(100% - 50px);
  width: 100%;
  overflow-y: auto; 
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-media {
  width: 100%;
  height: 100%;
  position: relative;
}

.popup-media div {
  height: 100%;
}

.popup-media img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

.popup-gallery-titles > figcaption {
  font-size: 12px;
  line-height: 1.5;
  margin: 5px 0;
  font-weight: 500;
  color: rgba(255, 255, 255, .6);
  font-family: 'Montserrat', sans-serif;
}

.popup-slider > .close-gallery-popup,
.show-figcaption-btn,
.hide-figcaption-btn {
  display: none;
}

#hidden_offset_wrap_term_no_post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.07);
  padding: 10px 20px 6px;
  text-transform: uppercase;
  border-radius: 5px;
  margin: 25px auto 0;
  width: 280px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #2222229c;
}

.gallery-collection-items .popup-gallery-content > span,
.gallery-collection-items .popup-gallery-content > .popup-social-share {
  display: none;
}

.js-touchscreen .popup-next,
.js-touchscreen .popup-prev {
  display: none;
}


/* ======= Featured-Gallery - Large Mobile+ ======= */
@media (min-width: 520px) {

  .gallery-masonry {
    columns: 2;
    column-gap: 20px;
  }

  .archive-item {
    margin-bottom: 20px;
  }

}

/* ======= Featured-Gallery - Tablet+ ======= */
@media (min-width: 768px) {

  .gallery-masonry {
    columns: 3;
  }

  .gallery-authors {
    padding: 20px;
  }

  .archive-item:hover .gallery-authors .article-label > span,
  .archive-item:hover .gallery-authors .gallery-author-content,
  .archive-item:hover .gallery-authors .color-overlay {
    opacity: 1;
    visibility: visible;
  }

  .gallery-author-content > h1 {
    font-size: 16px;
  }
  
  .gallery-author-content > span {
    font-size: 10px;
  }

  .popup-archive {
    height: calc(100% - 68px);
  }

}

/* ======= Featured-Gallery - Desktop+ ======= */
@media (min-width: 992px) {

  .gallery-collection {
    padding-left: 30px;
  }

  .featured-gallery {
    padding: 50px;
  }
  
  .collection-column {
    margin: 0 -10px;
  }

  .gallery-masonry {
    columns: 3;
  }

  .video-item {
    padding-bottom: 56.25%;
  }

  .gallery-authors {
    padding: 24px;
  }

  .popup-archive {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    right: 0px;
    height: 100%;
    position: fixed;
    width: 100%;
    width: calc(100% - 335px);
    transition: width ease-in-out .5s;
    -webkit-transition: width ease-in-out .5s;
    -moz-transition: width ease-in-out .5s;
    -ms-transition: width ease-in-out .5s;
    -o-transition: width ease-in-out .5s;
  }

  .popup-archive.js-active {
    width: 100%;
  }
  
  .popup-slider > .close-gallery-popup {
    display: block;
    position: fixed;
    top: 15px;
    right: 15px;
    padding: 10px;
    font-size: 20px;
    color: #fff;
    z-index: 5;
    cursor: pointer;
  }

  .popup-slider > .show-figcaption-btn {
    position: fixed;
    top: 36px;
    left: 36px;
    z-index: 2;
  }

  .popup-slider > .show-figcaption-btn,
  .hide-figcaption-btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 30px;
    padding-bottom: 2px;
    text-transform: uppercase;
  }

  .show-figcaption-btn > i,
  .hide-figcaption-btn > i {
    font-size: 9px;
    margin-top: -4px;
  }

  .show-figcaption-btn > span {
    padding-right: 5px;
  }

  .hide-figcaption-btn > span {
    padding-left: 5px;
  }

  /* .popup-gallery-figcaption > .popup-social-share {
    display: none;
  } */

}

/* ======= Featured-Gallery - Large Desktop+ ======= */
@media (min-width: 1200px) {

  .gallery-masonry {
    column-gap: 25px;
  }

  .archive-item {
    margin-bottom: 25px;
  }
}

/* ======= Featured-Gallery - Large Desktop+ ======= */
@media (min-width: 1400px) {

}


/*===============================
  ===============================
    Featured-Gallery-Single
  ===============================
  ===============================*/

/*===============================
   Featured-Gallery-Single 
  ===============================*/

/* ======= Featured-Gallery-Single - Mobile+ ======= */

.featured-gallery-single {
  position: relative;
  overflow: visible;
  background-color: #3b3b3b;
}

.gallery-single-heading {
  padding: 35px;
  min-height: 160px;
  position: relative;
  z-index: 1;
}

.gallery-single-nav {
  position: relative;
}

.gallery-single-title h1 {
  font-size: 26px;
  color: #fff;
  margin: 0;
  margin-bottom: -3px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.gallery-single-title span {
  font-size: 16px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, .7);
  text-transform: uppercase;
}

.single-gallery-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gallery-missionary .single-gallery-tag {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.single-gallery-tag > span::after {
  content: "•";
  margin: 0 4px;
  color: rgba(255, 255, 255, .7);
}

.single-gallery-tag > span:last-child::after {
  content: "";
  margin: 0;
}

.gallery-missionary {
  text-align: center;
}

.gallery-missionary .single-social-share {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gallery-missionary .single-gallery-tag {
  display: block;
}

.gallery-missionary .single-gallery-tag > span {
  display: block;
  line-height: 1.5;
  margin-bottom: 5px;
  text-align: center;
}

.gallery-missionary .single-gallery-tag > span::after {
  content: "";
}

.gallery-missionary .single-gallery-tag > span > a{
  border-bottom: 2px solid rgba(255, 255, 255, .3);
  transition: color .25s, border-color .25s;
  -webkit-transition: color .25s, border-color .25s;
  -moz-transition: color .25s, border-color .25s;
  -ms-transition: color .25s, border-color .25s;
  -o-transition: color .25s, border-color .25s;
}

.gallery-missionary .single-gallery-tag > span > a:hover,
.gallery-missionary .single-gallery-tag > span > a:active,
.gallery-missionary .single-gallery-tag > span > a:focus,
.gallery-missionary .single-gallery-tag > span > a.js-touch {
  color: #fff;
  border-bottom: 2px solid #ffffff;
}

.single-gallery-author > img {
  position: absolute;
  width: 34px;
  height: 34px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px;
  top: -52px;
  left: 50%;
  z-index: 1;
  -webkit-box-shadow: #fff 0px 0px 0px 3px, rgba(0,0,0,.14) 1px 1px 4px 4px;
          box-shadow: #fff 0px 0px 0px 3px, rgba(0,0,0,.14) 1px 1px 4px 4px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

/* ======= Featured-Gallery-Single - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Featured-Gallery-Single - Tablet+ ======= */
@media (min-width: 768px) {
  
  .gallery-single-heading {
    padding: 30px;
    min-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .gallery-single-title {
    position: relative;
    padding-left: 40px;
  }
  
  .gallery-single-title::before {
    content: "";
    width: 5px;
    height: calc(100% - 8px);
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 25px;
    transform: translateY(-50%);
    background-color: #732524;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }

  .gallery-single-title h1 {
    font-size: 30px;
  }
  
  .gallery-single-title span {
    font-size: 18px;
  }

  .gallery-missionary .single-gallery-tag {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .gallery-single-share {
    position: absolute;
    bottom: 25%;
    right: 0;
  }
  
  .gallery-missionary {
    text-align: left;
  }

  .gallery-missionary .single-social-share {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .gallery-missionary .single-gallery-tag {
    display: inline-block;
    margin-right: 8%;
  }
  
  .gallery-missionary .single-gallery-tag > span {
    display: initial;
    text-align: left;
    margin-bottom: 0;
  }
  
  .gallery-missionary .single-gallery-tag > span::after {
    content: "•";
    margin-right: 0;
  }

  .gallery-missionary .single-gallery-tag > span:last-child::after {
    content: "";
  }

  .single-gallery-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .single-gallery-author > img {
    position: relative;
    top: initial;
    left: initial;
    margin-right: 6px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 50px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

}

/* ======= Featured-Gallery-Single - Desktop+ ======= */
@media (min-width: 992px) {

  .featured-gallery-single {
    min-height: 175px;
  }
  
  .gallery-single-heading {
    padding: 60px;
  }

  .gallery-single-title {
    padding-left: 15px;
  }
  
  .gallery-single-title::before {
    height: calc(100% - 14px);
    left: 0px;
  }

  .gallery-single-title h1 {
    font-size: 36px;
  }
  
  .gallery-single-title span {
    font-size: 20px;
  }

}

/* ======= Featured-Gallery-Single - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .gallery-single-heading {
    padding: 60px 0;
  }

  .gallery-single-share.social-share-icons {
    border-radius: 50px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.16);
    box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.16);
  }

  .gallery-single-share.social-share-icons > div {
    margin: 0;
    z-index: -1;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height ease-in-out .5s;
    transition: max-height ease-in-out .5s;
  }

  .gallery-single-share.social-share-icons > div > button {
    height: 44px;
    width: 44px;
    margin: 0;
    background-color: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
  }

  .gallery-single-share.social-share-icons > div > button:first-child {
    margin-top: 10px;
  }

  .gallery-single-share.social-share-icons > button {
    height: 44px;
    width: 44px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.16);
    box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.16);
  }

}


/*===============================
  ===============================
      Error
  ===============================
  ===============================*/

/*===============================
    Error
  ===============================*/

/* ======= Error - Mobile+ ======= */

.error404-content {
  position: fixed;
  width: 100%;
  height: calc(100% - 50px);
}

.error404-content > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 35px;
  width: 100%;
  position: relative;
}

.error404-content .background-image {
  opacity: 0.05;
}

.error404-content h1 {
  color: #3B3B3B;
  font-size: 100px;
  font-weight: 700;
  margin: 0;
  margin-top: -28px;
  font-family: 'Montserrat', sans-serif;
}

.error404-content p {
  color: #3B3B3B;
  font-size: 12px;
  font-weight: 600;
  margin: 20px 0;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.error404-content a {
  color: #fff;
  padding: 12px 25px 9px;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  height: 35px;
  letter-spacing: 1px;
  margin-top: 15px;
  background-color: #732524;
  text-transform: uppercase;
  transition: background-color .25s;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.error404-content a:hover,
.error404-content a:active,
.error404-content a.js-touch {
  background-color: #2c2c2c;
}

/* ======= Error - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Error - Tablet+ ======= */
@media (min-width: 768px) {
  
  .error404-content {
    height: calc(100% - 66px);
  }

  .error404-content h1 {
    font-size: 145px;
    margin-top: -30px;
  }
  
  .error404-content p {
    font-size: 20px;
    margin: 50px 0;
  }
  
  .error404-content a {
    padding: 21px 100px 19px;
    font-size: 20px;
    height: 60px;
    margin-top: 40px;
  }

}

/* ======= Error - Desktop+ ======= */
@media (min-width: 992px) {

  .error404-content {
    height: calc(100% - 80px);
  }

}

/* ======= Error - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
    Pagination
  ===============================*/

/* ======= Pagination - Mobile+ ======= */

/* Pagination */

.pagination {
  position: relative;
  margin: 42px 0 2px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination a,
.pagination span.current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
  color: rgba(44, 44, 44, 0.6);
  font-family: 'Montserrat', sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: color .25s, background-color .25s;
  -webkit-transition: color .25s, background-color .25s;
  -moz-transition: color .25s, background-color .25s;
  -ms-transition: color .25s, background-color .25s;
  -o-transition: color .25s, background-color .25s;
}

.pagination a,
.pagination > span.current {
  margin: 0 5px;
  min-width: 30px;
  height: 30px;
}

.pagination a:first-child {
  margin-left: 0;
}

.pagination a:last-child {
  margin-right: 0;
}

.pagination a.current,
.pagination a:hover,
.pagination a:active {
  color: #732524;
}

.pagination span.current {
  color: #fff;
  background-color: #732524;
  margin: 0;
  min-width: 100%;
  height: 100%;
}

.pagination .prev, 
.pagination .next {
  font-size: 10px;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 10px 8px;
  width: 30px;
  background-color: rgba(44, 44, 44, 0.1);
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
}

.pagination .next {
  padding-right: 10px;
}

.pagination .prev {
  padding-right: 4px;
}

.pagination .prev:hover, 
.pagination .next:hover,
.pagination .prev:active, 
.pagination .next:active {
  color: #fff;
  background-color: #732524;
}

.pagination span {
  margin: 0 5px;
  width: 30px;
}

/* End-Pagination */

/* ======= Pagination - Large Mobile+ ======= */
@media (min-width: 400px) {

  .pagination a,
  .pagination > span.current {
    margin: 0 8px;
  }

  .pagination .prev, 
  .pagination .next {
    width: 50px;
    padding: 10px;
  }

}

/* ======= Pagination - Tablet+ ======= */
@media (min-width: 768px) {

  .pagination {
    margin: 66px 0 16px;
  }

  .pagination a,
  .pagination > span.current {
    margin: 0 15px;
    min-width: 36px;
    height: 36px;
  }

  .pagination a,
  .pagination span.current {
    font-size: 16px;
  }

  .pagination .prev, 
  .pagination .next {
    font-size: 12px;
    width: 64px;
  }

  .pagination span {
    margin: 0 15px;
    width: 36px;
  }

}

/* ======= Browse - Desktop+ ======= */
@media (min-width: 992px) {

  /* Pagination */

  .pagination {
    width: 770px;
    margin: 0 auto;
  }

  /* End-Pagination */
    
}

/* ======= Pagination - Large Desktop+ ======= */
@media (min-width: 1200px) {


}

/* ======= Pagination - Large Desktop+ ======= */
@media (min-width: 1400px) {

}



/*===============================
  ===============================
    Browse-Books & Magazines
  ===============================
  ===============================*/

/*===============================
    Browse-Books & Magazines
  ===============================*/

/* ======= Browse-Books & Magazines - Mobile+ ======= */

.book-subscribe {
  font-size: 12px;
  color: #fff;
  margin-left: auto;
  padding: 12px 42px 9px;
  border-radius: 5px;
  background-color: #2c2c2c;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: color .25s, background-color .25s;
  -webkit-transition: color .25s, background-color .25s;
  -moz-transition: color .25s, background-color .25s;
  -ms-transition: color .25s, background-color .25s;
  -o-transition: color .25s, background-color .25s;
}

.book-subscribe:hover,
.book-subscribe:focus,
.book-subscribe:active,
.book-subscribe.js-touch {
  background-color: #732524;
}

.featured-browse-books > .big-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.featured-browse-books > .big-container > a {
  background-color: #F5F5F5;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 10px;
}

/* Books */

.browse-book-card {
  position: relative;
  z-index: 1;
  padding: 15px;
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background-color: #E4E4E4;
  -webkit-transition: -webkit-transform .25s, -webkit-box-shadow .25s;
  transition: -webkit-transform .25s, -webkit-box-shadow .25s;
  transition: transform .25s, box-shadow .25s;
  transition: transform .25s, box-shadow .25s, -webkit-transform .25s, -webkit-box-shadow .25s;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.browse-ebook-image {
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.browse-ebook-image > img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  width: auto;
  height: auto;
  max-width: 100px;
  max-height: 145px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.16);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.browse-books-content {
  width: calc(100% - 100px);
  padding-left: 10px;
}

.browse-books-content:first-child {
  padding-left: 0;
}

.browse-books-content > h1 {
  font-size: 18px;
  margin-bottom: 5px;
}

.browse-books-content > span {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  color: rgba(44, 44, 44, 0.6);
  text-transform: uppercase;
}

.browse-books-content > p {
  font-size: 13px;
  line-height: 1.5;
  display: block;
  color: rgba(44, 44, 44, 0.8);
  font-family: 'Montserrat', sans-serif;
}

.browse-books-content .author-name {
  font-size: 12px;
  padding: 0;
  line-height: 1.5;
  letter-spacing: 0;
  color: rgba(44, 44, 44, 0.6);
  text-transform: uppercase;
}

.browse-book-card:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.16);
}

.browse-book-card:hover h1 {
  color: #732524;
}

.recommended-books {
  padding: 40px 20px;
}

.books-index {
  margin-bottom: 20px;
}

.books-index > h1 {
  font-size: 14px;
}

.recommended-card {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.recommended-card > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.recommended-card > div > div:only-child {
  width: 100%;
  padding-top: 0;
  padding-left: 0;
}

.browse-recommended-image {
  width: 95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.browse-recommended-image > img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  width: auto;
  height: auto;
  max-width: 95px;
  max-height: 135px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.16);
}

.browse-recommended-content {
  padding-top: 10px;
  padding-right: 15px;
  width: calc(100% - 95px);
}

.browse-recommended-content h1 {
  font-size: 18px;
  margin-bottom: 4px;
}

.browse-recommended-content > span {
  color: rgba(44, 44, 44, 0.6);
  font-weight: 400;
  font-size: 11px;
  display: block;
  line-height: 1.5;
  text-transform: uppercase;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.browse-recommended-content > span span {
  color: #732524;
}

.recommended-card:hover .browse-recommended-content h1,
.recommended-card:active .browse-recommended-content h1,
.recommended-card:focus .browse-recommended-content h1,
.recommended-card.js-touch .browse-recommended-content h1 {
  color: #732524;
}

.recommended-card:hover .browse-recommended-content span > a,
.recommended-card:active .browse-recommended-content span > a,
.recommended-card:focus .browse-recommended-content span > a,
.recommended-card.js-touch .browse-recommended-content span > a {
  color: #2c2c2c;
}

/* End-Books */

/* Magazines */

.browse-magazine-tag {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -8px;
  left: -8px;
  background-color: #732524;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.browse-magazine-tag > span {
  color: rgba(255, 255, 255, .8);
  font-size: 10px;
  text-align: center;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
}

.magazine-index .browse-recommended-content {
  width: calc(100% - 75px);
}

.magazine-index .browse-recommended-image {
  width: 75px;
}

.magazine-index .browse-popular-image > img {
  max-width: 75px;
  max-height: 130px;
}

.magazine-signup {
  padding: 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background-color: #2c2c2c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.magazine-signup > h1 {
  color: #fff;
  margin: 0;
  line-height: 1.3;
  font-size: 24px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.magazine-signup > p {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .6);
  font-family: 'Montserrat', sans-serif;
}

.magazine-signup > a {
  font-size: 12px;
  color: #fff;
  height: 32px;
  margin-top: 20px;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 11px 42px;
  border-radius: 5px;
  background-color: #732524;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: color .25s, background-color .25s;
  -webkit-transition: color .25s, background-color .25s;
  -moz-transition: color .25s, background-color .25s;
  -ms-transition: color .25s, background-color .25s;
  -o-transition: color .25s, background-color .25s;
}

.magazine-signup > a:hover,
.magazine-signup > a:active,
.magazine-signup > a:focus,
.magazine-signup > a.js-touch {
  color: #732524;
  background-color: #ffffff;
}

/* End-Magazines */


/* ======= Browse-Books & Magazines - Large Mobile+ ======= */
@media (min-width: 600px) {

  .recommended-index,
  .recommended-magazine-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
  }

  .recommended-card {
    width: calc(50% - 30px);
    margin: 0 15px 40px;
  }

  .browse-recommended-content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-right: 0;
    padding-left: 12px;
  }

  .browse-recommended-image {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

/* ======= Browse-Books & Magazines - Tablet+ ======= */
@media (min-width: 768px) {
  
  .book-subscribe {
    margin: 0 0 0 auto;
  }

  /* Books */

  .books-collection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 15px -15px 0;
  }

  .browse-book-card {
    padding: 20px;
    min-height: 185px;
    margin: 0 15px 30px;
    width: calc(50% - 30px);
  }
  
  .browse-ebook-image {
    width: 115px;
  }
  
  .browse-ebook-image > img {
    max-width: 115px;
    max-height: 195px;
  }
  
  .browse-books-content {
    width: calc(100% - 115px);
    padding-left: 20px;
  }
  
  .browse-books-content > h1 {
    font-size: 20px;
  }

  .recommended-books {
    padding: 40px;
  }
  
  .books-index {
    margin-bottom: 30px;
  }
  
  .books-index > h1 {
    font-size: 18px;
  }

  .recommended-index {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .recommended-card {
    width: calc(33.3333% - 30px);
    margin-bottom: 0;
  }
  
  .recommended-card:last-child {
    display: none;
  }

  .browse-recommended-image {
    width: 90px;
    height: 130px;
  }

  .browse-recommended-image > img {
    max-width: 90px;
    max-height: 130px;
  }
  
  .browse-recommended-content {
    padding-top: 0;
    padding-right: 12px;
    width: calc(100% - 90px);
  }
  
  .browse-recommended-content h1 {
    font-size: 14px;
  }

  /* End-Books */

  /* Magazines */

  .browse-magazine-tag {
    top: -8px;
  }
  
  .magazine-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .magazine-index .recommended-index {
    margin-bottom: -40px;
    margin-right: 0px;
  }

  .magazine-index .recommended-card {
    width: calc(50% - 30px);
    margin: 0 15px 40px;
  }

  .magazine-index .recommended-card:last-child {
    display: block;
  }

  .magazine-signup {
    width: 230px;
    padding: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .magazine-signup > h1 {
    font-size: 20px;
  }
  
  /* End-Magazines */

}

/* ======= Browse-Books & Magazines - Desktop+ ======= */

@media (min-width: 992px) {

  /* Books */

  .books-collection {
    margin: 15px -25px 15px;
  }

  .browse-book-card {
    padding: 30px;
    min-height: 220px;
    margin: 0 25px 50px;
    width: calc(50% - 50px);
  }

  /* Magazines */

  .browse-magazine-tag {
    width: 42px;
    height: 42px;
    top: -15px;
    left: -15px;
  }

  .browse-magazine-tag > span {
    font-size: 11px;
  }

  /* End-Magazines */

  .browse-ebook-image {
    width: 150px;
  }

  .browse-ebook-image > img {
    max-width: 150px;
    max-height: 260px;
  }

  .browse-books-content {
    width: calc(100% - 150px);
    padding-left: 20px;
  }

  .browse-books-content .author-name {
    display: block;
    font-size: 12px;
  }
  
  .recommended-books {
    padding: 60px;
  }

  .books-index > h1 {
    font-size: 22px;
  }

  .recommended-card {
    width: calc(25% - 30px);
    margin: 0 15px 0;
  }
  
  .recommended-card:last-child {
    display: block;
  }

  .browse-recommended-content {
    padding-left: 12px;
  }

  /* End-Books */

  /* Magazines */
  
  .magazine-index .recommended-index {
    margin-bottom: -50px;
  }

  .magazine-index .recommended-card {
    width: calc(33.3333% - 30px);
    margin: 0 15px 50px;
  }

  /* End-Magazines */

}

/* ======= Browse-Books & Magazines - Large Desktop+ ======= */

@media (min-width: 1400px) {

  .books-collection {
    padding: 0;
  }

  .recommended-books {
    padding-left: 0;
    padding-right: 0;
  }

}

/*===============================
  ===============================
    Books & Magazines
  ===============================
  ===============================*/

/*===============================
    Books & Magazines
  ===============================*/

/* ======= Books & Magazines - Mobile+ ======= */

.featured-books {
  position: relative;
  z-index: 0;
  background-color: #F5F5F5;
}

.book-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 42px 72px;
}

.book-image > div {
  position: relative;
}

.book-image img {
  width: 180px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.16);
}

.book-main-content {
  padding: 40px 20px;
}

.book-title > h1 {
  font-size: 22px;
}

.book-title > span {
  font-size: 11px;
  font-weight: 400;
  color: rgba(44, 44, 44, 0.6);
  text-transform: uppercase;
}

.book-main-content .entry-content {
  margin-top: 15px;
}

.book-author {
  margin-top: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.book-author > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.book-author-image > img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
}

.book-author > a:hover .red-overlay::before,
.book-author > a:active .red-overlay::before,
.book-author > a:focus .red-overlay::before,
.book-author > a.js-touch .red-overlay::before {
  opacity: 0.5;
}

.book-author-name {
  font-size: 11px;
  margin-bottom: -4px;
  letter-spacing: 0;
  padding-left: 6px;
  color: rgba(44, 44, 44, 0.6);
  text-transform: uppercase;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.book-author > a:hover .book-author-name,
.book-author > a:active .book-author-name,
.book-author > a:focus .book-author-name,
.book-author > a.js-touch .book-author-name {
  color: #732524;
}

.book-author > a > span:only-child {
  padding-left: 0;
}

.books-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 28px 0;
}

.books-download > div {
  position: relative;
}

.books-download > div:first-child {
  margin-right: 16px;
}

.books-download > div:only-child {
  margin-right: 0;
}

.books-download button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  color: #fff;
  font-size: 12px;
  padding: 0 11px;
  width: 120px;
  letter-spacing: 0.05rem;
  background-color: #2C2C2C;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-transform: uppercase;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  -webkit-transition: box-shadow .25s;
  -moz-transition: box-shadow .25s;
  -ms-transition: box-shadow .25s;
  -o-transition: box-shadow .25s;
}

.books-download button > span {
  margin-bottom: -3px;
}

.books-download button > i {
  position: absolute;
  right: 10px;
  font-size: 8px;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transition: transform .5s;
  -moz-transition: transform .5s;
  -ms-transition: transform .5s;
  -o-transition: transform .5s;
}

.book-download-btn.js-active button > i,
.book-purchase-btn.js-active button > i  {
  transform: rotate(-180deg);
  -ms-transform: translateX(-180px);
  -webkit-transform: rotate(-180deg);
}

.books-download button:hover,
.books-download button:active,
.books-download button:focus,
.books-download button.js-touch {
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
}

.books-download > div > nav {
  width: 120px;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  border-radius: 5px;
  background-color: #fff;
  transition: opacity .25s;
  -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16);
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -ms-transition: opacity .25s;
  -o-transition: opacity .25s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.book-download-btn.js-active > nav,
.book-purchase-btn.js-active > nav {
  opacity: 1;
  visibility: visible;
}

.books-download > div > nav a {
  font-size: 12px;
  color: #2C2C2C;
  font-weight: 600;
  display: block;
  text-align: center;
  padding: 10px;
  margin-bottom: -4px;
  transition: color .25s;
  text-transform: uppercase;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.books-download > div > nav::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.books-download > div > nav a:hover,
.books-download > div > nav a:active,
.books-download > div > nav a:focus,
.books-download > div > nav a.js-touch {
  color: #732524;
}

.book-main-content .icon-container {
  background-color: #F5F5F5; 
}

.book-main-content .entry-content-share > div {
  background-color: #f5f5f5;
}

.magazine-tag {
  position: absolute;
  width: 48px;
  height: 48px;
  top: -15px;
  left: -15px;
  background-color: #732524;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.magazine-tag > span {
  color: rgba(255, 255, 255, .8);
  font-size: 13px;
  text-align: center;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
}

/* ======= Books & Magazines - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Books & Magazines - Tablet+ ======= */
@media (min-width: 768px) {

  .featured-books {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .featured-books > div:only-child{
    width: 100%;
    padding: 70px;
  }

  .book-image {
    width: 45%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 60px 40px;
  }
  
  .book-image img {
    width: 270px;
  }

  .book-main-content {
    width: 55%;
    padding: 60px 40px;
  }
  
  .book-title > h1 {
    font-size: 26px;
  }
  
  .book-title > span {
    font-size: 13px;
  }

  .book-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    width: 100%;
  }

  .book-author > a {
    margin-top: 20px;
    margin-right: 20px;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }

  .books-download {
    margin: 20px 0 35px;
  }

  .book-main-content:only-child .book-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 20px 0 45px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .book-main-content:only-child .books-download {
    margin-bottom: 0;
    margin-top: 20px;
  }

}

/* ======= Books & Magazines - Desktop+ ======= */
@media (min-width: 992px) {
  
  .book-image {
    width: 40%;
    padding: 50px;
  }

  .book-main-content {
    width: 60%;
    padding: 70px 70px 70px 70px;
  }

  .featured-books > .book-main-content:only-child {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    max-width: 830px;
  }

  .book-title > h1 {
    font-size: 42px;
  }

  .book-author-name {
    font-size: 12px;
  }

  .book-author {
    margin-top: 0;
  }

  .book-image img {
    width: 360px;
  }

}

/* ======= Books & Magazines - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .featured-books > .book-image:only-child > div {
    margin: 0 auto;
  }

  .book-image {
    display: block;
    padding: 0;
  }

  .book-image > div {
    padding: 60px;
    margin-left: auto;
    max-width: 470px;
  }
  
  .book-main-content {
    max-width: 100%;
    margin-right: auto;
  }

  .book-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 45px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .book-author {
    width: 100%;
    margin-top: 0;
  }

  .books-download {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .magazine-tag {
    top: 40px;
    left: 40px;
    width: 58px;
    height: 58px;
  }
}

/*===============================
  ===============================
    Project Type
  ===============================
  ===============================*/

/*===============================
    Browse-Project-Type
  ===============================*/

/* ======= Browse-Project-Type - Mobile+ ======= */

.browse-project-type {
  position: relative;
  z-index: 0;
  background-color: #F5F5F5;
  margin-top: 30px;
}

.browse-projects {
  position: relative;
  min-height: 280px;
  padding: 30px 20px; 
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);        
}

.projects-image {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  background-color: #3b3b3b;
}

.browse-project-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.browse-project-nav > a {
  font-size: 11px;
  font-weight: 500;
  padding: 7px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: rgba(255, 255, 255, .6);
  text-transform: uppercase;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.browse-project-nav > a:hover, 
.browse-project-nav > a:focus, 
.browse-project-nav > a.current, 
.browse-project-nav > a:active, 
.browse-project-nav > a.js-touch {
  color: #fff;
}

.browse-project-nav > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  top: 26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  -webkit-transition: transform .25s;
  -moz-transition: transform .25s;
  -ms-transition: transform .25s;
  -o-transition: transform .25s;
}

.browse-project-nav > a:hover::after, 
.browse-project-nav > a:focus::after, 
.browse-project-nav > a.current::after, 
.browse-project-nav > a:active::after, 
.browse-project-nav > a.js-touch::after {
  width: calc(100% - 14px);
}

/* .browse-project-title {
  margin: 10px 0;
  text-align: center;
}

.browse-project-title > span {
  font-size: 12px;
  color: #282828;
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif;
} */

.browse-project-more {
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.browse-project-more > span {
  font-size: 10px;
  color: rgba(255, 255, 255, .8);
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif;
}

.browse-project-more > div {
  border-radius: 100px;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  padding-right: 17px;
  background-color: rgba(0, 0, 0, .64);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.browse-project-more > div > div {
  width: 26px;
  height: 26px;
  margin-right: -10px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.browse-project-more > div > div:nth-child(1) {
  z-index: 2;
}

.browse-project-more > div > div:nth-child(2) {
  z-index: 1;
}

.browse-project-more > div span {
  font-size: 10px;
  color: #fff;
  width: 100px;
  margin-left: 20px;
  font-weight: 600;
  line-height: 1.2;
  font-family: 'Montserrat', sans-serif;
}

.browse-project-content {
  padding: 20px;
}

.browse-project-content > nav {
  display: none;
}

.browse-content-title > h1 {
  font-size: 13px;
  text-align: left;
  margin: 0;
  letter-spacing: 0;
  font-family: 'Montserrat', sans-serif;
}

.browse-content-title > h1::before {
  top: -2px;
}

.browse-content-title > p {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(44, 44, 44, 0.6);
  font-family: 'Montserrat', sans-serif;
}

.browse-project-card {
  background-color: #3b3b3b;
  z-index: 0;
  margin-bottom: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transition: -webkit-transform .25s, -webkit-box-shadow .25s;
  transition: -webkit-transform .25s, -webkit-box-shadow .25s;
  transition: transform .25s, box-shadow .25s;
  transition: transform .25s, box-shadow .25s, -webkit-transform .25s, -webkit-box-shadow .25s;
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.5);
}

.browse-project-card::after {
  z-index: -2;
}

.browse-project-card > div {
  position: relative;
  min-height: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 18px;
}

.browse-project-card .grey-label {
  display: block;
}

.recent-project-content {
  margin-top: auto;
}

.recent-project-content h1 {
  font-size: 16px;
  margin: 0;
  color: #fff;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.recent-project-content span {
  font-size: 11px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, .6);
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.browse-project-card.gradient-hor::before {
  z-index: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));
  background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}

/* ======= Browse-Project-Type - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Browse-Project-Type - Tablet+ ======= */
@media (min-width: 768px) {

  .browse-project-type {
    margin-top: 40px;
  }

  .browse-projects {
    min-height: 240px;
    padding: 40px;
  }
  
  .browse-project-nav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  
  .browse-project-nav > a {
    font-size: 12px;
    padding: 9px;
  }

  .browse-project-nav > a:hover::after, 
  .browse-project-nav > a:focus::after, 
  .browse-project-nav > a.current::after, 
  .browse-project-nav > a:active::after, 
  .browse-project-nav > a.js-touch::after {
    width: calc(100% - 18px);
  }
  
  .browse-project-container {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  /* .browse-project-title {
    margin: 0 auto;
    width: 70%;
  } */

  /* .browse-project-title > span {
    font-size: 14px;
  }
  
  .browse-project-title > h1 {
    font-size: 43px;
  } */
  
  .browse-project-more {
    margin: 0;
  }
  
  .browse-project-more > span {
    font-size: 11px;
  }
  
  .browse-project-content {
    padding: 40px;
  }

  .browse-project-more > div {
    padding: 8px;
    padding-right: 19px;
  }
  
  .browse-project-more > div > div {
    width: 40px;
    height: 40px;
  }
  
  .browse-project-more > div span {
    font-size: 10px;
  }
  
  .browse-content-title > h1::before {
    top: -2px;
  }
  
  .browse-project-collection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -10px;
  }

  .browse-project-card {
    width: calc(50% - 20px);
    min-height: 260px;
    margin: 10px;
  }

  .browse-project-card > div {
    min-height: 260px;
  }

  .browse-project-card .grey-label {
    color: rgba(255, 255, 255, .6);
  }
  
  .featured-browse-project .resource-content {
    position: relative;
    height: 130px;
  }

  .featured-browse-project .resource-content .featured-meta {
    margin-top: auto;
  }

  .featured-browse-project .featured-meta-author {
    position: absolute;
    margin-top: 0;
    top: -14px;
    right: 5%;
    z-index: 1;
  }

}

/* ======= Browse-Project-Type - Desktop+ ======= */
@media (min-width: 992px) {

  .browse-projects {
    width: 40%;
    min-height: 650px;
    padding: 50px;
  }

  .browse-project-type > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .browse-projects > nav {
    display: none;
  }
  
  .browse-project-nav > a {
    font-size: 12px;
    padding: 17px;
    color: rgba(44, 44, 44, 0.6);
  }

  .browse-project-nav > a::after {
    top: 34px;
    background-color: #2c2c2c;
  }

  .browse-project-nav > a:hover, 
  .browse-project-nav > a:focus, 
  .browse-project-nav > a.current, 
  .browse-project-nav > a:active, 
  .browse-project-nav > a.js-touch {
    color: #2c2c2c;
  }

  .browse-project-nav > a:hover::after, 
  .browse-project-nav > a:focus::after, 
  .browse-project-nav > a.current::after, 
  .browse-project-nav > a:active::after, 
  .browse-project-nav > a.js-touch::after {
    width: calc(100% - 34px);
  }

  .browse-project-container {
    margin: 0;
    height: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  /* .browse-project-title {
    margin: auto 0 auto 60px;
    width: 100%;
    text-align: right;
  } */
  
  .browse-project-more {
    margin-top: auto;
    width: 260px;
  }

  .browse-project-more > span {
    font-size: 12px;
    padding-bottom: 5px;
    text-align: left;
    display: block;
  }
  
  .browse-project-more > div {
    padding: 10px;
    padding-right: 23px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  
  .browse-project-more > div > div {
    width: 52px;
    height: 52px;
  }

  .browse-project-more > div span {
    font-size: 12px;
  }
  
  .browse-project-content {
    width: 60%;
    padding: 50px;
  }

  .browse-project-content > nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .browse-content-title {
    display: block;
    margin-top: 80px;
  }
  
  .browse-project-collection {
    margin-right: -20px;
    margin-left: -100px;
  }

  .browse-project-card > div {
    min-height: 290px;
  }

  .recent-project-content h1 {
    font-size: 18px;
  }
  
  .recent-project-content span {
    font-size: 12px;
  }

  .featured-browse-project .resource-content {
    height: 140px;
  }

}

/* ======= Browse-Project-Type - Large Desktop+ ======= */
@media (min-width: 1200px) {

  .browse-project-card {
    width: calc(25% - 20px);
  }

}
/* ======= Browse-Project-Type - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .browse-projects {
    width: 35%;
    padding-left: 0;
    -webkit-box-shadow: initial;
            box-shadow: initial;
  }

  .projects-image {
    margin-left: -40vw;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);  
  }

  .browse-project-content {
    width: 65%;
    padding-right: 0;
  }
  
  .browse-project-collection {
    margin-left: -8vw;
  }

}

/*===============================
    Project-Type-Single
  ===============================*/

/* ======= Project-Type-Single - Mobile+ ======= */

.project-type {
  position: relative;
  z-index: 0;
}

.project-type > .projects {
  display: none;
}

.project-title {
  padding: 20px;
}

.project-title > h1 {
  font-size: 22px;
  color: #2c2c2c;
  margin: 5px 0;
  font-weight: 700;
  line-height: 1.3;
  font-family: 'Montserrat', sans-serif;
}

.project-single > h1 {
  font-size: 11px;
  color: #565656;
  margin: 10px 0 5px; 
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.project-single > h1 > span:nth-child(1)::after {
  content: ":";
  margin-right: 5px;
  color: #565656;
}

.project-container .project-single > h1 > span:nth-child(1)::after {
  color: #fff;
}

.project-single > p {
  font-size: 12px;
  color: #565656;
  margin: 0;
  font-style: italic;
  line-height: 1.3;
  font-family: 'Montserrat', sans-serif;
}

.projects {
  position: relative;
  background-color: #3b3b3b;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.project-container {
  padding: 20px;
  min-height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.projects .project-single {
  display: none;
}

.projects .color-overlay {
  z-index: 0;
}

.project-more {
  margin-top: auto;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.project-more > span {
  font-size: 10px;
  text-align: center;
  color: rgba(255, 255, 255, .8);
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif;
}

.project-more > div {
  border-radius: 100px;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  background-color: rgba(0, 0, 0, .64);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  padding-right: 17px;
}

.project-more > div > div {
  width: 40px;
  height: 40px;
  margin-right: -10px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.project-more > div > div:nth-child(1) {
  z-index: 2;
}

.project-more > div > div:nth-child(2) {
  z-index: 1;
}

.project-more > div span {
  font-size: 10px;
  color: #fff;
  margin-left: 20px;
  font-weight: 600;
  line-height: 1.2;
  font-family: 'Montserrat', sans-serif;
}

.project-content {
  padding: 20px;
}

/* ======= Project-Type-Single - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Project-Type-Single - Tablet+ ======= */
@media (min-width: 768px) {

  .project-type {
    padding: 40px;
  }
  
  .project-title {
    padding: 0 0 20px;
  }
  
  .project-title .red-label {
    font-size: 14px;
  }

  .project-title > h1 {
    font-size: 36px;
  }
  
  .project-single {
    margin-bottom: 20px;
    margin-right: 20%;
    margin-top: 10px;
  }

  .project-single > h1 {
    font-size: 16px;
  }
  
  .project-single > p {
    font-size: 13px;
  }
  
  .project-container {
    min-height: 330px;
    padding: 25px;
    margin-bottom: 30px;
  }
  
  .project-more > span {
    font-size: 11px;
  }
  
  .project-more > div {
    margin-top: 5px;
  }

  .project-content {
    padding: 0;
  }

}

/* ======= Project-Type-Single - Desktop+ ======= */
@media (min-width: 992px) {

  .project-type {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;    
  }
  
  .project-type > .projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .project-type-content {
    width: 60%;
    min-height: 100vh;
  }

  .project-type-content:only-child {
    max-width: 730px;
    margin: 0 auto;
  }

  .project-type-container {
    padding: 50px;
  }

  .project-type-content:only-child .project-type-container {
    padding-left: 0;
    padding-right: 0;
  }

  .project-type-container > .projects {
    display: none;
  }

  .project-title > h1 {
    font-size: 43px;
  }
  
  .project-title > .project-single {
    display: none;
  }

  .project-single > h1 {
    font-size: 18px;
    color: #fff;
  }
  
  .project-single > p {
    font-size: 13px;
    color: rgba(255, 255, 255, .8);
  }

  .projects {
    width: 40%;
    height: 100vh;
  }
  
  .project-container {
    padding: 35px;
    margin-bottom: 0;
    height: 100vh;
  }

  .projects.sticky {
    position: fixed;
    height: 100vh;
    left: 0;
    bottom: 0;
  }

  .projects.sticky-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .projects .project-single {
    display: block;
    z-index: 1;
    margin-top: 0;
  }

  .project-more {
    position: fixed;
    bottom: 35px;
  }

  .projects.sticky-bottom .project-more {
    position: absolute;
    bottom: 35px;
  }

  .project-more > div {
    margin-top: 5px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  
  .project-more > span {
    font-size: 12px;
    text-align: left;
  }

  .project-more > div > div {
    width: 52px;
    height: 52px;
  }

}

/* ======= Project-Type-Single - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .project-container {
    width: 470px;
    margin-left: auto;
    padding-left: 0;
  }

  .project-type-container {
    width: 830px;
    margin-right: auto;
  }
}

/* ======= Project-Type-Single - Large Desktop+ ======= */
@media (min-width: 1600px) {

  .project-type-container {
    padding-right: 0;
  }
}

/*===============================
  ===============================
    Donate
  ===============================
  ===============================*/

/*===============================
    Donate
  ===============================*/

/* ======= Donate - Mobile+ ======= */

.featured-donate {
  position: relative;
  z-index: 0;
}

.donate-header {
  position: relative;
  z-index: 0;
  background-color: rgba(0, 0, 0, .12);
}

.donate-header .background-image {
  opacity: .05;
}

.donate-features {
  padding: 30px;
  height: 350px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.donate-features > h1 {
  font-size: 22px;
  color: #2c2c2c;
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
  font-family: 'Montserrat', sans-serif;
}

.donate-map {
  margin: auto 15%;
}

.donate-map > img {
  display: none;
}

.donate-map > p {
  font-size: 16px;
  color: #2c2c2c;
  margin: 0;
  font-style: italic;
  line-height: 1.6;
  font-family: 'Playfair Display', serif;
  max-width: 500px;
  margin: 0 auto;
}

.donate-featured-field {
  width: 280px;
}

.featured-donate-fields article.slick-slide {
  height: 75px;
  padding: 0 20px;
}

.featured-donate-fields article > h1 {
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  color: #2C2C2C;
  line-height: 1.3;
}

.featured-donate-fields article span {
  font-size: 24px;
  color: #2C2C2C;
}

.featured-donate-fields .featured-dots {
  bottom: 10px;
  padding: 0;
  text-align: center;
}

.featured-donate-fields .featured-dots li button:before {
  color: rgba(44, 44, 44, 0.7);
}

.featured-donate-fields .featured-dots li.slick-active button:before {
  color: #732524;
}

.donate {
  padding: 20px;
}

.donate .entry-content-share {
  display: none;
}

/* ======= Donate - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Donate - Tablet+ ======= */
@media (min-width: 768px) {

  .donate-features {
    height: 350px;
    padding: 50px;
    height: 450px;
  }
  
  .donate-features > h1 {
    font-size: 42px;
  }
  
  .donate-map > p {
    font-size: 20px;
  }
  
  .featured-donate-fields .article.slick-slide {
    height: 90px;
    padding: 0 40px;
  }
  
  .featured-donate-fields .article h1 {
    font-size: 14px;
  }
  
  .featured-donate-fields .article span {
    font-size: 36px;
  }
  
  .featured-donate-fields .featured-dots {
    bottom: 5px;
  }
  
  .donate {
    padding: 40px;
  }

}

/* ======= Donate - Desktop+ ======= */
@media (min-width: 992px) {

  .featured-donate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;    
  }
  
  .donate-header {
    width: 40%;
  }

  .donate-header > .background-image {
    height: 100vh;
  }

  .donate-map {
    position: relative;
    width: 100%;
  }

  .donate-features {
    height: calc(100vh - 100px);
  }

  .donate-header.sticky .donate-features,
  .donate-header.sticky-bottom .donate-features {
    height: 100vh;
  }

  .donate {
    padding: 50px;
  }

  .donate-featured-field {
    position: fixed;
    bottom: 50px;
  }

  .donate-features > h1 {
    font-size: 43px;
    position: absolute;
    top: 40px;
  }

  .donate-header.sticky {
    position: fixed;
    height: 100vh;
    left: 0;
    bottom: 0;
  }

  .donate-header.sticky-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .donate-header.sticky-bottom .donate-featured-field {
    position: absolute;
    bottom: 50px;
  }

  .donate-content {
    width: 60%;
    min-height: 100vh;
  }

  .donate-content:only-child {
    max-width: 730px;
    margin: 0 auto;
  }

}

/* ======= Donate - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .donate-header {
    left: 0;
  }

  .donate {
    width: 830px;
    margin-right: auto;
    padding-right: 0;
  }

}

/* ======= Project-Type-Single - Large Desktop+ ======= */
@media (min-width: 1600px) {

}

/*===============================
  ===============================
    About
  ===============================
  ===============================*/

/*===============================
    About
  ===============================*/

/* ======= About - Mobile+ ======= */

.about-title {
  min-height: 100px;
  padding: 40px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.about-title > h1 {
  font-size: 18px;
  font-weight: 700;
  color: #2c2c2c;
  margin: 0 0 -3px;
  text-align: center;
  text-transform: uppercase;
}

.about-page > article {
  min-height: 440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 40px;
  background-color: #3b3b3b;
}

.about-content {
  position: relative;
}

.about-content h1{
  font-size: 22px;
  color: #fff;
  line-height: 1.3;
  padding-left: 15px;
  font-weight: 700;
}

.about-content h1::before{
  width: 5px;
  top: -6px;
}

.about-content p {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .94);
  font-family: 'Montserrat', sans-serif;
}

.about-content span {
  font-size: 12px;
  color: #282828;
  padding: 11px 20px 7px;
  height: 32px;
  display: table;
  font-weight: 600;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-radius: 5px;
  background-color: #fff;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: color .25s, background-color .25s;
  -webkit-transition: color .25s, background-color .25s;
  -moz-transition: color .25s, background-color .25s;
  -ms-transition: color .25s, background-color .25s;
  -o-transition: color .25s, background-color .25s;
}

.about-page > article:hover .about-content span {
  color: #fff;
  background-color: #732524;
}

.about-page > article.gradient-hor::before,
.page-single-banner.gradient-hor::before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= About - Tablet+ ======= */
@media (min-width: 768px) {

  .about-title {
    min-height: 120px;
    padding: 50px;
  }
  
  .about-title > h1 {
    font-size: 26px;
  }
  
  .about-page > article {
    min-height: 480px;
    padding: 50px;
  }
  
  .about-content h1{
    font-size: 30px;
  }
  
  .about-content p {
    font-size: 16px;
  }

}

/* ======= About - Desktop+ ======= */
@media (min-width: 992px) {

  .about-title {
    min-height: 164px;
    padding: 70px;
  }
  
  .about-title > h1 {
    font-size: 32px;
  }
  
  .about-page > article {
    min-height: 540px;
    padding: 50px;
  }
  
  .about-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .about-content > div:only-child {
    width: 100%;
  }

  .about-content-title {
    width: 35%;
    padding-right: 50px;
  }

  .about-content h1 {
    font-size: 50px;
  }
  
  .about-content > .about-content-detail {
    width: 65%;
  }

  .about-content p {
    margin-top: 0;
  }


}

/* ======= About - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .about-title {
    padding-right: 0;
    padding-left: 0;
  }

}


/*===============================
  ===============================
    About-Single
  ===============================
  ===============================*/

/*===============================
    About-Single
  ===============================*/

/* ======= About-Single - Mobile+ ======= */

.about-title > p {
  font-size: 14px;
  text-align: center;
  line-height: 1.8;
  margin-bottom: 0;
  color: rgba(40, 40, 40, .94);
  font-family: 'Montserrat', sans-serif;
}

.featured-about-single > article:nth-child(odd) {
  background-color: #F5F5F5;
}

.featured-about-single > article:nth-child(even) {
  background-color: #EBEBEB;
}

.about-single {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.about-single .background-image-wrapper {
  height: 260px;
  background-color: #3b3b3b;
}

.about-single:hover .scale > img.background-image {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.about-single-content {
  padding: 40px 20px;
}

.about-single-content > h1 {
  margin: 0;
  font-size: 20px;
  color: #732524;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.about-single-content > p {
  font-size: 14px;
  color: #3B3B3B;
  margin: 20px 0 24px;
  line-height: 1.8;
  font-family: 'Montserrat', sans-serif;
}

.about-single-content > blockquote {
  font-size: 14px;
  color: #3B3B3B;
  margin: 10px 0;
  font-style: italic;
  line-height: 1.8;
  font-family: 'Montserrat', sans-serif;
}

.about-single-content > span {
  font-size: 12px;
  color: #fff;
  padding: 11px 20px 7px;
  height: 32px;
  display: table;
  font-weight: 600;
  border-radius: 5px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: #2c2c2c;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: color .25s, background-color .25s;
  -webkit-transition: color .25s, background-color .25s;
  -moz-transition: color .25s, background-color .25s;
  -ms-transition: color .25s, background-color .25s;
  -o-transition: color .25s, background-color .25s;
}

.about-single:hover .about-single-content > span {
  color: #fff;
  background-color: #732524;
}

span.line-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 220px;
}

/* ======= About-Single - Large Mobile+ ======= */
@media (min-width: 400px) {

  span.line-clamp {
    overflow: initial;
    white-space: initial;
    width: initial;
  }

}

/* ======= About-Single - Tablet+ ======= */
@media (min-width: 768px) {

  .about-title > p {
    font-size: 16px;
    margin-top: 30px;
    max-width: 730px;
  }
  
  .about-single > .background-image-wrapper {
    height: 300px;
  }
  
  .about-single-content {
    padding: 50px;
  }
  
  .about-single-content > p {
    font-size: 16px;
  }
  
  .about-single-content > blockquote {
    font-size: 16px;
    margin: 15px 0;
  }

  .about-single-content > a {
    padding: 12px 25px 8px;
    height: 34px;
    margin: 10px 0 20px;
  }

}

/* ======= About-Single - Desktop+ ======= */
@media (min-width: 992px) {

  .about-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .about-single:nth-child(odd) > .background-image-wrapper {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .about-single:nth-child(odd) > .about-single-content {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .about-single:nth-child(even) > .background-image-wrapper {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .about-single:nth-child(even) > .about-single-content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .about-single > .background-image-wrapper {
    height: initial;
    width: 45%;
  }
  
  .about-single-content {
    padding: 80px;
    width: 55%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .about-content h1::before {
    top: -8px;
  }

}

/*===============================
  ===============================
    Single-Page
  ===============================
  ===============================*/

/*===============================
    Single-Page
  ===============================*/

/* ======= Single-Page - Mobile+ ======= */

.page-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.page-heading > h1 {
    color: #fff;
    margin: 0;
    z-index: 2;
    width: 100%;
    padding: 20px 40px;
    font-size: 20px;
    text-align: center;
    font-family: 'Trajan Regular', sans-serif;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 0.125em;
    font-weight: 100;
}

.page-heading > h1:only-child {
  color: #2c2c2c;
  padding: 40px 50px;
  margin-bottom: -40px;
}

.page-single-banner {
  min-height: 220px;
  position: initial;
}

.featured-page-single {
  padding: 40px 20px;
}

.page-single-nav {
  position: relative;
  margin-bottom: 40px;
}

.page-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-nav-btn {
  width: 150px;
  height: 35px;
  font-size: 12px;
  border-radius: 5px;
  padding: 0 12px;
  position: relative;
  color: #2c2c2c;
  background-color: #EAEAEA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  -webkit-transition: box-shadow .25s;
  -moz-transition: box-shadow .25s;
  -ms-transition: box-shadow .25s;
  -o-transition: box-shadow .25s;
}

.page-nav-btn:hover {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.page-nav-btn > span {
  margin-bottom: -3px;
}

.page-nav-btn > i {
  font-size: 8px;
  position: absolute;
  right: 12px;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

.page-nav-btn.js-active > i {
  transform: rotate(-180deg);
  -ms-transform: translateX(-180px);
  -webkit-transform: rotate(-180deg);
}

.page-sidebar-nav {
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height ease-in-out .5s;
  transition: max-height ease-in-out .5s;
  -webkit-box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.16);
}

.page-sidebar-nav.js-active {
  max-height: 2000px;
}

.page-sidebar-nav > h1 {
  height: 48px;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  color: #2c2c2c;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.025rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 50px 16px;
  background-color: #EAEAEA;
  text-transform: uppercase;
}

.page-sidebar-nav > ul {
  padding: 25px;
}

.page-sidebar-nav > ul li > a {
  font-size: 14px;
  color: #2c2c2c;
  font-weight: 500;
  line-height: 1.3;
  padding: 7px 0;
  display: block;
  transition: color .25s;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.page-sidebar-nav > ul > li:first-child > a {
  padding-top: 0;
}

.page-sidebar-nav > ul > li:last-child > a {
  padding-bottom: 0;
}

.page-sidebar-nav > ul li > a:hover,
.page-sidebar-nav > ul li > a:active,
.page-sidebar-nav > ul li > a.current {
  color: #732524;
}

.page-sidebar-nav > ul li ul {
  padding-left: 25px;
}

/* ======= Single-Page - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Single-Page - Tablet+ ======= */
@media (min-width: 768px) {
  
  .page-heading > h1 {
    font-size: 42px;
    padding: 40px;
  }
  
  .page-heading > h1:only-child {
    padding: 40px;
  }
  
  .page-single-banner {
    min-height: 400px;
  }
  
  .featured-page-single {
    padding: 40px;
  }
  
  .page-sidebar-nav > ul {
    padding: 35px;
  }

  .page-single:only-child {
    width: 100% !important;
    max-width: 730px;
    margin: 0 auto;
    padding-top: 0;
    padding-right: 0;
  }

}

/* ======= Single-Page - Desktop+ ======= */
@media (min-width: 992px) {

  .page-heading > h1 {
    font-size: 50px;
  }

  .page-heading > h1:only-child {
    padding: 50px;
    margin-bottom: -50px;
    text-align: left;
  }
  
  .page-has-no-sidebar-menu .page-heading > h1:only-child {
    text-align: center;
  }

  .page-single-banner {
    min-height: 400px;
  }
  
  .featured-page-single {
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .page-single-nav {
    width: 360px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0;
    position: sticky;
    top: 0;
    align-self: flex-start;
    flex-shrink: 0;
    padding-top: 10px;
  }
  
  .page-nav {
    display: none;
  }
  
  .page-sidebar-nav {
    position: relative;
    top: 0;
    max-height: initial;
    background-color: rgba(246, 246, 246, .7);
  }

  .page-sidebar-nav > h1 {
    font-size: 18px;
    color: #fff;
    height: 65px;
    background-color: #2C2C2C;
  }

  .page-sidebar-nav > ul {
    padding: 35px;
  }

  .page-sidebar-nav > ul li > a {
    padding: 13px 0;
  }

  .page-single {
    width: calc(100% - 360px);
    margin: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding-right: 50px;
  }

}

/* ======= Single-Page - Large Desktop+ ======= */

@media (min-width: 1400px) {

  .page-heading > h1 {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
  }

  .page-heading > h1:only-child {
    padding-left: 0;
    padding-right: 0;
  }

  .page-has-no-sidebar-menu .page-heading > h1,
  .page-has-no-sidebar-menu .page-heading > h1:only-child {
    padding-left: 0;
    padding-right: 0;
    max-width: 730px;
    text-align: center;
  }

  .featured-page-single {
    padding: 50px 0;
  }

}

/*===============================
  ===============================
      Hall-of-the-fame
  ===============================
  ===============================*/

/*===============================
    Hall-of-the-fame
  ===============================*/

/* ======= Hall-of-the-fame - Mobile+ ======= */

.featured-staff-picks {
  position: relative;
  z-index: 0;
  background-color: #F5F5F5;
}

.staff-cards {
  position: relative;
  margin-bottom: 20px;
  z-index: 1;
}

.staff-cards:last-child,
.featured-staff-cards {
  margin-bottom: 0;
} 

.featured-staff-cards > .fame-image {
  min-height: 260px;
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.featured-staff-cards  > .staff-content {
  padding: 20px;
  min-height: 145px;
}

.featured-staff-cards .staff-content>h1 {
  font-size: 22px;
}

.featured-staff-cards .featured-meta>span {
  font-size: 12px;
}

.featured-staff-cards .staff-content > p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 0;
  color: #3B3B3B;
  display: none;
  font-family: 'Montserrat', sans-serif;
}

.latest-staff-picks {
  padding: 20px;
}

.staff-content {
  padding: 12px 8px;
}

.staff-content >h1 {
  margin: 5px 0 5px -14px;
  padding-left: 14px;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}
 
.fame-image {
  height: 170px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 20px 16px;
  background-color: #3b3b3b;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.fame-image .article-label {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.fame-image .article-label > .grey-label {
  display: block;
}

.staff-cards .featured-meta>span,
.staff-cards .featured-meta>span::before  {
  color: rgba(44, 44, 44, 0.8);
}

.staff-cards:hover .red-head-bar, 
.staff-cards:focus .red-head-bar, 
.staff-cards:active .red-head-bar {
  -webkit-transform: translateX(14px);
          transform: translateX(14px);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}

.staff-cards:hover .red-head-bar::before,
.staff-cards:focus .red-head-bar::before,
.staff-cards:active .red-head-bar::before {
  height: calc(100% - 9px);
}

.staff-cards:hover .background-image, 
.staff-cards:focus .background-image, 
.staff-cards:active .background-image,
.staff-cards.js-touch .background-image  {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
}

.latest-update .pagination {
  margin: 30px 0 40px;
} 

/* ======= Hall-of-the-fame - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Hall-of-the-fame - Tablet+ ======= */
@media (min-width: 768px) {

  .featured-staff-picks {
    padding: 40px;
  }
  
  .staff-cards {
    margin-bottom: 0;
  } 
  
  .featured-staff-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .featured-staff-cards > .fame-image {
    min-height: 220px;
    width: 60%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
  
  .featured-staff-cards  > .staff-content {
    padding: 35px 0 35px 35px;
    min-height: initial;
    width: 40%;
  }

  .featured-staff-cards .staff-content>h1 {
    font-size: 24px;
  }
  
  .featured-staff-cards .featured-meta>span {
    font-size: 14px;
  }
  
  .latest-staff-picks {
    padding: 22px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -10px;
  }
  
  .latest-staff-picks > article {
    width: calc(33.333% - 20px);
    margin: 0 10px;
  }

  .staff-content {
    padding: 10px 0px;
  }

  .staff-content>h1 {
    font-size: 16px;
  }
  
  .fame-image {
    height: 140px;
  }
  
  .staff-cards .featured-meta>span {
    font-size: 10px;
  }

  .latest-update .pagination {
    margin: 50px auto 30px;
  } 

}

/* ======= Hall-of-the-fame - Desktop+ ======= */
@media (min-width: 992px) {

  .featured-staff-picks {
    padding: 65px;
  }

  .featured-staff-cards > .fame-image {
    min-height: 445px;
    width: 55%;
}
  
  .featured-staff-cards  > .staff-content {
    padding: 60px 0 80px 60px;
    width: 45%;
  }
  
  .featured-staff-cards .staff-content>h1 {
    font-size: 30px;
  }
  
  .featured-staff-cards .staff-content>p {
    display: block;
    font-size: 16px;
  }
  
  .latest-staff-picks {
    padding: 0 100px;
    margin: -60px -10px 0;
  }
   
  .fame-image {
    height: 230px;
  }
  
  .staff-cards .featured-meta>span {
    font-size: 11px;
  }

}

/* ======= Hall-of-the-fame - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .featured-staff-picks {
    padding-right: 0;
    padding-left: 0;
  }
}


/*===============================
  ===============================
      Gallery -Single
  ===============================
  ===============================*/

/*===============================
    Gallery -Single
  ===============================*/

/* ======= Gallery -Single - Mobile+ ======= */

.gallery-figure {
  position: relative;
  height: 100% !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f0f0f0;
}

.gallery-img-cover {
  width: 100%;
}

.gallery-img-cover > img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  margin: auto;
  max-height: calc(100vh - 200px);
}

.gallery-video-cover {
  width: 100%;
  height: calc(100vw - 110px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gallery-video-cover > div {
  padding: 0 !important;
}

.gallery-video-cover > div,
.gallery-video-cover iframe {
  width: 100% !important;
  height: 100% !important;
  max-width: calc(177.77vh - 120px) !important;
  max-height: 56.25vw !important;
  margin: auto;
  position: relative !important;
}

.gallery-single-caption {
  padding: 30px;
}

.gallery-single-caption > div {
  margin-bottom: 20px;
}

.back-link {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #2c2c2c;
  margin-bottom: 20px;
  margin-left: -16px;
  padding-bottom: 2px;
  text-transform: uppercase;
  display: inline-block;
}

.back-link span {
  padding-left: 5px;
}

.back-link .icon-chevron-left {
  font-size: 11px;
  margin-top: -4px;
}

@media (min-width: 768px) {

  .back-link {
    margin-bottom: 20px;
  }

}

@media (min-width: 992px) {

  .back-link {
    margin-bottom: 50px;
  }

}

.gallery-single-date, 
.gallery-single-location, 
.gallery-single-tags, 
.gallery-single-people,
.gallery-caption figcaption {
  font-size: 12px;
  line-height: 1.5;
  margin: 5px 0;
  font-weight: 500;
  display: block;
  color: rgba(44, 44, 44, .6);
  font-family: 'Montserrat', sans-serif;
}

.gallery-title {
  margin: 5px 0px;
  font-size: 16px;
  color: #2C2C2C;
  font-weight: 700;
  position: relative;
  line-height: 1.3;
  text-transform: uppercase;
}

.gallery-title::before {
  content: "";
  width: 3px;
  height: 100%;
  top: -2px;
  left: -10px;
  position: absolute;
  background-color: #732524;
}

.gallery-single-location > a, 
.gallery-single-tags > a, 
.gallery-single-people > a {
  transition: color .25s, border-bottom .25s;
  border-bottom: 1px solid rgba(44, 44, 44, .6);
  -webkit-transition: color .25s, border-bottom .25s;
  -moz-transition: color .25s, border-bottom .25s;
  -ms-transition: color .25s, border-bottom .25s;
  -o-transition: color .25s, border-bottom .25s;
}

.gallery-single-location > a:hover, 
.gallery-single-location > a:active, 
.gallery-single-location > a.js-touch, 
.gallery-single-tags > a:hover, 
.gallery-single-tags > a:active, 
.gallery-single-tags > a.js-touch, 
.gallery-single-people > a:hover, 
.gallery-single-people > a:active, 
.gallery-single-people > a.js-touch {
  color: #732524;
  border-bottom: 1px solid #732524;
}

.gallery-single-social > h1 {
  display: none;
}

.social-gallery-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.social-gallery-single > button {
  height: 26px;
  width: 26px;
  font-size: 10px;
  border-radius: 50%;
  margin: 0 5px;
  color: #2c2c2c;
  padding: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  transition: color .25s;
  -webkit-box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.16);
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.social-gallery-single > button.email-share {
  font-size: 9px;
}

.social-gallery-single > button:first-child {
  margin-left: 0;
}

.social-gallery-single> button:hover, 
.social-gallery-single > button:focus,
.social-gallery-single > button:active,
.social-gallery-single > button.js-touch {
  color: #732524;
}

.social-gallery-single > button > svg {
  height: 12px;
  width: 12px;
}

.social-gallery-single> button svg path {
  transition: fill .25s;
  -webkit-transition: fill .25s;
  -moz-transition: fill .25s;
  -ms-transition: fill .25s;
  -o-transition: fill .25s;
}

.social-gallery-single> button:hover svg path, 
.social-gallery-single > button:focus svg path,
.social-gallery-single > button:active svg path,
.social-gallery-single > button.js-touch svg path {
  fill: #732524;
}

/* ======= Gallery -Single - Large Mobile+ ======= */

@media (min-width: 600px) {

  .gallery-video-cover {
    height: calc(100vw - 240px);
  }
}

/* ======= Gallery -Single - Tablet+ ======= */
@media (min-width: 768px) {
  
  .gallery-single-caption {
    padding: 50px 65px;
  }
  
  .gallery-single-caption > div {
    margin-bottom: 25px;
  }

  .gallery-single-date, 
  .gallery-single-location, 
  .gallery-single-tags, 
  .gallery-single-people,
  .gallery-caption figcaption {
    font-size: 13px;
  }
  
  .gallery-single-date {
    font-size: 12px;
  }
  
  .gallery-title {
    font-size: 18px;
  }
  
  .gallery-title::before {
    content: "";
    width: 4px;
  }
  
  .gallery-caption figcaption {
    margin: 8px 0;
  }

  .social-gallery-single > button {
    height: 34px;
    width: 34px;
    padding: 10px;
    font-size: 11px;
  }

  .social-gallery-single> button svg {
    height: 13px;
    width: 13px;
  }

  .social-gallery-single > button.email-share {
    font-size: 10px;
  }

  .gallery-video-cover {
    height: calc(100vw - 340px);
  }

}

/* ======= Gallery -Single - Desktop+ ======= */
@media (min-width: 992px) {

  .gallery-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 60px 50px;
  }

  .gallery-figure {
    /* height: initial !important; */
    background-color: initial;
    width: calc(100% - 270px);
    padding-left: 110px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  
  .gallery-single-caption {
    padding: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 270px;
  }
  
  .gallery-single-caption > div {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #5E5E5E80;
  }
  
  .gallery-single-date, 
  .gallery-single-location, 
  .gallery-single-tags, 
  .gallery-single-people,
  .gallery-caption figcaption {
    font-size: 12px;
  }
  
  .gallery-single-date {
    font-size: 11px;
  }
  
  .gallery-title {
    font-size: 16px;
  }
  
  .gallery-title::before {
    content: "";
    width: 3px;
  }
  
  .gallery-single-social > h1 {
    display: block;
    margin: 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 1px;
    color: rgba(44, 44, 44, .6);
    text-transform: uppercase;
  }
  
  .social-gallery-single {
    margin-top: 5px;
  }

  .social-gallery-single > button {
    height: initial;
    width: initial;
    font-size: 14px;
    padding: 10px;
    margin: 0;
    color: #5E5E5E;
    -webkit-box-shadow: initial;
            box-shadow: initial;
  }

  .social-gallery-single > button:first-child {
    padding-left: 0;
  }

  .social-gallery-single > button.email-share {
    font-size: 12px;
  }

  .social-gallery-single> button svg {
    height: 14px;
    width: 14px;
  }

  .social-gallery-single> button svg path {
    fill: #5E5E5E;
  }

  .gallery-video-cover {
    height: calc(100vw - 700px);
  }
  
  .gallery-video-cover > div,
  .gallery-video-cover iframe {
    margin: 0 auto;
  }

}

/* ======= Gallery -Single - Large Desktop+ ======= */

@media (min-width: 1400px) {

  .gallery-single {
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-video-cover {
    height: 600px;
  }
  
}


/*===============================
  ===============================
  Search Page
  ===============================
  ===============================*/

/*===============================
    Search Page
  ===============================*/

/* ======= Search Page - Mobile+ ======= */

.no-results-message {
  background: #fff;
  padding: 20px 25px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


.no-results-message p {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  font-size: 18px;
  width: 100%;
}


.no-results-message .button {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 20px 10px;
  border-radius: 5px;
  margin-top: 20px;
  letter-spacing: 1px;
  background-color: #2c2c2c;
  text-transform: uppercase;
  display: table;
  font-family: 'Josefin Sans', sans-serif;
  margin-bottom: 15px;
  transition: background-color .25s;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}


.no-results-message .button:hover {
  background-color: #732524;
}


.no-results-message .button i {
  margin-right: 10px
}

/*===============================
  ===============================
  ======= Heartcry Films ========
  ===============================
  ===============================*/

/*===============================
    Media-index
  ===============================*/

/* ======= Media-index - Mobile+ ======= */

.media-index-items {
  position: relative;
  padding-top: 20px;
}

.media-index-items .scroll-wrapper {
  height: 98px;
}

.media-taxonomy-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
}

.media-taxonomy-items > a {
  height: 98px;
  width: 60%;
  min-width: 60%;
  border-radius: 5px;
  margin: 0 10px;
  position: relative;
  /* overflow: hidden; */
  background-color: rgba(44, 44, 44, 0.05);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: background-color .25s;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.media-taxonomy-items > a:first-child {
  margin-left: 0;
}

.media-taxonomy-items > a:last-child {
  margin-right: 0;
}

.media-taxonomy-items > a:last-child::after {
  content: '';
  display: block;
  width: 20px;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
}

.media-taxonomy-items > a:hover,
.media-taxonomy-items > a:focus,
.media-taxonomy-items > a:active,
.media-taxonomy-items > a.js-touch {
  background-color: rgba(40, 40, 40, .08);
}

.browse-index-img {
  /* min-height: 58px; */
  height: 58px;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
} 

.browse-index-tag {
  min-height: 40px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.browse-index-tag > h1 {
  font-size: 11px;
  line-height: 1.4;
  color: rgba(44, 44, 44, 0.9);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: -2px;
  text-align: center;
  font-weight: 600;
}

/* ======= Media-index - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* ======= Media-index - Tablet+ ======= */

@media (min-width: 768px) {

  .media-index-items {
    padding-top: 30px;
  }

  .media-index-items .scroll-wrapper {
    height: 65px;
  }

  .media-taxonomy-items {
    padding-left: 40px;
    padding-right: 40px;
  }

  .media-taxonomy-items > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    min-width: initial;
    margin: 0 15px;
  }

  .media-taxonomy-items > a:last-child::after {
    content: initial;
  }

  .media-taxonomy-items > a .browse-index-img {
    width: 35%;
  }

  .browse-index-img {
    height: 65px;
    width: 40%;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
  } 
  
  .browse-index-tag {
    min-height: 60px;
    width: 60%;
    padding: 15px;
  }
  
  .browse-index-tag > h1 {
    font-size: 12px;
  }

  .media-taxonomy-items > a .browse-index-tag {
    width: 65%;
  }

}

/* ======= Media-index - Desktop+ ======= */
@media (min-width: 992px) {

  .media-taxonomy-items {
    padding-left: 50px;
    padding-right: 50px;
  }

  .browse-index-img {
    height: 65px;
  } 
  
  .browse-index-tag {
    min-height: 65px;
    width: 60%;
  }
  
  .browse-index-tag > h1 {
    font-size: 13px;
  }
  
}

/* ======= Media-index - Large Desktop+ ======= */
@media (min-width: 1200px) {

  .media-index-items {
    padding-top: 40px;
  }

}

/* ======= Media-index - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .media-taxonomy-items {
    padding-left: 0;
    padding-right: 0;
  }

}

/*===============================
    Featured Heartcry Films
  ===============================*/

/* ======= Featured-Heartcry-Films - Mobile+ ======= */

.featured-heartcry-films {
  padding: 40px 20px;
  position: relative;
}

.featured-heartcry-films > .update-title .red-label {
  margin-bottom: 5px;
  display: inline-block;
}

.featured-heartcry-films > .update-title {
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
}

.featured-heartcry-films > .update-title h1 {
  text-align: left;
}

.latest-heartcry-films {
  margin: 0 -20px;
}

.films-card {
  position: relative;
  padding: 20px 10px 20px 10px;    
  transition: all .35s;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
  -o-transition: all .35s;
}

.films-card:hover,
.films-card:focus,
.films-card:active,
.films-card.js-touch {
  background-color: rgba(40, 40, 40, .05);
}

.films-card:hover {
    transform: scale(1.035);
    transition: all .25s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.heartcry-films-img {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
}

.films-card:hover > .heartcry-films-img {
    -webkit-box-shadow: 4px 8px 10px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 4px 8px 10px 1px rgba(0,0,0,0.35);
    box-shadow: 4px 8px 10px 1px rgba(0,0,0,0.35);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.latest-heartcry-books .films-card {
  padding: 15px;
}

.heartcry-films-img {
  background-color: #2c2c2c;
  padding-bottom: 56.25%;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;

}

.heartcry-films-img > .icon-play {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.45);
  -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.45);
  box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.45);
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transition: transform .3s, opacity .5s;
  -webkit-transition: transform .3s, opacity .5s;
  -moz-transition: transform .3s, opacity .5s;
  -ms-transition: transform .3s, opacity .5s;
  -o-transition: transform .3s, opacity .5s;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.films-card:hover .heartcry-films-img > .icon-play,
.films-card:focus .heartcry-films-img > .icon-play,
.films-card.js-touch .heartcry-films-img > .icon-play {
  
}

.heartcry-books-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: flex-end;
}

.books-img {
  width: 195px;
}

.books-img > img {
  width: 195px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.latest-heartcry-books .films-content .red-head-bar,
.latest-heartcry-books .films-content .featured-meta {
  text-align: center;
}

.films-content {
  margin-top: 10px;
}

.films-content > .red-label {
  display: block;
}

.films-content .featured-meta>span {
  font-size: 13px;
  text-transform: initial;
  font-family: 'Lato', sans-serif;
}

.featured-heartcry-films .latest-all-button {
  margin: 20px auto 5px;
  display: table;
}

.pagination-top {
  display: none;
  font-size: 12px;
  margin-left: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #282828;
  text-transform: uppercase;
  white-space: nowrap;
}

.films-tax .pagination-top,
.paged .pagination-top {
  display: block;
}

/* ======= Featured-Heartcry-Films - Large Mobile+ ======= */
@media (min-width: 600px) {

  .latest-heartcry-films {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
  }

  .films-card {
    width: 50%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .heartcry-books-img {
    height: 315px;
  }

  .books-img {
    width: 200px;
  }
  
  .books-img > img {
    width: 200px;
  }

}

/* ======= Featured-Heartcry-Films - Tablet+ ======= */

@media (min-width: 768px) {

  .featured-heartcry-films {
    padding: 40px;
  }

  .featured-heartcry-films > .update-title {
    margin-bottom: -23px;
  }

  .featured-heartcry-films .latest-all-button {
    margin: 30px auto 15px;
  }

  .featured-heartcry-films .pagination {
    margin-top: 30px;
  }

  .latest-heartcry-books .films-card {
    width: 33.33%;
  }

}

/* ======= Featured-Heartcry-Films - Desktop+ ======= */

@media (min-width: 992px) {

  .featured-heartcry-films {
    padding: 60px 50px 80px;
  }

  .featured-heartcry-films > .update-title {
    padding-bottom: 50px;
  }

  .featured-heartcry-films > .update-title .red-label {
    margin-bottom: 10px;
  }

  .featured-heartcry-films > .update-title h1 {
    font-size: 32px;
  }

  .films-card {
    width: 25%;
    margin: 0;
  }

  .featured-heartcry-films .latest-all-button {
    margin: 40px auto -15px;
  }

  .featured-heartcry-films .pagination {
    margin-top: 50px;
  }

}

/* ======= Featured-Heartcry-Films - Large Desktop+ ======= */

@media (min-width: 1200px) {

  .latest-heartcry-books .films-card {
    width: 20%;
    margin: 0;
  }

}

/* ======= Featured-Heartcry-Films - Large Desktop+ ======= */

@media (min-width: 1400px) {

  .featured-heartcry-films {
    padding-left: 0;
    padding-right: 0;
  }

}

/*===============================
    Media Taxonomy Term
  ===============================*/

/* ======= Media-Taxonomy-Term - Mobile+ ======= */

.featured-media-taxonomy {
  padding: 20px 20px 50px;
  position: relative;
}

.featured-media-taxonomy::before {
  content: "";
  height: 5px;
  width: 100vw;
  left: 50%;
  right: 50%;
  top: 0;
  margin-left: -50vw;
  margin-right: -50vw;
  position: absolute;
  background-color: rgba(44, 44, 44, 0.1);
}

.media-taxonomy-tag {
  padding-top: 30px;
}

.media-taxonomy-tag > h1 {
  font-size: 14px;
}

.all-media-terms {
  padding: 20px 0;
}

.media-taxonomy-term {
  column-count: 1;
  grid-gap: 20px;
  padding-right: 30%;
}

.media-taxonomy-term.media-tax-1,
.media-taxonomy-term.media-tax-2,
.media-taxonomy-term.media-tax-3,
.media-taxonomy-term.media-tax-4,
.media-taxonomy-term.media-tax-5,
.media-taxonomy-term.media-tax-6 {
  column-count: initial;
  padding-right: 0;
}

.media-tax-1.slick-slider,
.media-tax-2.slick-slider,
.media-tax-3.slick-slider,
.media-tax-4.slick-slider,
.media-tax-5.slick-slider,
.media-tax-6.slick-slider {
  margin-right: -20px;
}

.featured-taxonomy-index:last-child .all-media-terms {
  padding-bottom: 0;
}

.media-taxonomy-term > .slick-list {
  padding:0 30% 0 0;
}

.media-taxonomy-term > .slick-list > .slick-track {
  margin-left: 0;
  margin-right: 0;
}

.media-taxonomy-term > .slick-list > .slick-track > .slick-slide {
  margin-right: 20px;
}

.media-term {
  /* width: 190px; */
  height: 50px;
  margin-bottom: 20px;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
}

.media-taxonomy-term .slick-slide > div:last-child .media-term {
  margin-bottom: 0;
}

.media-term > a {
  /* width: 175px; */
  height: 50px;
  padding: 18px;
  background-color: rgba(44, 44, 44, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: background-color .25s;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.media-term > a:hover,
.media-term > a:focus,
.media-term > a:active,
.media-term > a.js-touch {
  background-color: rgba(44, 44, 44, 0.08); 
}

.media-term a > h1 {
  font-size: 15px;
  line-height: 1.4;
  color: rgba(44, 44, 44, 0.9);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: -3px;
  font-weight: 600;
}

.tax-prev,
.tax-next {
  top: 50%;
  width: 35px;
  height: 35px;
  z-index: 1;
  visibility: visible;
  opacity: 1;
  position: absolute;
  display: flex !important;
  align-items: center;
  justify-content: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #fff;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(112, 112, 112, 0.7);
  /* box-shadow: 0px 3px 10px 0px rgba(112, 112, 112, 0.7); */
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  transition: opacity .25;
  -webkit-transition: opacity .25;
  -moz-transition: opacity .25;
  -ms-transition: opacity .25;
  -o-transition: opacity .25;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.js-touchscreen .tax-prev,
.js-touchscreen .tax-next {
  display: none !important;
}

.tax-prev.slick-disabled,
.tax-next.slick-disabled {
  display: none !important;
}

.tax-next {
  right: 20px;
}

.tax-prev {
  left: 0px;
}

.tax-prev > i,
.tax-next > i {
  font-size: 12px;
  color: #282828;
}

.tax-prev > i {
  margin-right: -3px;
}

.tax-next > i {
  margin-left: -3px;
}

/* ======= Media-Taxonomy-Term - Large Mobile+ ======= */

@media (min-width: 460px) {

  .media-taxonomy-term > .slick-list {
    padding: 0 20% 0 0;
  }

  .media-taxonomy-term {
    column-count: 2;
    padding-right: 20%;
  }

  .media-taxonomy-term.media-tax-1 {
    column-count: 2;
    grid-gap: 20px;
    padding-right: 20%;
  }

}


/* ======= Media-Taxonomy-Term - Tablet+ ======= */

@media (min-width: 768px) {

  .featured-media-taxonomy {
    padding: 20px 40px 80px;
  }

  .media-taxonomy-tag {
    padding-top: 40px;
  }

  .media-taxonomy-tag > h1 {
    font-size: 18px;
  }

  .all-media-terms {
    padding: 25px 0;
  }

  .media-tax-1.slick-slider,
  .media-tax-2.slick-slider,
  .media-tax-3.slick-slider,
  .media-tax-4.slick-slider,
  .media-tax-5.slick-slider,
  .media-tax-6.slick-slider {
    margin-right: -40px;
  }


  .media-taxonomy-term,
  .media-taxonomy-term.media-tax-1,
  .media-taxonomy-term.media-tax-2 {
    column-count: 3;
    grid-gap: 20px;
    padding-right: calc(15% - 20px);
  }

  .media-taxonomy-term > .slick-list {
    padding:0 15% 0 0;
  }

  .tax-prev,
  .tax-next {
    width: 46px;
    height: 46px;
  }

  .tax-next {
    right: 40px;
  }
  
  .tax-prev {
    left: -20px;
  }

  .tax-prev > i,
  .tax-next > i {
    font-size: 16px;
  }

}

/* ======= Media-Taxonomy-Term - Large Mobile+ ======= */

@media (min-width: 820px) {

  .media-taxonomy-term,
  .media-taxonomy-term.media-tax-1,
  .media-taxonomy-term.media-tax-2,
  .media-taxonomy-term.media-tax-3 {
    column-count: 4;
    grid-gap: 20px;
  }

}

/* ======= Media-Taxonomy-Term - Desktop+ ======= */
@media (min-width: 992px) {

  .featured-media-taxonomy {
    padding: 30px 50px 100px;
  }

  .media-taxonomy-tag {
    padding-top: 40px;
  }

  .all-media-terms {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .media-taxonomy-term.slick-slider {
    margin: 0 -10px;
  }

  .media-taxonomy-term > .slick-list > .slick-track {
    margin-left: auto;
    margin-right: auto;
  }

  .media-taxonomy-term > .slick-list > .slick-track > .slick-slide {
    margin: 0 10px;
  }

  .media-taxonomy-term,
  .media-taxonomy-term.media-tax-1,
  .media-taxonomy-term.media-tax-2,
  .media-taxonomy-term.media-tax-3,
  .media-taxonomy-term.media-tax-4 {
    column-count: 5;
    grid-gap: 20px;
    padding-right: 0;
  }

  .media-taxonomy-term > .slick-list {
    padding: 0;
  }

  .tax-next {
    right: -15px;
  }
  
  .tax-prev {
    left: -15px;
  }

}
/* ======= Media-Taxonomy-Term - Large Desktop+ ======= */
@media (min-width: 1200px) {

  .media-taxonomy-term.slick-slider {
    margin: 0 -15px;
  }
  
  .media-taxonomy-term,
  .media-taxonomy-term.media-tax-1,
  .media-taxonomy-term.media-tax-2,
  .media-taxonomy-term.media-tax-3,
  .media-taxonomy-term.media-tax-4,
  .media-taxonomy-term.media-tax-5 {
    column-count: 6;
    grid-gap: 30px;
  }

  .media-taxonomy-term > .slick-list > .slick-track > .slick-slide {
    margin: 0 15px;
  }

  .tax-next {
    right: -10px;
  }
  
  .tax-prev {
    left: -10px;
  }

}

/*===============================
  ===============================
  ========= Single-Films ========
  ===============================
  ===============================*/

/*===============================
    Films-Playlist
  ===============================*/

/* ======= Films-Playlist - Mobile+ ======= */

.featured-single-films {
  padding: 25px 20px 40px;
}

.single-media-content > .red-label {
  display: inline-block;
  margin-bottom: 8px;
}

.single-media-content > .red-head-bar {
  font-size: 22px;
  font-weight: 700;
}

.single-media-content > .featured-meta {
  margin-top: 5px;
  line-height: 1.4;
  display: inline-block;
}

.single-media-content .featured-meta > span {
  font-size: 12px;
}

.media-controls {
  margin-top: 20px;
}

.media-controls > .social-share-icons {
  display: none;
}

.film-single-media {
  margin-top: 25px;
  margin-right: -20px;
  margin-left: -20px;
  transition: height ease-in-out .5s;
  -webkit-transition: height ease-in-out .5s;
  -moz-transition: height ease-in-out .5s;
  -ms-transition: height ease-in-out .5s;
  -o-transition: height ease-in-out .5s;
}

.film-single-media.js-active {
  height: 100%;
}

.watch-film {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

#watch-film {
  display: none;
}

#watch-film.js-active {
  display: block;
}

#listen-film {
  display: none;
}

#listen-film.js-active {
  display: block;
}

.watch-film iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article-image > .background-image-wrapper {
  padding-bottom: 56.25%;
}

.single-films {
  margin-top: 30px;
}

.film-single-authors {
  margin-bottom: 30px;
}

.sermoaudio-layout > .play-audio-video {
  display: none;
}

/* ======= Films-Playlist - Large Mobile+ ======= */

@media (min-width: 480px) {

  .single-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  
}

/* ======= Films-Playlist - Tablet+ ======= */

@media (min-width: 768px) {

  .featured-single-films {
    padding: 40px 40px 60px;
  }

  .single-media-content > .red-head-bar {
    font-size: 24px;
  }

  .single-media-content .featured-meta > span {
    font-size: 13px;
  }

  .media-controls {
    margin-left: 46px;
    position: relative;
    z-index: 5;
  }

  .film-single-media {
    margin: 30px 0 0;
  }

  .single-films {
    margin-top: 40px;
  }

  .film-single-authors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 40px;
    position: relative;
    min-height: 60px;
    margin-bottom: 50px;
  }
}

/* ======= Films-Playlist - Desktop+ ======= */

@media (min-width: 992px) {

  .featured-single-films {
    padding: 50px 50px 20px;
  }

  .featured-single-content:only-child {
    max-width: 730px;
    margin: 0 auto;
    padding-right: 0;
  }

  .featured-single-content:only-child .single-media-content > .red-head-bar {
    font-size: 36px;
  }

  .featured-single-content:only-child .article-image {
    margin: 0 -60px;
  }

}

/* ======= Films-Playlist - Large Desktop+ ======= */

@media (min-width: 1200px) {

  .featured-single-films {
    display: flex;
    flex-wrap: wrap;
  }

  .media-controls > .play-audio-video {
    display: none;
  }

  .media-controls > .social-share-icons {
    display: table;
    position: absolute;
    /* bottom: 0; */
    right: 0;
    top: -44px;
  }
  
  .sermoaudio-layout {
    top: 12px;
  }

  .sermoaudio-layout > .play-audio-video {
    display: flex;
  }
  
  .sermoaudio-layout > .social-share-icons {
    display: none;
  }

  .featured-single-content {
    width: calc(100% - 420px);
    padding-right: 60px;
  }

  .featured-single-content:only-child .article-image {
    margin: 0 -120px;
  }

}

/* ======= Films-Playlist - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .featured-single-films {
    padding-left: 0;
    padding-right: 0;
  }
}

/*===============================
    Video-Playlist
  ===============================*/

/* ======= Video-Playlist - Mobile+ ======= */

.video-lists {
  margin-right: -20px;
  margin-left: -20px;
}

.desktop-video-playlist {
  display: none;
}

.video-list-title {
  padding: 20px;    
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(44, 44, 44, 0.05);
}

.playlist-title {
  display: flex;
  align-items: center;
}

.read-icon {
  width: 15px;
  height: 10px;
  margin-right: 5px;
}

.playlist-title > h1 {
  font-size: 12px;
  margin: 0;
  font-weight: 600;
  color: #282828;
  margin-bottom: -3px;
  text-transform: uppercase;
}

.count-playlist {
  display: flex;
}

.count-playlist > span {
  font-size: 12px;
  margin: 0;
  color: #282828;
  font-weight: 600;
  margin-bottom: -3px;
  text-transform: uppercase;
}

.count-playlist > button {
  position: relative;
  padding: 10px;
  margin: -10px -10px -10px 0;
  width: 30px;
  height: 30px;
}

.count-playlist > button > i {
  font-size: 8px;
  position: absolute;
  top: 11px;
  right: 10px;
  color: #282828;
  transition: transform .25s;
  -webkit-transition: transform .25s;
  -moz-transition: transform .25s;
  -ms-transition: transform .25s;
  -o-transition: transform .25s;
}

.count-playlist.js-active > button > i {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

.video-playlist-items {
  max-height: 0;
  overflow: hidden;
}

.video-playlist-items.js-active {
  max-height: 20000px;
  transition: max-height ease .5s;
  -webkit-transition: max-height ease .5s;
  -moz-transition: max-height ease .5s;
  -ms-transition: max-height ease .5s;
  -o-transition: max-height ease .5s;
}

.play-card {
  position: relative;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(44, 44, 44, 0.05);
  transition: background-color .25s;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.play-card.current-video {
  background-color: rgba(44, 44, 44, 0.05);
}

.play-card:hover,
.play-card:focus,
.play-card:active,
.play-card.js-touch {
  background-color: rgba(44, 44, 44, 0.08);
}

.display-number {
  min-width: 30px;
  width: 30px;
  height: 25px;
  margin-left: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.display-number > span {
  width: 100%;
  font-size: 10px;
  text-align: center;
  color: rgba(44, 44, 44, 0.5);
  font-family: 'Lato', sans-serif;
}

.play-card.current-video .display-number > span {
  display: none;
}

.play-card.current-video .read-article > span {
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  color: #ffffff;
  align-items: center;
  justify-content: center;
}

.play-card.current-video .read-article > span::before {
  content: "";
  top: -0.5px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  background-color: #732524;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.display-number > .icon-play {
  display: none;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 8px;
}

.play-card.current-video .display-number > .icon-play {
  display: block;
}

.play-card-img {
  min-width: 40px;
  width: 40px;
  height: 25px;
  margin-right: 15px;
  background-color: #2c2c2c;
}

.play-card-img::before {
  background: url(../svg/heartcry-h.svg) no-repeat center;
  background-size: 25%;
  opacity: .25;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
}

.play-card-img > .color-overlay {
  z-index: 0;
  display: none;
}

.play-card-img > .icon-play {
  margin: 4px auto 0;
  z-index: 2;
  display: none;
  position: relative;
}

.current-video .play-card-img > .color-overlay,
.current-video .play-card-img > .icon-play {
  display: block;
}

.play-card-content > .red-head-bar {
  font-size: 12px;
}

.play-card-content .featured-meta > span {
  letter-spacing: .5px;
  text-transform: initial;
  font-family: 'Lato', sans-serif;
}

/* ======= Video-Playlist - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* ======= Video-Playlist - Tablet+ ======= */
@media (min-width: 768px) {

  .video-lists {
    margin: 0px;
  }

  .play-card-content > .red-head-bar {
    font-size: 14px;
  }

  .play-card-content .featured-meta > span {
    font-size: 12px;
  }

  .read-icon {
    width: 25px;
    height: 15px;
    margin-right: 10px;
  }

  .display-number {
    min-width: 46px;
    width: 46px;
    height: 30px;
  }

  .display-number > .icon-play {
    width: 20px;
    height: 20px;
    right: 12px;
  }

  .play-card-img {
    min-width: 56px;
    width: 56px;
    height: 30px;
    margin-right: 20px;
  }

}

/* ======= Video-Playlist - Desktop+ ======= */
@media (min-width: 992px) {

}
/* ======= Video-Playlist - Large Desktop+ ======= */
@media (min-width: 1200px) {

  .video-lists {
    width: 420px;
    display: block;
  }

  .desktop-video-playlist {
    max-height: 575px;
  }

  .desktop-video-playlist > .video-playlist {
    overflow: hidden;
    /* min-height: 185px; */
    max-height: 575px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .single-media-header > .video-lists {
    display: none;
  }

  .video-list-title {
    cursor: initial;
  }

  .video-playlist-items {
    max-height: initial;
    overflow-y: auto;    
  }

  .video-height .video-playlist-items {
    /* overflow-y: auto; */
    height: 525px;
  }

  .all-playlist {
    overflow-y: auto;
  }

  .count-playlist > button {
    display: none;
  }

  .play-card.current-video .read-article > span {
    width: 24px;
    height: 24px;
  }
  
  .play-card.current-video  .read-article > span::before {
    top: 0px;
  }
  
}

/*===============================
    Resource Video
  ===============================*/

/* ======= Resource Video - Mobile+ ======= */

.featured-resource-video {
  padding: 20px;
  margin: 0 -20px 20px;
  background-color: rgba(44, 44, 44, 0.05);
}

.resource-video-content {
  margin-top: 20px;
}

.resource-video-content > .red-label {
  margin-bottom: 10px;
  display: block;
}

.resource-video-content .red-head-bar {
  margin-bottom: 10px;
  font-size: 18px;
}

.resource-video-content .featured-meta {
  display: inline-block;
  margin-bottom: 10px;
}

.resource-video-content .featured-meta > span {
  font-size: 12px;
}

.resource-video-content > p {
  font-size: 14px;
  margin: 0;
  color: #3b3b3b;
  line-height: 2;
  font-family: 'Montserrat', sans-serif;
}

/* ======= Resource Video - Large Mobile+ ======= */

@media (min-width: 480px) {}

/* ======= Resource Video - Tablet+ ======= */

@media (min-width: 768px) {

  .featured-resource-video {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px 0 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .resource-video {
    width: 40%;
  }

  .resource-video:only-child {
    margin: 0 auto;
  }

  .resource-video-content {
    width: 60%;
    margin-top: 0;
    padding-left: 40px;
  }

  .resource-video-content:only-child {
    padding-left: 0;
  }

}

/* ======= Resource Video - Desktop+ ======= */
@media (min-width: 992px) {

  .featured-resource-video {
    padding: 30px;
    margin: 20px 0 30px;
  }

  .resource-video-content {
    padding-left: 50px;
  }

  .resource-video-content .red-head-bar {
    font-size: 24px;
  }

  .resource-video-content .featured-meta {
    margin-bottom: 20px;
  }

  .resource-video-content .featured-meta > span {
    font-size: 14px;
  }
  
  .resource-video-content > p {
    font-size: 16px;
  }

}

/* ======= Resource Video - Large Desktop+ ======= */
@media (min-width: 1200px) {

  .resource-video-content {
    padding-left: 55px;
  }

  .resource-video-content .red-head-bar {
    font-size: 30px;
  }

}


/*===============================
  ===============================
  ======= Doctrine In Life ======
  ===============================
  ===============================*/

/*===============================
    Doctrine-In-Life
  ===============================*/

/* ======= Doctrine-In-Life - Mobile+ ======= */

.doctrine-no-group > .latest-heartcry-films,
.doctrine-no-group > .latest-all-button,
.doctrine-no-group > .pagination {
  display: none;
}

.paged .doctrine-no-group > .latest-heartcry-films {
  display: block;
}

.paged .doctrine-no-group > .latest-all-button,
.films-tax .doctrine-no-group > .latest-all-button,
.paged .doctrine-no-group > .pagination {
  display: flex;
}

.films-tax .doctrine-no-group > .latest-heartcry-films {
  display: block;
}

.films-tax .doctrine-no-group > .latest-all-button {
  display: table;
}

.series-tax-term {
  padding-bottom: 10px;
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
}

.series-term-title > h1 {
  font-size: 14px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.light-grey-label {
  font-size: 11px;
  margin-top: -5px;
  height: 22px;
  color: #ffffff;
  border-radius: 100px;
  padding: 5px 11px 1px;
  background-color: #0000004D;
  text-transform: uppercase;
  margin-left: 15px;
  display: none;
}

.latest-docrtrine-series {
  padding-right: 15%;
  margin: 0 -20px;
}

.latest-docrtrine-series.series-post-1,
.latest-docrtrine-series.series-post-2,
.latest-docrtrine-series.series-post-list {
  padding-right: 0;
}

.series-post-1 > .slick-list,
.series-post-2 > .slick-list,
.series-post-list > .slick-list {
  padding: 0 15% 0 0;
}

.latest-docrtrine-series .tax-prev, 
.latest-docrtrine-series .tax-next {
  top: 35%;
  transform: initial;
  -webkit-transform: initial;
  -moz-transform: initial;
  -ms-transform: initial;
  -o-transform: initial;
}

.latest-docrtrine-series .tax-prev {
  left: 20px;
}

.latest-docrtrine-series.js-active .tax-prev, 
.latest-docrtrine-series.js-active .tax-next,
.latest-docrtrine-series .tax-prev.slick-disabled,
.latest-docrtrine-series .tax-next.slick-disabled {
  display: none !important;
}

/* ======= Doctrine-In-Life - Large Mobile+ ======= */
@media (min-width: 600px) {

  .latest-docrtrine-series {
    padding-right: 10%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
  }

  .paged .doctrine-no-group > .latest-heartcry-films {
    display: flex;
  }

  .latest-docrtrine-series.series-post-1 {
    padding-right: 10%;
  }

  .films-tax .doctrine-no-group > .latest-heartcry-films {
    display: flex;
  }

  .series-post-1 > .slick-list,
  .series-post-2 > .slick-list,
  .series-post-list > .slick-list {
    padding: 0 10% 0 0;
  }
  

}

/* ======= Doctrine-In-Life - Tablet+ ======= */
@media (min-width: 768px) {

  .doctrine-no-group > .update-title {
    margin-bottom: -13px;
  }

  /* .heartcry-doctrine-series {
    margin-top: 0;
  } */

  .series-term-title > h1 {
    font-size: 16px;
  }

  .light-grey-label {
    display: inline-block;
  }

  .series-post-2,
  .series-post-list {
    margin-right: -40px;
  }

  .series-tax-term {
    padding-bottom: 20px;
    padding-top: 40px;
  }

  .latest-docrtrine-series .tax-prev, 
  .latest-docrtrine-series .tax-next {
    top: 32%;
  }

  .latest-docrtrine-series .tax-prev {
    left: -3px;
  }

}


/* ======= Doctrine-In-Life - Desktop+ ======= */
@media (min-width: 992px) {

  .series-term-title > h1 {
    font-size: 18px;
  }

  .latest-docrtrine-series {
    padding-right: 0;
  }

  .latest-docrtrine-series.series-post-1,
  .latest-docrtrine-series.series-post-2 {
    padding-right: 0;
  }

  .series-post-2,
  .series-post-list {
    margin-right: -20px;
  }

  .series-post-list > .slick-list {
    padding: 0;
  }

  .series-tax-term {
    padding-top: 50px;
  }

  .latest-docrtrine-series .tax-prev, 
  .latest-docrtrine-series .tax-next {
    top: 24%;
    display: flex !important;
  }

  .latest-docrtrine-series .tax-next {
    right: -5px;
  }
  
  .latest-docrtrine-series .tax-prev {
    left: -5px;
  }

}

/* ======= Doctrine-In-Life - Large Desktop+ ======= */
@media (min-width: 1200px) {

  .latest-docrtrine-series .tax-prev, 
  .latest-docrtrine-series .tax-next {
    top: 27%;
  }

}

/* ======= Doctrine-In-Life - Large Desktop+ ======= */
@media (min-width: 1400px) {

  .series-post-list .tax-prev, 
  .series-post-list .tax-next {
    top: 28%;
  }

}


/*===============================
  ===============================
  ========== Subscribe ==========
  ===============================
  ===============================*/

/*===============================
    Subscribe
  ===============================*/

/* ======= Subscribe - Mobile+ ======= */

.page-single .st-signupform-content {
  padding: 15px;
  max-width: initial;
}

.page-single .st-signupform-content h3 {
	margin-top: 0;
  font-size: 28px;
  position: relative;
  padding-left: 40px;
}

.page-single .st-signupform-content h3::before {
  content: "";
  position: absolute;
  background: url(../png/text-icon.png) no-repeat;
  background-size: 26px;
  background-position: 50%;
  width: 26px;
  height: 34px;
  left: 0;
}

.page-single .st-signupform-content p {
  margin-bottom: 30px;
  font-size: 18px;
}

.page-single .st-signupform__label {
	font-weight: 600;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	z-index: 1;
	display: flex;
}

.page-single .st-signupform__label .required-mark {
  color: #2c2c2c;
  margin-left: auto;
}

.page-single .st-signupform__label .required-mark  svg {
  height: 7px;
}

.page-single .st-signupform__label .required-mark  svg path {
  fill: #2c2c2c;
}

.page-single .st-signupform input[type="text"] {
	font-size: 12px;
	line-height: 1.7;
  border: 0px;
  padding: 28px 10px 5px;
  margin-top: -28px !important;
  -webkit-appearance: none;
  border-radius: 5px 5px 0 0 !important;
  background-color: rgba(0, 0, 0, .02);
  -webkit-border-radius: 5px 5px 0 0 !important;
  -moz-border-radius: 5px 5px 0 0 !important;
  -ms-border-radius: 5px 5px 0 0 !important;
  -o-border-radius: 5px 5px 0 0 !important;
  -webkit-box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 16%);
  box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 16%);
}

.page-single .st-signupform .st-terms-and-conditions-text {
  color: #2C2C2C;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  padding-left: 30px;
  position: relative;
  overflow: initial;
}

.page-single .st-signupform input[type="checkbox"] {
  display: none;
}

.page-single .st-signupform input[type="checkbox"] + label:before {
	content: '';
	background-color: transparent;
	border: transparent solid 3px;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(44, 44, 44, 0.7);
	box-shadow: 0px 0px 0px 3px rgba(44, 44, 44, 0.7);
	height: 6px;
	width: 6px;
	position: absolute;
	left: 3px;
	top: 0px;
}

.page-single .st-signupform input[type="checkbox"]:checked + label::before {
	content: '';
	background-color: #732524;
	border: #fff solid 2px;
	-webkit-box-shadow: 0px 0px 0px 3px #732524;
	box-shadow: 0px 0px 0px 3px #732524;
	height: 8px;
	width: 8px;
	position: absolute;
	left: 3px;
	top: 0px;
}

.page-single .st-signupform input[type="checkbox"] + label:before  {
  -webkit-box-shadow: 0px 0px 0px 3px #2c2c2c;
          box-shadow: 0px 0px 0px 3px #2c2c2c;
}

.page-single .st-signupform input[type="checkbox"]:checked + label:before {
  -webkit-box-shadow: 0px 0px 0px 3px #732524;
          box-shadow: 0px 0px 0px 3px #732524;
  background-color: #732524;
}

.page-single .st-signupform .st-terms-and-conditions {
  margin-top: 18px;
}

.page-single .st-signupform .st-terms-and-conditions-caption {
  margin-left: 30px;
  margin-top: 8px;
  color: rgba(44, 44, 44, .5);
}

.page-single .st-font-caption a {
  color: rgba(44, 44, 44, 0.5);
  border-bottom: 0px;
  padding-bottom: 0;
  text-decoration: underline;
  text-decoration-color: rgba(44, 44, 44, 0.5);
  transition: color .25s, text-decoratio .25s;
  -webkit-transition: color .25s, text-decoration-color .25s;
  -moz-transition: color .25s, text-decoratio .25s;
  -ms-transition: color .25s, text-decoratio .25s;
  -o-transition: color .25s, text-decoratio .25s;
  -moz-text-decoration-color: rgba(44, 44, 44, 0.5);
}

.page-single .st-font-caption a:hover {
  color: #732524;
  text-decoration-color: #732524;
  -moz-text-decoration-color: #732524;
}

.page-single .st-signupform button[type="submit"] {
  border-radius: 5px;
  padding: 9px 34px 8px;
  font-size: 13px;
  cursor: pointer;
  height: 40px;
  line-height: 1;
  background-color: #2c2c2c;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 30px 0 0;
  transition: background-color .25s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.page-single .st-signupform button[type="submit"]:hover {
  background-color: #732524;
}

.page-single .st-signupform input[type="text"]:focus,
.page-single .st-signupform input[type="checkbox"]:focus {
  border-color: #025fcc;
  box-shadow: 0px 0px 0px 2px #025fcc;
}

.entry-content .gform_legacy_markup {
	margin-top: 37px;
}

.entry-content .gform_wrapper .email-update ul li.gfield {
  margin-bottom: 20px;
}

.entry-content .gform_wrapper .email-update ul li.field_type_email input:focus-visible {
  border-color: #2c2c2c;
}

.entry-content .gform_wrapper .email-update label.gfield_label {
  display: flex;
  padding-right: 10px;
}

.entry-content .gform_wrapper .email-update .gfield_required {
  margin-left: auto;
}

.entry-content .gform_legacy_markup_wrapper li.hidden_label input {
  margin-top: 0px;
}

.entry-content .gform_legacy_markup_wrapper .gfield_consent_label {
  color: #2C2C2C;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  padding-left: 30px;
  position: relative;
}

.entry-content .ginput_container_consent {
  display: flex;
  align-items: center;
}

.gform_legacy_markup_wrapper .email-update li.hidden_label input {
  margin-top: 0px;
}

.entry-content .gform_legacy_markup_wrapper .ginput_container_consent input[type=checkbox] {
  display: none;
}

.entry-content .gform_legacy_markup_wrapper .ginput_container_consent input[type=checkbox] + label:before {
	content: '';
	background-color: transparent;
	border: transparent solid 3px;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(44, 44, 44, 0.7);
	box-shadow: 0px 0px 0px 3px rgba(44, 44, 44, 0.7);
	height: 12px;
	width: 12px;
	position: absolute;
	left: 3px;
	top: 0px;
}

.entry-content .gform_legacy_markup_wrapper .ginput_container_consent input[type=checkbox]:checked + label::before {
	content: '';
	background-color: #732524;
	border: #fff solid 2px;
	-webkit-box-shadow: 0px 0px 0px 3px #732524;
	box-shadow: 0px 0px 0px 3px #732524;
	height: 12px;
	width: 12px;
	position: absolute;
	left: 3px;
	top: 0px;
}

.entry-content .gform_legacy_markup_wrapper .ginput_container_consent input[type=checkbox] + label:before,
.entry-content .gform_legacy_markup_wrapper .ginput_container_consent input[type=checkbox] + label:before  {
  -webkit-box-shadow: 0px 0px 0px 3px #2c2c2c;
          box-shadow: 0px 0px 0px 3px #2c2c2c;
}

.entry-content .gform_legacy_markup_wrapper .ginput_container_consent input[type=checkbox]:checked + label:before,
.entry-content .gform_legacy_markup_wrapper .ginput_container_consent input[type=checkbox]:checked + label:before {
  -webkit-box-shadow: 0px 0px 0px 3px #732524;
          box-shadow: 0px 0px 0px 3px #732524;
  background-color: #732524;
}

.entry-content .ginput_container_consent .gfield_required {
  margin-left: initial !important;
}

.entry-content .gform_legacy_markup_wrapper .field_description_below .gfield_consent_description,
.entry-content .gform_legacy_markup_wrapper .gfield_consent_description {
  width: initial;
  max-height: initial;
  overflow-y: initial;
  border: 0px;
  margin-top: 8px;
  padding: 0;
  line-height: 16px;
  font-size: 12px;
  color: rgba(44, 44, 44, 0.5);
}

.entry-content .gform_legacy_markup_wrapper .gform_footer {
  padding: 0;
  margin: 24px 0 0 0;
}

.entry-content .gform_wrapper .gform_footer input.button, 
.entry-content .gform_wrapper .gform_footer input[type=submit] {
  margin-bottom: 0px !important;
}

/* ======= Subscribe - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Subscribe - Large Mobile+ ======= */
@media (min-width: 640px) {

  .page-single .st-signupform button[type="submit"] {
    display: table;
    width: initial;
  }

}

/* ======= Subscribe - Tablet+ ======= */
@media (min-width: 795px) {

  .gform_legacy_markup_wrapper .email-update .gform_footer {
    margin: 40px 0 0 0;
  }

}

/* ======= Subscribe - Tablet+ ======= */
@media (min-width: 768px) {

  .page-single .st-signupform-content {
    padding: 30px;
  }

  .entry-content .gform_wrapper span.gform_description {
    font-size: 18px;
  }

}

/* ======= Subscribe - Desktop+ ======= */
@media (min-width: 992px) {
  
  .entry-content .gform_legacy_markup_wrapper .gform_footer {
    margin: 26px 0 0 0;
  }

}
/* ======= Subscribe - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}


/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
  ===============================
  ===============================
  ===============================
  ===============================*/

/*===============================
    
  ===============================*/

/* =======  - Mobile+ ======= */
/* =======  - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* =======  - Tablet+ ======= */
@media (min-width: 768px) {}
/* =======  - Desktop+ ======= */
@media (min-width: 992px) {}
/* =======  - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
  ===============================
  === DarkMode Heartcry Films ===
  ===============================
  ===============================*/

/*===============================
    Dark Mode 
  ===============================*/

/* ======= Dark-Mode - Mobile+ ======= */

.dark-mode,
.dark-mode .primary-navbar,
.dark-mode .entry-content-share > div,
.dark-mode .main-footer,
.dark-mode .footer-form {
  background-color: #282828;
}

.dark-mode .primary-navbar {
  box-shadow: initial;
}

.dark-mode .featured-nav > ul > li > a,
.dark-mode .donate-menu > ul > li > a,
.dark-mode .search-btn,
.dark-mode .red-head-bar,
.dark-mode .playlist-title > h1,
.dark-mode .count-playlist > span,
.dark-mode .single-author-title > h1,
.dark-mode .count-playlist > button > i,
.dark-mode .featured-btn > a,
.dark-mode .nav-btn > span,
.dark-mode .entry-content h2,
.dark-mode .entry-content h3,
.dark-mode .entry-content h4,
.dark-mode .entry-content h5,
.dark-mode .entry-content h6,
.dark-mode .entry-content p,
.dark-mode .entry-content ul > li,
.dark-mode .entry-content ol > li,
.dark-mode .entry-content figcaption,
.dark-mode .entry-content .wp-block-file,
.dark-mode .author-heading > h1,
.dark-mode .about-mission-author > h1,
.dark-mode .missionary-single-author > p,
.dark-mode .gallery-next,
.dark-mode .gallery-prev,
.dark-mode a.figcaption-readmore-btn,
.dark-mode .author-button {
  color: #FFFFFFDE;
}

.dark-mode .featured-meta > span,
.dark-mode .featured-meta > span::before,
.dark-mode .featured-meta > span > a,
.dark-mode .featured-meta > span > a::before,
.dark-mode .featured-meta > span > a::before,
.dark-mode .featured-meta > span > span::after,
.dark-mode .single-author-title > span,
.dark-mode .about-mission-author > span,
.dark-mode .footer-nav > a,
.dark-mode .footer-logo > a,
.dark-mode .footer-logo > p,
.dark-mode .footer-subscribe > h1,
.dark-mode .footer-spanish > h1,
.dark-mode .footer-subscribe > p,
.dark-mode .footer-spanish > p,
.dark-mode .footer-subscribe > p > a.js-touch,
.dark-mode .footer-subscribe > p > a:hover,
.dark-mode .footer-subscribe > p > a:focus,
.dark-mode .footer-subscribe .gform_wrapper li.hidden_label input[type="text"],
.dark-mode .link-icon.js-touch,
.dark-mode .link-icon:hover,
.dark-mode .link-icon:active,
.dark-mode .link-icon:focus {
  color: #FFFFFF99;
}

.dark-mode .icon-bar-1,
.dark-mode .icon-bar-2,
.dark-mode .icon-bar-3,
.dark-mode .entry-content ul > li::before,
.dark-mode .entry-content .wp-block-separator,
.dark-mode .entry-content .wp-block-separator.is-style-wide,
.dark-mode .entry-content .wp-block-separator.is-style-wide.is-style-dots,
.dark-mode .icon-container,
.dark-mode .entry-content a.wp-block-file__button,
.dark-mode .entry-content .wp-block-button > a,
.dark-mode .entry-content .button {
  background-color: #FFFFFFDE;
}

.dark-mode .nav-btn,
.dark-mode .author-button,
.dark-mode .play-card:hover,
.dark-mode .play-card:focus,
.dark-mode .play-card:active,
.dark-mode .play-card.js-touch,
.dark-mode .play-card.current-video,
.dark-mode .entry-content-share::before {
  background-color: #FFFFFF0D;
}

.dark-mode .nav-btn.js-active > span,
.dark-mode .navigation.js-active .featured-btn > a {
  color: #2c2c2c;
}

.dark-mode .single-author-image > div {
  border-color: #282828;
}

.dark-mode .play-card,
.dark-mode .video-list-title {
  border-bottom-color: #FFFFFF0d;
}

.dark-mode .social-share-icons,
.dark-mode .social-share-icons button,
.dark-mode .icon-container > a,
.dark-mode .entry-content-share div > button,
.dark-mode .footer-nav > a:hover,
.dark-mode .footer-nav > a:focus {
  color: #ffffff;
}

.dark-mode .social-share-icons button, 
.dark-mode .missionary-single-author,
.dark-mode .entry-content-share div > button,
.dark-mode .play-audio-video,
.dark-mode .footer-subscribe .gform_wrapper li.hidden_label input {
  background-color: #393939;
}

.dark-mode .featured-meta>span > a:hover,
.dark-mode .featured-meta>span > a:active,
.dark-mode .featured-meta>span > a:focus,
.dark-mode .featured-meta>span > a.js-touch,
.dark-mode .social-share-icons button:hover,
.dark-mode .social-share-icons button:focus,
.dark-mode .social-share-icons button:active,
.dark-mode .social-share-icons button.js-touch,
.dark-mode .entry-content-share div > button:hover,
.dark-mode .entry-content-share div > button:focus,
.dark-mode .entry-content-share div > button:active,
.dark-mode .entry-content-share div > button.js-touch,
.dark-mode .mission-author-about > a:hover .about-mission-author > h1, 
.dark-mode .mission-author-about > a:active .about-mission-author > h1, 
.dark-mode .mission-author-about > a:focus .about-mission-author > h1, 
.dark-mode .mission-author-about > a.js-touch .about-mission-author > h1,
.dark-mode .footer-nav > a:active {
  color: #732524;
}

.dark-mode .social-share-icons button svg path,
.dark-mode .entry-content-share div > button svg path {
  fill: #ffffff;
}

.dark-mode .social-share-icons button:hover svg path,
.dark-mode .social-share-icons button:focus svg path,
.dark-mode .social-share-icons button:active svg path,
.dark-mode .social-share-icons button.js-touch svg path,
.dark-mode .entry-content-share div > button:hover svg path,
.dark-mode .entry-content-share div > button:focus svg path,
.dark-mode .entry-content-share div > button:active svg path,
.dark-mode .entry-content-share div > button.js-touch svg path {
  fill: #732524;
}

.dark-mode .desktop-video-playlist > .video-playlist {
  -webkit-box-shadow: 0px 3px 6px 0px #0000004D;
  box-shadow: 0px 3px 6px 0px #0000004D;
}

.dark-mode .entry-content cite,
.dark-mode .footer-subscribe > p > a:active {
  color: #FFFFFF0D;
}

.dark-mode .entry-content .wp-block-pullquote {
  border-top: 3px solid #FFFFFFDE;
  border-bottom: 3px solid #FFFFFFDE;
}

.dark-mode .navigation.js-active .donate-menu > ul > li > a,
.dark-mode .entry-content a.wp-block-file__button,
.dark-mode .entry-content .wp-block-button > a,
.dark-mode .entry-content .button {
  color: #282828;
}

.dark-mode .entry-content .image-slideshow li > div {
  background-color: #3b3b3b;
}

.dark-mode .count-slideshow {
  background-color: #fff;
  color: rgba(44, 44, 44, 0.5);
}

.dark-mode .count-slideshow button {
  color: rgba(44, 44, 44, 0.5);
}

.dark-mode .footer-subscribe .gform_wrapper .gform_footer:hover input[type=submit]
.dark-mode .footer-subscribe .gform_wrapper .gform_footer:active input[type=submit] {
  background-color: #FFFFFF99;
}

.dark-mode .author-button:hover,
.dark-mode .author-button:active,
.dark-mode .author-button:focus,
.dark-mode .author-button.js-touch {
  color: #fff !important;
  background-color: #2C2C2C;
}


.dark-mode .logo-sola, 
.dark-mode .logo-sites {
  fill: #FFFFFFDE;
}


/* ======= Dark-Mode - Large Mobile+ ======= */
@media (min-width: 480px) {}
/* ======= Dark-Mode - Tablet+ ======= */
@media (min-width: 768px) {

  .dark-mode .social-share-icons {
    background-color: #393939;
  }

}
/* ======= Dark-Mode - Desktop+ ======= */
@media (min-width: 992px) {
  .dark-mode .menu-icon.js-active .icon-bar-1,
  .dark-mode .menu-icon.js-active .icon-bar-2,
  .dark-mode .menu-icon.js-active .icon-bar-3 {
    background-color: #2c2c2c;
  }

  .dark-mode .navigation.js-active .search-btn {
    color: #2c2c2c;
  }

}
/* ======= Dark-Mode - Large Desktop+ ======= */
@media (min-width: 1200px) {}

/*===============================
  ===============================
  Diretion Rtl
  ===============================
  ===============================*/

/*===============================
    Diretion Rtl
  ===============================*/

/* ======= Diretion Rtl - Mobile+ ======= */

[dir=rtl] * {
  direction: ltr !important;
}

[dir=rtl] .browse-card *,
[dir=rtl] .browse-titles.update-title h1,
[dir=rtl] .featured-browse-speaker *,
[dir=rtl] .taxonomy-list *,
[dir=rtl] .tag-list *,
[dir=rtl] .scripture-list *,
[dir=rtl] .browse-book-card *,
[dir=rtl] main > article *,
[dir=rtl] .single-mission-field *,
[dir=rtl] .book-main-content * {
  direction: rtl !important;
}

/* Browse Pages */

[dir=rtl] .article-label > span,
[dir=rtl] .single-author-image {
  margin-right: 0;
  margin-left: 10px;
}

[dir=rtl] .browse-content > h1 {
  margin: 9px -14px 0px 0px;
  padding-left: 0;
  padding-right: 14px;
}

[dir=rtl] .browse-content > h1::before {
  left: initial;
  right: 0;
}

[dir=rtl] .browse-card:hover .browse-content>h1,
[dir=rtl] .browse-card:focus .browse-content>h1,
[dir=rtl] .browse-card:active .browse-content>h1 {
  transform: translateX(-14px);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  -webkit-transform: translateX(-14px);
  -moz-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  -o-transform: translateX(-14px);
}

[dir=rtl] .featured-browse-speaker .browse-speaker > div:nth-child(2) {
  margin-left: 0;
  margin-right: 10px;
}

[dir=rtl] .scripture-list > h1,
[dir=rtl] .tag-list > h1 {
  padding-left: 0;
  padding-right: 8px;
}

[dir=rtl] .scripture-list > h1::before,
[dir=rtl] .tag-list > h1::before {
  left: initial;
  right: 0;
}

[dir=rtl] .taxonomy-list > span > a > span {
  margin-left: 0;
  margin-right: 5px;
  display: inline-table;
  direction: ltr !important;
}

/* End Browse Pages */

/* Theological-forum */

[dir=rtl] main .featured-meta,
[dir=rtl] main .red-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

[dir=rtl] main .red-label > span::after {
  margin-left: 5px; 
}

[dir=rtl] main .featured-meta>span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

[dir=rtl] main .featured-meta>span::before {
  margin-left: 5px;
}

[dir=rtl] main .featured-meta>span:first-child::before {
  margin-left: 0px;
  margin-right: 5px;
}

[dir=rtl] main .featured-meta>span>span::after {
  margin-left: 5px;
  margin-right: 0;
}

[dir=rtl] main .breakout-content.entry-content > *.alignfull figcaption,
[dir=rtl] main .breakout-content.entry-content > *.alignfull-cropped figcaption {
  padding-left: 0;
  padding-right: 20px;
}

[dir=rtl] main .entry-content p.has-drop-cap:not(:focus)::first-letter {
  float: right;
  margin: .25em 0 0 .15em;
}

[dir=rtl] main .entry-content ul,
[dir=rtl] main .entry-content ol {
  padding-right: 20px;
  padding-left: 0;
}

[dir=rtl] main .entry-content ul > li {
  padding-right: 18px;
  padding-left: 0;
}

[dir=rtl] main .entry-content ul > li::before,
[dir=rtl] main .entry-content .wp-block-quote::before  {
  left: initial;
  right: 0;
}

[dir=rtl] main .entry-content .wp-block-quote {
  padding-left: 0;
  padding-right: 20px;
}

[dir=rtl] main .entry-content .wp-block-column:nth-child(odd) {
  margin-right: 0px;
  margin-left: 32px;
}

[dir=rtl] main .entry-content .wp-block-column:not(:last-child) {
  margin-right: 0;
  margin-left: 32px;
}

[dir=rtl] main .entry-content .wp-block-gallery * {
  direction: ltr !important;
}

[dir=rtl] main .entry-content .wp-block-gallery figure {
  text-align: right;
}

[dir=rtl] main .entry-content .wp-block-gallery figcaption.more {
  direction: rtl !important;
}

[dir=rtl] .more .more-content a.more-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

[dir=rtl] main .entry-content-share div > button:first-child {
  margin-left: 5px;
  margin-right: 10px
}

[dir=rtl] main .entry-content-share div > button:last-child {
  margin-right: 5px;
  margin-left: 10px;
}

[dir=rtl] main .entry-content .author-heading > h1 {
  padding-left: 0;
  padding-right: 8px;
}

[dir=rtl] main .entry-content .author-heading > h1::before {
  right: 0;
}

[dir=rtl] main .entry-content .about-mission-author {
  padding-right: 13px;
  padding-left: 0;
}

[dir=rtl] main .entry-content .about-mission-author {
  padding-right: 13px;
  padding-left: 0;
}

/* End-Theological-forum */

/* Book */

[dir=rtl] main .book-author-name {
  padding-right: 6px;
  padding-left: 0;
}

[dir=rtl] main .books-download > div:first-child {
  margin-right: 0;
  margin-left: 16px;
}

[dir=rtl] main .books-download button {
  direction: ltr !important;
}

/* End Book */

/* ======= Diretion Rtl - Large Mobile+ ======= */
@media (min-width: 480px) {}

/* ======= Diretion Rtl - Tablet+ ======= */
@media (min-width: 768px) {

  [dir=rtl] .single-author-image {
    margin-left: 15px;
  }

  [dir=rtl] main .entry-content ul,
  [dir=rtl] main .entry-content ol {
    padding-right: 40px;
  }

  [dir=rtl] main .featured-feed-play > button {
    margin-right: 0;
    margin-left: 40px;
  }

  [dir=rtl] main .featured-feed-play > button > span {
    margin-left: 0;
    margin-right: 20px;
  }

  [dir=rtl] main .entry-content-share div > button:first-child {
    margin-right: 20px;
    margin-left: 7px;
  }
  
  [dir=rtl] main .entry-content-share div > button:last-child {
    margin-left: 10px;
    margin-right: 7px;
  }

}

/* ======= GiveWP Annual Giving Record Style Corrections  ======= */

.give-bullet-nav {
  list-style: none;
}

ol.give-inline-nav,
ol.give-inline-nav li {
    margin: 0 !important;
}

.give-annual-donations__media,
.give-annual-donations__form-title,
.give-annual-callout__icon,
ul.give-annual-donations > li::before {
    display: none !important;
}

ul.give-annual-donations > li, 
ol.give-annual-donations > li {
    margin: 0 !important;
}

ul.give-annual-donations, 
ol.give-annual-donations {
    margin: 40px 0 40px !important;
    padding-left: 0 !important;
}

.give-annual-callout {
  background-color: unset !important;
  border: unset !important;
  padding: 0 0 30px !important;
}


/* Masonary Button  */

.alm-btn-wrap {
  display: block;
  text-align: center;
  padding: 10px 0 25px;
  position: relative;
}

.alm-btn-wrap .alm-load-more-btn {
  font-size: 15px;
  font-weight: 600;
  width: auto;
  height: 42px;
  line-height: 48px;
  background: #2c2c2c;
  color: #fff;
  border: none;
  border-radius: 4px;
  margin: 0 0 4px;
  padding: 0 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: padding .25s ease;
  -moz-transition: padding .25s ease;
  -ms-transition: padding .25s ease;
  -o-transition: padding .25s ease;
  -webkit-transition: padding .25s ease;
}

.alm-btn-wrap:after {
  display: table;
  clear: both;
  height: 0;
  width: 100%;
  content: '';
}

.alm-btn-wrap .alm-load-more-btn.loading {
  cursor: default;
  outline: none;
  padding-left: 60px;
  position: relative;
}

.alm-btn-wrap .alm-load-more-btn.loading > div {
  display: inline-block;
  height: 0px;
  position: absolute;
  top: 0px;
  left: 15px;
} 

.alm-btn-wrap .alm-load-more-btn.loading > div > span {
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.alm-btn-wrap .alm-load-more-btn.loading > div > span:nth-child(1) {
  -webkit-animation: scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);
  animation: scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);
}

.alm-btn-wrap .alm-load-more-btn.loading > div > span:nth-child(2) {
  -webkit-animation: scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);
  animation: scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);
}

.alm-btn-wrap .alm-load-more-btn.loading > div > span:nth-child(3) {
  -webkit-animation: scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);
  animation: scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);
}

@keyframes scale {
  30% {
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.alm-btn-wrap .alm-load-more-btn.done {
  cursor: default;
  opacity: 0.25;
  background-color: #2c2c2c;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; 
}

/* STYLES FOR EXTERNAL LINKS @COREY*/



@media (max-width: 991px) { 

  .primary-nav > nav > div > ul > li.js-active .menu-item a[href^="http://"]:not([href*="heartcrymissionary.com"])::after,
  .primary-nav > nav > div > ul > li.js-active .menu-item a[href^="https://"]:not([href*="heartcrymissionary.com"])::after,
  .primary-nav > nav > div > ul > li.js-active .menu-item a[href^="//"]:not([href*="heartcrymissionary.com"])::after {
    display: inline-block;
  }
}


/* ///////////////////////////////////////////////// */
/* ////////////     NEW PAGE NAV    //////////// */
/* ///////////////////////////////////////////////// */

#stories-page .navigation, #front-page .navigation, #white-header .navigation {
    height: 150px;
    width: 90%;
    position: relative;
    background: none;
    color: #fff!important;
    margin: 0px auto;
}

#stories-page .navigation::before,
#front-page .navigation::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100vw; /* Ensures the gradient covers the full viewport width */
    background: linear-gradient(to bottom, black, transparent);
    z-index: -1; /* Ensures the gradient is behind the content */
}

#stories-page .primary-navbar, #front-page .primary-navbar, #white-header .primary-navbar {
    height: 150px;
    background: none;
    color: #fff;
    display: flex;
    justify-content: space-between;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#stories-page .logo-home, #front-page .logo-home, #white-header .logo-home {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    width: 250px;
}

#stories-page .featured-nav > ul > li > a, #front-page .featured-nav > ul > li > a {
    color: #fff!important;
    font-size: .8rem;
    text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.25em;
    font-weight: 300;
}

#stories-page .cta-button-wrapper.cta-about-text,
#stories-page .cta-prayer, .cta-giving, .country-button {
    margin-top: 0px;
    
}

#stories-page .featured-btn, #front-page .featured-btn, #white-header .featured-btn {
    height: 150px;
    color: #fff!important;
    align-items: center;
}

#menu-donate-menu > li:first-child {
    margin-bottom: 0px;
    height: 55px;
}

#menu-donate-menu > li:first-child > a::after {
    display: none;
}

#stories-page .nav-btn, #front-page .nav-btn, #white-header .nav-btn {
    background: none;
    color: #fff!important;
    padding: 10px 0px 10px 10px;
    width: inherit;
}

#stories-page .icon-bar-1, #front-page .icon-bar-1,
#stories-page .icon-bar-2, #front-page .icon-bar-2,
#stories-page .icon-bar-3, #front-page .icon-bar-3 {
 background-color: #fff;

}

.stories-page-list, .uftf-page-list {
    position: relative;
    left: -10px;
    width: calc(100% + 10px);
}

#stories-page .donate-button-link {
    background-color: #732524;
    border-radius: 0px;
    font-size: 0.7rem;
    letter-spacing: 0.125rem;
    font-family: 'Open Sans', sans-serif;
    line-height: 0.7rem;
    padding: 10px 18px;
    cursor: pointer;
    transition: 0.4s;
}

#stories-page .donate-button-link:hover {
    background-color: #5c1413;
    color: #fff;
	transition: 0.4s;
    cursor: pointer;
}

#stories-page .donate-button-link a:hover {
    color: #fff;
}

#stories-page .primary-nav > nav {
    padding: 0px;
}

.new-nav-left {
    width: 61.8%;
    margin: 0px;
    padding: 0px;
    flex-basis: 61.8%;
    background-image: url("../../images/menu-photo.jpg");
    background-position: center;
    background-size: cover;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}



.new-nav-right {
    width: 38.2%;
    background-color: #F0F0F0;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 38.2%;
    justify-content: end;
    align-items: center;
}


.new-nav-right h2 {
    font-size: 1.25rem;
    text-transform: uppercase;
    
}

.new-nav-right h3 {
    
}

.new-nav-right-upper, .new-nav-right-middle, .new-nav-right-bottom {
    border-bottom: 1px solid #333;
    text-align: center;
    color: #333;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 75%;
    padding: 20px 0px;
}

.new-nav-right-upper p {
    font-size: 1rem;
    padding: 0px;
    margin: 5px 0px;
    font-weight: bold;
}

.new-nav-right-middle h3 {
    font-size: 1rem;
    padding: 0px;
    margin: 5px 0px;
}

.new-nav-left img {
    width: 400px;
    height: auto; /* Maintain aspect ratio */
    align-self: start; /* Prevents stretching in flex */
    max-width: 100%; /* Ensures image won't stretch beyond its container */
    margin: 50px auto 0px auto;
}

.new-nav-left p {
    display: block;
    width: 45%; /* Let it size itself */
    text-align: right;
    border-top: 1px solid #fff;
    position: absolute; /* Position it relative to parent */
    bottom: 0; /* Align to the bottom */
    right: 0; /* Align to the right */
    padding: 7px 5%; /* Adjust padding as needed */
    
}

.new-nav-right h2:hover,
.new-nav-right h3:hover,
.new-nav-right p:hover {
    color: #333;
    text-decoration: underline;
}

.deep-menu-caption {
    opacity: 0; /* Initially hidden */
    transition: all 2s ease-in-out; /* Fade in effect */
}

.primary-nav.js-open .deep-menu-caption {
    opacity: 1; /* When the menu is open, make the <p> visible */
    transition: all 2s ease-in-out;
}

.new-nav-right-bottom {
}

.new-nav-right .social-footer-icons {
    margin-bottom: 30px;
    margin-top: 30px;
    color: #333;
}

@media (max-width: 1350px) {
    .featured-nav > ul > li > a {
        padding-right: 20px;
    }
}

@media (max-width: 1024px) {
    
    #stories-page .primary-navbar, #front-page .primary-navbar {
    justify-content: right;
    }
    
    .primary-nav {
        background-color: #0C2436;
        height: auto;
        padding-bottom: 0px;
        top: 0px!important;
    }
    
    .featured-btn .cta-prayer {
        display: none;
    }
    
    .new-nav-left {
        display: none;
    }
    
    .new-nav-right {
        width: 100%;
        margin-top: 115px;
    }
    
    .primary-social-nav, .primary-donate {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .primary-social-nav > blockquote {
        display: none;
    }
    
    .navigation.js-active::before {
        
    }

}

@media (max-width: 580px) {
    
    #stories-page .logo-home, #front-page .logo-home {
        width: 200px;
    }
}

/* ///////////////////////////////////////////////// */
/* //////////////     DEFAULT PAGE    ////////////// */
/* ///////////////////////////////////////////////// */


/* =================== Desktop+ =================== */


#hc-page {
    position: relative;
    background-color: #f0f0f0;
    z-index: 1;
    margin-top: -150px;
}

#hc-page .page-single-banner {
    height: 75vh; /* THIRDS */
}

#hc-page .page-heading-content-wrapper {
    display: flex;
    flex-direction: column;
    margin: 50px auto 0px auto;
    max-width: 1000px;
    
}

#hc-page header h1 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Trajan Regular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	letter-spacing: 0.125em;
    font-weight: 300;
    font-size: 3.5rem;
    z-index: 100;
    padding: 30px 0px;
    line-height: 3.75rem;
    margin-top: 75px;
}

.page-single-banner + .page-heading-content-wrapper h1 {
    margin-top: 0px!important;
    color: #fff!important;
}

#hc-page header h2 {
    text-align: center;
    text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.125em;
    font-weight: 300;
    color: #fff;
    font-size: 1.25rem;
    z-index: 100;
}

#hc-page header p {
    text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.125em;
    font-weight: 300;
    color: #fff;
    z-index: 100;
    text-align: center;
    font-style: italic;
}


@media (max-width: 580px) {
    
    
    #hc-page header h1 {
        font-size: 2.5rem;
    }
    
    #hc-page header h2 {
        font-size: 1rem;
    }
    
    #hc-page header p {
        font-size: .8rem;
    }
}


/* ///////////////////////////////////////////////// */
/* ////////////     MISSIONARY PAGE    //////////// */
/* ///////////////////////////////////////////////// */







/* =================== MOBILE =================== */

@media (max-width: 600px) {
    .missionary-page-stories {
        flex-direction: column;
        padding-top: 25px;
        padding-bottom: 25px;        
    }
    
    .missionary-page-stories .films-card {
        width: 100%;
    }
}


/* ///////////////////////////////////////////////// */
/* ////////////     TESTIMONY SINGLE    //////////// */
/* ///////////////////////////////////////////////// */

/* =================== Desktop+ =================== */

#stories-page .testimony-single .films-content {
    display: inherit;
}

#stories-page .testimony-single {
    margin-top: -150px;
    position: relative;
}

#stories-page .testimony-single .featured-testimony {
    padding-top: 150px;
}



/* ///////////////////////////////////////////////// */
/* //////////////     STORIES PAGE    ////////////// */
/* ///////////////////////////////////////////////// */
/* I prefer desktop first design, so media queries are
switched to max-width, but have the same breakpoints */ 



/* =================== Desktop+ =================== */

#stories-page {
    min-height: 100vh;
    width: 100%;
    background-color: #0C2436;
    color: #fff;
    position: relative;
    z-index: 1;
}



.stories-background::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(to bottom, transparent, #0C2436);
}

.stories-banner {
    height: auto;
    width: 100%;
    position: relative;
    opacity: 0;
    transition: all 1s;
}

.slick-slide {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.stories-banner .slick-slider {
  overflow: hidden;
    width: 100%;
}

.stories-banner .slick-slide {
    background-size: cover;
    background-position: center;
}

.stories-banner .slick-slide img {
    height: auto; /* Maintains the aspect ratio of the images */
    object-fit: cover; /* Ensures the image covers the entire slide while maintaining aspect ratio */
}

.stories-banner .slick-list {
  overflow: hidden;
}

/* safari updates */

.wpsisac-image-fit .wpsisac-image-slide-wrap img, .wpsisac-image-fit .wpsisac-slide-wrap img {
    width: inherit;
}


.wpsisac-image-slide-wrap {
    overflow: inherit;
}

.stories-banner .wpsisac-slick-carousal .wpsisac-image-slide img {
    -webkit-box-shadow: 0px 11px 25px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 11px 25px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 11px 25px 0px rgba(0,0,0,0.75);
}




#stories-page .update-title h1 {
    color: #fff;
    font-size: 1rem;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.125em;
    font-weight: 400;
}

#stories-page .update-title p {
    color: #fff;
    font-size: .9rem;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.125em;
    font-weight: 300;
    padding-right: 15px;
}

#stories-page .update-title p:hover {
    color: #fff;
    text-decoration: underline;
}

#stories-page .featured-heartcry-films {
    padding: 0px;
}

#stories-page .update-title {
    padding: 35px 0px 20px 0px;
}

#stories-page .films-content {
    display: none;
}

#stories-page #uftf-archive .films-content {
    display: block;
    color: #fff;
}

#stories-page #uftf-archive .red-head-bar,
#stories-page #uftf-archive .featured-meta > span::before,
#stories-page #uftf-archive .featured-meta>span {
    color: #fff;
}

/* CSS for the custom arrow buttons */
.tax-prev-stories, 
.tax-next-stories {
    top: 50%;
    z-index: 1;
    visibility: visible;
    opacity: .5;
    position: absolute;
    display: flex !important;
    align-items: center;
    justify-content: center;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: all .25;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.tax-prev-stories:hover, 
.tax-next-stories:hover {
    opacity: 1;
    transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
}

.js-touchscreen .tax-prev-stories,
.js-touchscreen .tax-next-stories {
  display: none !important;
}

.tax-prev-stories.slick-disabled,
.tax-next-stories.slick-disabled {
  display: none !important;
}

.tax-next-stories {
    right: -2.5%;
}

.tax-prev-stories {
    left: -2.5%;
}

.custom-chevron-left::before,
.custom-chevron-right::before {
  content: '';
  display: inline-block;
  width: 40px; /* adjust size as needed */
  height: 40px; /* adjust size as needed */
  border: solid #fff; /* color of the arrow */
  border-width: 0 2px 2px 0;
}

.custom-chevron-left::before {
  transform: rotate(135deg);
  margin-right: 10px;
}

.custom-chevron-right::before {
  transform: rotate(-45deg);
  margin-left: 10px;
}

.stories-books .heartcry-films-img {
    padding-bottom: 100%;
}

.stories-magazines .heartcry-films-img {
    padding-bottom: 146.5%;
}

#stories-page .slick-track {
    margin-right: 0px;
    margin-left: 0px;
}

.stories-mobile {
        display: none;
    }

/* Set initial opacity and apply the fadeIn animation to all slides */
#stories-page .stories-page-list .slick-slide {
    opacity: 0;
    animation: fadeIn 2s forwards;
    animation-delay: 0.5s;
}

/* Stagger the animation delays for each slide */
#stories-page .stories-page-list .slick-slide:nth-child(1) {
    animation-delay: 0.2s;
}

#stories-page .stories-page-list .slick-slide:nth-child(2) {
    animation-delay: 0.4s;
}

#stories-page .stories-page-list .slick-slide:nth-child(3) {
    animation-delay: 0.6s;
}

#stories-page .stories-page-list .slick-slide:nth-child(4) {
    animation-delay: 0.8s;
}

#stories-page .stories-page-list .slick-slide:nth-child(5) {
    animation-delay: 1s;
}

/* Keyframes for the fadeIn animation */
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}



/* ================ Small Desktop+ ================ */

@media (max-width: 1400px) {
    #stories-page .featured-heartcry-films {
        padding: 0px;
        margin: auto;
        width: 90%;
    }
    
    .custom-chevron-left::before, .custom-chevron-right::before {
        width: 20px;
        height: 20px;
    }
}

/* =================== Tablet+ =================== */

@media (max-width: 768px) {

    .stories-background.custom-height {
        background-position: 65%;
    }
    
    .single-film-media-content {
        width: 75%;
    }
    
    .films-card .slick-slide {
      transition: transform 0.3s ease;
      overflow: visible; /* Ensure the next slide is partially visible */
    }

    .films-card .slick-list {
      overflow: visible; /* Ensure the next slide is partially visible */
      padding-right: 20%; /* Adjust this value to control how much of the next slide is visible */
    }
    
    .stories-page-list, .uftf-page-list {
        width: calc(100% + 10%);
    } 
    
    .featured-heartcry-films .update-title p {
        display: none; 
    }
    
    #stories-page .update-title {
        padding: 25px 0px 0px 0px;
    }
    
    .stories-mobile {
        display: block;
    }
    
    .stories-desktop {
        display: none;
    }
    
}

/* =================== Mobile+ =================== */

@media (max-width: 480px) {
    
}


/* ///////////////////////////////////////////////// */
/* ///////////     SINGLE COURSE PAGE    /////////// */
/* ///////////////////////////////////////////////// */


/* =================== Desktop+ =================== */


#courses {
    width: 90%;
    margin: 0px auto;
}

.single-course-container {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch; /* Ensure child elements stretch to the same height */
}

#courses .featured-single-content {
    padding: 25px;
    background-color: #fff;
    color: #000;
    width: 65%;
    text-align: left;
    flex-grow: 1;
}

#courses .single-course-header {
    padding: 0px 0px 25px 0px;
    margin: 0px;
}

#courses .film-single-media {
    padding: 0px;
    margin: 0px;
}

#courses .entry-content h1 {
    color: #2C2C2C;
    font-weight: bold;
    text-transform: none;
    font-size: 1.25rem;
    letter-spacing: normal;
    padding: 10px 50px;
    font-size: 1.75rem;
}

#courses .entry-content p {
    color: #2C2C2C;
    font-weight: 100;
    text-transform: none;
    letter-spacing: normal;
    padding: 10px 50px;
    font-size: 1rem;
}

#courses p:hover {
    text-decoration: none;
}

.watch-film-curriculum {
    width: 100%; /* or any specific width */
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    position: relative;
}

.watch-film-curriculum iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* General Container Styles */
#courses .single-course-container {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    width: 100%; /* Adjust to your site's width */
}

/* Positioning for the playlist container */
#courses .course-playlist {
    width: 33%;
    margin-right: 1%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative; /* Make sure the container is positioned relative to the buttons */
}

#courses .playlist-wrapper {
    position: relative;
}

#courses .course-thumbnail-wrapper {
    width: 100%;
    overflow: hidden; /* Ensures that items outside the max-height are not visible */
    position: relative; /* This is important for proper positioning */
    margin-top: 25px;
    flex-grow: 1;
    height: calc(100% - 65px);
}

/* Custom Button Styles */

.course-button-top::before,
.course-button-bottom::before {
  content: '';
  display: inline-block;
  width: 30px; /* adjust size as needed */
  height: 30px; /* adjust size as needed */
  border: solid #BCBCBC; /* color of the arrow */
  border-width: 0 2px 2px 0;
}

.course-button-top::before {
  transform: rotate(-135deg);
    margin-top: 15px;
}

.course-button-bottom::before {
    transform: rotate(45deg);
}

#courses .course-button-top, 
#courses .course-button-bottom {
    width: 100%;
    text-align: center;
    cursor: pointer;
    color: #fff; /* Text color for buttons */
    font-size: 18px; /* Font size for arrows */
    z-index: 10;
}

#courses .course-button-top:hover::before {
  border-color: #fff; /* Change arrow color on hover */
}

#courses .course-button-bottom:hover::before {
  border-color: #fff; /* Change arrow color on hover */
}

#courses .course-button-top {
    position: absolute;
    top: 0;
    left: 0;
}

#courses .course-button-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

#courses .course-button-top,
#courses .course-button-bottom {
    opacity: 1;
    transition: opacity 0.3s ease; /* Smooth transition */
    cursor: pointer;
}

#courses .course-button-top[style*="opacity: 0"],
#courses .course-button-bottom[style*="opacity: 0"] {
    cursor: default; /* Disable pointer when invisible */
}




/* ///////////////////////////////////////////////// */
/* //////////////     SERMONS PAGE    ////////////// */
/* ///////////////////////////////////////////////// */



/* =================== Desktop+ =================== */

.desktop-video-playlist > .video-playlist {
    background-color: #fff;
}

.video-playlist h1 {
    color: #303030!important;
}

#hc-sermons {
    margin-top: -150px;
    position: relative;
}



#hc-sermons .single-media-header {
    position: relative;
    height: 75vh;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    z-index: 1; /* Ensure this creates a stacking context */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000; /* Or any other color to cover the image */
    opacity: 0; /* Start with this element being invisible */
    transition: opacity 1s ease-in-out;
    z-index: 5; /* Below the button and iframe */
}

.overlay-curriculum {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000; /* Or any other color to cover the image */
    opacity: 0.55; /* Start with this element being invisible */
    transition: opacity 1s ease-in-out;
    z-index: 1; /* Below the button and iframe */
}

#hc-sermons header .play-button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("../../images/play-button.png");
    background-position: center;
    background-size: cover;
    width: 100px;
    height: 100px;
    z-index: 6; /* Positioned above the overlay */
    cursor: pointer;
    transition: all 1s ease-in-out;
}

#hc-sermons header .play-button-icon:hover {
    width: 90px;
    height: 90px;
    transition: all .5s ease-in-out;
}

#hc-sermons header .play-button-icon:after {
    content: 'Play Sermon';
    color: #fff;
    position: absolute;
    bottom: -20px;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-size: .9em;
}

#hc-sermons .film-single-media {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4; /* Ensure it is in the same stacking context */
}

.watch-sermon {
    position: absolute;
    top: 150px; /* Offsets by 150px to account for the menu bar */
    left: 50%;
    width: 100%;
    height: calc(100% - 150px); /* Reduces height by 150px to account for the offset */
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 5; /* Ensure this is the highest z-index */
}

.watch-sermon iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% * .5625); /* Sets the width to maintain 16:9 ratio based on the height */
    height: 100%;
    transform: translate(-50%, -50%);
    border: 0;
    opacity: 0; /* Start with iframe invisible */
    transition: opacity 1s ease-in-out; 
}

.watch-curriculum {
    position: absolute;
    top: 150px; /* Offsets by 150px to account for the menu bar */
    left: 50%;
    width: 100%;
    height: calc(100% - 150px); /* Reduces height by 150px to account for the offset */
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 5; /* Ensure this is the highest z-index */
}

.watch-curriculum iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% * .5625); /* Sets the width to maintain 16:9 ratio based on the height */
    height: 100%;
    transform: translate(-50%, -50%);
    border: 0;
    opacity: 1; /* Start with iframe invisible */
    transition: all 1s ease-in-out; 
}



#hc-sermons .page-title h1 {
    color: #303030;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    font-family: 'Josefin Sans', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: bold;
    padding: 45px 0px 20px 0px;
    line-height: 1em;
}

#hc-sermons .entry-content h2 {
    color: #303030;
    font-size: 1.25rem;
}

#hc-sermons .entry-content .sermon-meta p {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Open Sans', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: .125em;
}

#hc-sermons .entry-content .sermon-meta .sermon-date p {
    font-size: 1em;
    font-weight: 100;
    padding: 0px;
    margin: 0px;
}

#hc-sermons .entry-content .sermon-meta .sermon-location p {
    font-size: .9rem;
    font-weight: 100;
    border-bottom: 1px solid #303030;
    border-top: 1px solid #303030;
    width: 100%;
    margin: 40px auto 0px auto;
    text-decoration: underline;
    background-color: #F5F5F5;
}

.sermon-meta {
    padding-top: 40px;
    width: 100%;
    margin: 0px auto 30px auto;
}

#hc-sermons .entry-content p {
    text-transform: inherit;
    color: #303030;
    font-size: 1.2rem;
    font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "Times New Roman", "serif";
    letter-spacing: 0em;
    font-weight: 100;
    padding: 15px 0px
}

#hc-sermons p:hover {
    text-decoration: none;
}

#hc-sermons .single-media-header {
    border: none!important;
    margin: 0px!important;
}

.sermon-content {
    margin: 0px;
    width: 100%;
    background-color: #fff;
}

.sermon-content-wrapper {
    width: 750px;
    margin: auto;
}

#hc-sermons .entry-content .wp-block-pullquote {
    margin-left: -175px;
    position: relative;
    padding: 0px 0px 20px 0px;
    border: 0px;
    margin-bottom: 0px;
}

#hc-sermons .entry-content .wp-block-pullquote::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 150vw; /* Extend far beyond the viewport width */
    height: 5px;
    background-color: #732524; /* Adjust the color as needed */
}

#hc-sermons .entry-content .wp-block-pullquote p {
    font-size: 1.125em;
}

#hc-sermons .entry-content .icon-container {
    display: none;    
}


@media (max-width: 1200px) {

    .watch-sermon, .watch-curriculum {
        width: 90%;
    }
}



/* ///////////////////////////////////////////////// */
/* ////////////     SINGLE BOOK PAGE    //////////// */
/* ///////////////////////////////////////////////// */



/* =================== Desktop+ =================== */

#stories-page #hc-books {
    width: 90%;
    margin: 0px auto;
    color: #000;
}

#hc-books .featured-books {
    display: flex;
    flex-wrap: nowrap;
}

#hc-books .book-image-wrapper {
    position: sticky;
    top: 0;
    align-self: flex-start;
    flex-shrink: 0;
    max-width: 100%;
    background: '';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
}

#hc-books .book-image img {
    width: 100%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

#hc-books .book-image > div {
    padding: 0px;
}

#hc-books .book-main-content {
    flex-grow: 1;
}

#hc-books .book-main-content p {
}

.recommended-books .heading-red-bar, 
.recommended-books .red-head-bar, 
.recommended-books .browse-recommended-content > span {
    color: #fff;
}

#hc-books .entry-content > iframe {
    width: 100%;
    text-align: center;
    margin: 0px auto;
}

#hc-books .wp-block-embed__wrapper {
    text-align: center;
}

@media (max-width: 1400px) {
    
    #hc-books .book-image {
        padding: 0px;
        width: 50%;
    }
    
    .book-main-content {
        width: 50%;
    }
    
}

@media (max-width: 768px) {
    
    #hc-books .book-image {
        padding: 0px;
        width: 100%;
    }
    
    .book-main-content {
        width: 100%;
    }
    
    #hc-books .featured-books {
        flex-direction: column;
    }
    
}


/* ///////////////////////////////////////////////// */
/* ////////////////     THE FIELD    /////////////// */
/* ///////////////////////////////////////////////// */



/* =================== Desktop+ =================== */

#the-field .featured-the-field {
    width: 90%;
    color: #fff;
    margin: 0px auto;
    background-color: #091926;
    padding: 15px 135px;
}

#the-field .nav-scroll nav > a {
    color: #fff;
}

#the-field .nav-scroll nav > a::after {
    background-color: #732524;
}

#stories-page #the-field .update-title {
    padding: 25px 0px;
}

#stories-page #the-field .update-title h1 {
    font-size: 1.25rem;
    font-weight: bold;
}

#the-field .featured-field-content {
    background: transparent;
}

#the-field .field-title-container {
    width: 90%;
    margin: auto;
    padding: 0px;
    display: flex;
}

#the-field .featured-field-region {
    margin: 0px;
    padding: 15px 0px;
    width: 50%;
    position: initial;
}

#the-field .about-field {
    width: 50%;
    padding: 15px 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#the-field .field-region-name > div > h1 {
    color: #fff;
    font-family: 'Trajan Regular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 4rem;
    font-weight: 100;
    text-align: center;
}

.region-count {}

.region-count h4 {
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0.125em;
    z-index: 2;
    position: relative;
    border-bottom: 1px solid #fff;
    display: inline-block;
}

#the-field .about-field .entry-content p {
    color: #fff;
}

#the-field .featured-region-field {
    width: 90%;
    margin: 0px auto 0px auto;
    padding-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5%; /* Adds a responsive gap between items */
}

#stories-page #the-field .featured-region-field > article {
    flex: 1 1 calc(16.25% - 0.5%); /* Subtracting the gap from the width */
    box-sizing: border-box;
    margin-right: 0px;
    padding: 0px 0px 16.25% 0px;
    width: 16.25%;
    margin-bottom: 0.5%;
}

#stories-page #the-field .featured-region-field .field-missionary-card {
    flex: 0 0 calc(16.25% - 0.5%);
}

#the-field .field-readmore.gradient-hor::before {
    background: linear-gradient(to bottom, rgba(12, 36, 54, 0) 0%, #0C2436 100%);

}

#the-field .featured-field-region > img {
    width: 50%;
}

#the-field .featured-field-region.gradient-hor::before {
    width: 50%;
}

#the-field .featured-field-region > .background-image {
    -webkit-filter: none;
    filter: none;
}

#the-field .field-region-name {
    position: relative;
    z-index: 100;
    margin-left: -5%;
    height: 100%;
}

#the-field .field-region-name > div > span {
    color: #fff;
    text-align: center;
    font-weight: 100;
    font-size: .9rem;
    letter-spacing: .125rem;
}

/* Adding the gradient overlays using pseudo-elements */
#the-field .featured-field-region::before,
#the-field .featured-field-region::after {
    content: '';
    position: absolute;
    pointer-events: none; /* Ensure these elements don't interfere with interactions */
}

/* Top Gradient */
#the-field .featured-field-region::before {
    top: 0;
    left: 0;
    right: 0;
    height: 75%; /* Adjust as needed */
    background: linear-gradient(to bottom, #0C2436, rgba(12, 36, 54, 0));
}

/* Right and Bottom Gradients */
#the-field .featured-field-region::after {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 50.1%;
    background-image: 
        linear-gradient(to right, rgba(12, 36, 54, 0), #0C2436), /* Right gradient */
        linear-gradient(to top, #0C2436, rgba(12, 36, 54, 0)); /* Bottom gradient */
    background-position: right bottom; /* Ensures proper positioning of gradients */
    background-repeat: no-repeat; /* Ensures the gradients do not repeat */
    background-size: 75% 100%, 100% 75%; /* Adjust the size of the gradients as needed */
    margin-bottom: -0.1%;
}

#the-field .country-details::before {
    background-color: #fff;
}

#the-field .country-details > tr {
    color: #fff;
}

#the-field .country-details > tr > td:nth-child(2) {
    color: #fff;
}

#the-field .readmore-btn {
    float: right;
    margin-right: 35px;
    align-self: flex-end;
}

#the-field .readmore-btn > span {
    color: #fff;
    
}

#the-field .country-update-title {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
}

#the-field .country-update-title h2 {
    color: #fff;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    font-size: .9rem;
    font-family: 'Open Sans', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 0.125rem;
}

#the-field .scroll-wrapper {
    overflow-x: visible;
    overflow-y: visible;
    height: auto;
}

#the-field .about-field-container .entry-content ul > li, .about-field-container .entry-content ol > li {
    color: #fff;
}

.about-field-container .entry-content ul > li::before {
    background-color: #fff;
}

.country-lttf-icon {
    display: flex;
    align-items: left;
    text-decoration: none;
    color: white; /* Adjust text color as needed */
    margin-top: 10px;
}

.country-lttf-icon p {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.125rem;
    margin: 0; /* Remove default margin */
    padding-left: 30px; /* Space for the icon */
    position: relative;
}

.country-lttf-icon p:before {
    content: '';
    display: inline-block;
    background-image: url('../../images/play-button-small.png'); /* Path to your PNG file */
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%; /* Vertically center the icon */
    transform: translateY(-50%);
}


@media (max-width: 1450px) { 

    #stories-page #the-field .featured-region-field > article,
    #stories-page #the-field .featured-region-field .field-missionary-card {
        flex-basis: calc(25% - 0.5%);
        width: 24.5%;
        padding: 0px 0px 24.5% 0px;
    }
}

@media (max-width: 1200px) {
    
    #the-field .featured-the-field {
        padding: 15px 100px;
    }
}

@media (max-width: 1024px) { 
    
    #stories-page #the-field .featured-region-field > article,
    #stories-page #the-field .featured-region-field .field-missionary-card {
        flex-basis: calc(33.333% - 0.5%);
        width: 32.83333%;
        padding: 0px 0px 32.83333% 0px;
    }
}

@media (max-width: 768px) { 
    #stories-page #the-field .featured-region-field > article,
    #stories-page #the-field .featured-region-field .field-missionary-card {
        flex-basis: calc(50% - 1%); 
        width: 49.5%;
        padding: 0px 0px 49.5% 0px;
    }
    
    .featured-field-content {
        padding-bottom: 20px;
    }
    #the-field .featured-the-field {
        padding: 15px 55px;
    }
    
    #stories-page #the-field .update-title {
        padding: 0px;
    }
    
    #stories-page #the-field .update-title h1 {
        font-size: 1.125rem;
    }
    
    .nav-scroll {
        border: none;
    }
    
    .nav-scroll nav {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #the-field .about-field {
        width: 100%;
    }
    
    #the-field .featured-field-region::after {
        width: 100.1%;
    }
    
    #the-field .field-region-name {
        margin-left: 0px;
        text-align: center;
    }
    
    #the-field .field-region-name > div > h1 {
        font-size: 3rem;
    }
    
    .region-count h4 {
        font-size: .8rem;
        padding: 0px 30px;
        border: 0px;
    }
    
    #the-field .field-title-container {
        flex-direction: column;
        align-items: center;
        
    }
    
    #the-field .featured-field-region {
        width: 100%;
        padding: 15px 0px 0px 0px;
    }
    
    .field-region-name > div {
        margin: 0px;
    }
    
    #the-field .featured-field-region > img {
        width: 100%;
    }
    
    .field-readmore {
      position: relative;
      padding-bottom: 15px;
      max-height: 12em; 
    }
    
    .featured-country-details {
        display: none;
    }

}



/* ///////////////////////////////////////////////// */
/* ////////////     SINGLE FILM PAGE    //////////// */
/* ///////////////////////////////////////////////// */



/* =================== Desktop+ =================== */

.stories-page-list {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

#watch-film, .watch-film {
    display: none;

}

.stories-single-film-wrapper {
    width: 100%;
}

.single-film-media-content {
    width: 45%;
    position: relative;
    left: 0;
    text-align: left;
}

#stories-page .single-media-header {
    border-bottom: 1px solid #fff;
    padding-bottom: 50px;
}

#stories-page .featured-meta h1 {
    font-size: 3.35rem;
    text-transform: uppercase;
    font-family: 'Josefin Sans', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #fff;
    margin: 25px 0px 15px 0px;
    padding: 0px;
    line-height: 1.25em;
    font-weight: bold;
}

#stories-page .featured-meta h2 {
    font-size: 1.85rem;
    text-transform: uppercase;
    font-family: 'Open Sans', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #fff;
    margin: 25px 0px;
    padding: 0px;
    line-height: 1.25em;
    font-weight: 600;
    letter-spacing: 0.125rem;
}

#stories-page .featured-meta p {
    font-size: .9rem;
    font-family: 'Open Sans', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #fff;
    font-weight: 600;
}

#stories-page #single-film .featured-meta p,
#stories-page #missionary-spotlight .featured-meta p,
#stories-page #uftf .featured-meta p,
#stories-page #lttf .featured-meta p {
    font-size: 1rem;
    line-height: 1.3rem;
}

#stories-page .featured-meta p:hover {
    text-decoration: none;
}

#stories-page .button-container {
    display: flex;
    gap: 20px;
    margin-top: 25px;
}

.featured-meta button {
    background-color: #fff;
    border: none;
    padding: 0px 40px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background-color 0.3s, color 0.3s;
}

.featured-meta button:hover {
    background-color: #ddd;
    cursor: pointer;
}

#stories-page .play-button .play-icon-film {
    font-size: 18px;
    font-size: 50px;
    height: 100px;
    width: 75px;
    fill: #333;
    margin-left: -20px;
}

#stories-page .play-button {
    display: flex;
    align-items: center;
}

.featured-meta button:focus {
    outline: none;
}

.featured-meta button:active {
    background-color: #ccc;
}

#stories-page .featured-region-field > article {
    margin-right: 10px;
}

#stories-page .single-films {
    text-align: left;
    margin: 0px auto 20px auto;
    width: 90%;
}

#stories-page .single-films p {
    margin: 20px 0px 20px 0px;
    font-weight: 600;
}

#stories-page .single-film-update-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#stories-page .single-film-update-title:hover {
    text-decoration: none;
}

#stories-page .single-film-update-title p,
#stories-page .featured-heartcry-films p 
{
    font-weight: 600;
    margin: 20px 0px 0px 0px; 
    text-align: left;
    text-transform: uppercase;
}

.single-films article {
    margin-top: 20px;
    padding-top: 0px;
}

/* Base style for the film card */
.films-card:hover {
    
}

/* Disable hover effect on the active thumbnail */
.films-card.active-thumbnail:hover {
    cursor: default;
    transform: none; /* Or whatever hover effect you currently have */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.films-card.active-thumbnail:hover > .heartcry-films-img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Add overlay on the active thumbnail */
.films-card.active-thumbnail .background-image-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0C2436;
    opacity: 0.85;
    z-index: 100;
    background-image: none;
}

.films-card.active-thumbnail::after {
    content: 'Now Playing'; /* Play icon */
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the icon */
    font-size: 1rem; /* Adjust the size as needed */
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .125rem;
    z-index: 2;
}

/* Ensure the image is beneath the overlay */
.films-card .background-image-wrapper img {
    
}


/* Modal container */
.film-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background-color: rgba(0, 0, 0, 1);
    opacity: 0;
    transition: opacity 0.5s ease;
    visibility: hidden;
    justify-content: center;
}

.film-modal iframe {
    width: 100%;
    height: 100%;
}

#vimeo-player {
    width: 100%;
    height: 100%;
}

/* Modal content */
.film-modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 90%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Close button */
.film-modal-close-button {
    position: absolute;
    top: 0px;
    right: 25px;
    color: #fff;
    font-size: 40px;
    font-weight: 100;
    cursor: pointer;
    font-family: sans-serif;
    z-index: 1001; /* Ensure it is above other content */
    
    opacity: 1;
    transition: opacity 0.5s;
}

.film-modal-close-button.visible {
    opacity: 1;
}

.film-modal-close-button:hover,
.film-modal-close-button:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* Video container */
.film-modal-video-container {
    width: 100%;
    height: 100%;
}



/* =================== Tablet+ =================== */

@media (max-width: 768px) {

    .single-film-media-content {
        width: 75%;
    }
}


/* ///////////////////////////////////////////////// */
/* //////////////     ARCHIVE PAGE    ////////////// */
/* ///////////////////////////////////////////////// */



/* =================== Desktop+ =================== */

#load-more-container {
    text-align: center;
    margin: 20px 0;
    display: flex;
    justify-content: center; /* Center items horizontally */
    align-items: center; /* Center items vertically */
}

#load-more {
    background-color: #732524;
    padding: 15px 50px;
    cursor: pointer;
    text-align: center;
    transition: 0.4s;
    margin: 0; /* Remove extra margins */
    font-family: "Open Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    color: #fff;
    font-size: .9em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    max-width: 250px;
}

#load-more:hover {
    background-color: #5c1413;
    color: #fff;
    transition: 0.4s;
}

#loading-icon {
    text-align: center;
    height: 55px;
    width: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; /* Center the icon horizontally */
}

#loading-icon img {
    width: 27.5px;
    height: 27.5px;
    display: block; /* Ensure image takes full width of the container */
}









#stories-page #mc_embed_signup {
    color: #000!important;

}

#mc_embed_signup .mc-field-group {
    color: #000!important;
}