/*
	Theme Name: Spera
	Theme URI: https://speciatheme.com/spera-free/
	Author: Specia
	Author URI: https://speciatheme.com/
	Description: Spera is a trending WordPress theme with lots of powerful features, instantly giving a professional look to your online presence. Spera comes with everything you could ever need to build an amazing website, and It's perfect for any type of business! View the demo of Spera Premium https://demo.speciatheme.com/pro/?theme=spera
	Template: specia
	Version: 2.0.10
	Tested up to: 6.1
	Requires PHP: 5.6
	License: GPLv3 or later
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: spera
	Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, portfolio, editor-style, grid-layout
	
	This theme, like WordPress, is licensed under the GPL.
	Use it to make something cool, have fun, and share what you've learned with others.
	
*/

section.footer-copyright p a {
    color: #FF2360;
}

.navigator-wrapper {
    z-index: 1;
}

.top-header-content{
	width:100%;
}

.theme-menu{
	border-right:1px solid #24252620;
	border-left:1px solid #24252620;
}

.entry-content a, .comment-content a, .widget_text a, strong a, blockquote a, code a, p a{
    color: #FF2360;
    text-decoration: underline;
}

.sidebar .widget input[type="submit"]:hover,
.sidebar .widget input[type="submit"]:focus,
.sidebar .wp-block-search .wp-block-search__button:hover,
.sidebar .wp-block-search .wp-block-search__button:focus {
    background: #FF2360;
    border-color: #FF2360;
}

.features-version-one .feature-box-info h4 {
    color: #FF2360;
}

/*---------------------------------------------
    Header spera (nav-spera)
---------------------------------------------*/

.nav-spera .navigation {
    padding: 0px;
}

.header-widget .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.header-top-info,.header{
	background-color:transparent;
}
.header-top-info{
	border-bottom:1px solid #24252620;
}

.nav-spera .navigation > .container > .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.navigation .logo a,
.navigation .logo p{
}

.navigation .logo a:hover,
.navigation .logo a:focus{
	color:#FF0034;
}

.header-top-info .header-widget{
	min-height:80px;
}


#header-top-left, #header-top-right {
    margin: 0;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}


.header-widget .widget:not(:first-child) {
    margin-left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.header-widget .widget:not(:first-child) {
		margin-left: 0px;
	}
}

.top-header-content>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.mobi-head-top .widget_info:first-child  i{
	margin-left:10px;
}

#header-top-left .widget_social_widget li a {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.1);
}

#header-top-right .widget_social_widget li a {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #242526;
}
#header-top-right .widget_social_widget li a:hover ,
#header-top-right .widget_social_widget li a:focus {
	background-color:#FF0034;
}

#header-top-right .widget_social_widget li a i{
	color:#ffffff;
}

.header-widget .widget.widget_info i {
    position: relative;
    color: #ffffff!important;
    margin-right: 15px!important;
}


.header-top-info #header-top-left, .header-top-info #header-top-right {
    padding-left: 10.5px;
}

.header-widget .widget.widget_info  span {
	transition:0.3s ease;
	font-weight:600;
	font-size:16px;
}

.header-widget .widget.widget_info a:hover span,
.header-widget .widget.widget_info a:focus span 
{
    color: #ff0034!important;
}

.header-widget .widget.widget_info i::after {
	position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #242526;
	transition: 0.3s ease;
	z-index:-1;
}

.mobi-head-top .header-widget .widget:not(.widget_contact){
	width:auto;
}

.header-widget .widget.widget_info a:hover i::after ,
.header-widget .widget.widget_info a:focus i::after{
	background-color:#ff0034;
	z-index:-1;
}

.nav-spera .menu-right>ul {   
    padding: 0;
    margin-left: 12px;
}

.nav-spera .menu-right .widget,
.nav-spera .menu-right > ul > ul {
    padding: 10px;
}

.nav-spera .menu-right .widget.widget_social_widget,
.nav-spera .menu-right ul ul .widget {
    padding: 0px;
}

.nav-spera .menu-right .widget.widget_social_widget:first-child li:not(:last-child) a {
    border-right: 1px solid #e5e5e5;
    line-height: 2.7;
}

.nav-spera .menu-right .contact-area {
    padding: 0;
    justify-content: center;
}

.nav-spera .menu-right > ul > ul,
.nav-spera .menu-right > ul > li {
    width: 100%;
    margin: 0;
    text-align: center;
}

.nav-spera .menu-right > ul > li.cart-wrapper{
	margin-right:10px;
}

.nav-spera .menu-right > ul > ul:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.nav-spera .menu-item .bt-primary {
    margin: 0;
    padding: 0px 32px;
    line-height: 48px;
}

.nav-spera .brand-logo{
	margin-right:15px;
}

.nav-spera .menu-right .contact-icon {
    font-size: 31px;
    height: 31px;
    margin-right: 6px;
}

.nav-spera .menu-right .contact-info span.title {
    font-size: 13px;
    font-weight: 600;
}

.nav-spera .navigation .menubar .menu-wrap > li > a {    
	line-height:80px;
}

.menu-right li .cart-icon-wrap i,.header .header-search-toggle, .cart-icon-wrap #cart{
	color:#242526;
	font-size:18px;
}

.nav-spera .navigation .menubar .menu-wrap > li > a{
	font-weight:600;
}
.nav-spera .navigation .menubar .menu-wrap > li.active > a{
	font-weight:700;
}

.nav-spera .navigation .menubar .menu-wrap > li > a:after,
.nav-spera .navigation .menubar .menu-wrap > li.dropdown > a:after {
    /* content: ''; */
    position: absolute;
    bottom: 20px;
    height: 2px;
    width: 0;
    left: 50%;
    border: 0;
    -webkit-transform: translate(-50%,0) translateZ(0);
    transform: translate(-50%,0) translateZ(0);
    -webkit-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}

.nav-spera .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-spera .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-spera .navigation .menubar .menu-wrap > li:focus > a:after,
.nav-spera .navigation .menubar .menu-wrap > li.focus > a:after,
.nav-spera .navigation .menubar .menu-wrap > li.active > a:after {
    width: 15px;
}

.nav-spera .header-widget .widget:first-child .contact-area {
    padding-left: 0;
}

.mobi-head-top .header-widget .widget.widget_info i::after {
	background-color: #000000;
    z-index: -1;
}
.mobi-head-top .header-widget .widget.widget_info span {
    color: initial;
}

.mobi-head-top #header-top-right .widget_social_widget li a {
    background-color:#000000;
}

.mobi-head-top #header-top-right .widget_social_widget li a:hover ,
.mobi-head-top #header-top-right .widget_social_widget li a:focus {
    background-color:#ff0034;
}

.widget_social_widget:not(.widget-square):not(.widget-circle) li:not(:first-child){
	margin-left:10px;
}

.widget_info  a:hover i:before ,
.widget_info  a:focus i:before {
    -webkit-animation: infoFxD .3s forwards;
    animation: infoFxD .3s forwards;
	display:inline-block;
}

@-webkit-keyframes infoFxD {
    49% {
        -webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
    50% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
    51% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
	}
}

/*---------------------------------------
    Slider spera
-----------------------------------------*/
.slider-section-spera .owl-nav [class*=owl-] {
    border-radius: 100%;
	border:none;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;	
	background-blend-mode:multiply;
}


.owl-carousel.arrows-transparent .owl-nav [class*=owl-] i {
    color: #ffffff;
    font-size: 150%;
    font-weight: 600;
}

.slider-section-spera .specia-content h6 {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 4px 0;
    color: #ff0034;
}

.slider-section-spera .specia-content h1 {
    padding: 6px 0;
	font-size:55px;
	font-weight:700;
	font-family:"open Sans", sans-serif;
}

.slider-section-spera .specia-content p {
    position: relative;
}

.post_date {
	background: #FF2360;
}

.post_date h6 {
	color: #ffffff;
}

.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
	border-radius:100%;
	background-color:#ffffff;
}
.owl-carousel .owl-dots .owl-dot.active span {
    width: 26px;
    height: 10px;
	border-radius:8px;
	background-color:#ff0034;
}



.main-slider-spera .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
}

.specia-content {
    max-width: 750px;
}

.owl-carousel .owl-item img {
    min-height: 180px;
}



@media (max-width: 767px){
	.slider-section-spera .specia-content h1 {
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 2px;
		padding:0;
	}
	
	.slider-section-spera .specia-content h6 {
		font-size: 13px;
	}
}
@media (min-width:768px )and (max-width: 991px){
	.slider-section-spera .specia-content h1 {
		font-size: 35px;
		line-height:1.15;
		margin-bottom: 18px;
	}
}

@media (min-width: 768px) and (max-width: 1399px){
	.main-slider-spera .owl-dots {
		display: none !important;
	}
}
/*---------------------------------------
    Search Result
-----------------------------------------*/	

.page-wrapper .posts-navigation a {
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    padding: 12px 24px;
    border-radius: 30px;
    display: table-cell;
    float: left;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.page-wrapper .posts-navigation a:hover {
    color: #fff;
}

.page-wrapper .posts-navigation .nav-next {
    float: right;
}


.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus  {
    color: #FF2360;
    background: #fff;
}

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

.entry-content .more-link:hover,
.entry-content .more-link:focus {
    color: #ffffff;
}

.select2-container--default .select2-selection--single {
    min-height: 2.35em;
}

.price_slider_wrapper .ui-slider .ui-slider-handle {
    background: #ffffff;
}

.footer-sidebar .widget .woocommerce-product-search button:not(:hover):not(:focus) {
    color: #fff;
    border: solid 2px #fff;
    background: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.35em;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.35em;
}    

.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

h2.entry-title a,
.entry-content p {
    word-break: break-word;
}

.footer-sidebar .wp-block-file a {
    color: #fff;
}


ol.wp-block-latest-comments li a {
    word-break: break-word;
}

.menubar{
	display:flex;
	justify-content:space-between;
	width:100%;
	text-align:left;
}

.call-to-action-one .background-overlay {
    background-color: #ff0034;
}

.bt-primary.bt-white:hover, .bt-primary.bt-white:focus{
	color: initial; 
	border-color: #FFFFFF; 
	background-color: #FFFFFF; 
}


/*=======================
	Call To Action Section
========================== */

.call-icon-box {
    width: 50px;
    height: 50px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#ffffff;
}

.call-icon-box i{
	color:#ff0034;
	font-size:150%;
}

.call-icon-box:before, .call-icon-box:after {
	content:unset;
	border-color:inherit;
    border-radius: inherit;
}

.call-wrapper .call-title a {
	border-bottom:none;
}
.call-wrapper .call-phone a {
    font-weight: 700;
	font-size:18px;
	border-bottom:none;
}

.call-wrapper  {
	align-items:flex-start;
}

.call-to-action-one .cta-or {
    margin: 0 20px;
	width:35px;
	height:35px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:#ffffff;
	background-image: radial-gradient(farthest-corner at 20px 50px, #ffffff -33%, #242526 100%);
}

.call-wrapper a{
	transition:0.5s ease;
}

.call-phone a:hover,
.call-phone a:focus,.call-title a:hover,
.call-title a:focus{
	color:#242526;
	border:none;
}

.nav-spera [class*="call-to-action-"] .bt-primary{
	padding:10px 20px;
	font-size:85%;
}

.call-to-action-one h2 span.rotate{
	background:none;
}

.flexing.flexing-start{
	justify-content:flex-start;
}

.flexing.flexing-end{
	justify-content:flex-end;
}

@media (min-width:768px){
	.flexing.flexing-md-start{
		justify-content:flex-start;
	}
	.flexing.flexing-md-end{
		justify-content:flex-end;
	}
	.call-icon-box {
		width: 65px;
		height: 65px;
	}
	
	.call-wrapper .call-phone a {
		font-weight: 700;
		font-size:24px;
	}
	
	.nav-spera [class*="call-to-action-"] .bt-primary{
		padding:15px 30px;
		font-size:16px;
	}
}

@media (max-width: 991px){
	[class*='call-to-action-'] .cta-info p {
		margin-bottom: 10px;
	}
}

@media (min-width:992px){
	.flexing.flexing-lg-start{
		justify-content:flex-start;
	}
	.flexing.flexing-lg-end{
		justify-content:flex-end;
	}	
}

@media (max-width: 768px) {
	.call-to-action-one h2 {
		font-size: 20px;
		line-height: 1.2;
		margin: 0 0;
	}
}

.woocommerce ul.products li.product .button.product_type_external {
    width: 100%;
}

.site-content .wp-block-group.has-background {
    padding: 0 20px;
}

.wp-block-group em {
    color: inherit;
}

.wp-block-table figcaption {
    font-weight: 600;
}

.has-text-color em,
.has-text-color h2 {
    color: inherit;
}

a.wp-block-file__button,
a.wp-block-file__button:hover,
a.wp-block-file__button:focus {
    color: #fff;
}

.has-text-color * {
    color: inherit;
}

.has-text-color a:hover, 
.has-text-color a:focus {
    color: inherit;
}

.wp-block-pullquote.has-text-color blockquote {
    border-color: inherit !important;
}

blockquote {
    border-color: inherit !important;
}