/*
	Theme Name: Solaris Child
	Template: twold
	Author: Twold WP
	Description: The TwoldTheme is a sleek, performance-optimized WordPress theme designed to help you build stunning, lightning-fast websites with ease. Its intuitive drag-and-drop header and footer builder empowers users to craft custom layouts in minutes, while the expansive library of beautifully designed starter templates ensures a professional look for any project. With smart global controls for fonts and colors, customization is effortless. Whether you're creating an ecommerce store, an educational platform, or a business website, Twold seamlessly integrates with leading plugins, making it the ultimate toolkit for any web development need.
	Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
	Version: 1.2.9.1728562645
	Updated: 2024-10-10 12:17:25

	*/

		@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
		@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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


		/* titlle margin */

		.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;
		}

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

		/* footer */

		.site-footer-section .widget-area ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		/* image carousal */

		.elementor-widget-image-carousel .swiper .swiper-slide figure {
			display: inline-block;
			text-align: center;
		}

		/* blog grid, slider, list hover */

		.elementor-widget-ucaddon_post_carousel .uc_image_carousel_placeholder:hover img,
		.loop-entry .post-thumbnail-inner:hover img,
		.uc_post_list_image img:hover {
			transform: scale(1.05);
		}

		.loop-entry .post-thumbnail-inner img,
		.uc_post_list_image img {
			transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
		}

		.uc_post_list_image {
			overflow: hidden;
		}

		.blog .primary-sidebar input[type="search"]:focus {
			color: var(--global-palette1);
			border-color: var(--global-palette6);
		}

		/* Hover zoom - singleblog*/

		.hover-zoom .uc_post_list_image img:hover {
			transform: scale(1.05);
		}

		.hover-zoom .elementor-image-box-img {
			overflow: hidden;
		}

		.elementor-widget-image .elementor-widget-container {
			overflow: hidden;
		}

		/* 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;
		}

		.search-results.content-style-unboxed .entry-content-wrap {
			margin-block-start: 20px;
		}


		/* widget spacing */

		#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;
		}

		/* input search border */

		.wp-block-search .wp-block-search__input,
		.wp-block-search .wp-block-search__input:focus,
		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;
			color: var(--global-palette1);
			border: 1px solid var(--global-palette6);
			border-radius: 0px;
		}

		/* input border */

		input[type="text"],
		input[type="email"],
		input[type="url"],
		input[type="password"],
		input[type="search"],
		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: 1px solid var(--global-palette6);
			color: var(--global-palette1);
			background-color: transparent;
		}

		/* input radius */
		input[type="text"],
		input[type="email"],
		input[type="url"],
		input[type="password"],
		input[type="search"],
		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: 0px;
		}

		/* border radius */

		.wp-block-search .wp-block-search__input,
		body .wp-block-search .wp-block-search__button,
		body .twold-header-cart.header-navigation ul a.button,
		#search-drawer .drawer-inner input.search-field {
			border-radius: 0px;
		}

		/* archive search left sidebar */

		.wp-block-search .wp-block-search__input {
			padding: 0.6em 0.7em;
			border: 1px solid var(--global-palette6);
			color: var(--global-palette1);
			border-radius: 0px;
			background: transparent;
		}

		body .wp-block-search .wp-element-button.wp-block-search__button {
			color: var(--global-palette7);
			background: var(--global-palette2);
		}

		/* search input */

		#search-drawer .drawer-inner input.search-field {
			border: none;
			border-bottom: 1px solid var(--global-palette9);
			border-radius: 0px;
			color: var(--global-palette9);
		}

		#search-drawer .drawer-inner .search-form input.search-field:focus {
			box-shadow: none;
			color: var(--global-palette9);
		}


		/* blog author */

		.wp-block-latest-posts__post-author,
		.wp-block-latest-posts__post-date {
			color: var(--global-palette1);
			font-size: 15px;
			font-weight: 400;
			text-transform: none;
			font-family: 'DM sans';
		}


		/* blog sidebar date */
		.wp-block-latest-posts__post-author,
		.wp-block-latest-posts__post-date {
			color: var(--global-palette1);
			font-size: 16px;
			font-weight: 400;
			text-transform: none;
			font-family: 'Figtree';
			line-height: 23px;
		}


		/* button */
		body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .post-more-link {
			font-size: 16px;
			text-transform: capitalize;
			font-weight: 700;
			color: var(--global-palette1);
			font-family: 'Figtree';
			letter-spacing: 0;
			text-decoration: underline;
		}

		body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .post-more-link:hover {
			color: var(--global-palette2);
		}

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

		@media screen and (max-width: 766px) {

			form.comment-form .comment-input-wrap .comment-form-author,
			form.comment-form .comment-input-wrap .comment-form-email,
			form.comment-form p.comment-form-float-label {
				margin: 0px;
			}
		}

		/* loader */
		.pageloader {
			position: fixed;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			z-index: 9999;
			background: url(assets/images/loader.gif) center no-repeat #fff;
			background-size: 150px;
		}

		.reply .comment-reply-link,
		.reply .comment-reply-link:hover {
			border: 1px solid var(--global-palette1);
			color: var(--global-palette1);
		}

		.post-navigation a:hover {
			color: var(--global-palette2) !important;
		}

		/* comment */
		.comment-form .comment-form-comment textarea::placeholder,
		.comment-form .comment-input-wrap input::placeholder {
			color: var(--global-palette1);
		}

		.comment-form .comment-form-comment textarea:focus,
		.comment-form .comment-input-wrap input:focus {
			box-shadow: none;
		}

		.comment-form p.comment-form-float-label label.float-label,
		.comment-form .comment-input-wrap p label.float-label {
			color: var(--global-palette1);
		}

		/*-----------------------------------------------elemenor css-------------------------------------------------- */

		/* newsletter form */

		.newsletter-form {
			width: 485px;
		}

		.newsletter-form input[type="email"] {
			width: 100%;
			height: 50px;
			background-color: var(--global-palette9);
			padding: 15px;
			margin-bottom: 10px;
			text-transform: none;
			color: var(--global-palette1);
		}

		.newsletter-form input[type="email"]::placeholder {
			color: var(--global-palette5);
			text-transform: capitalize;
		}

		.newsletter-form textarea {
			width: 100%;
			height: 130px;
			background-color: var(--global-palette9);
			padding: 15px;
			margin-bottom: 10px;
			text-transform: none;
			color: var(--global-palette1);
		}

		.newsletter-form textarea::placeholder {
			color: var(--global-palette5);
			text-transform: capitalize;
		}

		.newsletter-form input[type="submit"] {
			padding: 14.5px 37.5px;
			background-color: var(--global-palette9);
			color: var(--global-palette1);
			border: none;
			border: 1px solid var(--global-palette9);
		}

		.newsletter-form input[type="submit"]:hover,
		.newsletter-form input[type="submit"]:focus {
			color: var(--global-palette9);
			background: transparent;
			border: 1px solid var(--global-palette9)
		}

		.mc4wp-response {
			padding-top: 10px;
			color: var(--global-palette1);
			text-align: left;
			text-transform: capitalize;
		}

		@media screen and (max-width: 624px) {
			.newsletter-form {
				width: 100%;
			}
		}

		@media screen and (max-width: 1024px) {
			.newsletter-form input[type="submit"] {
				width: 100%;
			}
		}

		/* about padding */

		@media (max-width: 1824px) and (min-width: 1367px) {
			body .about_padding .elementor-widget-container {
				padding: 1.56em 15em 3.75em 0em !important;
			}

			body .about_icon_padding .elementor-widget-container {
				padding: 0em 15em 0em 0em !important;
			}

			body .about_icon_in_padding .elementor-widget-container {
				padding: 1.5em 15em 1.5em 0em !important;
			}


			.about_font .elementor-widget-container h2 {
				font-size: 45px;
				line-height: 55px;
			}
		}

		/* work_line */

		.line .elementor-divider-separator {
			position: relative;
		}

		.line .elementor-divider-separator::after {
			content: '';
			position: absolute;
			display: block;
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-bottom: 8px solid black;
			top: -5px;
			right: -8px;
			transform: rotate(90deg);
			bottom: 0px;
		}

		/* blog */

		.contain_color .title_blog {
			position: relative;
		}

		.contain_color .title_blog {
			position: absolute;
			top: 15em;
			background-color: var(--global-palette2);
			margin-left: 30px;
			width: 132px !important;
			height: 45px;
			padding: 10px 20px;
			text-transform: capitalize;
		}

		.wp-block-latest-posts__post-title {
			font-weight: 600;
		}

		button:hover {
			box-shadow: 0px 0px 0px 0px !important;
		}

		/* text plan */
		.text-span span {
			font-size: 16px;
			font-weight: 400;
			line-height: 24px;
		}

		/* header */

		.site-header-focus-item .header-contact-wrap {
			background-color: var(--global-palette2);
			height: 90px;
			padding: 30px 72.5px;
		}

		.site-header-focus-item .site-brand-logo-only {
			background-color: var(--global-palette2);
			padding: 24px 72.5px;
		}

		.site-header-row-container-inner .site-container {
			padding: 0px;
		}

		.site-main-header-wrap .site-header-row-container-inner>.site-container {
			padding-left: 0px;
		}

		@media (max-width: 1183px) and (min-width: 1025px) {
			.site-header-focus-item .header-contact-wrap {
				padding: 30px 30px;
			}
		}

		@media (max-width: 1024px) and (min-width: 719px) {
			.site-header-focus-item .site-brand-logo-only {
				padding: 10px 30px;
			}
		}

		@media screen and (max-width: 719px) {
			.site-header-focus-item .site-brand-logo-only {
				padding: 10px 15px;
			}
		}

		/* footer */

		.text_padding {
			padding-right: 11em;
		}

		.site-footer-section .widget-area .widget-title {
			margin-bottom: 0.3em;
		}

		@media (max-width: 1024px) and (min-width: 720px) {
			.text_padding {
				padding-right: 9em;
				padding-left: 9em;
			}
		}

		@media screen and (max-width: 719px) {
			.text_padding {
				padding-right: 0;
			}
		}

		.footer-menu-container .menu {
			gap: 50px;
		}

		@media screen and (max-width: 553px) {
			.footer-menu-container .menu {
				gap: 20px;
			}

		}

		@media screen and (max-width: 463px) {
			.footer-navigation .menu{
				display: block;
			}

			.footer-menu-container .menu {
				gap: 20px;
			}

		}

		/* icon box title hover */
		.icon-box.elementor-widget-icon-box .elementor-icon-box-wrapper:hover .elementor-icon-box-content .elementor-icon-box-title {
			color: var(--global-palette2);
		}

		/* img hover */
		.img_hover.elementor-widget-image .elementor-widget-container:hover {
			width: 100%;
		}

		.img_hover.elementor-widget-image .elementor-widget-container {
			position: relative;
			display: block;
			overflow: hidden;
		}

		.img_hover.elementor-widget-image .elementor-widget-container::before {
			background: rgba(255, 255, 255, 0.5);
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 0%;
			height: 100%;
			opacity: 1;
			z-index: 1;
			pointer-events: none;
		}

		.img_hover.elementor-widget-image .elementor-widget-container::before {
			width: 100%;
			opacity: 0;
			-webkit-transition: all 400ms linear;
			transition: all 400ms linear;
		}

		.img_hover.elementor-widget-image .elementor-widget-container {
			position: relative;
			display: block;
			overflow: hidden;
		}

		.img_hover.elementor-widget-image .elementor-widget-container::before {
			background: rgba(255, 255, 255, 0.5);
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 1000%;
			height: 0%;
			opacity: 1;
			z-index: 1;
			pointer-events: none;
		}

		.img_hover.elementor-widget-image .elementor-widget-container:hover::before {
			height: 100%;
			opacity: 0;
			-webkit-transition: all 400ms linear;
			transition: all 400ms linear;
		}