.elementor-1521 .elementor-element.elementor-element-ea11580{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1521 .elementor-element.elementor-element-ea11580:not(.elementor-motion-effects-element-type-background), .elementor-1521 .elementor-element.elementor-element-ea11580 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1521 .elementor-element.elementor-element-7278952{width:var( --container-widget-width, 90% );max-width:90%;padding:2% 0% 2% 0%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;}.elementor-1521 .elementor-element.elementor-element-7278952.elementor-element{--align-self:center;}.elementor-1521 .elementor-element.elementor-element-7278952 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:48px;font-weight:500;line-height:1.1em;letter-spacing:-0.02em;color:var( --e-global-color-7e4615d );}.elementor-1521 .elementor-element.elementor-element-a015f42{padding:2% 0% 2% 0%;}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(30px/2);}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(30px/2);}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(30px/2);margin-left:calc(30px/2);}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-30px/2);margin-left:calc(-30px/2);}body.rtl .elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-30px/2);}body:not(.rtl) .elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-30px/2);}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-item:not(:last-child):after{content:"";height:60%;border-color:var( --e-global-color-text );}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-icon i{color:#02010100;font-size:14px;}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-icon svg{fill:#02010100;--e-icon-list-icon-size:14px;}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-icon{width:14px;}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-text, .elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-text a{color:var( --e-global-color-text );}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1521 .elementor-element.elementor-element-49bcbed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-6em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-1521 .elementor-element.elementor-element-3f9f2da{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1521 .elementor-element.elementor-element-3f9f2da img{width:100%;height:500px;border-radius:20px 20px 20px 20px;}.elementor-1521 .elementor-element.elementor-element-f239f21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1521 .elementor-element.elementor-element-490966e{padding:0em 0em 0em 0em;}.elementor-1521 .elementor-element.elementor-element-c852410{padding:3em 0em 3em 0em;}.elementor-1521 .elementor-element.elementor-element-9d3137e{background-color:#59647526;padding:50px 50px 50px 50px;border-radius:20px 20px 20px 20px;}.elementor-1521 .elementor-element.elementor-element-282ff06{padding:30px 0px 90px 0px;--alignment:center;--grid-side-margin:20px;--grid-column-gap:20px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:var( --e-global-color-text );}.elementor-1521 .elementor-element.elementor-element-282ff06 .elementor-share-btn{font-size:calc(1px * 10);}.elementor-1521 .elementor-element.elementor-element-282ff06 .elementor-share-btn__icon{--e-share-buttons-icon-size:2em;}.elementor-1521 .elementor-element.elementor-element-282ff06 .elementor-share-btn:hover{--e-share-buttons-primary-color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );} .elementor-1521 .elementor-element.elementor-element-282ff06{--grid-side-margin:20px;--grid-column-gap:20px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(min-width:768px){.elementor-1521 .elementor-element.elementor-element-ea11580{--content-width:1000px;}.elementor-1521 .elementor-element.elementor-element-49bcbed{--content-width:1000px;}.elementor-1521 .elementor-element.elementor-element-f239f21{--content-width:1000px;}}@media(max-width:767px){.elementor-1521 .elementor-element.elementor-element-7278952 .elementor-heading-title{font-size:36px;}.elementor-1521 .elementor-element.elementor-element-a015f42 .elementor-icon-list-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );} .elementor-1521 .elementor-element.elementor-element-282ff06{--grid-side-margin:20px;--grid-column-gap:20px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for post-comments, class: .elementor-element-9d3137e *//* ==========================================================
   ZAM ZAM CITIZENSHIP - CUSTOM COMMENT SECTION & PROFILE STYLING
   ========================================================== */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

/* 1. Main Form & Section Container */
#respond, 
.comment-respond {
    background: #ffffff;
    padding: 45px;
    border-radius: 12px;
    border: 1px solid #eef2f6;
    box-shadow: 0 12px 35px rgba(11, 19, 43, 0.05);
    margin-top: 50px;
    font-family: 'Inter', sans-serif !important;
}

/* 2. Main Heading (Cormorant Garamond) */
#reply-title, 
.comment-reply-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 500 !important;
    font-size: 32px !important;
    color: #0b132b !important;
    margin-bottom: 8px !important;
    letter-spacing: -0.01em;
}

/* 3. Logged-in / Profile Line Styling (#596475) */
.logged-in-as, 
.logged-in-as a, 
.must-log-in, 
.must-log-in a, 
.comment-notes {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #596475 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.logged-in-as a:hover, 
.must-log-in a:hover {
    color: #0b132b !important;
    text-decoration: underline !important;
}

/* 4. Labels & Input Field Wrappers */
#respond label {
    display: block;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em;
    color: #1e293b;
    margin-bottom: 8px;
}

/* 5. Modern Input Fields & Textarea */
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea {
    width: 100%;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px;
    color: #0b132b;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 14px 18px;
    transition: all 0.25s ease-in-out;
    outline: none;
    box-sizing: border-box;
}

/* Field Focus State */
#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond input[type="url"]:focus,
#respond textarea:focus {
    background-color: #ffffff;
    border-color: #0b132b;
    box-shadow: 0 0 0 3px rgba(11, 19, 43, 0.1);
}

#respond textarea {
    min-height: 140px;
    resize: vertical;
}

/* 6. Cookies & Consent Checkbox Line */
.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}

.comment-form-cookies-consent input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #0b132b;
    cursor: pointer;
}

.comment-form-cookies-consent label {
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #596475 !important;
    margin-bottom: 0 !important;
    cursor: pointer;
}

/* 7. CTA Submit Button */
#respond input[type="submit"],
#respond .submit {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background-color: #0b132b !important;
    color: #ffffff !important;
    padding: 14px 34px !important;
    border: 1px solid #0b132b !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block;
    box-shadow: 0 4px 14px rgba(11, 19, 43, 0.18);
}

/* Submit Button Hover State */
#respond input[type="submit"]:hover,
#respond .submit:hover {
    background-color: #1c2541 !important;
    border-color: #1c2541 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(11, 19, 43, 0.28);
}/* End custom CSS */