/*
Theme Name: MagZee
Author: Specia
Author URI: https://speciatheme.com/
Description: MagZee comes with a advertise header image. You can access slider, service, CTA, Portfolio, Features and blog section in this theme. MagZee is compatible with WooCommerce. It is perfect for marketing, corporate startup, agency, blog, business, company, creative, portfolio, professional business, 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. The theme is translation ready, fully SEO optimized, fast loading and compatible with all trending WordPress page builder plugins like Elementor, Visual Composer , SiteOrigin, Beaver Builder, Divi ,Page Builder Sandwich and many more. Need any help? Send your query here. https://specia.ticksy.com/ View the demo of MagZee Free. https://demo.speciatheme.com/lite/magzee/
Template: specia
Version: 1.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: magzee
Tags: e-commerce, news, custom-header, 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, e-commerce, education, entertainment, food-and-drink, photography, portfolio, editor-style

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.

*/

/*---------------------------------------
    Header Social Icons
-----------------------------------------*/
.header-top-info-1 .social li a i {
    border-radius: 50%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.header-top-info-1 .info li a {
    font-size: 13px;
    margin-right: 10px;
    font-weight: 600;
}

.header-center .custom-logo {
    margin: 0 auto;
    margin-top: -3%;
    padding-bottom: 8px;
}
li.magzee-buttton a {
    background: #3190e2;
    padding: 16px;
    color: #ffffff;
}
/* Menu*/
.navbar {
    padding: 4px 2px 5px;
}
.nav-magzee .navbar-nav li a {
	color: #ffffff;
}
.nav-magzee .navbar-nav li a:hover {
	color: #ffffff !important;
}
.nav-magzee .dropdown-menu > li > a { 
	color: #747474;
}
.nav-magzee ul {
	float: left !important;
}
.header-magzee {
    text-align: left;
	padding-left: 0;
}
.header-magzee .navbar-brand {
    margin: 0;
}
.header-magzee .navbar-brand p.site-description {
	margin:0;
}

@media (min-width: 768px) {
  
  .nav-magzee .navbar-nav {
    width: 100%;
  }
  .nav-magzee .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .nav-magzee .navbar-nav > li.navbar-right {
    float: right !important;
  }
}

/* .navbar-brand { display: block; } */
.navbar-custom .navbar-toggle {text-align: center;}

@media (min-width: 768px) {
    .navbar-brand { display: block; }
    .navbar-custom .navbar-toggle {text-align: left;}

}

@media only screen and (max-width: 767px) and (min-width: 240px) {
.navbar-toggle {
    float: left;
    margin: 0 auto;
    position: relative;
    left: 44%;
}
}

/*---------------------------------------
    Service Proficient  
-----------------------------------------*/

.specia-icon-effect-8 .specia-icon {
	background: #1c314c;
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.specia-icon-effect-8 .specia-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px #e84c3d;
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.specia-icon-effect-8 .specia-icon:hover {
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.specia-icon-effect-8 .specia-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

.post_date h6 {
    color: #ffffff !important;
}