/**disables the tabs lines at the bottom of the help pages till site makeover**/
.cBoxTab, .TPboxTab {
	display: none;
	}
.SRTLaunchBtn {
	display: none;
}
.SRTPanelHost {
	display: none;
	}
.container {
	position: relative;
	margin-top: 80px;
	}
body{
    margin-top:20px;
    background-color:#cc6699;
    display: inline;
}
.card-body p-0 {
	background-color: #FFD05F;
}
.p-5{
	box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
	webkit-box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
    box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
}
.OutContainer a{
		color: #1988FF;
		font-size:24px;
		text-decoration: underline
		}
.helpContainer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	justify-items: center;
	width: 100%;
	margin: 20px 0;
}

.featurecon {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	justify-items: center;
	width: 100%;
	margin: 20px 0;
}
.helpContainer a{
	font-size:24px;
	color: #1988FF;
}
.account-block {
    padding: 0;
    background-image: url(images/bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
}
.account-block .overlay {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.account-block .account-testimonial {
    text-align: center;
    color: #fff;
    position: absolute;
    margin: 0 auto;
    padding: 0 1.75rem;
    bottom: 3rem;
    left: 0;
    right: 0;
}

.text-theme {
    color: #FFD05F !important;
}
.helpTopic{
	width: 300px;
	min-height: 220px;
	padding: 15px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	text-align: center;
	transition: transform 0.2s ease;
	cursor: pointer;
}

.helpTopic:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.helpTopic img {
	display: block;
	margin: 0 auto 10px auto;
	max-width: 100px;
	height: auto;
}

.helpTopic .helpTopicText {
	font-size: 18px;
	font-weight: bold;
	color: #1988FF;
	margin: 10px 0;
}

.helpTopic p {
	font-size: 14px;
	color: #666;
	margin: 10px 0 0 0;
	line-height: 1.4;
}

.helpTopic a {
	text-decoration: none;
	color: inherit;
}
.helpContainer a{
	font-size:24px;
}
.btn-theme {
    background-color: #FFD05F;
    border-color: #FFD05F;
    color: #fff;
}
.footerbox2 {
		color: white;
		
}
.FAQcontainer {
	display: normal;
	justify-content: right;
	width:100%;
	height:200px;
	background-image: url(../ScriptureUI/images/GP_LetterLRG.png);
    background-size: cover;
    background-position-x: -200px;
    background-repeat: no-repeat;
    background-position-y: -250px;
    background-color:#FFC506;
    box-shadow: 0 0 20px #FFC506;
   
	}

/* Section-specific FAQcontainer styles */

/* Account Support */
.account-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/AccountHelpLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#1E3A8A;
    box-shadow: 0 0 20px #3B82F6;
}

/* My Bible Support */
.mybible-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/mybibleLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#022287;
    box-shadow: 0 0 20px #8DA9E3;
}

/* My Table Support */
.mytable-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/mytableLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#FF2401;
    box-shadow: 0 0 20px #FA7878;
}

/* My Profile Support */
.myprofile-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/myprofileLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -100px;
    background-color:#FDEC21;
    box-shadow: 0 0 20px #CFD89B;
}

/* My Studies Support */
.mystudies-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/mystudiesLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#7300AD;
    box-shadow: 0 0 20px #BDA0D8;
}

/* My Life Support */
.mylife-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/mylifeLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#FF9705;
    box-shadow: 0 0 20px #FFCE90;
}

/* My Domain Support */
.mydomain-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/mydomainLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#0F766E;
    box-shadow: 0 0 20px #14B8A6;
}

/* LeafList Support */
.leaflist-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/LeafListLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#166534;
    box-shadow: 0 0 20px #16A34A;
}

/* Message Center Support */
.messagecenter-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/envelopeLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#1E40AF;
    box-shadow: 0 0 20px #3B82F6;
}

/* Account Features Support */
.features-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/SGTLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#2EC4FF;
    box-shadow: 0 0 20px #AEFFB4;
}

/* Individual Feature Support Pages */
/* SGT Support */
.sgt-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/SGTLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#2EC4FF;
    box-shadow: 0 0 20px #AEFFB4;
}

/* SRT Support */
.srt-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/SRT-LRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#BDBDBD;
    box-shadow: 0 0 20px #000000;
}

/* Thought Pool Support */
.thoughtpool-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/ThoughtPoolLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#ffffff;
    box-shadow: 0 0 20px #8EC4FF;
}

/* Testimony Pool Support */
.testimonypool-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/sun1024.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#ffffff;
    box-shadow: 0 0 20px #FDEC21;
}

/* Tribulation Pool Support */
.tribulationpool-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/whiteCloud4096.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#f1f1f1;
    box-shadow: 0 0 20px #FDEC21;
}

/* Emojis Support */
.emojis-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/smileHaloLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#ffffff;
    box-shadow: 0 0 20px #000000;
}

/* Product Support */
.product-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/productFAQLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#7C2D12;
    box-shadow: 0 0 20px #DC2626;
}

/* Website Support */
.website-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/WebsiteFAQLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#1E40AF;
    box-shadow: 0 0 20px #2563EB;
}

/* Other Support */
.other-support .FAQcontainer {
	background-image: url(../ScriptureUI/images/otherHelpLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#7C2D12;
    box-shadow: 0 0 20px #F97316;
}

/* Services Help */
.services-help .FAQcontainer {
	background-image: url(../ScriptureUI/images/ServicesFAQLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#f5f5f5;
    box-shadow: 0 0 20px #ececec;
}

/* Fix background for all service pages */
.services-help .card-body,
.services-help .p-5,
.search-help .card-body,
.search-help .p-5,
.prints-help .card-body,
.prints-help .p-5,
.marketing-help .card-body,
.marketing-help .p-5,
.library-help .card-body,
.library-help .p-5,
.maps-help .card-body,
.maps-help .p-5 {
    background-color: #ffffff !important;
}

/* Fix services index page content stretching - Override Bootstrap grid */
.services-help .container,
.services-help .row,
.services-help .col-xl-10 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
}

.services-help .row.no-gutters {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
}

.services-help .p-5 {
    width: 100% !important;
    flex: 1 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    margin: 0 !important;
    padding: 3rem !important;
    display: flex !important;
    flex-direction: column !important;
}

.services-help .card,
.services-help .card-body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.services-help .mb-5 {
    width: 100% !important;
    flex: 1 !important;
    display: block !important;
}

/* Force the content area to expand */
.services-help .mb-5::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
}

/* Invisible width filler to force container expansion */
.width-filler {
    display: inline-block;
    width: calc(100% - 200px);
    height: 0;
    visibility: hidden;
}



/* Overall Help */
.overall-help .container,
.overall-help .row,
.overall-help .col-xl-10 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
}

.overall-help .row.no-gutters {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
}

.overall-help .p-5 {
    width: 100% !important;
    flex: 1 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    margin: 0 !important;
    padding: 3rem !important;
    display: flex !important;
    flex-direction: column !important;
}

.overall-help .card,
.overall-help .card-body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.overall-help .mb-5 {
    width: 100% !important;
    flex: 1 !important;
    display: block !important;
}

/* Product Help */
.product-help .container,
.product-help .row,
.product-help .col-xl-10 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
}

.product-help .row.no-gutters {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
}

.product-help .p-5 {
    width: 100% !important;
    flex: 1 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    margin: 0 !important;
    padding: 3rem !important;
    display: flex !important;
    flex-direction: column !important;
}

.product-help .card,
.product-help .card-body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.product-help .mb-5 {
    width: 100% !important;
    flex: 1 !important;
    display: block !important;
}

/* Search Help */
.search-help .FAQcontainer {
	background-image: url(../ScriptureUI/images/Search653.png);
    background-size: 55%;
    background-position-x: -75px;
    background-position-y: -150px;
    background-color:#dedede;
    box-shadow: 0 0 20px #ececec;
}

/* Prints Help */
.prints-help .FAQcontainer {
	background-image: url(../ScriptureUI/images/mailbox500.png);
    background-size: 60%;
    background-position-x: -105px;
    background-position-y: -175px;
    background-color:#dedede;
    box-shadow: 0 0 20px #ececec;
}

/* Marketing Help */
.marketing-help .FAQcontainer {
	background-image: url(../ScriptureUI/images/ServicesFAQLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#dedede;
    box-shadow: 0 0 20px #ececec;
}

/* Library Help */
.library-help .FAQcontainer {
	background-image: url(../ScriptureUI/images/library500.png);
    background-size: 40%;
    background-position-x: 0px;
    background-position-y: -50px;
    background-color:#dedede;
    box-shadow: 0 0 20px #ececec;
}

/* Maps Help */
.maps-help .FAQcontainer {
	background-image: url(../ScriptureUI/images/GPMaps.png);
    background-size: 40%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#dedede;
    box-shadow: 0 0 20px #ececec;
}
	.FAQcontainer p{
   font-size: 46px;
   font-weight: normal;
    position:100px;
    line-height: 200px;
    text-align: right;
    
}
.FAQTopic{
	width: 300px;
	min-height: 220px;
	padding: 15px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	text-align: center;
	transition: transform 0.2s ease;
	cursor: pointer;
}

.FAQTopic:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.FAQTopic img {
	display: block;
	margin: 0 auto 10px auto;
	max-width: 100px;
	height: auto;
}

.FAQTopic .FAQTopicText {
	font-size: 18px;
	font-weight: bold;
	color: #1988FF;
	margin: 10px 0;
}

.FAQTopic p {
	font-size: 14px;
	color: #666;
	margin: 10px 0 0 0;
	line-height: 1.4;
}

.FAQTopic a {
	text-decoration: none;
	color: inherit;
}
.FAQContainer a{
	font-size:24px;
	}
	.OutContainer a{
		color: #1988FF;
		font-size:24px;
		text-decoration: underline;
		}
		.OutContainer {
		font-size:24px;
		}
		
.servContainer{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	justify-items: center;
	width: 100%;
	margin: 20px 0;
}
.servContainer a{
	font-size:24px;
	color: #1988FF;
}

.servTopic{
	width: 300px;
	min-height: 220px;
	padding: 15px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	text-align: center;
	transition: transform 0.2s ease;
	cursor: pointer;
}

.servTopic:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.servTopic img {
	display: block;
	margin: 0 auto 10px auto;
	max-width: 100px;
	height: auto;
}

.servTopic .helpTopicText {
	font-size: 18px;
	font-weight: bold;
	color: #1988FF;
	margin: 10px 0;
}

.servTopic p {
	font-size: 14px;
	color: #666;
	margin: 10px 0 0 0;
	line-height: 1.4;
}

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

.accDivs{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	justify-items: center;
	width: 100%;
	margin: 20px 0;
}

@media screen and (max-width: 992px) {
	
	/**SRT Panel will not go to zero right so it and the launch button is disabled above**/
.OutContainer a{
		color: #1988FF;
		font-size:16px;
		text-decoration: underline;
		}

	/* Mobile grid adjustments */
	.helpContainer, .featurecon, .servContainer, .accDivs {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.helpTopic, .FAQTopic, .servTopic {
		width: 100%;
		max-width: 350px;
	}
	
	/* Mobile FAQcontainer adjustments */
	.search-help .FAQcontainer,
	.prints-help .FAQcontainer,
	.marketing-help .FAQcontainer,
	.library-help .FAQcontainer,
	.maps-help .FAQcontainer {
		background-size: cover;
		background-position-x: -50px;
		background-position-y: -150px;
	}
	.footerbox2 {
		width:100%;
		
	}
	}

@media screen and (max-width: 992px) {
	/**SRT Panel will not go to zero right so it and the launch button is disabled above**/
	.FAQcontainer p{
   font-size: 22px;
  
}
.SRTPanelHost {
	position: relative;
	right:0;
	top:0;
	}
	.SRTPanelHost {
	display: none;
	}
.container{
		position: relative;
		width:100vw;
		
	}
	.footerbox {
		width:80vw;
		font-size:12px;
		margin-bottom:45px;
	}
	.footerbox2 {
		width:100%;
		
	}
	}
	@media screen and (max-width:480px) {
	.container{
		width:100vw;
		/**margin-top: 1350px;**/
	}
	.footerimage{
		width:80%;
		/**margin-top: 1350px;**/
	}
	.mb-5 {
		width: calc(80vw - 50px);
	}
	.p-5{
		box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
		webkit-box-shadow: 0 4px 18px 4px rgba(47, 91, 234, 0.175);
		box-shadow: 0 4px 18px 4px rgba(47, 91, 234, 0.175);
	}
	.FAQcontainer {
	
	
    background-size: 70%;
    background-position-x: -1px;
    background-repeat: no-repeat;
    background-position-y: 0px;
    
   
	}
	.footerbox {
		width:80vw;
		font-size:12px;
		border: none;
		margin-bottom:40px;
	}
}