/*
Theme Name: Three30 Charity is Hope Child Theme
Theme URI: https://testing.drugfreeclubs.com
Template: charity-is-hope
Author: Three30 Group
Author URI: https://testing.drugfreeclubs.com
Description: Child theme of Charity is Hope Theme
Version: 1.0.1676910915
Updated: 2023-02-20 11:35:15

*/



@import url("style-2.css");


/* =Theme customization starts here
-------------------------------------------------------------- */

/*
footer  {display:none !important;}
*/

.mobileHeaderButtonsDiv {
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    margin: 0.5rem 1rem;
    flex-wrap: wrap;
}

.testDayButton, #testDayButton {
    background-color: #37fd12 !important;
    color: black !important;
}

.mobileHeaderButtonsDiv > a {
    display: block;
    width: fit-content;
    height: 25px;
    background: #041e59;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white !important;
    font-weight: bold;
    line-height: 25px;
}


footer.area_wrap {
    background: #041e59;
    padding: 2rem 0 0 0;
}

footer.footer_wrap {
	display: none !important;
}

footer > div > div > div.area_text {
	display: flex !important; 
	justify-content: center !important; 
	align-items: center !important;
	gap: 2rem;
	flex-wrap: wrap;
}


a.grayText:hover {
	color: #c51230 !important;
}

.grayText {
	color: #8a8a8a !important;
}

rs-module-wrap .TRX-button .sc_button.blue, .rev_slider .TRX-button .sc_button.blue {
    background-color: #041e59;
}

.scheme_original .sc_button.sc_button_style_filled2:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

sup {
    font-size: 13px !important;
    padding: 0px 0px 0px 6px !important;
    line-height: 61px !important;
    vertical-align: top !important;
    transition: none 0s ease 0s !important;
    text-align: inherit !important;
    border-width: 0px !important;
    margin: 0px !important;
    letter-spacing: -1px !important;
    font-weight: 800 !important;
}


.factsFiguresRow {
	display: flex;
	gap: 2rem;
	padding: 0.5rem;
	align-items: center;
	width: 100%;
	height: 70px;
}
.factsFiguresRow > div:first-child {
    flex: 0 0 45%;
    font-size: 5rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 800;
    color: #c51230;
}
.factsFiguresRow > div:last-child {
	flex: 1;
	font-size: 1.25rem;
    font-weight: 600;
}
.factsFiguresContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	margin: 1.5rem 0;
}
#finalFigure {
	padding-top: 1rem;
    text-align: center;
    font-size: 1.5rem;
    width: 60%;
    font-weight: 700;
}
.asItStandsContainer {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 1.5rem;
    border-radius: 1rem;
    margin: 1rem;
}
.sources {
    text-align: right;
    font-weight: 600;
    font-size: 1.25rem;
}
.buttonHideDesktop {
	display: none !important;
}
.buttonHideMobile {
	display: block !important;
}
.rowHideMobile{
	display: block !important;
}
.rowHideDesktop {
	display: none !important;
}
  
@media (max-width: 767px) {
	.factsFiguresRow {	
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: auto;
	}
	.factsFiguresRow > div:last-child {
		text-align: center;
	}
	#finalFigure {
		width: 100%;
	}
	.buttonHideMobile{
		display: none !important;
	}
	.buttonHideDesktop {
		display: block !important;
	}
	.rowHideMobile{
		display: none !important;
	}
	.rowHideDesktop {
		display: block !important;
	}
}

.footerSMContainer {
	display: flex;
	flex-wrap: wrap;
	font-size: 1rem;
	justify-content: center;
}
.footerSMContainer.menu {
	list-style: none;
}

.menu-link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  text-decoration: none;
}

.menu-link:hover {
	font-weight: bold !important;
}

.menu-link::after {
  content: attr(data-text);
  content: attr(data-text) / "";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: bold;
}