/******************************************************************************
--- Colours ---
Mustard Yellow:		#D5A41B
Light Gray:			#8B999D		
Dark Gray:			#253439
Extra Dark Gray:	#171717

******************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* Hide */
.page-19 .page-header,
.page-35 .page-header  {display:none;}

/* Donate Button Styling */
.sp-megamenu-parent li a.donate-btn {
  display:block;
  font-family:"Montserrat", sans-serif; font-size:20px;
  font-optical-sizing:auto; font-weight:700; font-style:normal;
  line-height:50px;
  padding:2px 15px; margin-left:15px;
  background-color:rgb(245,197,24); color:#333;
}

.sp-megamenu-parent li a.donate-btn:hover {background-color:rgb(103,173,75); color:#fff;}

/* Footer Contents - Module */
.footer-flex {display:flex; max-width:100%;}
.footer-section {flex-direction:column;}
.footer-contents {flex-direction:row;}
.footer-spots {flex-direction:column; flex-grow:3;}
.footer-spotlights {flex-direction:row; justify-content:space-between;}

.footer-helptell {}
.footer-logo {flex-grow:1; display:block; margin-right:2.5em;}
.footer-ngostatus {}
.footer-storyteller {flex-grow:1; margin-right:1em;}
.footer-donate {flex-grow:1; margin-right:1em;}
.footer-socials {flex-grow:1;}

#sp-help-tell {background-color:#253439; color:#ffffff;}
#sp-help-tell a {color:#ffffff}
#sp-help-tell a:hover {color:#aaa;}
#sp-help-tell .row {position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px;}
@media (min-width: 1400px) {
  #sp-help-tell .container,
  #sp-organizations .container {max-width:1140px;}
}

/* TO DO: Change to new classes and adjust as needed */
#sp-help-tell .row {padding-top:75px; padding-bottom:75px;}
#sp-community .row {padding-top:40px; padding-bottom:15px;}
.footer-ngostatus {padding-top:30px; }
#sp-organizations .row {padding-top:2em; padding-bottom:2em;}

.footer-helptell {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: left;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(at center center, #dcd4d4 41%, #635656 100%);
}
.footer-helptell h4 {
  font-family: "Playfair Display", serif;
  font-optical-sizing:auto;
  font-weight: 700;
  font-style:normal
  font-size:40px;
  line-height: 48px;
  letter-spacing: 0px;
  display: inline-block;
  margin:0 0 30px 0;
}
.footer-logo div {
  display:inline-block;
  border-width: 12px;
  border-color: #000000;
  border-style: double;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  background-color:#fff;
}

.footer-spotlights .sppb-icon {margin-bottom:15px;}
.footer-spotlights i {font-size:30px; width:30px; height:30px; line-height:30px;}
.footer-spotlights h4 {font-family:"Montserrat", sans-serif; font-optical-sizing:auto; font-weight:700;  font-style:normal; font-size:12px; line-height:20px; letter-spacing:0px;}
.footer-spotlights p {font-family:"Montserrat", sans-serif; font-optical-sizing:auto; font-weight:500; font-style:normal; font-size:12px; line-height:24px;}
.footer-socials .social-links {list-style-type:none; margin:0; padding:0;}
.footer-socials .social-links li {display:inline-block; padding-right:12px;}
.footer-ngostatus img {display:block; float:left;  margin-right:2.5em;}
.footer-ngostatus p {font-family:"Montserrat", sans-serif; font-optical-sizing:auto; font-weight:500; font-style:normal; font-size:17px; line-height:29px; padding-top:20px;}

.org-ngos {display:flex; flex-direction:row;}
.org-ngos .org-logos {display:flex; flex-flow:row wrap;}
.org-ngos .org-logos div {margin:auto 1em;}
.org-ngos .org-logos .org-logo {max-width:12.25%;}
.org-ngos .org-text {flex-basis:30%; font-size:16px; font-weight:500; line-height:18px;}
.org-ngos .org-text p {margin:0;}


/* Fix for Donate Popup */
#sppb-modal-CkMuWnwdw-OAE6dQ7lmK1.white-popup-block {height:auto;}
#sppb-modal-CkMuWnwdw-OAE6dQ7lmK1.white-popup-block div h3 {padding-left:10px;}
#sppb-modal-CkMuWnwdw-OAE6dQ7lmK1.white-popup-block div iframe {padding-left:10px;}

#sppb-addon-1724836969485 div a h3:hover,
#sppb-addon-1724836969485 div a h3:focus,
#sppb-addon-1724837566804 div a h3:hover,
#sppb-addon-1724837566804 div a h3:focus {color:#d4af37;}

/* Interviews Scroll Link */
#MoreInterviews {
	width:100%;
	background-color:#8b999d;
	display:block;
	position:absolute; left:0;
	margin:0; padding:5px 0;
  font-size:16px;
  font-weight:700;
  line-height:42px;
  text-transform: uppercase;
  text-align:center;
}
.MoreInterviewsLink {
  display:block;
  width:100%; height:42px;
  background-color:#ffffff;
  padding:0;
  border:1px solid #ffffff;
  border-radius: 0px 0px 15px 15px;
}
.TriangleDown {
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 20px solid #ffffff;
  margin:-1px auto 0 auto;
}
#MoreInterviews a {transition: color 20ms, background-color 20ms;}
#MoreInterviews:hover .MoreInterviewsLink,
#MoreInterviews:focus .MoreInterviewsLink  {background-color:#253439; color:#ffffff; border:1px solid #253439;}
#MoreInterviews:hover .TriangleDown,
#MoreInterviews:focus .TriangleDown {border-top:20px solid #253439 !important;}
.sp-page-builder .page-content #section-id-92288e82-b246-481e-9968-be620d70115a {padding-bottom:110px;}

#TexanInterviews {margin:1em 0 0.75em 0; padding:0; font-size:40px; font-weight:700; line-height:40px;}

.overlay-background-image {background-position:center top;}
#sppb-addon-4gsygLyXXZ4-JXvoXsIYk .sppb-addon-text-block .sppb-addon-content {line-height:25px;}


@media (max-width: 992px) {
	
  h3 {font-size:31px;}
  .logo-image {height:100px !important;}
 
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span,
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size:14px;}
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {padding:0 12px; line-height:120px; font-size:14px;}
  
  .footer-ngostatus img {margin-right:1.5em;}
  .footer-ngostatus p {font-size:14px; line-height:22px; padding-top:25px;}
  #sp-help-tell .row {padding-top:50px; padding-bottom:50px;}
  .org-ngos .org-logos div {margin:auto 0.5em;}
  .org-ngos .org-logos .org-logo {max-width:14.15%;}
  .org-ngos .org-text {font-size:14px; line-height:22px;}
 
  /* Donate Button Styling */
  .sp-megamenu-parent li a.donate-btn {line-height:50px; padding:2px 15px; font-size:20px;}
    
  .sp-page-builder .page-content #section-id-u0JDrkQhfVk5cfOkMNIR5 {padding-top:20px; padding-bottom:20px;}
  
  #sppb-addon-1661092074571 .sppb-addon-header .sppb-addon-title {font-size:31px;}
  
  .sp-page-builder .page-content #section-id-1661977217998 {padding-top:50px; padding-bottom:50px;}
  #sppb-addon-1662142872329 .sppb-addon-header .sppb-addon-title {font-size:24px;}
  .sp-page-builder .page-content #section-id-1661970098596 {padding:50px;}

}

@media (max-width: 991px) {
	
  #sp-header {height:100px;}
  #sp-header .logo {height:100px;}
  #sp-help-tell .container,
  #sp-organizations .container,
  #sp-footer .container {max-width:950px;}
  
}

@media (min-width: 768px) and (max-width: 991px) {
	
  .page-19 .page-header,
  .page-35 .page-header {padding-left:38px; padding-bottom:0; height:50px;}
  .page-19 .page-header h1,
  .page-35 .page-header h1 {line-height:50px;}
  #sppb-addon-JubnDTyou4hPLyhlaSdnK .sppb-addon-header .sppb-addon-title {font-size:48px;}
  #sppb-addon-4gsygLyXXZ4-JXvoXsIYk .sppb-addon-text-block .sppb-addon-content {font-size:14px; line-height:18px;}
  #TexanInterviews {font-size:35px; line-height:35px;}
  
  .footer-helptell h4 {font-size:30px !important;}
  .footer-spotlights .social-links i {
    font-size:24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .org-ngos .org-text {flex-basis:50%;}
  .org-ngos .org-logos div {margin:auto 1em;}
  .org-ngos .org-logos .org-logo {max-width:25%;}
  
}

@media (max-width: 768px) {
  
  .footer-ngostatus p {padding-top:15px;}
  #sp-help-tell .container {max-width:750px;}
  #sp-organizations .container,
  #sp-footer .container {max-width:720px;}
  
  #column-id-xAXKX_pcNb0c6169DopsC .sppb-row-column {max-width:50%; flex-basis:50%; margin-bottom:1.2em; padding-bottom:1.2em;}
  #column-id-xAXKX_pcNb0c6169DopsC .sppb-section {padding:0 !important;}
  #sppb-addon-4gsygLyXXZ4-JXvoXsIYk .sppb-addon-text-block .sppb-addon-content {font-size:18px; line-height:30px;}
  
}