/*
Theme Name: Flecto
Author: Themes Daddy
Author URI: https://themesdaddy.com/
Theme URI: https://themesdaddy.com/themes/flecto-free/
Description: Lightning Fast Speed & Responsive Theme. Flecto is a responsive and fully customizable theme to create any kind of websites. The advanced admin panel will enable you to customize it without any technical knowledge. This theme is lightweight, it will enable you to create almost any type of website such a blog, portfolio, acting and shooting industry, total trendy news, newspaper, mega magazine, fashion, dark themes, petcare, animals wildlife, wooden architecture, plumbing contractor, painting estate, interior design, rooms furniture, home decoration, green floral nature, construction, corporate, multiple agency, business promotion, dark variation, industries, Beauty & spa salons, photography, gym, fitness, health, medical, startups, business agencies, law firms, travel, NGO, charity, yoga, kids education, training institute, university portal, restaurant, meta shop, quick magazines, mutual fund, finance, accounting, consulting ,travel agency website. Theme is fully compatible with popular WordPress plugins like Elementor Page Builder, Slider, Carousal, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, Gutenberg, Block-Enabled, WooCommerce, WPML, Yoast SEO, Shortcode, Jetpack, Contact Form 7, Mailchimp for WordPress, bbPress, Demo Importer, WPForms and more. Your WordPress website will never be let down with this theme. View the demo of Flecto Pro https://demo.themesdaddy.com/flecto-pro/
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
Version: 1.0.53
Tested up to: 6.8
Requires PHP: 5.4
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License v2 or later
Text Domain: flecto
Slug: flecto
Template: flixita
*/


:root {
    --bs-primary: #FFAA17;
    --bs-primary-dark:#dd8d02;
    --bs-primary-light: #ffaa1752;
    --bs-primary-shadow:rgb(0 123 255 / 0.5);
    --bs-secondary:#214462;
    --bs-secondary-dark: #000000; 
}


.flecto-theme .main-navbar .main-menu > li.dropdown > a:before {
    color: var(--bs-white);
}


@media (min-width: 1400px) {
    .flecto-theme .main-header .container {
        max-width: 1400px;
    }
}

@media (min-width: 992px) {
	body.flecto-theme.admin-bar .main-header {
		top: 40px;
	}
    .flecto-theme .main-header {
        position: absolute;
        top: 20px;
        right: 0;
        left: 0;
        width: 100%;
        border-top: 0;
        margin: 0 auto;
        z-index: 99;
        background: transparent;
    }
	
	.flecto-theme .above-header:before {
		display:none;
	}
	
	.flecto-theme .above-header .widget-left, 
	.flecto-theme .above-header .widget-right {
		position: relative;
		overflow-y: clip;
	}
	.flecto-theme .above-header .widget-left:before {
        content: "";
        position: absolute;
        background: var(--bs-primary);
        top: 0;
		left: -11px;
        bottom: -1px;
        width: 95%;
        -webkit-clip-path: polygon(0 0, 100% 0%, 97% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0%, 97% 100%, 0 100%);
        z-index: 0;
    }
	
	
	.flecto-theme .above-header:after {
       display:none;
    }
	
	.flecto-theme .above-header .widget-left:after {
		content: "";
        position: absolute;
        background: var(--bs-primary);
        top: -2px;
        left: 93%;
        bottom: -3px;
        width: 4px;
        z-index: 0;
        transform: rotate(22deg);
	}
	
	.flecto-theme .above-header {
		background: none;
		border-bottom: none;
		animation-name: none !important;
	}
	
	.flecto-theme .above-header .row {
		background-color: var(--bs-secondary);
	}
	.flecto-theme .main-navigation:not(.is-sticky-menu) .row {
		background: rgb(0 0 0 / 0.5);
	}
	.flecto-theme .breadcrumb-area {
		min-height: 330px;
	}
	.flecto-theme .breadcrumb-center .breadcrumb-content {
		padding: 180px 0 0;
	}
	.flecto-theme .main-slider div.main-content {
        margin-top: 10rem;
        margin-bottom: 6rem;
    }
	
	.flecto-theme .main-navigation {
		min-height: 100px;
	}
	
	.flecto-theme .main-content h4 {
        font-size: 1.2rem;
    }
	.flecto-theme .above-header .widget-left .contact-area a {
		color: var(--bs-secondary);
	}
	
	.flecto-theme .above-header .widget-right .contact-area a {
		color: var(--bs-primary);
	}
	
	.flecto-theme .above-header .widget-left .contact-corn {
		color: var(--bs-primary);
		background: var(--bs-secondary);
	}
	
	.flecto-theme .above-header .widget-right .contact-corn,
	.flecto-theme .widget_social_widget li a	{
		color: var(--bs-secondary);
		background: var(--bs-primary);
	}
	
	.flecto-theme .home-slider, 
	.flecto-theme .home-slider .owl-item img {
		min-height: 750px;
		object-fit: cover;
    }
}
	
@media only screen and (max-width: 1400px) and (min-width: 992px) {
    .flecto-theme .above-header .widget-left:after {
        transform: rotate(16deg);
		left: 98%;
    }
	.flecto-theme .above-header .widget-left:before {
		width: 100%;
	}
}	
	
.flecto-theme .main-navigation .main-navbar .main-menu > li.menu-item:not(.focus):not(.active):not(:hover) > a:not(:focus):not(:hover) {
	color: var(--bs-white);
}

.flecto-theme .main-navigation.is-sticky-menu {
    background: var(--bs-secondary);
}

.flecto-theme .main-mobile-nav {
    background: var(--bs-secondary);
}
.flecto-theme .info-section .widget-contact {
    padding: 30px 35px 50px;
    border-radius: 0;
	box-shadow: 8px 8px 20px 0 rgb(0 0 0 / 20%);
}

.flecto-theme .info-section .contact-area .read-more,
.flecto-theme .info-section .widget-contact:hover .read-more {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 80px;
    width: 80px;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 2;
    color: var(--bs-secondary);
	border-bottom:none;
}

.flecto-theme .info-section .feature-box-title a {
    color: var(--bs-secondary);
    text-decoration: none;
}

.flecto-theme .info-section .widget-contact:hover .feature-box-title a {
    color: var(--bs-secondary);
}


.flecto-theme .info-section .widget-contact:hover .feature-box-inner {
    color: var(--bs-secondary);
}

.flecto-theme .info-section .contact-area .read-more:before {
    position: absolute;
    right: 0;
    bottom: 0;
    border-left: 80px solid transparent;
    border-bottom: 80px solid var(--bs-primary);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    content: "";
}


.flecto-theme .info-section .fbox-number {
    font-size: 60px;
    line-height: 60px;
    top: 20px;
    right: 20px;
}

.flecto-theme .info-section .contact-area .read-more i {
    position: relative;
}


.flecto-theme .info-section .widget-contact:hover .read-more:before {
    border-bottom: 80px solid var(--bs-white);
}

.flecto-theme .info-section .feature-box-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--bs-primary);
    margin-bottom: 0;
    z-index: -1;
}

.flecto-theme .info-section .widget-contact::before{
	display:none;
}


.flecto-theme .info-section .feature-box-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--bs-primary);
    margin-bottom: 0;
}


.flecto-theme .info-section .feature-box-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.1;
}

.flecto-theme .info-section .feature-box-img::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    content: "";
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
}

.flecto-theme .info-section .widget-contact:hover .feature-box-img::before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}


.flecto-theme .info-section .feature-box-icon i {
    color: var(--bs-secondary);
}

.flecto-theme .info-section .widget-contact:hover .feature-box-icon i {
    color: var(--bs-white);
}

.flecto-theme .service-section {
    z-index: 0;
}

.flecto-theme .service-inner {
    position: relative;
    z-index: 4;
    transition: all 0.4s ease-in-out;
    border: none;
    border-radius: 0;
	overflow: visible;
}

.flecto-theme .service-inner .service-icon-img-wrap {
	z-index: 1;
	position: absolute;
	top: -15px;
	left: 30px;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 165 121"> <path d="M92.4249 120.666L164.199 -0.000144958L0.000910818 -0.000159313L0.000902305 97.3733L92.4249 120.666Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 165 121"> <path d="M92.4249 120.666L164.199 -0.000144958L0.000910818 -0.000159313L0.000902305 97.3733L92.4249 120.666Z"/></svg>');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: top center;
	mask-position: top center;
	-webkit-mask-size: auto;
	mask-size: auto;
	width: 164.198px;
	height: 120.667px;
	background: var(--bs-secondary);
	font-size: 55px;
	color: var(--bs-primary);
	padding-top: 30px;
	padding-left: 30px;
	line-height: 1;
	margin: auto;
	border-radius: inherit;
	transition: all 0.4s ease-in-out;
}


.flecto-theme .service-inner .service-content {
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 40px;
    padding-bottom: 30px;
    z-index: 1;
}


.flecto-theme .service-inner .service-img {
  position: relative;
}

.flecto-theme .service-inner .service-img img {
  object-fit: cover;
  width: 100%;
  min-height: 450px;
}

.flecto-theme .service-inner .service-img::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 65%;
  background: rgba(35, 36, 41, 0.82);
  clip-path: polygon(0 0, 100% 35%, 100% 100%, 0% 100%);
  transition: all 0.4s ease-in-out;
}

.flecto-theme .service-inner:hover .service-img::after {
  height: 70%;
}

.flecto-theme .service-inner .service-img::before {
  top: -15px;
  left: 183px;
  z-index: -1;
  content: "";
  width: 26px;
  height: 15px;
  position: absolute;
  background: var(--bs-secondary);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="15" viewBox="0 0 26 15"> <path d="M26 15L9.17647 0L0 15H26Z"/> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="15" viewBox="0 0 26 15"> <path d="M26 15L9.17647 0L0 15H26Z"/> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}


@media (max-width: 1199px) and (min-width: 991px) {
  .flecto-theme .service-inner .service-content {
    left: 25px;
    right: 25px;
    padding-bottom: 20px;
  }
}
.flecto-theme .service-inner .service-content .service-title {
  text-align: center;
  color: var(--bs-white);
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 11px !important;
  padding-bottom: 0;
}

.flecto-theme .service-inner .service-content .service-title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
  padding-bottom: 5px;
}

.flecto-theme .service-inner .service-content .service-title a:hover {
  background-size: 100% 1px;
}

@media (max-width: 1199px) and (min-width: 991px) {
  .flecto-theme .service-inner .service-content .service-title {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .flecto-theme .service-inner .service-content .service-title {
    font-size: 25px;
  }
}

.flecto-theme .service-inner .service-title a::before {
    display:none;
}

.flecto-theme .service-inner .service-content .service-excerpt {
  color: var(--bs-white);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 187.5%;
  margin-bottom: 0px;
  padding-bottom: 0;
}

.flecto-theme .service-inner:hover .service-icon-img-wrap {
  background: var(--bs-primary);
  color: var(--bs-secondary);
}

.flecto-theme .service-inner:hover {
  box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);
}

.flecto-theme .service-inner .service-icon-img-wrap:after {
    display:none;
}

.flecto-theme .service-inner .service-icon-img-wrap i {
    color: #fff;
	font-size: 55px;
}


@media (min-width: 992px) and (max-width: 1199px){
	.flecto-theme .main-content h1 .primary {
		font-size: 2.5rem;
	}
}

.flecto-theme .main-content h4 {
    border: none;
    color: var(--bs-secondary);
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFEAE6 0%, #FFEAE6 100%);
	padding: 5px 20px 5px 20px;
	border-radius:50px;
	display: inline-flex;
    gap: 10px;
    align-items: center;
}

.flecto-theme .main-content h4 .stdot {
    height: 24px;
    width: 24px;
    border-radius: 50px;
    display: inline-block;
    background: var(--bs-primary);
    border: 3px solid var(--bs-secondary);
    margin-left: -13px;
}

.flecto-theme .main-content h4:before {
   display:none;
}

.marquee-section {
    position: relative;
    padding: 12px 0;
    margin-top: 6.75rem;
}

.marquee-section:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 90px;
    width: 100%;
    background-color: var(--bs-primary);
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.marquee-box {
    position: relative;
    --duration: 30s;
    --gap: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: var(--gap);
    background: var(--bs-white);
    padding: 30px 0;
    -webkit-transform: rotate(-1.33deg);
    transform: rotate(-1.33deg);
    -webkit-box-shadow: 0 10px 60px 0 rgba(171, 171, 171, .25);
    box-shadow: 0 10px 60px 0 rgba(171, 171, 171, .25);
}

.marquee-box .marquee-group {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap);
    min-width: 100%;
    -webkit-animation: scroll var(--duration) linear infinite;
    animation: scroll var(--duration) linear infinite;
}

.marquee-box .icon {
    margin-right: 20px;
    font-size: 35px;
	color: var(--bs-primary);
}

.marquee-box .text {
    position: relative;
    color: var(--bs-secondary);
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
    padding-right: 105px;
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)))
    }
}


.flecto-theme .btn {
    border-radius: 0 !important;
	color: var(--bs-secondary);
}

.btn-style-two .btn.btn-primary {
    border: none;
	transition: 0s;
	border-radius:0;
}

.btn-style-two .btn:hover,
.btn-style-two .btn:focus {
    color: #fff;
}

.btn-style-two .btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--bs-secondary);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 500ms cubic-bezier(0.85, 0, 0.08, 1), -webkit-transform 500ms cubic-bezier(0.85, 0, 0.08, 1);
    -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0.08, 1);
    transition-timing-function: cubic-bezier(0.85, 0, 0.08, 1);
    z-index: -1;
}

.btn-style-two .btn:hover:before {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.flecto-theme .main-navigation.is-sticky-menu .main-menu-right .btn:hover:before, .main-menu-right .btn:focus:before {
    background-color: var(--bs-white);
}

.flecto-theme .main-navigation.is-sticky-menu .main-menu-right .btn:hover, .main-menu-right .btn:focus {
    color: var(--bs-secondary);
}

.wp-block-calendar table{
	margin: 0;
	text-align: center;
}

.woocommerce span.onsale {
    z-index: 1;
}

.shopping-cart .cart-items .item-name {
    font-size: 18px;
    line-height: 1.2;
}

.shopping-cart .shopping-cart-items a.remove {
    transform: translateY(10px);
}

.woocommerce div.product form.cart .variations th {
    background: inherit;
    color: inherit;
}

.woocommerce div.product form.cart .button {
    background: var(--bs-primary);
}

.woocommerce div.product form.cart .button:hover, 
.woocommerce div.product form.cart .button:focus {
    background: var(--bs-secondary);
}

.wp-block-latest-comments {
    padding: 0;
}

a.wp-block-latest-posts__post-title {
    font-weight: 700;
    text-decoration: none;
    color: var(--bs-secondary);
}

.woocommerce table.shop_attributes tr:nth-child(even) th {
    color: var(--bs-secondary);
}

.single-product .product .product_meta > span a {
    text-decoration: none;
}

.woocommerce table.shop_attributes td {
    padding: 0 1rem;
}

.woocommerce-Reviews .comment-form {
    display: block;
}

.woocommerce table.shop_table td a {
    text-decoration: none;
}

.sidebar .widget .wp-block-latest-comments {
    padding: 1.8rem;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    text-decoration: none;
}

.sidebar .wp-block-file {
    padding: 1.8rem;
}

.sidebar .wp-block-code {
    padding: 1.8rem;
}

.wp-block-file a {
    text-decoration: none;
}

.wp-block-file.has-background {
    padding: 0.5rem;
}

.wp-block-details.has-background {
    padding: 0.5rem;
}

.wp-block-image .alignleft figcaption {
    text-align: left;
}

.wp-block-image .alignright figcaption {
    text-align: right;
}

.wp-block-button a {
    text-decoration: none;
}

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

.wp-block-archives li a {
    text-decoration: none;
}

.wp-block-archives {
    padding-left: 0;
}

.wp-block-categories {
    padding-left: 0;
}

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

.wp-block-categories li a {
    text-decoration: none;
}

.wp-block-latest-comments a {
    text-decoration: none;
}

.wp-block-latest-comments.has-background {
    padding: 10px;
}

a.wp-block-latest-posts__post-title:hover, 
a.wp-block-latest-posts__post-title:focus {
    color: var(--bs-primary);
}

.wp-block-latest-posts.wp-block-latest-posts__list.has-background li {
    padding: 1rem;
}

.wp-block-categories li a {
    color: var(--bs-secondary);
}

.wp-block-categories li a:hover, 
.wp-block-categories li a:focus {
    color: var(--bs-primary);
}

.footer-main .wp-block-calendar td {
    color: var(--bs-secondary);
}

.wp-block-loginout.has-background {
    padding: 1rem;
}

.wp-block-loginout a {
    text-decoration: none;
}

.wp-block-post-author.has-background {
    padding: 1rem;
}

.wp-block-post-author img {
    border-radius: 100%;
}

.wp-block-site-title a {
    text-decoration: none;
}

.wp-block-page-list {
	padding: 0;
}

.wp-block-image .alignleft figcaption {
	text-align: left;
}

.wp-block-image figcaption {
	text-align: center;
}