OwlCyberSecurity - MANAGER

Edit File: style.css

/*
Theme Name: Imperion
Template: business-architect
Version: 1.0.6
Requires PHP: 5.6
Tested up to: 5.7
Author: wpbusinessthemes
Author URI: https://wpbusinessthemes.com/
Description: Imperion is a Multipurpose and Bootstrap WordPress Theme. It is Gutenberg and WooCommerce Compatible, Full Responsive and customizable with Theme Options like Header, Footer, Slider, Colour and Animations. Imperion is very fast and SEO friendly. Imperion can be used by bloggers, magazine, portfolio, photography, newspaper, E-Commerce, Storefront, Shop, News or any business.
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,flexible-header,microformats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,e-commerce,theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:imperion
*/

/***************************
=>> Theme Breadcrumbs Area *
****************************/

.page-breadcrumb { 
	list-style: none; 
	margin: 0; 
	padding: 0.825rem 0 0; 
	font-weight: 600;
}
.page-breadcrumb.text-right {
	padding-top: 0.713rem;
	padding-bottom: 0.713rem;
}
.page-breadcrumb > li { 
	display: inline-block; 
}
.page-breadcrumb > li + li:before {  
	font-family: fontAwesome; 
	content: "\f105"; 
	padding: 0 0.625rem 0 0.625rem;
    font-weight: 600;
}
.page-breadcrumb > li a {  }
.page-breadcrumb > li a:hover,
.page-breadcrumb > li.active { 
	
}

.post {
    border: initial;
}

/***************************
=>> Theme Page Header Area *
****************************/

.theme-page-header-area { 
	position: relative; 
	padding: 4rem 0; 
	width: 100%; 
	height: 100%; 
}
.theme-page-header-area:after {
	background: url("img/shadow.png") no-repeat;
    z-index: 1;
    background-position: center bottom;
    content: '';
    position: absolute;
    bottom: -31px;
    left: 0;
    right: 0;
    height: 31px;
}
.theme-page-header-area {
	padding: 0.5rem 0 1.2rem 0;
	background-color: #f9f9f97d;
}
.site .theme-page-header-area .page-header-title,
.site  .theme-page-header-area .page-breadcrumb {
    color: initial;
}
.theme-page-header-area .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
#masthead .overlay {
	background-color: initial;
}

.page-header-title { position: relative; word-wrap: break-word; }
.page-header-title h1 { font-size: 3.2rem; margin: 0; }

/* WooCommerce styles */

.woocommerce a.button.yith-wcqv-button {
	color:#1fb5ff;
	background-color: transparent;
	padding: 5px;
	font-weight:400;
}

.woocommerce ul.products a.compare {
	text-decoration: initial;
	box-shadow:initial;
}

.woocommerce ul.products a.added_to_cart {
	text-decoration: initial;
	box-shadow:initial;
}
.woocommerce a.button.yith-wcqv-button:hover,
.woocommerce a.button.yith-wcqv-button:focus,
.woocommerce ul.products a.compare:hover,
.woocommerce ul.products a.compare:focus,
.woocommerce ul.products a.added_to_cart:focus,
.woocommerce ul.products a.added_to_cart:hover {
	text-decoration: underline;
	color:#1fb5ff;
}

.cart-contents-count span {
    left: 19px;
}

.post-widget-content .call-to-action {
    color: #FFF;
    padding: 6px 20px;
}

.post-widget-content .widget-title {
    font-size: 21px;
}

#featured_slider .custom-settings .slider-title {
    font-weight: 800;
}

#featured_slider .carousel-navigation a {
    background-color: #25c2ff;
}

.call-to-action {
    font-weight: 500;
}

#featured_slider .carousel-navigation .carousel-prev {
    left: 24px;
}

#featured_slider .custom-settings {
    background-color: #826b6b00;
}

#masthead .header-search-form { 
	background-color: #ffffff69;
}

#masthead input.header-search-input {
	background-color: transparent;
}

/*****************
 * General style *
 *****************/

.center-text {
	text-align:center;
}

.box-layout-style #top-banner img {
	width:100%;
}

.top-banner {
	margin-bottom:10px;
}

.menu-social-container {
    display: flex;
    justify-content: center;
}

.social-navigation {
    float: initial;
}

.site-footer {
    padding: 1em 0 1em;
}

.site-footer .social-navigation {
	padding-top:15px;
	padding-bottom:15px;
}

.site-header .contact-info .fa {
    font-size: 1.2em;
    vertical-align: middle;
    border: 2px solid white;
    padding: 5px;
    border-radius: 50%;
    min-width: 32px;
    margin: 0px;
    text-align: center;
}

.error-404.not-found {
	text-align:center;
}

#secondary .widget {
	border: 0px solid #e8e8e8;

}

#featured_slider .carousel-navigation .carousel-next {
    right: 24px;
}

#featured_slider .carousel-navigation a {
	background-color: #eeecec5e;
    border-radius: 24px;
}

.site-header .contact-ribbon {
    min-height: 34px;
}

@media (max-width: 768px) {
	.page-header-title, 
	.page-breadcrumb.text-right {
		text-align: center !important;
	}		
}

@media (min-width: 768px) {
	#featured_slider .custom-settings {
		max-width: 50%;
	}
}
@media (max-width: 768px) {
	#featured_slider .custom-settings {
		max-width: initial;
	}
}

.site-header .contact-info .fa {
	border:initial;
	border-radius: 0px;
}

/***************** 
 * shape devider *
 *****************/
.custom-shape-divider-bottom-1598097848 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1598097848 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 55px;
}

.custom-shape-divider-bottom-1598097848 .shape-fill {
    fill: #FFFFFF;
}

.hero-callout .call-to-action {
    border-radius: 24px;
}
.hero-callout .call-to-action:hover {
    background-color: #1fb5ff;
	border: 1px solid #1fb5ff;
	color:#fff;
}

/*
 * Preloader
 */

.preloader-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:9999999;
	background-color: #01182bdb;
	opacity: 1;
	filter: alpha(opacity=100);
}

.sk-chase {
	width: 90px;
	height: 90px;
	position: absolute;
	top: 48%;
	left: 48%;
	animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}

.widget {
    margin-bottom: 1em;
    padding: 1em 1em 1em;
}

#secondary .widget {
	border: 1px solid #ececec;
	border-radius: 4px;
}

/* Header styles */
.burger-header .site-header {
    height: 100vh;
}

.header-main-menu {
	display:block;
	clear: both;
}

.normal-header .site-header  {
	background-image:none;
}

.burger-header .site-header-main {
	padding: 0px 15px;
	max-width: initial;
	margin: initial;
	position: absolute;
	top: 45%;
	width: 100%;
}

.burger-header .site-title a, 
.burger-header .site-description, 
.burger-header #woocommerce-layout-menu .main-navigation .primary-menu > li > a {
	color:#FFFFFF;
}
.burger-header #woocommerce-layout-menu .main-navigation .primary-menu > li > a {
	font-size: 20px;
}
.burger-header #woocommerce-layout-menu .main-navigation .primary-menu {
	padding-top:20px;
}
.burger-header .menu-toggle {
    border-color: #fff;
	color: #fff;
}
.burger-header .site-title a { 
	color: #fff;
	font-size: 60px;
	line-height: inherit;
	font-weight: 800;
	text-shadow: -1px 0 black, 0 1px black, 2px 0 black, 0 -2px black;
}
.burger-header .site-description { 
	padding-top: 10px;
	font-size: 20px;
	text-shadow: -1px 0 black, 0 1px black, 2px 0 black, 0 -2px black;
}

@media screen and (max-width: 56.875em) {
	.burger-header .site-header-menu.toggled-on {
		z-index: 999999;
		background-color: #131313eb;
		position: relative;
		border-radius:4px;
	}
	.burger-header .main-navigation ul ul a {
    	color: #fff;
	}	
}