/*!
Theme Name: Vision Malala V2.1
Theme URI: http://underscores.me/
Author: TimD - Tim Digital
Author URI: https://www.timdtech.com
Description: A custom WordPress theme crafted by TimD for Vision Malala Trsut\'s Official Website
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: visionmalala_qp
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.

Vision Malala V2.1 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
	 ========================================================================== */


/* Subscribe */

/* =========================================
   EMAIL SUBSCRIBERS – FINAL EXACT DESIGN
========================================= */

.subscribe-box {
	width: 100% !important;
	max-width: 342px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	border-radius: 15px;
}

.subscribe-box .es_form_wrapper,
.subscribe-box .ig-es-form-wrapper {
	width: 100% !important;
	max-width: 342px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.subscribe-box form.es_subscription_form {
	display: flex !important;
	width: 100% !important;
	min-height: 95px !important;
	margin: 0 !important;
	padding: 15px !important;
	align-items: center;
	justify-content: space-between !important;
	gap: 14px !important;
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	font-family: Arial, Helvetica, sans-serif !important;
	box-sizing: border-box !important;
	align-content: center;
}

.subscribe-box form.es_subscription_form .ig-es-form-field {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.subscribe-box form.es_subscription_form .es-field-label {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;

	color: #777777 !important;
	-webkit-text-fill-color: #777777 !important;

	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 20px !important;
	text-align: center !important;
}

.subscribe-box form.es_subscription_form input.ig-es-form-input,
.subscribe-box form.es_subscription_form input[type="email"]:not([tabindex="-1"]) {
	display: block !important;
	width: 100% !important;
	max-width: 180px !important;
	height: 38px !important;
	margin: 4px 0 0 !important;
	padding: 7px 0 !important;

	color: #555555 !important;
	-webkit-text-fill-color: #555555 !important;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-bottom: 1px solid #d8d8d8 !important;
	border-radius: 0 !important;

	outline: none !important;
	box-shadow: none !important;

	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 23px !important;
	text-align: left !important;

	appearance: none !important;
	-webkit-appearance: none !important;
	box-sizing: border-box !important;
	transition: border-color 0.25s ease !important;
}

.subscribe-box form.es_subscription_form input.ig-es-form-input::placeholder,
.subscribe-box form.es_subscription_form input[type="email"]:not([tabindex="-1"])::placeholder {
	color: #a8a8a8 !important;
	-webkit-text-fill-color: #a8a8a8 !important;
	opacity: 1 !important;

	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}

.subscribe-box form.es_subscription_form input.ig-es-form-input:focus,
.subscribe-box form.es_subscription_form input[type="email"]:not([tabindex="-1"]):focus {
	border-bottom-color: #ff7540 !important;
	outline: none !important;
	box-shadow: none !important;
}

.subscribe-box form.es_subscription_form .es-submit-container {
	display: flex !important;
	flex: 0 0 auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 0 1px !important;
	align-items: center !important;
	justify-content: center !important;
}

.subscribe-box form.es_subscription_form input.es-subscribe-btn,
.subscribe-box form.es_subscription_form input[type="submit"] {
	display: inline-flex !important;
	width: 101px !important;
	min-width: 101px !important;
	height: 40px !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 16px !important;

	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background-color: var(--main-theme-color) !important;
	border: 0 !important;
	border-radius: 50px !important;
	outline: none !important;
	box-shadow: none !important;

	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 40px !important;
	text-align: center !important;

	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	box-sizing: border-box !important;

	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		background 0.25s ease !important;
}

.subscribe-box form.es_subscription_form input.es-subscribe-btn:hover,
.subscribe-box form.es_subscription_form input[type="submit"]:hover {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background: var(--main-theme-color);
	transform: translateY(-2px) !important;
}

.subscribe-box form.es_subscription_form input.es-subscribe-btn:focus,
.subscribe-box form.es_subscription_form input[type="submit"]:focus {
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(255, 117, 64, 0.22) !important;
}

.subscribe-box form.es_subscription_form input.es-subscribe-btn:active,
.subscribe-box form.es_subscription_form input[type="submit"]:active {
	transform: translateY(0) scale(0.97) !important;
	box-shadow: none !important;
}

.subscribe-box form.es_subscription_form .es-field-wrap {
	margin-bottom: 0 !important;
}

.subscribe-box .es_subscription_message {
	display: block !important;
	margin-top: 8px !important;
	font-size: 13px !important;
	line-height: 18px !important;
}

.subscribe-box form.es_subscription_form .es_spinner_image {
	position: absolute !important;
	right: 8px !important;
	bottom: -25px !important;
}

@media only screen and (max-width: 420px) {
	.subscribe-box form.es_subscription_form {
		padding: 17px 18px 14px !important;
		gap: 12px !important;
	}

	.subscribe-box form.es_subscription_form input.ig-es-form-input,
	.subscribe-box form.es_subscription_form input[type="email"]:not([tabindex="-1"]) {
		max-width: 100% !important;
	}

	.subscribe-box form.es_subscription_form input.es-subscribe-btn,
	.subscribe-box form.es_subscription_form input[type="submit"] {
		width: 101px !important;
		min-width: 101px !important;
	}
}



/* =========================================================
   VISION MALALA - GLOBAL WPFORMS CSS
   Same Input / Select / Phone / Textarea Styling
========================================================= */

.wpforms-container,
.wpforms-container-full,
.wpforms-container .wpforms-form,
.wpforms-container-full .wpforms-form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}


/* =========================================================
   GLOBAL VARIABLES
========================================================= */

.wpforms-container {
    --vm-field-height: 40px !important;
    --vm-field-font: 14px !important;
    --vm-placeholder-color: #777777 !important;
    --vm-text-color: #1a2238 !important;
    --vm-border-color: rgba(111, 59, 108, 0.28) !important;
    --vm-pink: #ED226C !important;
    --vm-purple: #6f3b6c !important;
    --vm-radius: 4px !important;
}


/* =========================================================
   FIELD SPACING
========================================================= */

.wpforms-container .wpforms-form .wpforms-field {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   HIDE NORMAL LABELS
========================================================= */

.wpforms-container .wpforms-form
.wpforms-field-label.wpforms-label-hide {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}


/* =========================================================
   ALL NORMAL SINGLE LINE FIELDS
========================================================= */

.wpforms-container .wpforms-form
input[type="text"]:not([aria-hidden="true"]),

.wpforms-container .wpforms-form
input[type="email"],

.wpforms-container .wpforms-form
input[type="tel"],

.wpforms-container .wpforms-form
input[type="number"],

.wpforms-container .wpforms-form
input[type="url"],

.wpforms-container .wpforms-form
input[type="password"],

.wpforms-container .wpforms-form
input[type="search"],

.wpforms-container .wpforms-form
select {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: var(--vm-field-height) !important;
    min-height: var(--vm-field-height) !important;

    margin: 0 !important;

    padding: 0 11px !important;

    background: #ffffff !important;

    color: var(--vm-text-color) !important;
    -webkit-text-fill-color: var(--vm-text-color) !important;

    border: 1px solid var(--vm-border-color) !important;
    border-radius: var(--vm-radius) !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;
    font-style: normal !important;
    font-weight: 400 !important;

    line-height: 38px !important;

    letter-spacing: normal !important;
    text-transform: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ALL NORMAL PLACEHOLDERS
========================================================= */

.wpforms-container .wpforms-form
input::placeholder,

.wpforms-container .wpforms-form
textarea::placeholder {

    color: var(--vm-placeholder-color) !important;
    -webkit-text-fill-color: var(--vm-placeholder-color) !important;

    opacity: 1 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;
    font-style: normal !important;
    font-weight: 400 !important;

    letter-spacing: normal !important;
}


/* Chrome / Safari */

.wpforms-container .wpforms-form
input::-webkit-input-placeholder,

.wpforms-container .wpforms-form
textarea::-webkit-input-placeholder {

    color: var(--vm-placeholder-color) !important;
    -webkit-text-fill-color: var(--vm-placeholder-color) !important;

    opacity: 1 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: var(--vm-field-font) !important;
    font-style: normal !important;
    font-weight: 400 !important;
}


/* Firefox */

.wpforms-container .wpforms-form
input::-moz-placeholder,

.wpforms-container .wpforms-form
textarea::-moz-placeholder {

    color: var(--vm-placeholder-color) !important;

    opacity: 1 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: var(--vm-field-font) !important;
    font-style: normal !important;
    font-weight: 400 !important;
}


/* =========================================================
   TEXTAREA
========================================================= */

.wpforms-container .wpforms-form textarea {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 108px !important;
    min-height: 108px !important;

    margin: 0 !important;

    padding: 8px 11px !important;

    background: #ffffff !important;

    color: var(--vm-text-color) !important;
    -webkit-text-fill-color: var(--vm-text-color) !important;

    border: 1px solid var(--vm-border-color) !important;
    border-radius: var(--vm-radius) !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;
    font-style: normal !important;
    font-weight: 400 !important;

    line-height: 20px !important;

    resize: vertical !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FOCUS
========================================================= */

.wpforms-container .wpforms-form
input:not([type="hidden"]):focus,

.wpforms-container .wpforms-form
textarea:focus,

.wpforms-container .wpforms-form
select:focus {

    background: #ffffff !important;

    border-color: var(--vm-pink) !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px rgba(237, 34, 108, 0.08) !important;
}


/* =========================================================
   MODERN SELECT - CHOICES.JS
========================================================= */

.wpforms-container .wpforms-form
.wpforms-field-select-style-modern .choices {

    width: 100% !important;
    max-width: 100% !important;

    height: var(--vm-field-height) !important;
    min-height: var(--vm-field-height) !important;

    margin: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;

    line-height: normal !important;
}


/* Outer Select Box */

.wpforms-container .wpforms-form
.wpforms-field-select-style-modern
.choices .choices__inner {

    display: flex !important;

    width: 100% !important;

    height: var(--vm-field-height) !important;
    min-height: var(--vm-field-height) !important;

    margin: 0 !important;

    padding: 0 38px 0 11px !important;

    align-items: center !important;

    background: #ffffff !important;

    border: 1px solid var(--vm-border-color) !important;
    border-radius: var(--vm-radius) !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* Selected text wrapper */

.wpforms-container .wpforms-form
.wpforms-field-select-style-modern
.choices__list--single {

    display: flex !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: center !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;

    line-height: normal !important;
}


/* ALL visible Choices text */

.wpforms-container .wpforms-form
.wpforms-field-select-style-modern
.choices__list--single
.choices__item {

    margin: 0 !important;
    padding: 0 !important;

    color: var(--vm-text-color) !important;
    -webkit-text-fill-color: var(--vm-text-color) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;
    font-style: normal !important;
    font-weight: 400 !important;

    line-height: normal !important;

    letter-spacing: normal !important;
}


/* =========================================================
   CHOICES PLACEHOLDER - IMPORTANT FIX
========================================================= */

.wpforms-container .wpforms-form
.wpforms-field-select-style-modern
.choices__list--single
.choices__item.choices__placeholder,

.wpforms-container .wpforms-form
.choices__item.choices__placeholder,

div.wpforms-container-full
.wpforms-form
.wpforms-field.wpforms-field-select-style-modern
.choices
.choices__inner
.choices__list--single
.choices__item--selectable.choices__placeholder {

    color: var(--vm-placeholder-color) !important;
    -webkit-text-fill-color: var(--vm-placeholder-color) !important;

    opacity: 1 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;
    font-style: normal !important;
    font-weight: 400 !important;

    line-height: normal !important;

    letter-spacing: normal !important;
}


/* Remove placeholder X button */

.wpforms-container .wpforms-form
.choices__placeholder .choices__button {

    display: none !important;
}


/* Arrow */

.wpforms-container .wpforms-form
.wpforms-field-select-style-modern
.choices[data-type*="select-one"]::after {

    width: 0 !important;
    height: 0 !important;

    right: 11px !important;

    margin-top: -2px !important;

    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px solid var(--vm-purple) !important;
    border-bottom: 0 !important;

    background: transparent !important;
}


/* Focus */

.wpforms-container .wpforms-form
.wpforms-field-select-style-modern
.choices.is-focused .choices__inner,

.wpforms-container .wpforms-form
.wpforms-field-select-style-modern
.choices.is-open .choices__inner {

    border-color: var(--vm-pink) !important;

    box-shadow:
        0 0 0 2px rgba(237, 34, 108, 0.08) !important;
}


/* Dropdown */

.wpforms-container .wpforms-form
.wpforms-field-select-style-modern
.choices__list--dropdown {

    background: #ffffff !important;

    border: 1px solid var(--vm-border-color) !important;

    color: var(--vm-text-color) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;

    z-index: 99999 !important;
}


.wpforms-container .wpforms-form
.wpforms-field-select-style-modern
.choices__list--dropdown
.choices__item {

    padding: 9px 11px !important;

    color: var(--vm-text-color) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;
    font-weight: 400 !important;
}


.wpforms-container .wpforms-form
.wpforms-field-select-style-modern
.choices__list--dropdown
.choices__item.is-highlighted {

    background:
        rgba(237, 34, 108, 0.07) !important;

    color: var(--vm-pink) !important;
}


/* =========================================================
   CLASSIC SELECT
========================================================= */

.wpforms-container .wpforms-form select {

    color: var(--vm-text-color) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;
    font-weight: 400 !important;
}


.wpforms-container .wpforms-form
select option.placeholder,

.wpforms-container .wpforms-form
select option[disabled] {

    color: var(--vm-placeholder-color) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;
    font-weight: 400 !important;

    opacity: 1 !important;
}


/* =========================================================
   PHONE FIELD
========================================================= */

.wpforms-container .wpforms-form .iti {

    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: var(--vm-field-height) !important;

    margin: 0 !important;
}


/* Phone input */

.wpforms-container .wpforms-form
.iti input[type="tel"],

.wpforms-container .wpforms-form
input.iti__tel-input {

    width: 100% !important;

    height: var(--vm-field-height) !important;
    min-height: var(--vm-field-height) !important;

    padding-left: 58px !important;
    padding-right: 11px !important;

    color: var(--vm-text-color) !important;
    -webkit-text-fill-color: var(--vm-text-color) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;
    font-style: normal !important;
    font-weight: 400 !important;

    line-height: 38px !important;
}


/* Phone placeholder */

.wpforms-container .wpforms-form
.iti input[type="tel"]::placeholder,

.wpforms-container .wpforms-form
input.iti__tel-input::placeholder {

    color: var(--vm-placeholder-color) !important;
    -webkit-text-fill-color: var(--vm-placeholder-color) !important;

    opacity: 1 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;
    font-style: normal !important;
    font-weight: 400 !important;
}


/* Country Button */

.wpforms-container .wpforms-form
.iti__country-container {

    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 48px !important;
    height: var(--vm-field-height) !important;

    z-index: 5 !important;
}


.wpforms-container .wpforms-form
.iti__selected-country {

    width: 48px !important;
    height: var(--vm-field-height) !important;

    margin: 0 !important;

    padding: 0 7px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   CAPTCHA
========================================================= */

.wpforms-container .wpforms-form
.wpforms-field-captcha {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 0 10px !important;
}


/* Captcha Label */

.wpforms-container .wpforms-form
.wpforms-field-captcha
.wpforms-field-label {

    display: block !important;

    width: 100% !important;

    margin: 0 0 10px !important;

    padding: 0 !important;

    color: var(--vm-purple) !important;
    -webkit-text-fill-color: var(--vm-purple) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 18px !important;
}


.wpforms-container .wpforms-form
.wpforms-field-captcha
.wpforms-required-label {

    color: var(--vm-pink) !important;
    -webkit-text-fill-color: var(--vm-pink) !important;
}


/* Captcha row */

.wpforms-container .wpforms-form
.wpforms-captcha-math {

    display: flex !important;

    width: 100% !important;

    align-items: center !important;

    gap: 14px !important;
}


/* Equation */

.wpforms-container .wpforms-form
.wpforms-captcha-equation,

.wpforms-container .wpforms-form
.wpforms-captcha-equation span {

    color: var(--vm-purple) !important;
    -webkit-text-fill-color: var(--vm-purple) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 22px !important;
}


/* Captcha answer field */

.wpforms-container .wpforms-form
.wpforms-captcha-math
input[type="text"],

.wpforms-container .wpforms-form
.wpforms-captcha-math
input[type="number"] {

    flex: 1 1 auto !important;

    width: auto !important;
    max-width: 100% !important;

    height: var(--vm-field-height) !important;
    min-height: var(--vm-field-height) !important;

    padding: 0 11px !important;

    background: #ffffff !important;

    color: var(--vm-text-color) !important;

    border: 1px solid var(--vm-border-color) !important;
    border-radius: var(--vm-radius) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: var(--vm-field-font) !important;

    box-shadow: none !important;
}


/* =========================================================
   SUBMIT - 15PX TOP MARGIN
========================================================= */

.wpforms-container .wpforms-form
.wpforms-submit-container {

    width: 100% !important;

    margin: 15px 0 0 !important;

    padding: 0 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .wpforms-container {
        --vm-field-height: 40px !important;
        --vm-field-font: 14px !important;
    }


    .wpforms-container .wpforms-form
    input::placeholder,

    .wpforms-container .wpforms-form
    textarea::placeholder,

    .wpforms-container .wpforms-form
    .choices__placeholder,

    .wpforms-container .wpforms-form
    .choices__list--single .choices__item {

        font-size: 14px !important;
    }


    .wpforms-container .wpforms-form
    .iti input[type="tel"],

    .wpforms-container .wpforms-form
    input.iti__tel-input {

        padding-left: 58px !important;
    }


    .wpforms-container .wpforms-form
    .wpforms-captcha-math {

        gap: 10px !important;
    }

}

/* =========================================================
   VISION MALALA - DEFAULT PAGE SECTION
   Uses Global :root Theme Colors
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.default-pagesec {
    width: 100% !important;

    padding: 55px 0 !important;

    background: #ffffff !important;

    color: var(--para-color) !important;

    overflow: hidden !important;
}


/* =========================================================
   GENERAL CONTENT
========================================================= */

.default-pagesec,
.default-pagesec p,
.default-pagesec li,
.default-pagesec td {
    color: var(--para-color) !important;
}


/* =========================================================
   HEADINGS
========================================================= */

.default-pagesec h1,
.default-pagesec h2,
.default-pagesec h3,
.default-pagesec h4,
.default-pagesec h5,
.default-pagesec h6 {
    color: var(--title-color) !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

    margin-top: 0 !important;
    margin-bottom: 15px !important;
}


.default-pagesec h1 {
    font-size: 38px !important;
}


.default-pagesec h2 {
    margin-top: 30px !important;

    font-size: 30px !important;
}


.default-pagesec h3 {
    margin-top: 25px !important;

    font-size: 24px !important;
}


.default-pagesec h4 {
    margin-top: 22px !important;

    font-size: 20px !important;
}


.default-pagesec h5 {
    font-size: 18px !important;
}


.default-pagesec h6 {
    font-size: 16px !important;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.default-pagesec p {
    margin: 0 0 16px !important;

    color: var(--para-color) !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;
}


/* Remove unnecessary last spacing */

.default-pagesec p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   STRONG / BOLD
========================================================= */

.default-pagesec strong,
.default-pagesec b {
    color: var(--title-color) !important;

    font-weight: 700 !important;
}


/* =========================================================
   LINKS
========================================================= */

.default-pagesec a {
    color: var(--main-theme-color) !important;

    text-decoration: none !important;

    transition: all 0.3s ease !important;
}


.default-pagesec a:hover,
.default-pagesec a:focus {
    color: var(--drk-pnk) !important;

    text-decoration: none !important;
}


/* =========================================================
   LISTS
========================================================= */

.default-pagesec ul,
.default-pagesec ol {
    margin: 0 0 20px !important;

    padding-left: 24px !important;
}


.default-pagesec li {
    margin: 0 0 8px !important;

    padding-left: 3px !important;

    color: var(--para-color) !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.75 !important;
}


.default-pagesec li:last-child {
    margin-bottom: 0 !important;
}


/* Bullet Color */

.default-pagesec ul li::marker {
    color: var(--main-theme-color) !important;
}


/* Number Color */

.default-pagesec ol li::marker {
    color: var(--main-theme-color) !important;

    font-weight: 700 !important;
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

.default-pagesec blockquote {
    position: relative !important;

    margin: 25px 0 !important;

    padding: 20px 24px !important;

    background:
        linear-gradient(
            135deg,
            rgba(237, 34, 108, 0.05) 0%,
            rgba(111, 59, 108, 0.05) 100%
        ) !important;

    border: 0 !important;

    border-left:
        4px solid var(--main-theme-color) !important;

    border-radius: 0 10px 10px 0 !important;

    box-shadow: none !important;
}


.default-pagesec blockquote p {
    margin: 0 !important;

    color: var(--title-color) !important;

    font-size: 16px !important;

    font-style: italic !important;

    line-height: 1.75 !important;
}


/* =========================================================
   IMAGES
========================================================= */

.default-pagesec img {
    display: block !important;

    max-width: 100% !important;

    height: auto !important;

    border-radius: 12px !important;

    box-shadow:
        0 8px 25px rgba(52, 18, 74, 0.08) !important;
}


.default-pagesec figure {
    max-width: 100% !important;

    margin: 25px 0 !important;
}


.default-pagesec figure img {
    margin: 0 auto !important;
}


.default-pagesec figcaption {
    margin-top: 8px !important;

    color: var(--para-color) !important;

    opacity: 0.7 !important;

    font-size: 13px !important;

    line-height: 1.5 !important;

    text-align: center !important;
}


/* =========================================================
   TABLE
========================================================= */

.default-pagesec table {
    width: 100% !important;

    margin: 25px 0 !important;

    background: #ffffff !important;

    border-collapse: collapse !important;

    border-spacing: 0 !important;

    font-size: 15px !important;
}


.default-pagesec table th {
    padding: 13px 15px !important;

    background: var(--grad-one) !important;

    color: #ffffff !important;

    border:
        1px solid rgba(255, 255, 255, 0.15) !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    line-height: 1.5 !important;

    text-align: left !important;

    vertical-align: middle !important;
}


.default-pagesec table td {
    padding: 12px 15px !important;

    background: #ffffff !important;

    color: var(--para-color) !important;

    border:
        1px solid rgba(111, 59, 108, 0.14) !important;

    font-size: 15px !important;

    line-height: 1.6 !important;

    vertical-align: top !important;
}


.default-pagesec table tbody tr:nth-child(even) td {
    background:
        rgba(237, 34, 108, 0.025) !important;
}


.default-pagesec table tbody tr:hover td {
    background:
        rgba(237, 34, 108, 0.05) !important;
}


/* =========================================================
   HORIZONTAL RULE
========================================================= */

.default-pagesec hr {
    width: 100% !important;

    margin: 30px 0 !important;

    border: 0 !important;

    border-top:
        1px solid rgba(111, 59, 108, 0.15) !important;
}


/* =========================================================
   BUTTON / CTA
========================================================= */

.default-pagesec .btn,
.default-pagesec .btn-custom,
.default-pagesec a.button,
.default-pagesec a.wp-element-button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    min-height: 46px !important;

    padding: 10px 22px !important;

    background: var(--grad-one) !important;

    color: #ffffff !important;

    border: 0 !important;

    border-radius: 10px !important;

    box-shadow:
        0 7px 18px rgba(237, 34, 108, 0.18) !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    transition: all 0.3s ease !important;
}


.default-pagesec .btn:hover,
.default-pagesec .btn-custom:hover,
.default-pagesec a.button:hover,
.default-pagesec a.wp-element-button:hover {
    background: var(--grad-two) !important;

    color: #ffffff !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 22px rgba(52, 18, 74, 0.20) !important;
}


/* =========================================================
   CODE
========================================================= */

.default-pagesec code {
    padding: 2px 6px !important;

    background:
        rgba(237, 34, 108, 0.07) !important;

    color: var(--drk-pnk) !important;

    border-radius: 4px !important;

    font-size: 14px !important;
}


.default-pagesec pre {
    width: 100% !important;

    margin: 20px 0 !important;

    padding: 18px !important;

    background: var(--grad-two) !important;

    color: #ffffff !important;

    border-radius: 10px !important;

    overflow-x: auto !important;
}


.default-pagesec pre code {
    padding: 0 !important;

    background: transparent !important;

    color: #ffffff !important;
}


/* =========================================================
   VIDEO / IFRAME
========================================================= */

.default-pagesec iframe,
.default-pagesec video {
    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    border: 0 !important;

    border-radius: 12px !important;
}


/* =========================================================
   WORDPRESS ALIGNMENT
========================================================= */

.default-pagesec .aligncenter {
    display: block !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


.default-pagesec .alignleft {
    float: left !important;

    margin:
        5px 25px 15px 0 !important;
}


.default-pagesec .alignright {
    float: right !important;

    margin:
        5px 0 15px 25px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .default-pagesec {
        padding: 45px 0 !important;
    }


    .default-pagesec h1 {
        font-size: 34px !important;
    }


    .default-pagesec h2 {
        font-size: 27px !important;
    }


    .default-pagesec h3 {
        font-size: 22px !important;
    }


    .default-pagesec h4 {
        font-size: 19px !important;
    }


    .default-pagesec p,
    .default-pagesec li {
        font-size: 16px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .default-pagesec {
        padding: 35px 0 !important;
    }


    .default-pagesec h1 {
        margin-bottom: 14px !important;

        font-size: 28px !important;

        line-height: 1.25 !important;
    }


    .default-pagesec h2 {
        margin-top: 24px !important;

        margin-bottom: 12px !important;

        font-size: 24px !important;

        line-height: 1.3 !important;
    }


    .default-pagesec h3 {
        margin-top: 22px !important;

        margin-bottom: 12px !important;

        font-size: 20px !important;
    }


    .default-pagesec h4 {
        font-size: 18px !important;
    }


    .default-pagesec h5 {
        font-size: 17px !important;
    }


    .default-pagesec h6 {
        font-size: 16px !important;
    }


    .default-pagesec p,
    .default-pagesec li {
        font-size: 15px !important;

        line-height: 1.7 !important;
    }


    .default-pagesec ul,
    .default-pagesec ol {
        padding-left: 20px !important;
    }


    .default-pagesec blockquote {
        margin: 20px 0 !important;

        padding: 16px 18px !important;

        border-left-width: 3px !important;
    }


    .default-pagesec blockquote p {
        font-size: 15px !important;
    }


    .default-pagesec .alignleft,
    .default-pagesec .alignright {
        float: none !important;

        display: block !important;

        margin:
            20px auto !important;
    }


    /* Responsive tables */

    .default-pagesec table {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        overflow-x: auto !important;

        white-space: nowrap !important;

        -webkit-overflow-scrolling: touch !important;
    }


    .default-pagesec table th,
    .default-pagesec table td {
        padding: 10px 12px !important;

        font-size: 14px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .default-pagesec {
        padding: 30px 0 !important;
    }


    .default-pagesec h1 {
        font-size: 26px !important;
    }


    .default-pagesec h2 {
        font-size: 22px !important;
    }


    .default-pagesec h3 {
        font-size: 19px !important;
    }


    .default-pagesec p,
    .default-pagesec li {
        font-size: 15px !important;
    }


    .default-pagesec .btn,
    .default-pagesec .btn-custom,
    .default-pagesec a.button,
    .default-pagesec a.wp-element-button {
        max-width: 100% !important;
    }

}