/*
Theme Name: FSE Political
Theme URI: https://www.themescarts.com/products/fse-political/
Author: Themes Carts
Author URI: https://www.themescarts.com/
Description: FSE Political is a multipurpose, modern, and elegant WordPress theme designed to meet the needs of political campaigns, government organizations, NGOs, Campaign Strategy, Voter targeting, Political messaging, Electoral strategy, Political consultancy, Campaign management, democratic processes, political theories and social movements. Its clean and minimal design reflects a sophisticated and professional image, ensuring your website makes a strong first impression. Built with optimized codes and secure and clean code, the theme guarantees faster page load time and smooth performance across all devices, making it fully responsive, mobile-friendly, and retina-ready. This agency-friendly theme comes packed with numerous personalization options and customization features, allowing developers and users alike to tailor every section effortlessly. Whether you’re highlighting campaign messages, showcasing your team, or displaying success stories in the testimonial section, FSE Political offers flexibility through shortcodes and a user-friendly interface. The integrated banner section and strategic Call to Action Buttons (CTAs) help engage visitors and encourage participation or donations. With bootstrap-based architecture and interactive, stunning, and animated elements, your site will not only look appealing but also provide an immersive browsing experience. FSE Political also includes built-in social media integration, making it easy to connect your campaign across multiple platforms. Being translation-ready, it supports multilingual content, allowing you to reach a wider audience. Perfect for both beginners and experienced developers, this theme ensures a beautiful, luxurious, and user-friendly design environment with clean code and smooth navigation. Whether for political figures, agencies, or organizations, FSE Political delivers a sophisticated, secure, and interactive platform that stands out with its modern appeal and customization flexibility.
Version: 1.1
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fse-political
Requires PHP: 5.6
Tested up to: 6.8
Tags: one-column, two-columns, left-sidebar, right-sidebar, block-styles, editor-style, full-site-editing, block-patterns, wide-blocks, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, education, portfolio, photography

FSE Political WordPress Theme has been created by ThemesCarts(themescarts.com), 2025.
FSE Political WordPress Theme is released under the terms of GNU GPL
*/
:root {
    /*--main-color: #0284c7;*/
   /* --white-color: #fff;*/
}
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
p{font-weight:300;}
header .menu-header {box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.45ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	/*text-decoration: underline;*/
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--extra-primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}
body .is-layout-grid {justify-items: center;}
body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}
body.home .services-section-01 .is-layout-flex, 
body.home .services-section-02 .is-layout-flex{ 	gap:0 !important;}
body .is-layout-flex {    flex-wrap: wrap;}
/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

.wp-block-button__link{
	font-weight: normal !important;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

body.home .wp-block-cover{ margin-block-start:0 !important; }
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
.headright-part{ text-align:right;}
body.home header.wp-block-template-part{ position: relative; width:100%; z-index:999;}
/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:var(--wp--preset--color--extra-primary) !important;}

/* = Contact Form 7 CSS
----------------------------------------------- */
.form-bay p>span:not(.wpcf7-spinner) { width: 100%; display: block; margin:5px 0 15px;}
.radio-bay .wpcf7-list-item { margin: 14px 0;}
.form-bay form >p { margin-bottom: 0; display: flex;justify-content: space-between; gap: 40px;}
div.flex-box p { display: inline-block;}
div.flex-box .wpcf7-list-item { display: block;}
div.flex-box {display: flex; justify-content: space-between;flex-wrap: wrap;}
.form-bay p span input:not(input[type="radio"]),.form-bay p span textarea,.form-bay select {
    width: 100%;
	border-radius: 7px;
    background: #f7f7f7;
    padding: 15px 20px;
    display: block;
    box-sizing: border-box;
    outline: none;
    box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #fff;
    transition: all 0.2s ease-in-out;
    color: var(--wp--preset--color--extra-primary);
    border: 1px solid var(--wp--preset--color--extra-primary);
}
.form-bay p span input:not(input[type="radio"]),.form-bay p span textarea:focus,.form-bay p span textarea:focus {box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #fff;}
.wpcf7{margin:0;	padding:0;}
.wpcf7 input[type="submit"]{
	background-color: var(--wp--preset--color--extra-primary);
    padding: 20px 40px;
    border-radius: 7px;
    font-weight: 600;
    cursor: pointer;
    color: #ffffff;
    width: 50%;
	margin-top:10px;
    text-transform: uppercase;
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px var(--wp--preset--color--extra-primary), -5px -5px 20px #fff, 5px 5px 20px #BABECC;
    transition: all 0.2s ease-in-out;
}
.wpcf7 input[type="submit"]:hover{
	background:var(--wp--preset--color--extra-primary);
	opacity: 0.90;
	box-shadow: 0 0 0 1px #fff, 0 0 0 4px var(--wp--preset--color--extra-primary),-2px -2px 5px #fff, 2px 2px 5px #BABECC;
}

.main-slider {
    position: relative;
}
.main-slider .owl-dots,
.main-slider .owl-nav {
    position: absolute;
    z-index: 999 !important;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    margin-top: 0 !important;
}
.main-slider .owl-dot.active span {
    background: var(--wp--preset--color--extra-primary) !important;
}
.main-slider .owl-dot span {
    background: #fff !important;
    display: block;
    width: 15px !important;
    height: 15px !important;
    border-radius: 30px;
    margin: 5px;
}
.main-slider .owl-nav {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}
.main-slider button.owl-prev{
	position: absolute;
	left: 70px;
}
.main-slider button.owl-next{
	position: absolute;
	right: 70px;
}
.main-slider button.owl-next span,
.main-slider button.owl-prev span {
    background: rgb(255 255 255 / 50%);
    padding: 14px;
    border-radius: 6px;
    color: #fff;
}
.main-slider button.owl-next span:hover,
.main-slider button.owl-prev span:hover{
	background: var(--wp--preset--color--background);
}
.man-image img{
    position: relative;
    bottom: -45px;
}

.services-box {
	box-shadow: 0 0 10px 1px #cfcfcf;
}
.service-btn {
    background: #F5F5F5;
    padding: 10px;
    width: 30px;
    height: 30px;
    border-radius: 10px;
}
.services-box:hover{
	background: var(--wp--preset--color--background);
	transform: translateY(-0.3333333333rem);
    -webkit-box-shadow: 0 0.5rem 2rem 0 rgba(33, 40, 50, 0.25);
    box-shadow: 0 0.5rem 2rem 0 rgba(33, 40, 50, 0.5);
	    transition: all 400ms ease-in-out;
}
.services-box:hover .main-service-icon img{
	filter: brightness(0) invert(1);
}
.services-box:hover h3 a,
.services-box:hover p{
	color: #fff !important;
}

.post-main-area, .edit-padding .wp-block-image.size-full{
    transition: all 400ms ease-in-out;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.edit-padding .wp-block-image.size-full img{background: repeating-linear-gradient(45deg, #1c00ff30, transparent 30px);}
.post-main-area:hover, .post-page-area .wp-block-post:hover,.edit-padding .wp-block-image.size-full:hover{
    transform: translateY(-0.3333333333rem);
    box-shadow: 0 0.5rem 2rem 0 rgba(33, 40, 50, 0.25);
}
.footer-div a,.services-box h3 a{
	text-decoration: none;
}

.post-page-area .wp-block-post{
	padding: 30px;
	box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
	margin-bottom: 30px;
}

.sidebar-area-wrap .taxonomy-post_tag a {
    background: var(--wp--preset--color--extra-primary);
    padding: 5px !important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    margin-right: 10px;
}

.sidebar-area-wrap .taxonomy-post_tag span{	display: none;}

.read-more-btn a.wp-block-post-excerpt__more-link {    border-color: currentColor; color: var(--wp--preset--color--extra-primary);}

@media (max-width: 1100px) {
	.post-page-area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media (min-width:790px) {
	div.bible-view .wp-block-column> p { margin-bottom: 50px; text-indent: 0;}
	.phamchat-view p {text-align:center !important;}
	.justify p {text-indent: 20px;text-align: justify;}
	.post-page-area .wp-block-post { width: 20%;}
	main li.type-post.status-publish {width: 23%;    margin: 0;}
	.heigh-img .wp-block-image a {height: 165px; overflow: hidden;}
	.heigh-img.listgs .wp-block-image a {height: 185px;}
	.notice.heigh-img .wp-block-image a {height: 100%; overflow: hidden;}
	.heigh-img .wp-block-image {width: 212px;}
	.notice.heigh-img .wp-block-image {width: inherit;}
	.post figure a {height:150px; overflow: hidden;}
	.box-bongdo {padding: 40px; box-shadow: 0 0.5rem 2rem 0 rgba(33, 40, 50, 0.25); border-radius: 20px;}
	.edit-padding {padding:50px !important}
    .edit-padding details {width:70%; margin: 15px auto 30px; padding: 20px;}
    .edit-padding >.wp-block-columns { width: 70%; margin: 0 auto 14px;}
	.services-box {height: 300px;}
}
@media (max-width: 990px) {
	div.post-page-area .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {padding:20px;}
	div.w80 {width: 95%;    margin: 4% auto !important;}
	.justify p {text-indent: 7px;text-align: justify;}
	form.wp-block-search .wp-block-search__button {padding: 7px !important;}
}
@media (max-width: 781px) {
	.wp-block-navigation.items-justified-right {    --navigation-layout-justification-setting: start;
    --navigation-layout-justify: start;}
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {box-shadow:none !important;padding:0 !important}
	.form-bay p {  flex-wrap: wrap;}
	h2 {font-size:29px}
	.edit-padding {padding:10px !important}
	.button_call {display:none;}
	header.wp-block-template-part .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 10px !important;}
	.listgs.heigh-img a { height: 210px; overflow: hidden;}
}
.w80 {width: 80%;    margin: 4% auto !important;}
ul.wp-block-navigation__submenu-container::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    display: block;
    top: -23px;
    left: -10px;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu { left: 0 !important; right: auto !important; top: 50px !important;  border-radius: 10px;  border: 0 !important; padding: 4px;  box-shadow: 1px 1px 4px;}
.bible-view em a {color: var(--wp--preset--color--extra-primary) !important;}
.bible-view .wp-block-group >p { text-indent: 0;}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}

pre {
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #dfdfdf;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #f8f8f8;
}
.entry-content{
	overflow-wrap: anywhere;
	overflow: hidden;}
#modal-1 .items-justified-center {    justify-content: flex-end;}
.wp-block-navigation .wp-block-navigation-item__label {    white-space: nowrap;	font-size:16px;}
.inner-header-box .wp-block-cover__background {	opacity:0.4 !important;}
.edit-mark {transform: translateY(-100%);}
.wp-block-site-logo {position: relative;overflow: hidden;}
.wp-block-site-logo:before {content: "";position: absolute;width: 200px;height: 7px;background-color: rgba(255,255,255,.5);transform: rotate(-45deg);animation: searchLights 4.5s ease-out 1s infinite;box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.7);}
@keyframes searchLights {0% {left: -100px; top: 0; }  20% {left: 100px; top: 0; }   25% {left: -100px; top: 0; }   100% {left: -100px; top: 0; }}
.hidden {display:none !important;}
:where(.wp-site-blocks) > *{margin: 0 !important;}
.post-page-area .wp-block-post {padding:15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); margin: 0; border-radius: 10px;transition: all 400ms ease-in-out;}
ul.wp-block-post-template {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 25px;}
h6.wp-block-post-title {font-size: 16px !important; margin: 0; text-transform: capitalize;font-weight: 600;height: 48px;overflow: hidden;}
.wp-block-post-excerpt p {  font-size: 12px !important;    margin-top: 10px; font-weight: 200;} 
.wp-block-post-excerpt__more-text {text-indent:inherit !important;text-align: end;}
.read-more-btn { margin: 4px 0 0;}
.wp-block-post-excerpt__excerpt{min-height:70px;}
.wp-block-post-featured-image {    margin-bottom: 7px;}
main .wp-block-post-excerpt{margin-top: 10px;}
.entry-content .wp-block-image {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);padding: 7px;margin: 10px;border-radius: 5px;}
.edit-title {font-size:45px;line-height: 1.6;}
.heigh-img .wp-block-image img {object-position:center 15%;}
.heigh-img figcaption.wp-element-caption {margin:5px 0 0;color: var(--wp--preset--color--extra-primary) !important;}
ol.wp-block-list li { margin-bottom: 10px;}
.wp-container-core-group-is-layout-8a400663 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width: 80% !important;}
.non-shadow {box-shadow:none !important;}
form.wp-block-search .wp-block-search__label {font-weight:normal}
form.wp-block-search .wp-block-search__button {padding: 10px 50px; margin: 4px 10px;font-size:18px; box-shadow: 0 0 0 1px #fff, 0 0 0 4px var(--wp--preset--color--extra-primary); border-radius: 5px;}
.wp-block-button__link {box-shadow: 0 0 0 1px #fff, 0 0 0 4px var(--wp--preset--color--extra-primary); border-radius: 5px;}
form.wp-block-search .wp-block-search__input { box-shadow: inset 5px 5px 12px #777, inset -5px -5px 10px #fff; border-radius: 5px;}
form.wp-block-search .wp-block-search__input:focus {box-shadow: inset 3px 3px 6px #777, inset -1px -1px 2px #fff;}
footer .wp-block-table td, .wp-block-table th {border:none !important;}
.wp-block-search__inside-wrapper {margin:10px 0 0;gap: 10px; flex-wrap: wrap; justify-content: center;}
footer hr.alignwide {color: #fff;}
hr {color: var(--wp--preset--color--extra-primary); border-width: 1px !important;margin: 10px auto 40px !important;}
.footer-outer-box {background-image: url(https://vietnammissionary.org/wp-content/uploads/2025/11/footer.webp);  background-position: 50% 50%;}
.add-backgroud1  { background-image: url(https://vietnammissionary.org/wp-content/uploads/2025/11/thu1.webp);  background-position: 50% 50%; min-width: 100%;}
.main-service-icon img{ filter: invert(10%) sepia(90%) saturate(7000%) hue-rotate(345deg) brightness(80%) contrast(100%);}
.footer-3 .wp-block-group {gap: 0;}
main.search-view .wp-block-query ul li { width: 100%;display: flex; gap: 12px;}
main.search-view .wp-block-query ul li>div{ margin:0;}
main.search-view .wp-block-query ul li figure {width: 30%;}
main.search-view .wp-block-query ul li .wp-block-post-excerpt__excerpt {min-height: inherit;}
.Christmas,.muaxuan {position:relative}
.Christmas .non-shadow {position: absolute; left: 60%; filter: invert(1);}
.Christmas:before {content: ""; display: block; background-image: url(https://vietnammissionary.org/wp-content/uploads/2025/12/christmas.png); width: 100%; background-size: contain;height: 100px;  position: absolute; top: -10px;left: 0;}
li.post h6>a {color: var(--wp--preset--color--extra-primary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.muaxuan:before {    content: ""; background-image: url(https://vietnammissionary.org/wp-content/uploads/2025/12/dao.png);    width: 300px;    background-repeat: no-repeat;background-size:contain; height: 200px;    position: absolute;    top: 0;    right: 0;}
.our-team .wp-block-image {display: grid;}
figure,.slide-vanilla {position:relative; overflow: hidden;}
figure a:after,.slide-vanilla a:after {position: absolute; top: 0; left: 0%; right: 0; opacity: 0; display: block;    content: '';  width: 50%; height: 100%;    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);    -webkit-transform: skewX(-25deg);    transform: skewX(-25deg);}
figure a:hover:after, .slide-vanilla a:hover:after {    animation: shine 1s;  opacity: 1;}
@keyframes shine {  100% {    left: 125%;  }}