/*
Theme Name: Ennocar Theme
Theme URI: https://www.linkedin.com/in/mazhar-ahmad
Description: Ennocar WordPress theme.
Author: Mazhar Ahmad
Author URI: https://www.linkedin.com/in/mazhar-ahmad
Template: oceanwp
Version: 1.0.0
*/

body, h1,.h1, h2, .h2,h3, .h3,h4, .h4,h5, .h5,h6, .h6, p, .theme-button, input[type="submit"],
.navigation ul li a{
	font-family: 'Century Gothic', Sans-Serif !important;
}
a, a:hover, a:focus{
	outline:none !important;
}
.page-header {
    padding: 25px 0 15px;
}
.page-header .page-header-title{
	display:none !important;
}

/* Blog Post */
.blog-posts_wrap.blog-posts_layout-2 .row article{
	width:31.33%;
}
.blog-posts_wrap.blog-posts_layout-2 .row article:nth-child(2) {
    background: #076a61;
}
.blog-posts_wrap.blog-posts_layout-2 .row article:nth-child(2) h4,
.blog-posts_wrap.blog-posts_layout-2 .row article:nth-child(2) .content{
	color:#fff;
}
.blog-posts_layout-2 article{
	background: #eff1f2;
    border-radius: 15px;
    padding: 50px 20px 25px;
	height:100%;
}
.blog-posts_layout-2 .post_title h4 {
    margin-bottom: 30px;
    font-size: 21px;
}
.blog-posts_layout-2 article .content{
	background: transparent;
    padding: 0;
}
.blog-posts_layout-2 .post_btn{
	margin-top: 15px;
    text-align: right;
}
.blog-posts_layout-2 .post_btn a{
	font-size: 0;
    margin-left: auto;
    position: relative;
    transition: all 0.5s ease;
    display: flex;
    justify-content: end;
}
.blog-posts_layout-2 .post_btn a:after{
	content:'';
	background-color: #fff;
    color: #00635e;
	border:1px solid #00635e;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%2300635e' d='M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
	background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    height: 40px;
    width: 40px;
    display: block;
    padding: 15px;
    text-align: center;
    border-radius: 50px;
    transform: rotate(315deg);
	transition: all 0.5s ease;
}
.blog-posts_layout-2 article:hover a:after {
    transform: scale(1.1) rotate(315deg);
}

/* Brevo Subscription Form */
.sib_signup_box_inside_4 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}
.sib_signup_box_inside_4 .sib-email-area{
	margin-bottom: 0;
	width: 72%;
	background: #fff;
	border-radius: 50px;
}
.sib_signup_box_inside_4 .sib-submit-area input,
.sib_signup_box_inside_4 .sib-email-area input{
	width: 100%;
	height: 50px;
	padding-inline:15px;
	border-radius: 50px;
}
.sib_signup_box_inside_4 .sib-submit-area{
	width: 28%;
	margin: 0;
}
.sib_signup_box_inside_4 .sib-submit-area input{
	font-size: 15px;
	background: var(--e-global-color-secondary);
	border: none;
	margin-left: -45px;
	letter-spacing: 1px;
}

/* Support */
.form_wrap > p{
	display: flex;
    flex-wrap: wrap;
    gap: 0px;
}
.form_wrap .wpcf7-form-control-wrap {
	flex: 0 0 33.33%;
    padding: 10px;
}
.form_wrap span.wpcf7-form-control-wrap :is(input, textarea){
	text-align:left;
}
.form_wrap span.wpcf7-form-control-wrap :is(input, textarea):not(:hover){
	border-color: #b3b3b3 !important;
	border-radius: 10px !important;
}
.form_wrap span.wpcf7-form-control-wrap :is(input, textarea):hover{
	border-color: #1c6e60 !important;
}
.form_wrap .wpcf7-form-control-wrap[data-name="your-message"]{
	flex: 0 0 100%;
}
.form_wrap .wpcf7-submit{
	margin: 10px;
    min-width: 200px;
}

/* Battery Popup */
.battery_popup{
	cursor: pointer;
}
.popup_battery_img{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 100%;
    width: auto;
    background: rgb(0 0 0 / 72%);
    padding: 20px;
	display:none;
}
.popup_battery_img :is(figure, div){
    height: 100%;
}
.popup_battery_img .internal_container{
	max-height: 100%;
    width: auto;
    background: #ffffff;
    border-radius: 15px;
    padding: 15px;
    max-width: max-content;
    margin: auto;
}
.popup_battery_img .close_icon {
	position: absolute;
    cursor: pointer;
    background: #fff;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    font-size: 22px;
    color: #000;
    line-height: 25px;
    right: 10px;
    top: 10px;
    text-align: center;
    z-index: 9;
}