/*!
Theme Name: AfricaSpeaks Internal Dev 
Theme URI: http://underscores.me/
Author: Peter Musembi
Author URI: http://www.petapps.ca
Description: Theme Created from Wordpress to bootstrap.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: the-home-for-publishers
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

AfricaSpeaks is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

.navbar-nav > li.current_page_item a ,
.navbar-nav > li.current_page_parent a 
{
	color: white;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}



/*===================================HOME PAGE INTERNAL CSS (FROM COMMUNITY FORUM CSS)=====================================*/
/* ============Define Global settings========= */
body {
  font-family: 'Avenir',sans-serif !important;
  font-size: 16px !important;
  
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Industry', sans-serif;
  font-weight: 700;

}

a {
  text-decoration: none !important;
}

.btn {
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  font-family: 'Industry', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}

.btn-warning {
  background-color: #FAAA28!important;
  color: #000!important;
}

.btn-danger {
  background-color: #d92e00;
}

/* .btn-warning:hover {
  border: 0.2px solid !important;
} */
.btn-warning:hover {
  background-color: #cc8b20 !important;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}
/* ==colors== */

.directoryLightGrey {
  color: #ACACAC;
}

.greyBg {
  background-color: #eee;
}

.orangeColor {
  color: #FAAA28;
}

.orangeBg {
  background-color: #FAAA28;;
}

.brownColor {
  color: #D92E00;
}

.textGrey {
  color: #ccc;
}

.greyColor {
  color: #555555 !important;
}

.lightGreyColor {
  color: #A3A3A3;
}

.lightBlackColor {
  color: #3a3c3f
}

.redColor {
  color: #D92E00;
}

.darkBrownBg {
  background-color: #2A0800;
}

.rounded5 {
  border-radius: 5px;
}

.rounded10 {
  border-radius: 10px;
}

/* navbar */
.navbar-nav .nav-item a {
  font-size: 18px;
  font-family: 'Industry', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: rgb(0,0,0,0.5);
}

.navbar-nav .nav-item.active a {
  color: #D92E00;
}

.avatarEnhance {
  background-color: #2A0800;
  border: solid 1px #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.avatarEnhanceComment {
  background-color: #2A0800;
 
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.avatar32 {
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  font-size: 14px;
  margin-bottom: 0!important;
}

.avatar {
  border-radius: 50%;
  border: solid 1px #D92E00;
  
}

.avatarImage {
  border-radius: 50%;
  border: solid 0.5px #D92E00;
  
}

.navbar-nav li ul.dropdown-menu a {
  font-weight: bold;    
  font-size: 14px;
}


/* ====Main Section====== */
.main_section_home {
  margin: 60px 50px;
}
/*=======Latest Section============ */
#section_latest {
  margin: 5px 0px;
}

.latestText {
  font-weight: bolder;
  font-size: 18px;
  font-family: 'Industry', sans-serif;
}

.publishingStateText {
  font-weight: 700;
  font-size: 40px;
}

.publishingStateText:hover {    
  text-decoration: underline;
}


/* publishing conversation */

.publishingConversationText {
  font-size: 24px;
  font-weight: 700;
  color: #D92E00 !important;
  margin: 40px 0;
  font-family: 'Industry', sans-serif;

}

.publishingConversationText:hover {
  text-decoration: underline;
}

#publishing_conversations {
  margin: 70px 0px;
}


/* footer */

.myfooter {
  background-image: url('../images/footer_image.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 
  /* background-color: #cccccc; */
}

.ul-footer {
  justify-content: center;
  
}

ul.footer_ul_nav {
  text-align: left;
  font-family: 'industry';
  font-weight: bold;
  font-size: 1.2em;
  line-height: 2em;   
  margin-top:40px;
  display: inline-flex;
  flex-wrap: wrap;
  color: white !important;
  margin-left: 0px;
  float: left;
  }

  .footer_ul_nav li {
      margin:0 20px;
  }
  ul.footer_ul_nav li a {
      
    color: white;
    
  }

  ul.footer_ul_nav li a:hover {
      cursor: pointer;
    color: #FAAA28;
    text-decoration: underline;
  }

  .footerIcons {
      margin-top: 0px;
      color: white;
    }

    .footerIcons:hover {
      color:#FAAA28  !important;
    }


    /* MEDIA QUERIES */
    @media(max-width: 568px) {
      .main_section_home {
          margin: 20px 5px;
      }

      ul.footer_ul_nav {
          margin-top: 0px;
      
      }

      ul.footer_ul_nav {
         
          font-weight: bold;
          font-size: 1em;
          
          }
    }


    /* ===================PAGE 2 ===================== */
    .iframe-container {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-top: 56.25%; /* 16:9 Aspect Ratio */
    }
    .responsive-iframe {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      border: none;
    }

    .conversationsh1Text {
      font-weight: 700;
      font-size: 40px;
      color:#D92E00;
      margin-top: 60px;
    }

    .commentBtn {
      text-transform: uppercase;
            

    }

    .commentActions a {
      font-weight: 700; 
      font-family: 'Industry', sans-serif;
    }

    .darkBrownBg {
      background-color: #2A0800;
  }

  .likesImageContainer {
      position: relative;
      text-align: center;
      color: white;
      
  }

  .centered {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .comment {
      background-color: #f5f5f5;
      border-radius: 5px;
      
  }

  .commentedBy{
      color: #D92E00 !important;

  }

  .commentedBy:hover {
     text-decoration: underline;
      
  }

  .commentbtn {
      display: inline-block !important;
      font-family: 'Industry', sans-serif !important;
      font-weight: 700 !important;
      color: #212529 !important;
      text-align: center;
      vertical-align: middle;       
      user-select: none;
      background-color: transparent;
      border: 1px solid transparent;
      padding: .375rem .75rem;
      font-size: 14px;
      line-height: 1.5;
      border-radius: .25rem;
      margin: 0 10px;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }

  .commentbtn:hover {
      color:#FAAA28;
      cursor: pointer;
  }

  .commentLikeImg:hover {
      background-color: #FAAA28;
      cursor:pointer;
  }

  .reportComment {
      font-family: 'Industry', sans-serif;
      color:#D92E00;
      font-weight: 700;
      font-size: 14px;   
      vertical-align: middle;       
  }

  .reportComment:hover {
      font-family: 'Industry', sans-serif;
      color:#FAAA28;
      font-weight: 700;
      font-size: 14px;  
      cursor: pointer;      
  }

  .editorHeading {
      font-weight: 700 !important;
      font-size: 28px !important;
      color:#D92E00 !important;
      margin-top: 20px;
      margin-bottom: 20px;
  }

  .commentBtnText {
      font-family: 'Industry', sans-serif !important;
      font-weight: 700 !important;
      font-size: 14px;
  }

  .trendingConversations {
      font-size: 20px;
      font-weight: 700;
      color: #D92E00 !important;
      margin: 40px 0;
      line-height: 1.2;
  
  }

  .trendingConversations:hover {
      text-decoration: underline !important;
  
  }

  /* publishing conversations media queries */

  @media (max-width: 568px)
  {
      .conversationsh1Text{
          font-size: 30px;
      }

      .commentActions {
          margin-bottom: 20px;
          margin-left: 0px !important;
          
      }

      .summaryIndicatorsDiv {
          margin-top: 20px;
          margin-bottom: 20px;
      }

      .avatarCol {
          text-align: left;
          margin-bottom: 10px;
          
      }

      .reportComment {
          margin-left: 20px;
      }

      .editorHeading {
          font-size: 18px;
      }
  }


  /* ==========================NOTIFICATIONS PAGE==================== */
  .headerBg {
      padding-top: 10px;
      padding-bottom: 10px;
      background-image: url(../images/kenge_header.svg);
      background-repeat: repeat-x;
      background-size: contain;
  }


  .mainSectionNotifications {
      padding: 20px;
      margin-top: 40px;
  }

  .subNavigation {
      list-style: none;
      padding: 0;
  }

  .subNavigation li a {
      font-family: 'Industry', sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 20px;
      color: #A3A3A3;
  }

  .subNavigation li {
      margin-bottom: 10px;
  }

  /* Media queries notifications section */
  @media (max-width: 568px) {
      .mainSectionNotifications {
          padding: 5px;
          margin-top: 20px;
      }

      .notificationSection {
          margin-top: 10px !important;
      }

      .headerBg {
        
          padding-bottom: 20px;
          
      }

      
  
  }


  /* ===============ACCOUNTS PAGE==================== */

  .mainSectionAccount {
      padding: 20px;
  }

  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
      color: #fff !important;
      background-color:  #FAAA28 !important;
      border-color: #2A0800 !important;
  }

  .avatarLarge {
      width: 200px;
      height: 200px;
  }

  .avatarInitials {
      font-size: 24px;
      font-weight: bold;
      overflow: hidden;
  }

  .imagePreview {
      width: 200px;
      height: 200px;
      border: dashed 2px #999;
      border-radius: 50%;
      overflow: hidden;
  }

  #uploadImageBox {
      background-color: rgba(0,0,0,0.5);
      width: 190px;
      height: 127px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      color: #fff;
  }

  .nav-tabs .nav-link {
      color: #fff !important;
  }

  .topicDetailTable {
      width: 100%;
      font-size: 14px;
  }

  .table {
      width: 100%;
      margin-bottom: 1rem;
      color: #212529;
  }

  .boxShadow {
   
      box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 25%);
  }

      @media(max-width: 568px)
  {
      .mainSectionAccount {
          padding: 5px;
      }

  }



  /* ================FORUM============= */

  .mainSectionForum {
  padding: 20px;
  margin-top: 40px;

  }

  .forumTopic:hover {
      text-decoration: underline !important;
  }

  .postedBy {
      font-size: 12.8px;
  }

  .imgForumSummary {
      height: 24px;
      width: 24px;
  }

  .imgTheTopic {
      height: 32px;
      width: 32px; 
  }

  .subNavigation {
      list-style: none;
      padding: 0;
  }
  

  .subNavigation li {
      margin-bottom: 10px;
  }

  .subNavigation li a {
      font-family: 'Industry', sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 20px;
      color: #A3A3A3;
  }

  .subNavigation li a:hover {
      text-decoration: underline !important;
  }
  
  .forumCategories:hover {
      text-decoration: underline !important;
  }

  .userName {
      color: #d92e00;
      font-weight: 700;
  }
  

  .userName:hover {
      text-decoration: underline !important;
      color: #d92e00 !important;
  }

  .forumTopicbox {
      cursor: pointer;
  }
  
  .imgTopicAttributes {
      height: 40px;
  }

  .avatarLarge {
      width: 200px;
      height: 200px;
  }

  .userMembershipBadge {
      width: 40px;
      height: 40px;
      background-color: #2A0800;
      border-radius: 50%;
  }

  .userMembershipBadge img {
      width: 40px;
      height: 40px;
  }

  .topicDetailsImg {
      width: 32px !important;
      height: 32px !important;
  }

  .notificationHeaderText {
      font-size: 32px;
  }

  .muchLightGreyBg {
      background-color: #f5f5f5;
      background-color: #f5f5f5;
  }

  .font-italic {
      font-style: italic!important;
  }

  .parentCommentWrapper {
      border: solid 1px #bbb;
      border-radius: 5px;
      border-left: solid 5px #FAAA28;
      padding: 10px;
      background-color: #ddd;
      transition: all 1s ease;
      margin-bottom: 10px;
  }

  .parentCommentWrapper a.userName {
      font-weight: bold;
      font-size: 14px !important;
      color: #D92E00;
  }

  .parentComment {
      height: auto;
      transition: all 1s ease;
      font-size: 14px;
      line-height: 16px;
  }

  .switch {
      position: relative;
      display: block;
      width: 55px;
      height: 28px;
    }
    
    .switch input { 
      opacity: 0;
      width: 0;
      height: 0;
    }
    
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }
    
    .slider:before {
      position: absolute;
      content: "";
      height: 20px;
      width: 20px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }
    
    input:checked + .slider {
      background-color: #2196F3;
    }
    
    input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
    }
    
    input:checked + .slider:before {
    
      transform: translateX(26px);
    }
    
    /* Rounded sliders */
    .slider.round {
      border-radius: 34px;
    }
    
    .slider.round:before {
      border-radius: 50%;
    }

    .imageSize32 {
      height: 32px;
      width: 32px;
    }

    .addTableCellPadding td{
      padding: 10px;
    }

    .btn-danger {
      background-color: #d92e00;
  }

  .btn-danger:hover, .btn-outline-danger:hover {
      background-color: #a92e00;
  }

  .directoryListing {
      text-align: center;
      border-radius: 5px;
      cursor: pointer;
      background: #eee;
  }

  .myavatar {
      width: 120px;
      height: 120px;
      border: solid 1px #D92E00;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 10px;
      color: #D92E00;
      position: relative;
  }

  .membershipBadge {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -20px;
      margin: auto;
      background-color: #eee;
      display: flex;
      align-content: center;
      align-items: center;
      justify-content: center;
  }

  .membershipBadge img {
      width: 40px;
      height: 40px;
  }

  .directoryRole {
      font-size: 14px;
  }

  .avatarImage {
      border-radius: 50%;
  }

  /* =====================END OF INTERNAL PAGE CSS====================== */




/* CUSTOM CSS */
/* Import fonts using a URL */
@import url('assets/myfonts/stylesheet.css');
/* 
@font-face {
    font-family: Avenir;
    src: url(../fonts/Fonts/Industry\ Bold.ttf);
 
  }

  @font-face {  
    font-family: IndustryLight;
    src: url(../fonts/Fonts/Industry\ Book.ttf);
  }

  @font-face {  
    font-family: AvenirNormal;
    src: url(../fonts/Fonts/Avenir-Light.ttf);
  } */




 body {
  margin: 0;
  font-size: 18px;
  font-family: 'Avenir', sans-serif;
  max-width: 100%;
  line-height: 1.8;
  }


  .btn {
    
    color: black !important;

  }

  .btn:hover {
    background-color: #e0a800;
  }

  h4 {
    font-family: 'Industry';
    font-weight: 500;
    font-size: 1.8rem; 
  }

  .publishingConversationText:hover {
    text-decoration: underline  !important;
  }

  /* colors */
  .orangeColor {
    color: #FAAA28;
}

.h-100 {
  height: 100vh;
}

.h-75 {
  height: 75vh;  
}

.h-50 {
  height: 50vh;
}


  .carousel-content {
    position: absolute;
    top: 1%;
    left: 11%;
    z-index: 20;
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
  }

  .header_ul {
    text-align: left;
    font-family: 'industry';
    font-weight: bold;
    font-size: 1.8em;
    line-height: 2em;   
    margin-top:0;
  }

  .header_ul a:hover {
    color: #FAAA28;
  }
  
  .container-fluid {
    margin: 0;
    padding: 0;
  }
 .carousel_title {
    font-family: 'Industry';
    font-size: 35px;
    line-height: 20px;
    font-size: 2em;
    text-align: left;
    margin-left:20%;
    font-weight: 700;
  }

  /* .carousel_diff_word {
    color: #d82f15;
    color:#dca609;
    font-weight: bold;
    font-size: 40px;

  } */

  .carousel_text {
    /* line-height: 2em;    */
    font-family: 'Avenir' !important;
    font-size: 1em;
    text-align: left;
    margin-left:20%;
    line-height: 1.8em;
    
  }

  .slider_buttons {    
    height: 30px !important;
    width: 30px !important;
    margin-right: 10px !important;
    background-color:transparent !important;
    border: solid 1px #fff!important;
    
    /* outline-width: 20px !important;
    outline-color: white !important; */
  }

  .carousel-indicators {
    float:left !important;
    margin-left: 29% !important;
    border-left: 0 !important;
    justify-content: left !important;
  }

  
  .slider_buttons.active {    
    height: 30px !important;
    width: 30px !important;
    margin-right: 10px !important;
    background-color: #FAAA28 !important;
  }

  .carousel .carousel-indicators li {background-color: red;}
.carousel .carousel-indicators li.active {background-color: blue;}

  .discipleship_title {
    color: #D92E00;
    font-family: 'Industry';
    font-weight: 700;
    font-size: 2.5rem;
  }

  .discipleship_text_2 {
    /* color: #FAAA28; */
  }

  .section_text {
    line-height: 2em;
    
    /* font-size: 1.5em; */

    /* font-family: Avenir Roman;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0.09em; */
    
  }

 
  

  .button:hover {
    color:white;
      background-color:#FAAA28;
      border-radius: 0 !important;
  }

  li:not(:last-child) {
    margin-bottom: 15px;
}

.members_saying_text {
  color: #FAAA28;
  
  
}
/* =============SECTIONS================ */
/* .section_text {
  font-family: Avenir ;
} */

.section_text_join_comm{
  line-height: 1.4em;
  
  /* font-size: 1.3em; */

  /* font-family: Avenir Roman;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0.09em; */
  
}




/* ===============DIRECTORY===================== */
.directory_inputs_text {
  /* font-family: Avenir Book;
  font-size: 1.3rem; */
}

.card-title {

font-size: 1.5em;
}

.card_badge {
  background-color: #D92E00;
}

.button {
  color:white;
  background-color:#FAAA28;
  
}

.card_directory {
  width: 100%;
}

.card-text {
  line-height: 2em;
 
    
}

.social_media_li {
  list-style: none;

}


/* =================FOOTER==================== */

.myfooter {
  background-image: url('assets/images/footer_image.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
  /* background-color: #cccccc; */
}

a {
  text-decoration: none;
  
}

.footer_ul {
  text-align: center;
  font-family: industry;
  font-weight: bold;
}

ul a {
  color: white;
}

ul a:hover {
  color: white;
}

ul a li {
  margin-top: 1.5rem;
  
}

.interlude_img {
  opacity: 0.1;
  height: 2rem;
}




/* Interlude */
.my_interlude {
  position: relative;
  height: 3em;
}
.my_interlude::before {
  content: "";
  background-image: url('assets/images/interlude.png');
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.09;

}

/* .my_interlude::before {    
  
  background-image: url('../images/interlude.png');

  opacity: 0.75;
} */


/* ===================CAROUSEL========================  */
.shadow-effect {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  text-align: center;
    border:1px solid #ECECEC;
  box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
#customers-testimonials .shadow-effect p {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.5;
  margin: 0 0 17px 0;
  font-weight: 300;
}
.testimonial-name {
  margin: -17px auto 0;
  display: table;
  width: auto;
  background: #3190E7;
  padding: 9px 35px;
  border-radius: 12px;
  text-align: center;
  color: #fff;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-testimonials .item {
  text-align: center;
  padding: 50px;
  margin-bottom:80px;
  opacity: .2;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1.0, 1.0, 1);
  transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
  max-width: 90px;
  margin: 0 auto 17px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
  /* background: #3190E7; */
  background: #FAAA28;;
  transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
  /* background: #3190E7; */
  background: #FAAA28;;
  display: inline-block;
  height: 20px;
  margin: 0 2px 5px;
  transform: translate3d(0px, -50%, 0px) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 250ms ease-out 0s;
  width: 20px;
}

  @media (min-width: 768px)
  {
   
  }
  .carousel_full_image {
    height: 100vh;
}

/* ============HOME PAGE================ */
  
  .header-div-home-img1 {
 
    background-image: url('assets/images/home-1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    

  }

  .header-div-home-img2 {
   
   
    background-image: url(assets/images/slide_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    

  }
  .header-div-home-img3 {
    
  
    background-image: url(assets/images/slide_3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    

  }

  .header-text-parent-div {
    position: relative;

  }

  .header-text-div {
    position: absolute;
    top: 45vh;
    left:0px;
  }

  .carousel-title-home {
    line-height: 3.3rem;
    

  }
   
  .carousel-text-home {
    margin-top: 0;
  }

  .carousel-indicators-home {
    position: absolute;
    left:17%;
    top: 87vh;
  }

  .carousel-indicators-home button {
    height: 30px !important;
    width: 30px !important;
    margin-right: 10px !important;
    background-color:transparent !important;
    border: solid 1px #fff!important;
  }

  .carousel-indicators-home button.active {
    height: 30px !important;
    width: 30px !important;
    margin-right: 10px !important;
    background-color: #FAAA28 !important;
  }

  .header-text-div-home {
    top: 40vh;
  }
  .header-text-div-mission{
    top:48vh;
  }

  .header-text-div-join {
    top:60vh;
  }
  


  /* ==========================ABOUT US PAGE==================== */
  .header-div {
    display:block;
    height: 50vh;
    background-image: url(../images/home-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

  }

  .about_us_welcome_text {
    position: absolute;
    bottom: 6%;
    left: 0px;

  }

  .about_us_title {
    margin-left: 0;
    line-height: 1.2em;
    font-size: 2.2em;
  }

  .header_ul_about_us {
    
    font-size: 1em;
    line-height: 1.1em;

    
  }

  .my_interlude_aboutus {
    margin-top: 60px;
  }


  /* Member Signup */
  .membershipsignupdivs {
    background-color: #2A0800;
    position: relative;
  }

  .membership_bottom_btn_div {
  margin-top: 100px;
   width: 70%;
   position: absolute;
   bottom: 0%;
   left: 15%;
   
    
  }

  .membershipdivs-content {
    margin-bottom: 130px;
  }

  .img_membershipsignup {
    margin-top: 2em;
  }

  .membershipsignup_ul li{
    /* margin-top: 2.2em; */
    line-height: 2em;
  }

  .btn_membersignup {
    background-color: #FAAA28;
  } 

  .moreinfo-btn:hover {
    border-radius: 7px !important;
     background-color: #e0a800 !important;
  }

  .membership_div_title {
   
    font-size: 1.4em;
  }

  .membership_Lausanner a {
    color: #FAAA28;
  }
  .membership_Lausanne:hover {
    color: #FAAA28;
  }

  .container-membership {
    margin-left: 13%;
  }


 

  .membership_signup_form {
    padding-left: 30px;
    margin-top: 50px;
  }

  .membership_signup_form input {
    width: 92%;
  }

  .membership_signup_form textarea {
    width: 92%;
  }

  .signupform_spantext {
    font-size: 0.9rem;
  }


  .membership_joincomm_title{
    font-size: 2em;
  }


  /* =================MODALS================== */
  .my_modal_titles {
    font-family: 'Industry';
    font-weight: 600;
    font-size: 1.8rem;
  }

  .modal_close_text {
    color: white !important;
    font-size: 1.25rem;
  }

  .onhover_modal_button {
   
  }

  .onhover_modal_button:hover {
    background-color: grey !important;
  }

  .readMore_btn:hover {
   background-color: #e0a800 !important;
  }



  .header-div-contact_us {
    background-image: url('../images/contact_us_1_darkened.png');
    
  }

  .moreinfo-btn {
    color: rgba(0,0,0,.8) !important;
  }

  .contacts_background_subimage {
    background-image: url('../images/contact_us_2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

  }

  .header-div-community {
    background-image: url(../images/Community-1.jpg);
  }

  .header-div-abouts {
    background-image: url(../images/aboutus-page.jpg);
    height: 75vh;
  }

  .aboutus_subimage_background {
    background-image: url('../images/join_community.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

  }
  


  .container-fluid {
    margin:0;
    width: 100%;
    padding: 0;
  }

  #membershipsignupcols .row {
   overflow: hidden;
  }

  #membershipsignupcols .row [class*="col-"]{
    
      margin-bottom: -99999px;
      padding-bottom: 99999px;
   
    
   
  }

  .header-div-membershipsignup {
    background-image: url(../images/membership_signup_1.png);
    
  }

  .home_subdiv_1 {
    background-image: url(../images/home_discipleship2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
  }

  .home_subdiv_2 {
    background-image: url(../images/home_about.png);
    border-radius: 8px;
  }

  .home_subdiv_3 {
    background-image: url(../images/home_community.png);
    border-radius: 8px;
  }

  .navbarNav {
    background-color: rgba(0,0,0,.8);
    padding-bottom: 10px;
    border: 2px solid rgb(189, 185, 185);
    border-top-left-radius: 0 !important;
    width: 3px !important;
  }

  .navbarNav  ul{
    margin-left: 0px !important;
    padding-left: 5px !important;
  }

  .navbarNav  ul li{
    margin-bottom: 25px !important;
  }

  .navbar-toggler-icon {
    background-color: transparent !important; 
  } 


  /*  */

  /* Media queries */
  /* Contact Us page */

  @media (max-width: 768px)
  {
    /* footer */

    .signindiv {
      display:none;
    }

    .headerElementsContainer {
      height: 100vh;      
      width: 100%;  
      position: absolute;
      top: 0px;
      left: 0%;
      z-index: 100;
    
    }
    .carousel_text_div {
      position: absolute;
      bottom: 12%;
      left: 0%;
      z-index: 150;
      width: 100%;
    }

    .ul-footer{
      justify-content: center;
    }

    .ul-footer {
      justify-content: center;
      
    }

    .ul-footer_list-group-item {
      display: inline;
      margin: 4px;
    }
    .footer_text {
      text-align: center;
      margin-top: 15px;
    }

    /* contact us */

    .membership_signup_form  {
      
      padding-left: 60px !important;
    }

    .contacts_subimage {
      display:none;
    }

    /* about us */
    .about_us_title {
      margin-left: 20px;
    }

    .aboutus_subimage {
      display:none;
    }

    .about_us_title {
      font-size: 1.8em;
    }

    .form-check {
      padding-left: 5em;
    }

    .btn_membersignup {
      margin-left: 5px;

    }

    .btn_membersignup {
      display: flex;
      margin-top: 0;
      margin-bottom: 0;
      justify-content: left;
    }

    .about_us_title {
      margin-right: 2px;
    }

    .community_title {
      font-size: 2.3em;
    }

    .discipleship_title {
      font-size: 2.1em;
    }

    .img_sm_nodisplay {
      display: none;
    }

    .about_us_title_sm {
      font-size: 1.5em;
    }

    .col_sm_directory {
      margin-bottom: 20px;
    }

    .moreinfo_margin_bottom {
      margin-bottom: 20px;
    }

    .home_page_subtitle {
      font-size: 1.5em;
    }

    .carousel-title-home {
      line-height: 2rem;
      font-size:2rem;
      
  
    }

    .carousel-text-home {
      line-height: 2rem;
    }

    .header-text-div-mission{
      top:50vh;
    }

    .header-text-parent-div{
      margin-left: 2px;
    }
    .header-text-div{
      margin-left: 2px;
      
    }

    .carousel-text {
      margin-left: 2% !important
    }

    .header-text-parent-div {
      padding: 10px;
    }

    .navbarNavcollapsed {
      background-color: rgba(0,0,0,.8) !important;
      padding-bottom: 10px !important;
      border: 2px solid rgb(189, 185, 185)!important;
      border-top-left-radius: 0 !important;
      width: 3px !important;
      padding-left: 0px !important;
      margin-left: 0px !important;
      padding: 0 !important;
      border-radius: 10px;
    }

    .navbarNavcollapsed ul {     
      padding-left: 0px !important;
      margin-left: 5px !important;
      margin-bottom: 10px !important;
      margin-block-start: 0 !important;
      margin-block-end: 0 !important;
      margin-right: 0px !important;
      width: 200px !important;
    }

    .navbarNavcollapsed ul ul {     
      padding-left: 0px !important;
      margin-left: 5px !important;
      margin-bottom: 10px !important;
      margin-block-start: 0 !important;
      margin-block-end: 0 !important;
      margin-right: 0px !important;
      width: 200px !important;
    }

    .navbarNavcollapsed ul a:hover{
      color: #FAAA28;
    }

    .carousel_text {
      margin-left: 7% !important;
      margin-right: 4%;
      font-size: 1.1rem !important;
      line-height: 2rem !important;
    }

    .carousel_title {
      margin-left:7% !important;
      line-height: 1.2em !important;

    }

    .carousel-indicators-home {
      margin-left: 0 !important;
      left: 7%;
    }

    .about_africa_speaks_text {
      font-size: 1.6rem;
    }
  }





  /* ============================ CYCLE 2 PLUGIN CSS===================== */
  /*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* .cycle-slideshow {
   width: 45%;
    min-width: 200px; 
    max-width: 500px;
     margin: 10px auto;
      padding: 0; 
      position: relative;
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;

 } */

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}

.headerElementsContainer {
  height: 100vh;
  /* background-color: red; */
  width: 82%;  
  position: absolute;
  top: 0px;
  left: 9%;
  z-index: 100;

}

.indicators-div {
  position: absolute;
  bottom: 4%;
  left: 28%;
  
  z-index: 100;
}

.carousel_text_div {
  position: absolute;
  bottom: 12%;
  left: 12%;
  z-index: 150;
  width: 80%;
}

.header_ul_carousel {
  text-align: left;
  font-family: 'industry';
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.8;
  margin-left: 0%;
  margin-top:0;
}

.signindiv {
  position: absolute;
  top: 6%;
  right: 9%;
  z-index: 150;
  font-family: 'industry';
  text-transform: uppercase;
  

}

.heroIndicator{
  width:30px;
  height: 30px;
  border:solid 1px #fff;
  margin: 5px;
  display: inline-block;
  cursor: pointer;
}

div.heroIndicator.cycle-pager-active{
  background-color: #FAAA28;
  border: solid 1px #FAAA28;
}

.navbarNav ul li a{
  color: white !important;
}

 .nav-link {
  color: white !important;
}

.navbar {
  --bs-navbar-color: rgba(255, 255, 255) !important;

} 

.navbar-nav {

flex-direction: column !important;
}
.navbar-nav {
  flex-direction: column !important;
}


/* ============ARTICLE============= */
.textGrey {
  color: #ccc;
}

.blogPostImageDiv {
  height: 200px;
  
}

.article h3 {
  font-family: 'industry';  
  font-weight: 700;
}

.redColor {
  color: #D92E00;
}

.articleBox {
  cursor: pointer;

}

.articleBox:hover {
  background-color: 	rgb(211, 211, 211, 0.4);

}

.rounded10 {
  border-radius: 10px;
}

.mainArticle h2 {
  font-family: 'industry';
  font-weight: 700;
  font-size: 2.3em;
}

.authorImage img {
  max-height: 50px;
  max-width: 50px;
  margin-right: 2rem;
}

.authorModal {
  text-decoration:underline;
  cursor: pointer;
}

.closebtn {
  font-weight: 10900;
  
}

.closebtn:hover {
  color: #D92E00;
  cursor: pointer;
  
}

.fa-facebook-f, .fa-earth-africa, .fa-twitter {
  color: #243c64;
}

.fa-facebook-f:hover, .fa-earth-africa:hover, .fa-twitter:hover{
  color: #D92E00;
}

.fa-xmark {
  font-size: 1px;
}

.mainModalRow  {
  height: 100%;
}

.mainModalCol {
  margin-top: 12%; 
}

.mainArticle h5, h3{
  font-weight: 800;
  margin-top: 30px;
  font-family: 'industry';
}

div.related-content a figure {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  background-color: rgba(0,0,0,0.5);
}

div.related-content a figure:after{
  content: '';
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.1);

}

div.related-content a figure:hover {
  color:#FAAA28;
}
.crd-title {
  position: absolute;
  display: block;
  top: 20%;
  width: calc(100% - 30px);
  padding-left: 15px;
  padding-right: 15px;
  font-family: 'Industry', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  /* z-index: 100; */
}

.subscribeDiv {
  border: 4px solid #D92E00;
  padding: 10px;
  border-radius: 5px;
}

.dontMiss {
  font-weight: 1800;
  font-size: 25px;
}

.moreArticlesText {
  font-family: 'Avenir';
  color: #555555;
  font-size: 35px;
  font-weight: 1000;
}

div.related-content a figure span {

  color: #fff;
  }
div.related-content a figure img {

  transition: all 0.3s;
  }
  
  div.related-content a figure:hover img {

  transform: scale(1.1);


  }

  div.related-content a figure:hover span {

    color:#FAAA28;
    z-index: 200;
    }

    div.related-content a figure:hover span {

      color:#FAAA28;
      }

    .figImgDiv {
      height: 100%;
      width: 100%;
      background-image: url('https://africaspeaks.global/wp-content/uploads/2022/09/ALS_Article-01-300x120.png');
      background-position: center; 
      background-size: cover; 
      background-blend-mode: darken;
    }

    .articleBox .h3 a:hover {
      color: #D92E00 !important;
    }

    .blogTitles:hover {
      color: #D92E00 !important;
    }


    .articleBox:hover a:hover {
      color: #D92E00 !important;
    }

    .nomargin {
      margin: 0px !important;
    }

    .footerIcons {
      margin-top: 0px;
      color: white;
      margin-left:10px;
    }

    .footerIcons:hover {
      color:#FAAA28  !important;
    }

    .footer_ul_nav {
    text-align: left;
    font-family: 'industry';
    font-weight: bold;
    font-size: 1.1em;
    line-height: 2em;   
    margin-top:10px;
    }

    
    .footer_ul_nav a:hover li {
      color: #FAAA28;
      text-decoration: underline;
    }


    .footer_ul_nav li {
        
      margin:30px 10px 0;
      }

      .footer_ul_nav li:hover {        
      
      text-decoration: underline;
        }

        .footer_ul_nav li a:hover {
        
          color: #FAAA28 !important;
        
          }

          .header_ul_carousel li a:hover{
            color: #FAAA28 !important;
          }
  
  .header_ul li a:hover{
            color: #FAAA28 !important;
          }

.btnTextBold
{
  font-weight: bold;
}

.bgYellow {
  background-color: #ffc107 !important;

}

.lightGreyBg {
  background-color: #f1f1f1;
}

.videoIndicator
{
  position: absolute;
  background-color: rgb(0,0,0,0.5);
  height: 25px;
  width: 70px;
  top: 10px;
  left: 0px;  
}

.videoIndicator a
{
  width: 100%;
  height: 100%; 
}