/*!
Theme Name: editorialpilot-theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: editorialpilot-theme
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.

editorialpilot-theme 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
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/

/* Media query for screens smaller than 850px */
/* fo*/ 
:root {
	--form_placeholder_color: #8E8E8E;
}
.section_newsletter1 * {
	color: #fff !important;
}
.section_newsletter1 a {
	width: fit-content;
	background: var(--primary-color);
	padding: 10px 14px;
	border-radius: 30px;
	font-weight: 500;
	border: 2px solid #fff;
}
.section_newsletter_s3 .single_case {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}
.section_newsletter_s3 .content {
	padding: 20px;
	gap: 0;
}
.section_newsletter_s3 .content p {
	margin: 10px 0;
}
.section_newsletterlast input, .singlenewsletter_s3 input {
    width: calc(100% - 24px);
    padding: 12px 12px;
    font-size: 18px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 8px;
    outline-color: #FCDC17;
    max-width: 520px;
    color: #fff;
}
.section_newsletterlast input::placeholder, .singlenewsletter_s3 input::placeholder {
    color: #fff;
}
.section_newsletterlast input[type="submit"], .singlenewsletter_s3 input[type="submit"] {
    padding: 10px 85px;
    background: var(--primary-color);
    border-radius: 40px;
	border: 2px solid #fff;
    color: #fff;
    width: fit-content;
    margin-top: 30px;
    cursor: pointer;
    transition: all 0.3s;
}
.section_newsletterlast .wpcf7-response-output, .singlenewsletter_s3 .wpcf7-response-output {
    color: #fff !important;
    margin: 0 !important;
}
.w45 {
    width: 45%;
}
.singlenewsletter_s1 *, .singlenewsletter_s3 * {
    color: #fff;
}

#section_contact_s2 p:last-of-type {
    display: grid;
    justify-content: flex-start;
	gap: 0;
}


.privacy_checkbox input {
	width: fit-content !important;
	margin: 0 !important;
	margin-right: 5px !important;
}

.home_s1 .wmain_nowrap {
	align-items: center;
}
.home_s1  {
	align-items: center;
}
.banner_type1 video {
	height: auto !important;
}

.hello-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% - 65px);
	background-color: var(--primary-color);
	color: #fff;
	padding: 10px 0;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	font-size: 16px;
	gap: 20px;
	padding-right: 65px;
}
.hello-bar .content_starts {
	align-items: center;
	justify-content: center;
	gap: 20px;
	line-height: 1.4;
}

.hello-bar button {
	padding: 8px 16px;
	margin-left: 10px;
	cursor: pointer;
	border: none;
	background-color: #fff;
	color: var(--primary-color);
	font-size: 14px;
	border-radius: 4px;
	border: 2px solid var(--primary-color);
}

.hello-bar button:hover {
	background-color: #0056b3;
	color: #fff;
	border-color: #fff;
}

.close-button {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 18px;
	background: none;
	color: var(--primary-color);
	border: none;
	cursor: pointer;
}

section#section_contact1 h1 {
	padding-bottom: 15px;
	width: 100%;
	text-align: center;
	color: var(--primary-color);
	font-size:var(--font-size-h2)
}
section#section_contact1 .w60.contact_s1_content h2{
	font-size:var(--font-size-h1)
}

section#section_contact1 .w100.contact_s1_c1.wmain_nowrap {
	background: #EDF0FB;
}
section#section_contact1 .w60 {
	padding: 26px;
}
section#section_contact1 p {
	padding: 12px 0;
	line-height: 1.6;
}
section#section_contact1 .w40.contact_s1_content_image img {
	border-radius: 15px;
	height: 100%;
	object-fit: cover;
}

/* form part */
section#section_contact_s2 .wmain_nowrap {
	justify-content: center;
}
section#section_contact_s2  div#wpcf7-f47-o1 {
	width: 85%;
}
section#section_contact_s2 p{
	display: flex;
	gap: 16px;
	justify-content: center;
}
section#section_contact_s2 input {
	padding: 16px;
	border: 1px solid var(--primary-color);
	border-radius: 5px;
	margin: 15px 0;
	width: 91%;
	font-family: 'Manrope';
}

section#section_contact_s2 span.wpcf7-form-control-wrap {
	width: 99%;
}
section#section_contact_s2 textarea.wpcf7-form-control.wpcf7-textarea {
	width: 97%;
	padding: 12px;
	font-family: 'Manrope';
	border-radius: 5px;
	margin: 15px 0;
	border: 1px solid var(--primary-color)
}
section#section_contact_s2 input::placeholder {
	color: var(--form_placeholder_color);
}
section#section_contact_s2 input.wpcf7-form-control.wpcf7-submit.has-spinner.cta_button {
	width: fit-content !important;
	cursor: pointer;
}
/*  */

section.contact_s8 {
	background: linear-gradient(182deg, #DDF3FA, #FFF2E9 75.71%);
}
section.contact_s8 .content_starts.w100.wmain_nowrap a {
	color: #263484;
}

/* resources page css------------------------------------------------------------------------------------------------------------ */

.blogs_latest_slide {
	background: #f2f2f2
}

.blogs_latest_slide .pointers {
	gap: 0
}

.blogs_latest_slide .point_wrap {
	padding: 30px 45px;
	background: 0 0;
	border: 1px solid var(--primary-color);
	position: relative;
	cursor: pointer
}

.blogs_latest_slide .point_wrap .pointer {
	position: absolute;
	background: 0 0;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid #fff;
	border-radius: 0;
	left: -1px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0
}

.blogs_latest_slide.active .pointer {
	background: var(--primary-color)
}

.point_wrap.w100.active {
	background: var(--primary-color)
}

.blogs_latest_slide .point_wrap h3 {
	color: #333;
	font-size: 20px;
	font-weight: 400
}

.blogs_latest_slide .point_wrap.w100.active h3 {
	color: #fff
}

.blogs_latest_slide .point_wrap span {
	color: #000;
	font-size: 20px;
	margin: 0;
	font-weight: 500
}

.blogs_latest_slide .point_wrap.w100.active span {
	color: #fff
}

.blogs_latest_slide .point_wrap.active .pointer {
	opacity: 1
}

.blogs_latest_slide .slider-container {
	height: 100%;
	padding: 0;
	border-radius: 0;
	overflow: hidden;
}

.blogs_latest_slide .slide-content {
	height: 100%;
	background: #041046;
	position: relative;
	padding: 0!important
}

.blogs_latest_slide .slide-content::after {
	content: "";
	height: 100%;
	width: 100%;
	background: #04104600;
	position: absolute;
	opacity: .5;
	top: 0;
	z-index: 1
}

.blogs_latest_slide img {
	height: 100%;
	max-height: 100%;
	width: 100%;
	object-fit: cover;
	z-index: 0;
	aspect-ratio: 2/1;
	border-radius: 0!important
}

.blogs_latest_slide .slide a.linked {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	top: 0;
	background: 0 0
}

.blogs_latest_slide .slide .content h2 {
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.blogs_latest_slide .point_wrap h3,.blogs_latest_slide .slide .content h2 {
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.blogs_latest_slide .slide .content {
	position: absolute;
	bottom: 0;
	z-index: 2;
	padding: 40px 30px;
	width: calc(100% - 60px);
	background: linear-gradient(0deg,var(--primary-color) 60%,transparent)
}

.blogs_latest_slide .slide .content h2 {
	color: #f78f1e;
	text-align: left;
	font-size: 28px;
	line-height: 1.4
}

.blogs_latest_slide .slide .content span {
	color: #fff;
	font-size: 18px
}

.blogs_latest_slide .slide .content span a {
	color: #fff;
	text-decoration: none
}

.blogs_latest_slide .slides::before {
	height: 100%
}

.blogs_latest_slide .slide {
	min-width: 100%;
	padding: 0;
	height: 100%;
}

.blogs_latest_slide .pointers {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.blogs_list .w100 {
	justify-content: space-between;
	gap: 30px
}

.blogs_list .single_blog {
	width: calc(33% - 34px)
}

.blogs_list .single_blog img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover
}

.blogs_list .single_blog h3 {
	font-weight: 800;
	font-size: 18px;
	margin: 15px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #263484;
	padding: 0 7px
}

.blogs_list .single_blog span {
	font-size: 14px;
	color: var(--primary-color);
	font-weight: 500
}

.blogs_list .single_blog p {
	font-size: 16px;
	margin: 15px 0;
	display: -webkit-box;
	padding: 0 7px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.blogs_list .single_blog p h3 {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.blogs_list .pagination ul {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	gap: 10px
}

.pagination ul.page-numbers {
	background: transparent!important;
	list-style: none
}

section#section_resources2 input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
	max-width: 94%;
	width: 100%;
	font-size: 16px;
	padding: 18px 10px;
	border: 0;
	height: inherit;
	box-shadow: 0 2px 7px 0 #000
}

section#section__resources3 form#searchform.wmain {
	gap: 0;
	flex-wrap: nowrap !important;
}

.blogs_list .page-numbers {
	display: block;
	padding: 12px;
	background: #f2f2f2;
	color: var(--primary-color);
	line-height: 1;
	font-size: 16px
}

.blogs_list .page-numbers.current {
	background: #f78f1e;
	color: #fff
}

.blogs_subscribe .wmain {
	justify-content: center;
	align-items: center
}

section#sub-footer .wmain .w70 img {
	max-width: 163px;
	padding: 10px
}

section#sub-footer .wmain {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

section#sub-footer .wmain h2 {
	padding-left: 10px
}

.blogs_subscribe .sub-footer-text h2 {
	padding-left: 20px
}

section#section_resources2 input.wpcf7-form-control.wpcf7-submit.has-spinner {
	padding: 16px 35px;
	background: var(--primary-color);
	font-size: 18px;
	color: #fff;
	border: 2px solid var(--primary-color);
	letter-spacing: 1px;
	transition: .5s;
	cursor: pointer;
	box-shadow: 0 0 5px 0 #000
}

.blogs_subscribe input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
	border: 2px solid var(--primary-color);
	outline: 0;
	padding: 22px 12px;
	font-size: 24px;
	margin: 30px auto;
	display: block;
	text-align: center;
	max-width: 100%;
	width: 60%
}

.blogs_subscribe input.wpcf7-form-control.wpcf7-submit.has-spinner {
	margin: auto;
	display: block;
	background: #fff;
	color: var(--primary-color);
	font-size: 20px;
	border: none;
	width: 100%;
	padding-top: 0;
	width: fit-content;
	position: relative;
	cursor: pointer
}

section#section__resources4 a.the_button {
	color: orange;
	background: no-repeat;
	border: none;
	padding-bottom: 10px;
	padding: 4px 7px;
	font-size: 18px;
	align-items: center;
	display: inline-flex
}

section#section__resources4 a.the_button::after {
	content: "➜";
	font-size: 26px;
	line-height: 0;
	margin-left: 10px
}

section#section__resources4 a.the_button::before {
	display: none!important
}

.blogs_subscribe p {
	width: 100%!important;
	margin: 0
}

.blogs_subscribe button {
	margin: auto;
	display: block;
	background: #fff;
	color: var(--primary-color);
	font-size: 20px;
	border: none;
	width: 100%;
	padding-top: 0;
	width: fit-content;
	position: relative;
	cursor: pointer
}

.blogs_subscribe h3 {
	color: var(--primary-color);
	font-size: 32px;
	text-align: center
}

#section_resources1 .slides {
	height: 100%;
	transform: none;
}

section#section__resources5 {
	padding-bottom: 0
}

.resorces_sub {
	background: linear-gradient(90deg,#fdfdfd,#ebeeff)
}

.resorces_sub h3 {
	color: var(--primary-color);
	font-size: 28px
}

.resorces_sub h3 span {
	color: #f78f1e;
	font-size: 36px;
	display: block
}

.resorces_sub .w50 {
	padding: 15px 0
}

.resorces_form form {
	display: flex
}

.resorces_form input {
	font-size: 16px;
	padding: 19px 35px
}

.resorces_form button {
	padding: 17px 35px;
	background: var(--primary-color);
	font-size: 18px;
	color: #fff;
	border: 2px solid var(--primary-color);
	letter-spacing: 1px;
	cursor: pointer
}

.resorces_form button:hover {
	background: #fff;
	color: var(--primary-color);
	border-color: var(--primary-color)
}

section#section__resources3 .wmain {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}

section#section__resources3 {
	padding-bottom: 0
}

section#section__resources3 input#search_param {
	width: 367px;
	height: 34px;
	max-width: 326px;
	padding: 5px 20px;
	border: 1px solid;
	font-size: 16px;
	background-color: rgb(242 242 242)
}

section#section__resources3 button#search_button {
	height: 47px;
	text-align: center;
	padding: 9px 10px;
	background-color: rgb(242 242 242)
}

section#section__resources3 svg {
	height: -webkit-fill-available
}

form#searchform .wmain {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	gap: 0
}

section#section_resources3 select#types,section#section_resources3 select#Topics {
	height: 47px;
	padding: 5px 10px;
	font-size: 16px;
	background-color: rgb(242 242 242);
	border: 1px solid
}

section#section__resources3 h2 {
	color: #263484
}

.request_demo_form label {
	font-size: 18px;
	color: #2c3972;
	line-height: 2.5;
	font-weight: 500
}

.request_demo_form input.wpcf7-form-control {
	width: calc(100% - 28px);
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
	border: 2px solid #c4c4c4;
	padding: 12px 5px
}

.request_demo_form select.wpcf7-form-control.wpcf7-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #a2a9b0;
	transition: .5s;
	width: 100%;
	background: 0 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	padding: 12px 5px;
	border: 2px solid #c4c4c4;
	width: calc(100% - 28px);
	margin-bottom: 20px
}

.request_demo_form textarea.wpcf7-form-control.wpcf7-textarea.cf7_messagefield {
	width: calc(100% - 28px);
	font-size: 16px;
	padding: 14px;
	border: 2px solid #c4c4c4;
	font-family: "Inter"!important;
	margin-bottom: 20px
}

.request_demo_form button.anim1.wpcf7-submit {
	display: inline-block;
	padding: 20px 35px;
	background: #2c3972;
	font-size: 18px;
	--c: #fff;
	color: var(--c);
	border: 2px solid #2c3972;
	cursor: pointer;
	font-family: "Inter"!important
}

.request_demo_form h2.w100 {
	color: #263484
}
section#section__resources3 select {
	height: 47px;
	padding: 5px 10px;
	font-size: 16px;
	background-color: rgb(242 242 242);
	border: 1px solid;
}

.sigleblog_s2 .w30 {padding-left: 20px;max-width: calc(30% - 20px);}
.sigleblog_s2 .w30 h2 {margin-bottom: 30px;}
.rb-blog {padding: 20px;border: 2px solid #263484;margin-bottom: 30px;border-radius: 8px;display: grid;gap: 15px;}


.slider_nav .arrow {
	color: var(--black-color);
	font-size: 30px;
	padding: 0;
	margin: 0;
	line-height: 45px;
	width: 49px;
	border-radius: 50%;
	border: 2px solid var(--black-color);
	background: none;
	cursor: pointer;
	transition: all 0.3s
}

.slider_nav .arrow:hover {
	color: var(--primary-color);
	border-color: var(--primary-color);
	scale: .8
}

.slider_nav .arrow.left {
	transform: rotate(180deg)
}
/* resources page css------------------------------------------------------------------------------------------------------------ */

/*  */

}

/* single blog page css------------------------------------------------------------------------------------------------------------ */

section#sigleblog_section2 h2 {
	font-size: clamp(1.563rem, 1.4780rem + 0.3400vw, 1.75rem);
	line-height: 1.4;
	padding-bottom: 11px;
	color: var(--primary-color);
}
section#sigleblog_section2 h3 {
	font-size: clamp(1.375rem, 1.2895rem + 0.3418vw, 1.563rem);
	margin: 5px 0;
	color: var(--h2-color);
}
section#sigleblog_section2 h4 {
	font-size: clamp(1rem, 0.8864rem + 0.4545vw, 1.25rem);
}
section#sigleblog_section2 ol li, section#sigleblog_section2 ul li {
	font-size: clamp(1rem, 0.8864rem + 0.4545vw, 1.25rem);
}
section#sigleblog_section2 a.h5 {
	font-size: clamp(1.188rem, 1.1030rem + 0.3400vw, 1.375rem);
	line-height: 1.2;
	font-weight: 400;
}
section#sigleblog_section2 .w30 h2 {
	text-align: center;
}

/* single blog page css------------------------------------------------------------------------------------------------------------ */



@media (max-width: 800px) {
	.w100.wmain_nowrap.home_s5_c1 {
		align-items: center;
		flex-direction: column;
	}
	section#section_home5 .w50 {
		width: -webkit-fill-available;
		max-width: 98%;
	}
	.wfc {
		text-align: center;
	}
	.home_s6 .w100.wmain_nowrap.home_s6_c1 .w60 ,section#section_contact1 .w60  {
		width: 98%;
	}
	.home_s6 .w100.wmain_nowrap.home_s6_c1 .w40, section#section_contact1 .w40.contact_s1_content_image  {
		width: fit-content;
		margin: 0 auto;
	}

	.home_s6 .w100.wmain_nowrap.home_s6_c1{
		flex-direction: column;
	}
	section#section_home7 .wmain_nowrap {
		flex-wrap: wrap;
		justify-content: center;
	}
	.w100.wmain_nowrap.home_s7_c1  .w33 {
		width: 45.33%;
	}
	.home_s6_c1 span {
		margin-right: 10px;
		min-width: 40px;
	}
	/* 	 */
	section#section_pricing2 .w100.pricing_s2_c1.wmain_nowrap{
		flex-direction: column;
		align-items: center;
	}
	section#section_pricing2 .w100.pricing_s2_c1.wmain_nowrap .w50 {
		width: 100%;
	}
	/* 	 */
	section#section_contact1 .w100.contact_s1_c1.wmain_nowrap {
		flex-wrap: wrap;
	}
	section#section_authorspage1 .w100.authorspage_s1_c1 .w50 {
		width: 80%;
	}
	section#section_resources1 .w50 {
		width: 100%;
	}
	.home_s5_c1 .w60{
		width: 80%;
	}
	.home_s5_c1 .w40 {
		width: 80%;
	}
}


@media (max-width: 580px) {
	section#section_home1 .wmain_nowrap {
		flex-direction: column;
	}
	.w50 {
		width: 95% ; 
	}
	.w40{
		width: 95%;
	}
	.w60{
		width: 95%;
	}
	.w80{
		width: 95%;
	}
	section#section_home5 .w50 {
		width: -webkit-fill-available;
		max-width: 98%;
	}
	.w100.wmain_nowrap.home_s7_c1 .w33 {
		width: 90.33%;
	}
	section#section_home2 .wmain_nowrap, .section#section_home3 .wmain_nowrap {
		flex-direction: column;
		align-items: center;
	}
	.home_s4 .slide {
		flex: 0 0 calc(40% - 40px);
		padding: 20px;
		transition: all 0.3s;
	}
	section#section_contact_s2 p{
		display: block;
	}
	section#section_contact_s2 textarea.wpcf7-form-control.wpcf7-textarea {
		width: -webkit-fill-available;
	}
	/* 	 */

	.authorspage_s5_c1 .w50:first-child {
		border-right: 0px;
		border-bottom: 1px solid;
	}
	.authorspage_s1_c1 {
		padding: 40px 20px;
	}
	.wmain_nowrap {
		flex-wrap: wrap;
		justify-content: center;
	}
	.authorspage_s2_c1 h3 {
		max-width: 100%;
		margin: auto;
	}
	footer .footer_links {grid-template-columns: 1fr;text-align: center;}
	footer .w33 {width: 100%;}
	footer img, footer a {margin: auto;}
	footer .copyright p {text-align: center;}
	footer .footer_col.social {justify-content: center;}

	.authorspage_s2_c2 ul {padding: 0;}
	
	.section_newsletter2 .w33 {width: 100% !important;}
}

@media (max-width: 420px) {
	.home_s2_colparent {
		padding: 40px 10px;
	}
	.w100.wmain_nowrap.home_s3_c1.jcontent_saround {
		flex-wrap: wrap;
	}
	section#section_pricing2 .w100.pricing_s2_c1.wmain_nowrap {
		padding: 20px;
	}
}