/*
Theme Name:   Veto Themes
Author:  Idea Fueled
Template: hello-elementor
*/

/* Header Style */
.header_style .hfe-nav-menu-icon {
	padding: 0;   
}
.footer_style input#ff_2_email {
	background: transparent;
	border-radius: 0;
	border-color: #9d9d9d;
	padding: 16px;
	font-family: "Open Sans", sans-serif;
	color: #fff;
	border-right: 0;
}

.footer_style input::placeholder {
	color: #fff !important;
	text-transform: uppercase;
	font-size: 16px !important;
	font-family: "Open Sans", sans-serif;
}
.footer_style .fluentform .ff-el-group {
	margin-bottom: 0px !important;
}
.footer_style form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit {
	background-color: #F02727;
	border-color: #F02727;
	color: #ffffff;
	border-radius: 0;
	height: 100%;
	margin-bottom: 0;
	transition:all ease .3s
}
.footer_style form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover {
	background: #f02727;
	border: #f02727;
	color: #fff;
	opacity:1
}
.footer_style .fluentform .ff-el-group {
	margin-top: 0 !important;
}
.footer_style .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {
	height: 100%;
}
.footer_style .frm-fluent-form .ff-t-container { 
	gap: 0;    
}
.footer_style div#fluentform_2_success {
	color: #fff;
}

/* BUTTON STYLE */

.primary_btn span.elementor-button-icon {
	background: #F02727;
	padding: 16px;
}
.primary_btn span.elementor-button-content-wrapper {
	display: flex;
	align-items: center;
}


.secondary_btn span.elementor-button-icon {
	background: #F02727;
	padding: 16px;
}
.secondary_btn span.elementor-button-content-wrapper {
	display: flex;
	align-items: center;
}


.secondary_btn a.elementor-button {
	background-color: transparent !important;
	text-decoration: none !important;
}

.secondary_btn a.elementor-button {
	position: relative;
	transition: all ease .6s;
}

.secondary_btn a.elementor-button:after {
	content: '';
	position: absolute;
	background: #182A6C;
	left: 0;
	width: 0%;
	top: 0;
	bottom: 0;
	z-index: 0;
	transition: all ease .6s;
}

.secondary_btn span.elementor-button-text {
	position: relative;
	z-index: 1;
}

.secondary_btn span.elementor-button-icon {
	position: relative;
	z-index: 1;
}

.secondary_btn a.elementor-button:hover:after {
	width: 100%;
}

.secondary_btn span.elementor-button-text {  
	transition: all ease .6s;
}

.secondary_btn a.elementor-button.elementor-button-link span.elementor-button-text {
	display: block;
	color: #fff;
}
.secondary_btn a.elementor-button span.elementor-button-text {
	color: #060A19 !important;
}
.secondary_btn a.elementor-button.elementor-button-link:hover span.elementor-button-text {
	color: #fff !important;
}

.secondary_btn a.elementor-button.elementor-button-link:before {
	content: '';
	position: absolute;
	border: 1px solid #0F1A43;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index:0;
}

/* CARD HOVER EFFECT */

.card_hover {
	position: relative;
}
/* .card_hover:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
height: 0%;
background-color: #F02727CC;
transition: all ease .3s;
z-index:1;
}
.card_hover:hover:after {
height: 50%;
} */
.card_hover:before {
	content: '';
	position: absolute;
	right: 0;
	left: 0 !important;
	top: unset;
	bottom: 0;
	height: 0%;
	background-color: #F02727CC;
	transition: all ease .6s;
	z-index: 1;
}
.card_hover {
	overflow: hidden;
}
.card_hover:hover:before {
	height: 100%;
}
.content_box {
	z-index: 0;
}
.content_box {
	z-index: 3;
}

/* LINK HOVER  */

.link_hover a.elementor-button span.elementor-button-icon {
	display: inline-block;
	transform: translateX(0px);
	transition: all ease .6s;
}
.link_hover a.elementor-button:hover span.elementor-button-icon {
	transform: translateX(6px);
}
.card_link {
	z-index: 3;
}
.span.style_01 {
	color: rgba(15, 26, 67, 0.36); /* Equivalent to #0F1A435C */
	text-align: center;
}
.main_flex h2.elementor-heading-title {
	display: flex;
	align-items: center;
	gap: 50px;
	justify-content: center;
}

span.style_01 {
	display: inline-block;
	height: 120px;
	color: #0F1A435C;
}

/* Home Blog Post Style */
.custom-blog-post {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 60px;
}
.custom-blog-posts .cbp-left a {
	display: block;
}
.custom-blog-post .cbp-left img {
    width: 100%;
    height: 312px;
    object-fit: cover;
}
.cbp-right {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	gap: 16px;
}
.cbp-date {
	color: #F02727;
	font-family: "Open Sans", Sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%;
}
.cbp-right h3 {
	margin: 0px !important;
	margin-top: 8px !important;
}
h3.cbp-title {
	color: #000;
	font-family: "ChunkFive Regular", Sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	text-transform: capitalize;
}
h3.cbp-title>a {
	text-decoration: none;
}
a.cbp-btn {
	margin-top: 24px;
}
.custom-blog-posts {
	background: #fff;
	padding: 40px;
	border: 1px solid #E0E0E0;
}
a.cbp-btn span.elementor-button-content-wrapper {
	flex-direction: row-reverse;
	text-decoration:none;
}
.cbp-btn span.elementor-button-text {
	padding: 0 16px;
}
.custom-blog-posts .cbp-btn{  
	padding: 0px !important;   
}
.custom-blog-posts .cbp-left a {
	display: block;
	height: 100%;
}
.faq_style svg path {
	fill: #000;
	color: #000;
	stroke: black;
	stroke-width: 2px;
}
.faq_style p {
	margin: 0;
}
.faq_style .e-n-accordion details:last-child {
	border-bottom: 1px solid #D9D9D9;
}
span.img_icon img {
	display: block;
	width: 55px;
	height: auto;
}

/* HUMBURGER MENU STYLE */
.hamburger {
	display: none;
	flex-direction: column;
	justify-content: space-around;
	width: 30px;
	height: 25px;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 9999;
}

.hamburger span {
	display: block;
	height: 3px;
	background: white;
	margin: 4px 0;
	transition: 0.4s;
}

.petition-content .box_wrap_1 img {
	width: 100%;
}

.mobile-menu {
	display: none;
	position: absolute;
	top: 60px;
	right: 20px;
	background: #111;
	padding: 20px;
	border-radius: 8px;
	z-index: 9998;
}

/* .kc_pg_style details {
	border-bottom: 1px solid #ededed;
	padding-bottom: 50px;
} */

/* .kc_pg_style span.e-opened, .g_pg_style span.e-opened {
	position: relative;
	display: inline-block;
}

.kc_pg_style span.e-opened:after, .g_pg_style span.e-opened:after {
	content: '';
	position: absolute;
	background-image: url('https://ideafueled.tech/veto/wp-content/uploads/2025/05/Content.png');
	background-repeat: no-repeat;
	width: 42px;
	background-size: contain;
	height: 48px;
	left: 50%;
	top: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
}

.kc_pg_style span.e-closed, .g_pg_style span.e-closed  {
	position: relative;
	display: inline-block;
}
.kc_pg_style span.e-closed:after, .g_pg_style span.e-closed:after {
	content: '';
	position: absolute;
	background-image: url('https://ideafueled.tech/veto/wp-content/uploads/2025/05/Content-1.png');
	background-repeat: no-repeat;
	width: 42px;
	background-size: contain;
	height: 48px;
	left: 50%;
	top: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
}
.kc_pg_style span.e-closed:after, .g_pg_style span.e-closed:after {   
	width: 32px;  
	height: 32px;   
}

.kc_pg_style span.e-opened:after, .g_pg_style span.e-opened:after {    
	width: 32px;   
	height: 32px;  
} */
.g_pg_style details {
	border-bottom: 1px solid #ededed;
	padding-bottom: 8px;
}

.blog_post_page .post_container {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	border: 1px solid #E0E0E0;
	background: #FFF;
	padding: 40px;
	gap: 60px;
}
.blog_post_page p.blog-date {
	color: #F02727;
	font-family: "Open Sans", Sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%;
}
.blog_post_page h2>a {  
	text-decoration: none;
}
.blog_post_page .elementor-button {  
	padding: 0px; 
}
.blog_post_page .post_column.feature_image a {
	display: block;
	height: 100%;
}
.blog_post_page .post_column.feature_image a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog_post_page .post_column h2 {
	font-size: 24px;
}
.page_center {	
	margin: auto;    
}
.page_center .post_column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.list_0 ul {
	padding: 0 0 0 20px;
}
/* Contact Form Style */
.form_style .form_group {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 24px;
}
.form_style .form_field {
	width: 100%;
	max-width: 100%;
	border-radius: 8px;
	border: 1px solid #E0E0E0;
	background: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
	display: flex;
	padding: 10px 14px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus,
.wpcf7 input[type="text"]:focus-visible,
.wpcf7 input[type="email"]:focus-visible,
.wpcf7 input[type="tel"]:focus-visible,
.wpcf7 textarea:focus-visible {
	border-color: #182A6C;       
	box-shadow: 0 0 0 2px rgb(24 42 108 / 19%);
	outline: none;
	background-color: #f9f9ff;
	transition: all 0.3s ease;
}
.form_style span {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 6px;
}

.form_style span {
	display: block;
	width: 100% ;
	max-width: 100% ;
}
.form_style label {
	width: 100%;
}
.submit_btn p span.wpcf7-spinner {
	position: absolute;
	left: 0;
	bottom: -50px;
}
.form_wrapper.form_style p {
	margin: 0;
}
.form_style textarea.form-field {
	border-radius: 8px;
	border: 1px solid #E0E0E0;
	background: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
	display: flex;
	padding: 12px 14px;
	align-items: flex-start;
	gap: 8px;
	flex: 1 0 0;
	align-self: stretch;
}
.form_style {
	display: grid;
	gap: 24px;
}
.submit_btn p {
	position: relative;
}
.submit_btn p span.wpcf7-spinner {
    position: absolute;
    visibility: hidden;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
	overflow: hidden;
	color: #9C9C9C;
	text-overflow: ellipsis;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 25.6px */
}

.wpcf7 form label {
	color: #0F1A43;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 142.857% */
}
span.required {
	color: #F02727;
	display: inline;
}
.submit_btn p {
	position: relative;
}

.submit_btn p:after {
	content: '';
	position: absolute;
	background-image: url('https://ideafueled.tech/veto/wp-content/uploads/2025/05/Frame-2.svg');
	right: 0;
	width: 50px;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.submit_btn p input {
	width: 100%;
	background-color: #0F1A43;
	border-color: #0F1A43;  
	padding: 14px;
	border: 1px solid #0f1a43;
	color: #FFF;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}
.submit_btn p input:hover {
	background-color: #182A6C;
	border-color: #182A6C;
}

/* About Us Style */

.cbp-btn span.elementor-button-text {
	color: #0F1A43;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}

/* Breadcrumb Style  */

/* nav.breadcrumb {
display: flex;
align-items: center;
justify-content: center;
} */

.inner_heading {
	display: grid;
	gap: 8px;
}

nav.breadcrumb {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff !important;
	gap: 8px;
}
nav.breadcrumb a {
	display: contents;
}
nav.breadcrumb {
	color: #FFF;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
}
.inner_heading {
	display: grid;
	gap: 16px;
}
nav.breadcrumb a {
	display: contents;
	color: #fff;
}
.web_btn {
	transition:all ease .6;
}
.web_btn:hover {
	background-color: #182A6C;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #dc3232;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    color: #fff;
    background-color: #0F1A43 !important;    
}
.kc_pg_style details {
    border-bottom: 1px solid #efefef;
    padding-bottom: 50px;
}
nav.breadcrumb a:hover {
    color: #fff;
}