/*
Theme Name: Solvia Child
Template: codiq
Author: Codiq WP
Description: Codiq Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* Theme customization starts here
-------------------------------------------------------------- */

/*------------ common css ------------*/



/* ------------- blog form -------------- */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus {
	color: var(--global-palette1);
	background-color: transparent;
	border: 1px solid var(--global-palette1);
}


textarea {
	color: var(--global-palette1);
	border: 1px solid var(--global-palette1);
	background-color: transparent;
}

textarea:focus {
	box-shadow: none;
	color: var(--global-palette1);
	border: 1px solid var(--global-palette1);
}

/* ------------- blog form end -------------- */



.single-content h1.elementor-heading-title,
.single-content h2.elementor-heading-title,
.single-content h3.elementor-heading-title,
.single-content h4.elementor-heading-title,
.single-content h5.elementor-heading-title,
.single-content h6.elementor-heading-title {
	margin: 0;
}




.wp-block-search .wp-block-search__input,
.wp-block-search .wp-block-search__input:focus,
body .wp-block-search .wp-block-search__button,
.wp-block-search .wp-block-search__button:hover,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	box-shadow: none;
}

input[type="submit"] {
	border-radius: 0px;
}




/* footer */
.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)):hover {
	color: var(--global-palette9);
	text-decoration: none;
}

.wp-block-list {
	list-style: none;
}

.widget-area ul {
	padding-left: 0;
	margin: 0;
}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
	display: flex;
	align-items: center;
}

.wp-block-column-is-layout-flow .wp-block-image.size-full.is-resized {
	margin: 0px 50px;
}



/* archive page read more icon*/
body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .googly-svg-iconset {
	display: none;
}

/* archive conetnt left sidebar */
body .wp-block-latest-posts__list li,
body.search-results.content-style-unboxed .site .post-thumbnail,
body.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child,
.wp-block-latest-posts.wp-block-latest-posts__list {
	margin: 0;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
	color: var(--global-palette2);
}

#secondary .woocommerce.widget_product_categories>ul li,
.widget .tagcloud a,
.widget li,
#secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item,
.wp-block-tag-cloud .tag-cloud-link {
	padding-block: 6px;
}

/*------------ end common css ------------*/

/* -------------------- ----> elementor design css <---- -------------------- */


/* customizing Helmets */
.flipster--flat .flipster__item--past .ue-flip-item-content,
.flipster--flat .flipster__item--future .ue-flip-item-content {
	opacity: 0;
}

/* Blog area css */
.blog .loop-entry .entry-header .entry-title,
.blog-section .uc_post_title {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 380px;
}


/* newslatter section */
.newsletter-form {
    position: relative;
    width: 100%;
    display: flex;
	align-items: center;
}
.newsletter-form .sub-email {
    margin-inline-start: 20px;
    margin-inline-end: 20px;
}
.newsletter-form input[type="email"],
input[type="text"],
.newsletter-form input[type="email"],
input[type="text"]:focus {
	background: transparent;
  	border: none;
    border-bottom :1px solid var(--global-palette9);
    padding: 22px 30px;
    color: var(--global-palette9);
    box-shadow: none;
    width: 100%;
    display: block;
    margin-bottom: 0;
}
input[type="placeholder"]{
	color: var(--global-palette9);
}
.newsletter-form input[type="submit"]
{
	position: absolute;
    padding: 17px 48px 17px 48px;
	right: 10px;
	top: 3px;
	background-color: var(--global-palette9);
	color: var(--global-palette1);
	font-size: 14px;
	font-weight: 600;
	&:hover{
		background-color: var(--global-palette1);
		color: var(--global-palette9);
	}
}
.mc4wp-response .mc4wp-alert p{
    color: var(--global-palette9);
}
@media (max-width:1366px) {
	.newsletter-form input[type="email"],
	input[type="text"],
	.newsletter-form input[type="email"],
	input[type="text"]:focus{
		width: 500px;
	}
}
@media (max-width:1024px) {
	.newsletter-form input[type="submit"]{
		right: 168px;
	}
	.newsletter-form input[type="email"],
	input[type="text"],
	.newsletter-form input[type="email"],
	input[type="text"]:focus{
		margin: 0 11em;
	}
	.newsletter-form{
		margin-top: 30px;
	}
}
@media (max-width: 576px) {
    .newsletter-form {
        width: 300px;
		display: block;
    }
.newsletter-form input[type="submit"]{
		margin-top: 20px;
		position: inherit;
	}
	.newsletter-form input[type="email"],
	input[type="text"],
	.newsletter-form input[type="email"],
	input[type="text"]:focus{
		margin: 0;
	}
	.newsletter-form input[type="submit"]{
		left: 73px;
	}
}

/* archive search left sidebar */
.wp-block-search .wp-block-search__input {
	border: none;
	padding: 0.6em 0.5em;
	color: var(--global-palette1);
	border: 1px solid #e5e5e5;
	border-radius: 0px;
}

.wp-block-search .wp-block-search__input:focus {
	border: 1px solid #e5e5e5;
}

input[type="search"]:focus {
	color: var(--global-palette1);
}

body .wp-block-search .wp-block-search__button {
	/* color: var(--global-palette9);
	background: var(--global-palette1); */
	border-radius: 0px;
}

/* archive page read more */
body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .post-more-link {
	font-size: 14px;
	text-transform: capitalize;
	text-decoration: underline;
	font-weight: 500;
	/* color: var(--global-palette1); */
}

/* input radius */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border-radius: 0;
}


/* blog icon */

body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .codiq-svg-iconset {
	display: none;
}

body .elementor-183 .elementor-element.elementor-element-d3af341 {
	width: 100%;
}

/* loader */
.themeloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-image: url(./assets/image/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 130px;
	background-color: var(--global-palette9);
}


/* img hover */

.cq-section .image-hover.elementor-widget-image {
	float: none;
	display: flex;
	background-color: transparent;
	overflow: hidden;
}

.cq-section .image-hover.elementor-widget-image::after,
.cq-section .image-hover.elementor-widget-image::before {
	position: absolute;
	content: '';
	z-index: 1;
	background: rgba(255, 255, 255, .2);
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0);
	display: block;
}

.cq-section:hover .image-hover.elementor-widget-image::after {
	width: 100%;
	height: 0;
	top: 50%;
	background: rgba(255, 255, 255, 0.1);
	bottom: 50%;
}

.cq-section:hover .image-hover.elementor-widget-image::before {
	width: 0;
	height: 100%;
	left: 50%;
	background: rgba(255, 255, 255, 0.1);
	right: 50%;
}

.elementor-widget-wrap.elementor-element-populated .image-hover {
	justify-content: center;
}

@media (max-width: 1024px) {
	.cq-section .image-hover.elementor-widget-image {
		width: auto;
	}

	.cq-section .image-hover>.elementor-widget-wrap {
		display: flex;
		justify-content: center;
	}

	.elementor-widget-wrap.elementor-element-populated {
		justify-content: center;
	}
}

/* footer */

.site-footer-middle-section-1.site-footer-section.footer-section-inner-items-1 {
	padding-right: 7em;
}

.site-footer-middle-section-2.site-footer-section.footer-section-inner-items-1 {
	padding-left: 12em;
	padding-right: 6em;
}

.site-footer-middle-section-3.site-footer-section.footer-section-inner-items-1 {
	padding-right: 0;
	padding-left: 11em;
}


@media (max-width: 1366px) {
	.site-footer-middle-section-1.site-footer-section.footer-section-inner-items-1 {
		padding-right: 1.5em;
		padding-left: 2em;
	}
	.site-footer-middle-section-2.site-footer-section.footer-section-inner-items-1 {
		padding-left: 11em;
		padding-right: 0;
	}
	.site-footer-middle-section-3.site-footer-section.footer-section-inner-items-1 {
		padding-right: 3em;
		padding-left: 9em;
	}

}

@media (max-width: 1200px) {
	.site-footer-middle-section-1.site-footer-section.footer-section-inner-items-1 {
		padding-right: 0;
		padding-left: 0;
	}

	.site-footer-middle-section-2.site-footer-section.footer-section-inner-items-1 {
		padding-left: 9em;
		padding-right: 0;
	}

	.site-footer-middle-section-3.site-footer-section.footer-section-inner-items-1 {
		padding-left: 6em;
		padding-right: 0;
	}

}

@media (max-width: 1024px) {
	.site-footer-middle-section-1.site-footer-section.footer-section-inner-items-1 {
		padding-right: 10em;
		padding-left: 10em;
	}

	.site-footer-middle-section-2.site-footer-section.footer-section-inner-items-1 {
		padding-left: 0em;
		padding-right: 0em;
	}

	.site-footer-middle-section-3.site-footer-section.footer-section-inner-items-1 {
		padding-left: 0em;
	}

}
@media (max-width:767px) {
	.site-footer-middle-section-1.site-footer-section.footer-section-inner-items-1 {
		padding-right: 0;
		padding-left: 0;
	}
	.site-footer-middle-section-2.site-footer-section.footer-section-inner-items-1 {
		padding-right: 0em;
	}
}

 /* footer icon */

.location-icon::before {
	background: url(./assets/image/add.svg) no-repeat;
}

.mail-icon::before {
	background: url(./assets/image/mail.svg) no-repeat;
}

.call-icon::before {
	background: url(./assets/image/call.svg) no-repeat;
}

.location-icon::before,
.mail-icon::before,
.call-icon::before {
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	color: #000;
	cursor: pointer;
	margin: 6px 10px 10px 0px;
}

@media (min-width: 479px) and (max-width: 1024px) {

.location-icon::before,
.mail-icon::before,
.call-icon::before {
		display: none;
	}
}



/* ======================custome======================= */
.hvr-bg{
	background-color: var(--global-palette3);
}
.hvr-white:hover .hvr-bg .elementor-widget-heading h3 ,
.hvr-white:hover .hvr-bg .elementor-widget-text-editor p
{
	color: white;
}
.hvr-white:hover .hvr-bg{
	background-color: var(--global-palette2);
} 
/* -------------blog css ------------- */


.blog-sec .uc_carousel  .ue-meta-data {
	position: absolute;
	right: 20px;
	background-color: var(--global-palette2);
	padding: 15px 24px;
	bottom: 166px;
}
@media (max-width: 1366px) {
	.blog-sec .uc_carousel  .ue-meta-data {
		bottom: 156px;
	}   
}
@media (max-width:1024) {
	.blog-sec .uc_carousel  .ue-meta-data {
		bottom: 166px;
	}   
}
@media (max-width:576px) {
	.blog-sec .uc_carousel  .ue-meta-data {
		bottom: 168px;
	}   
}
/* ----------------date----------------- */

.date{
  color: white !important;
}

/* ---------------content box-----------= */


.team-area .uc_long_content_box .uc_box_content_open .uc_title {
	opacity: 0;
}

.team-area:hover .uc_long_content_box .uc_box_content_open .uc_title{
	opacity: 1;
}

/* -------------------timeline----------------- */
.ue_timeline_item_content .ue_timeline_item_content_main{
	height: 200px;
}
.ue_timeline_item:nth-child(2n) .ue_timeline_item_img_wrapper{
	margin-top: -19em;
}
@media (max-width:1366px) {
	.ue_timeline_item:nth-child(2n) .ue_timeline_item_img_wrapper{
	margin-top: -18em;
	}
}
@media (max-width:1200px) {
	.ue_timeline_item:nth-child(2n) .ue_timeline_item_img_wrapper{
	margin-top: -13em;
	}
}
@media (max-width:1024px) {
	.ue_timeline_item:nth-child(2n) .ue_timeline_item_img_wrapper{
	margin-top: -9.8em;
	}
}
@media (max-width:767px) {
	.ue_timeline_item_content .ue_timeline_item_content_main{
		margin: 20px 0;
	}
	.ue_timeline_item_content .ue_timeline_item_content_main{
	height: 300px;
}
}
.elementor-348 .elementor-element.elementor-element-518d5c3 .ue_timeline_item_content{
	margin-bottom: 0px !important;
}
/* ===============================btn hve start=========================== */

.btn-hover .elementor-button{
	position: relative;
    overflow: hidden;
    cursor: pointer;
	background-color: rgb(0, 0, 175);
	outline: none;
	border: none;
    touch-action: manipulation;
	display: inline-flex;
}
.btn-hover a::after {
    content: '';
    position: absolute;
    left: -10px;
	top: 0;
	bottom: 0;
    width: 120%;
    height: 100%;
    background-color: black;
	color: white;
    border: none;
	outline: none;
    transform-origin: top;
    transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
	transform: scaleX(0) skewX(12deg);
}
.btn-hover a:hover::after{
  transform-origin: top;
  transform: scaleX(1) skewX(10deg);
}
.btn-hover .elementor-button > * {
    position: relative;
    z-index: 1;
}
.btn-hover a:hover{
	background-color: rgb(0, 0, 175);
}

/* ===============================btn hve end=========================== */

/* ================================image hover start=========================== */


.img-section .img-hover.elementor-widget-image {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    background-color: transparent;
}

.img-section .img-hover.elementor-widget-image::before{
    content: '';
    position: absolute;
    top: -50%;
    height: 200%;
    width: 200%;
    background: linear-gradient(120deg,transparent 0%,rgba(255, 255, 255, 0.2) 50%,transparent 100%);
    transform: translateX(-100%) rotate(-20deg);
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}
.img-section .img-hover.elementor-widget-image::after{
	 content: '';
    position: absolute;
    top: -50%;
    height: 200%;
    width: 200%;
    background: linear-gradient(120deg,transparent 0%,rgba(255, 255, 255, 0.2) 50%,transparent 100%);
    transform: translateX(100%) rotate(20deg);
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}
.img-section .img-hover.elementor-widget-image::before {
    left: -20%;
    animation: shine-left 1.5s ease-in-out forwards;
}

.img-section .img-hover.elementor-widget-image::after {
    right: -80%;
    animation: shine-right 1.5s ease-in-out forwards;
}

.img-section .img-hover.elementor-widget-image:hover::before,
.img-section .img-hover.elementor-widget-image:hover::after {
    opacity: 1;
    animation: shine-left 1.5s ease-in-out, shine-right 1.5s ease-in-out 0.5s;
}

@keyframes shine-left {
    0% {
        transform: translateX(-100%) rotate(-20deg);
    }
    100% {
        transform: translateX(100%) rotate(-20deg);
    }
}

@keyframes shine-right {
    0% {
        transform: translateX(100%) rotate(-20deg);
    }
    100% {
        transform: translateX(-100%) rotate(-20deg);
    }
}
/* ================================image hover end=========================== */