/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/*** Utility Colors ***/

.gold-text-shadow {
	text-shadow: 0 0 2px #FFD700 !important;
}


.white-text-shadow {
	text-shadow: 0 0 2px #fff !important;
}

.black-text-shadow {
	text-shadow: 0 0 2px #000 !important;
}

.gray-text-shadow {
	text-shadow: 0 0 2px #808080 !important;
}

.red-text-shadow {
	text-shadow: 0 0 2px #ff0000 !important;
}

.green-text-shadow {
	text-shadow: 0 0 2px #008000 !important;
}

.blue-text-shadow {
	text-shadow: 0 0 2px #0000ff !important;
}

.yellow-text-shadow {
	text-shadow: 0 0 2px #ffff00 !important;
}

.gold-color {
    color: #F1C77A !important;
}

.white-color {
	color: #fff !important;
}

.black-color {
	color: #000 !important;
}

.gray-color {
	color: #808080 !important;
}

.red-color {
	color: #ff0000 !important;
}

.green-color {
	color: #008000 !important;
}

.blue-color {
	color: #0000ff !important;
}

.yellow-gold-color {
	color: #ffca2c !important;
}

.border-light, .line {
    border-color: rgba(241,199,122, .15) !important;
}

.real-gold-color {
    color: #F1C77A !important;
}

.anchor-gold-hover-underline {
    text-decoration: underline;
    color: #F1C77A;
    transition: color 0.3s;
}


/* ffca2c */



/*** God's Plan Acronym ***/
.acronym-container {
    font-family: Domine, Roboto, sans-serif !important;
    text-align: left;
    padding: 0 10px;
	/* margin: 0 auto; */
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.acronym-container h1 {
    font-size: 2.5em;
    margin-bottom: 20px;
    color: #333;
}

.acronym-list {
    display: flex;
    flex-direction: column;
    align-items: left;
}

.acronym-item {
    display: flex;
    align-items: left;
    margin: 5px 0;
}

.acronym-letter {
    font-size: 1.5em;
    font-weight: bold;
    margin-right: 20px;
    color: #007BFF;
}

.acronym-description {
    font-size: 1.5em;
    color: #555;
}



/** text styling **/

/* Styling for magazine article text */
.page-text {
    font-family: 'Domine', 'Roboto', sans-serif !important;
    font-size: 1.2em; /* Larger font size for readability */
    line-height: 1.6; /* Improved line spacing for better reading */
    color: #333; /* Dark text color for high contrast */
    text-align: justify; /* Justified text alignment */
    margin-bottom: 20px; /* Space between paragraphs */
    hyphens: auto; /* Automatic hyphenation */
    word-spacing: 1px; /* Slightly increased word spacing */
}

* {
    font-family: 'Domine', 'Roboto', sans-serif !important;
}

/* Optional: Styling for headings in the article */
h1 {
    font-family: 'Domine', 'Roboto', sans-serif;
    font-size: 2.5em;
    margin-bottom: 10px;
    color: #007BFF;
}

h2 {
    font-family: 'Domine', 'Roboto', sans-serif;
    font-size: 2em;
    margin-bottom: 10px;
    color: #555;
}

/* Optional: Styling for blockquotes */
blockquote {
    font-family: 'Domine', 'Roboto', sans-serif;
    font-size: 1.2em;
    line-height: 1.6;
    color: #555;
    margin: 20px 0;
    padding-left: 20px;
    border-left: 4px solid #ddd;
}

/* Optional: Styling for images in the article */
img {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Optional: Styling for links in the article */
a {
    color: #007BFF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


/*** Misc ***/

.centered-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centers content both vertically and horizontally */
}



/*** Testimonials ***/

.block-testimonials-3,
.block-testimonials-3 h1,
.block-testimonials-3 h2,
.block-testimonials-3 h3,
.block-testimonials-3 h4,
.block-testimonials-3 h5,
.block-testimonials-3 h6,
.block-testimonials-3 p,
.block-testimonials-3 a {
    font-family: 'Domine', 'Roboto', sans-serif;
}

.block-testimonials-3 .swiper-slide {
    width: 400px;
    padding: 15px;
}

.block-testimonials-3 .testimonial-col {
     border: 1px solid #EEE;
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
}

.block-testimonials-3 .testimonial-col p {
    font-size: 16px;
    line-height: 26px !important;
    margin-bottom: 20px;
}

.block-testimonials-3 .swiper-horizontal>.swiper-scrollbar {
    width: 75%;
    max-width: 700px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,.06);
}

.block-testimonials-3 .swiper,
.block-testimonials-3 .swiper-wrapper {
    cursor: ew-resize !important;
}

/***------
---- Utilities
----****/
.scroll-container {
    width: 100%; /* or a specific width */
    height: 300px; /* or a specific height */
    overflow-y: auto; /* Enables vertical scrollbar only if needed */
    border: 2px solid #ccc; /* Optional: adds a border for visibility */
    margin: 20px 0; /* Optional: adds margin for spacing */
    display: flex;
    align-items: center; /* Centers content vertically */
}

.scroll-content {
    padding: 20px; /* Optional: adds padding for content inside the container */
    max-width: 100%; /* Ensures the content does not exceed the container width */
}



/**----- effects -----**/
.zoom-effect:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
    transition: transform 0.2s; /* Animation effect on hover */
}
    

.card-body-overlay {
    background-color: rgb(70 54 54 / 40%); /* Semi-transparent black overlay */
    transition: background-color 0.3s; /* Fade effect on hover */
}


/** form validation **/
.invalid-feedback {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #f44336; /* Red color for error messages */
}

.invalid-feedback.show {
    display: block;
}

.fileinput.form-control.is-invalid {
    border-color: #f44336; /* Red border for invalid input */
    padding-right: calc(1.5em + 0.75rem); /* Adjust padding for the error icon */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 5.8L6.2 6.2m0 0L6.6 5.8m-0.4 0.4L6.6 6.2m-0.4 0.4L5.8 6.6m0-0.4L6.2 6.2m0 4.8L6.2 8.6m0-0.4L5.8 8.2m0 0.4L6.2 8.6m3.2-3.2L8.6 8.6M8.6 5.8L5.8 5.8m0 0L5.8 8.2m0 0L8.6 8.2'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.fileinput.form-control:focus.is-invalid {
    box-shadow: 0 0 0 0.25rem rgba(244, 67, 54, 0.25); /* Red outline for focus state */
}


/*override fileinput plugin*/
/*hide action buttons for fileinput*/
/*button options: .fileinput-remove-button, fileinput-cancel-button, .fileinput-upload-button */
fileinput-cancel-button, .fileinput-upload-button {
    display: none;
}

/*class to constrain the dimensions of the image thumbnail*/
.fileinput-gallery-image-thumbnail {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}


#kvFileinputModal{
    z-index:9999;
}