/*
	Theme Name: Centrum
	Theme URI: https://speciatheme.com/centrum-free/
	Author: Specia
	Author URI: https://speciatheme.com/
	Description: Centrum is a trending WordPress theme with lots of powerful features, instantly giving a professional look to your online presence. It fits for business, portfolio, food & restaurant, gym & fitness, spa salon, medical practitioner & hospitals, landing pages, product pages, corporate business, digital agency, product showcase, financial advisor, accountant, law firm, wealth advisor, photography, personal, and any eCommerce stores. Centrum premium version provides you more than 30 different designs and supports popular plugins WPML, Polylang, WooCommerce, Contact Form 7, Revolution Slider, Elementor, Visual Composer, WP-Forms, Ninja Forms, Jetpack, WP-Featherlight, Give (WordPress Donation Plugin), Gravity Forms, Yoast SEO and many more. View the demo of Centrum Premium https://demo.speciatheme.com/pro/centrum
	Template: specia
	Version: 0.2
	Tested up to: 6.8
	Requires PHP: 5.6
	Requires at least: 4.7
	License: GPLv3 or later
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: centrum
	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.
	
*/

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400;700;900&display=swap');

/**************** 
	Header 
*****************/


.transparent,
.transparent-header {
    background: transparent;
}

.nav-centrum .widget-square.widget_social_widget ul li a,
.nav-centrum .widget-circle.widget_social_widget ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.nav-centrum .widget-square.widget_social_widget ul li a:hover i,
.nav-centrum .widget-square.widget_social_widget ul li a:focus i,
.nav-centrum .widget-circle.widget_social_widget ul li a:hover i,
.nav-centrum .widget-circle.widget_social_widget ul li a:focus i {
    color: #FFFFFF !important;
}

.nav-centrum .header-top-info {
    border-bottom: 0;
    padding: 5px 0;
}

.nav-centrum .header-top-info #header-top-left .widget:last-child {
    margin-left: 10px;
}

.centrum_theme:has(.site-content section:first-child.slider-section-centrum) .nav-centrum .header-top-info {
    background: transparent;
}

.nav-centrum.header .widget.widget_info span,
.nav-centrum .header-widget .widget:not(.widget_social_widget):not(.widget_menu_top):not(.widget_contact) i {
    font-size: 16px;
}

.nav-centrum.transparent-header .widget_info a i {
    width: 35px !important;
    height: 35px;
    border-radius: 50%;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    transition: 0.3s;
}

.nav-centrum .widget.widget_info:not(:first-child) {
    position: relative;
}

.nav-centrum .widget.widget_info:not(:first-child)::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    background: #e5e5e566;
}

.nav-centrum .header-widget-info {
    border: none;
}

.nav-centrum .theme-mobile-nav {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

.nav-centrum .navigation:not(.pagination) {
    padding: 0;
    box-shadow: none;
}

.nav-centrum .navigator-wrapper .header-wrapper {
    padding: 0 20px;
    min-height: 90px;
    align-items: normal;
    border-radius: 4px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

.nav-centrum .header-wrapper .brand-logo {
    min-width: 150px;
    z-index: 0;
    margin-right: 20px;
    position: relative;
}

.nav-centrum .header-wrapper .brand-logo::before,
.nav-centrum .header-wrapper .brand-logo::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    height: calc(100% - 10px);
    background: #FFFFFF;
    transform: translateY(-50%);
    width: 80%;
}

.nav-centrum .header-wrapper .brand-logo::before {
    left: -15px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.nav-centrum .header-wrapper .brand-logo::after {
    right: -25px;
    transform: translateY(-50%) skew(25deg);
}

.nav-centrum .header-wrapper .theme-menu {
    align-self: center;
}

.nav-centrum .menubar .menu-wrap>li>a {
    color: #fff;
    font-weight: 600;
}

.nav-centrum .header-search-toggle,
.nav-centrum .cart-icon-wrap #cart {
    box-shadow: 0 0 10px 4px rgb(0 0 0 / 8%);
    border-radius: 50%;
    transition: 0.3s ease;
    background: #ffffff;
}

.nav-centrum .menu-right li .cart-icon-wrap i {
    color: unset;
}

.nav-centrum .menu-right li.cart-wrapper {
    margin-left: 10px;
}

.nav-centrum .menu-right .header_btn a {
    background: #ffffff;
    font-weight: 700;
}

.nav-centrum .mobi-head-top .header-widget .widget {
    margin-bottom: 0;
}

.nav-centrum .theme-mobile-menu .mobi-head-top .header-widget>.container {
    width: auto;
}

.nav-anavo .navigation:not(.pagination) {
    padding: 0;
    box-shadow: none;
}

/**** Slider ****/
.slider-section-centrum .specia-slider::before,
.slider-section-centrum .specia-slider:after {
	content: "";
	position: absolute;
	left: -12%;
	width: 65%;
	z-index: -1;
	transform: skew(25deg, 0deg);
}
.slider-section-centrum .specia-slider::before {
	top: 0;
	border-bottom-width: 20px;
	border-bottom-style: solid;
    height: calc(100% - 100px);
	background: rgb(0 0 0 / 75%);
}

.slider-section-centrum .specia-slider:after {
	bottom: 100px;
	left: calc(-12% + 40px);
	border-right-width: 20px;
	border-right-style: solid;
    height: calc(100% - 205px);
}

.slider-section-centrum .specia-slider .specia-table:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.5;
	background-image: url(./images/dot.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	z-index: -1;
}

.slider-section-centrum .slider-btn-play .video-play {
	background: transparent;
	box-shadow: 0 0 0 1px white;
}

.slider-section-centrum .owl-carousel .owl-nav [class*=owl-] {
	border-radius: 0;
	background: #FFF;
	border-color: transparent;
}

.slider-section-centrum .owl-carousel .owl-nav [class*=owl-]:hover i,
.slider-section-centrum .owl-carousel .owl-nav [class*=owl-]:focus-within i {
	color: #ffffff;
}

/**** Call to Action ****/

.call-to-action-centrum {
    padding: 20px 0;
	position: relative;
	z-index: 1;
}

.call-to-action-centrum .row {
    display: flex;
    flex-wrap: wrap;
}

.call-action-box .inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.call-to-action-centrum .specia-icon-effect-1 .specia-icon {
    background: none;
}

.call-to-action-centrum .specia-icon-effect-1 .specia-icon::before {
	content: '\f069';
}

.call-to-action-centrum .call-action-title a, 
.call-to-action-centrum .specia-icon-effect-1 .specia-icon {
 	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
}

.call-to-action-centrum [class*='col']{
    flex: 33.333%;
    max-width: 33.333%;
}

@media (max-width: 1450px) {
    .call-to-action-centrum .call-action-title a, 
    .call-to-action-centrum .specia-icon-effect-1 .specia-icon {
        font-size: 30px;
    }
}

@media (max-width: 1199px) {
	.slider-section-centrum .specia-slider::before, .slider-section-centrum .specia-slider:after{
		left: -15%;
		width: 65%;
	}
	.slider-section-centrum .specia-slider:after {
		left: calc(-15% + 40px)
	}
    .call-to-action-centrum .call-action-title a, 
    .call-to-action-centrum .specia-icon-effect-1 .specia-icon {
        font-size: 24px;
    }
}

/*=================
  CENTRUM BREADCRUMB
================= */

.nav-centrum~.site-content .breadcrumb .background-overlay {
    opacity: 1;
    background-color: #444444;
}

@media (min-width: 992px) {
    .nav-centrum.transparent-header {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

    .centrum_theme .site-content>section.slider-section-centrum:first-of-type,
	.centrum_theme .breadcrumb+.clearfix+.site-content>section:first-of-type {
		margin-top: 0;
	}

    .centrum_theme .site-content>section:first-of-type {
		margin-top: 130px;
	}

    .nav-centrum~.breadcrumb .background-overlay {
		padding: 165px 0 0;
	}

    #slider-section+.clearfix+.call-to-action-centrum {
        margin-top: -100px;
		background: rgb(0 0 0 / 75%);
    }

    .nav-centrum~.site-content .breadcrumb .background-overlay {
        padding: 165px 0 0;
    }

	.centrum_theme section:first-of-type:not(.slider-section-centrum):not(.breadcrumb) {
		margin-top: 170px;
	}

    .nav-centrum .header-widget .widget_info a span,
	.nav-centrum .widget-normal.widget_social_widget ul li a i,
	.nav-centrum .header-widget .widget:not(.widget_social_widget) a i {
		color: #FFFFFF ;
	}

	.specia-slider.text-left .specia-content {
		float: left;
		padding-right: 110px;
	}
	
	.specia-slider.text-left .specia-content-right {
		display: block;
		text-align: center;
		margin-top: 80px;
	}
	
	.slider-section-centrum .slider-btn-play .video-play {
		width: 100px;
		height: 100px;
		font-size: 36px;
		line-height: 100px;
	}
	
	.slider-section-centrum .slider-btn-play .video-play:after{
		width: 65px;
		height: 65px;
	}
}

@media (max-width:991px) {	
	.slider-section-centrum .specia-slider::before,
	.slider-section-centrum .specia-slider:after {
		height: 100%;
		width: 85%;
	}
	.slider-section-centrum .specia-slider::before {
		border-right-width: 10px;
	}
	.slider-section-centrum .specia-slider:after {
		bottom: unset;
		top: 0;
		border-right-width: 10px;
		left: calc(-15% + 8px);
	}

	.call-to-action-centrum .call-action-title a, .call-to-action-centrum .specia-icon-effect-1 .specia-icon{
		font-size: 26px;	
	}
	.call-to-action-centrum {
		padding: 2px 0;
	}
	.nav-centrum .theme-mobile-menu #header-top-left, .nav-centrum .theme-mobile-menu #header-top-right {
		justify-content: center;
	}
    .call-to-action-centrum .call-action-title a, 
    .call-to-action-centrum .specia-icon-effect-1 .specia-icon, 
    .call-to-action-centrum .specia-icon-effect-1 .specia-icon::before{
        font-size: 18px;	
        letter-spacing: 0;
    }
}
@media (min-width:768px) {	
    .call-to-action-centrum .call-action-title a, 
    .call-to-action-centrum .specia-icon-effect-1 .specia-icon {
        text-shadow:-1px -1px 0 white,
            1px -1px 0 white,
            -1px  1px 0 white,
            1px  1px 0 white,
            0px  0px 0px black;
        letter-spacing: 1px;
    }
}
@media (max-width:767px) {	
	.call-to-action-centrum {
		padding: 2px 0;
	}

	.call-to-action-centrum .specia-icon-effect-1 .specia-icon{
		width: 50px;
		height: 50px;
	}

    .slider-section-centrum .specia-content p {
		margin: 0 0 10px;
	}

	.slider-section-centrum .specia-content [class*='bt-'] {
		font-size: 15px;
		padding: 10px 20px;
		line-height: 1;
	}

	.slider-section-centrum .specia-content h1 {
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 4px;
	}
}

@media (max-width:576px) {	
	.slider-section-centrum .specia-slider::before,
	.slider-section-centrum .specia-slider:after {
		width: 100%;
		left: -25%;
	}
	.slider-section-centrum .specia-slider:after {
		left: calc(-25% + 8px);
	}

    .slider-section-centrum .specia-content h1 {
        font-size: 20px;	
        margin-bottom: 0px;
    }
	.centrum_theme .bt-primary,
	.slider-section-centrum .specia-content [class*='bt-'] {
		font-size: 14px;
		padding: 8px 15px;
	}
    .slider-section-centrum .specia-content p {
        margin: 0 0 8px;
        font-size: 14px;
    }

    .call-to-action-centrum .call-action-title a, 
    .call-to-action-centrum .specia-icon-effect-1 .specia-icon {
        font-size: 12px;
    }
    .call-to-action-centrum .specia-icon-effect-1 .specia-icon {
        width: 32px;
        height: 32px;
    }
}

.post_date,
.slider-section-centrum .slider-btn-play .video-play:after,
.nav-centrum .navigator-wrapper .header-wrapper {
    background: #cc0000;
}

.nav-centrum p a,
.nav-centrum .header-search-toggle, 
.nav-centrum .cart-icon-wrap #cart, 
.nav-centrum .menu-right .header_btn a, 
.nav-centrum .widget-square.widget_social_widget ul li a, 
.nav-centrum .widget-circle.widget_social_widget ul li a, 
.call-to-action-centrum .call-action-title a, 
.call-to-action-centrum .specia-icon-effect-1 .specia-icon, 
.slider-section-centrum .owl-carousel .owl-nav [class*=owl-] i,
.features-version-one .feature-box-info h4,
section.footer-copyright p a,
.slider-section-centrum .owl-carousel.arrows-big .owl-nav [class*=owl-],
.nav-centrum .header-widget .widget:not(.widget_social_widget):not(.widget_menu_top):not(.widget_contact) a:hover i,
.nav-centrum .header-widget .widget:not(.widget_social_widget):not(.widget_menu_top):not(.widget_contact) a:focus i {
    color: #cc0000;
}

.slider-section-centrum .specia-slider::before, 
.slider-section-centrum .specia-slider::after {
    border-color: #cc0000;
}

.nav-centrum .header-search-toggle:hover, 
.nav-centrum .header-search-toggle:focus, 
.nav-centrum .cart-icon-wrap #cart:hover, 
.nav-centrum .cart-icon-wrap #cart:focus, 
.nav-centrum .menu-right .header_btn a:hover, 
.nav-centrum .menu-right .header_btn a:focus {
    color: #051229;
}

.centrum_theme .nav-centrum .header-top-info,
.nav-centrum .menu-right li.cart-wrapper .cart-icon-wrap span {
    background: #051229;
}

.post_date h6{
    color: #EFFFFF;
}

.centrum_theme .sidebar .widget input[type="submit"]:hover,
.centrum_theme .sidebar .widget input[type="submit"]:focus {
	background: #cc0000;
	border-color: #cc0000;
}
