/*!
Theme Name: infozero
Theme URI: http://underscores.me/
Author: mharif
Author URI: https://mharif.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: infozero
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

infozero is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.mp-image img{
	height: 100%;
}
img{
	height: auto;
	width: 100%;
}
#footer .wp-image-1371{
	height: 265px;
}
.has-cyan-bluish-gray-color{
	text-align: justify;
}
/* -------------------------------------
		Header section
------------------------------------- */
.custom-logo{
	width: 250px;
}
.front-sidebar img{
	width: 100%;
}
.copyrights{
	color: red;
}
#footer ul li{
	padding: 5px 0px;
}
#footer ul li a{
	color: #abb8c3;
}
#footer ul{
	list-style: none;
}
/* Header Close button
-----------------------------*/
.header-overlay-close {
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    top: 21px;
    left: 50%;
    margin-left: -23px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
 }
 
 .header-overlay-close::before, .header-overlay-close::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 20px;
    top: 12px;
    left: 22px;
    background-color: #FFFFFF;
 }
 
 .header-overlay-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
 }
 
 .header-overlay-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
 }
 
 /* Header Toggle
 -----------------------------*/
 .header-toggle-menu {
     display: none;
     width: 40px;
     height: 40px;
     position: absolute;
 }
 .header-toggle-menu i{
     font-size: 20px;
     color: #111;
 }
 /* Header responsive: header components
 ---------------------------------------*/
 
 @media only screen and (min-width: 768px) and (max-width: 800px){
    .header-toggle-menu {
       display: block;
       z-index: 999;
       top: -10px;
    }
 
    .header-btn .btn{
         padding: 15px;
         margin: 15px 0
    }
 }
 
 @media only screen and (max-width:767px) {
    .header-toggle-menu {
       display: block;
       z-index: 999;
         right: 20px;
         top: 33px;
    }
 
    .header-btn .btn{
         padding: 15px;
         margin: 15px 0
    }
 
 }
 
 /* Header main navigation
 ---------------------------------------*/
.border-top{
	background: #000;
}
 .header-area{
    position: absolute;
    width: 100%;
    z-index: 999999;
    padding: 15px 0;
}

.navbar-brand{
    max-width: 175px;
}
.header-nav-wrap{
    width: 100%;
    text-align: left;
}

.header-nav-wrap a {
   color: rgba(255, 255, 255, 0.6);
}

.header-nav-wrap .header-nav-heading {
   text-align: center;
   font-size: 1.4rem;
   color: #FFFFFF;
   text-transform: uppercase;
   letter-spacing: .3rem;
   margin-top: 6rem;
}

.header-nav-wrap .header-nav-heading,
.header-nav-wrap .close-mobile-menu {
   display: none;
}

.header-nav {
   list-style: none;
   margin: 0;
   padding: 0;
   font-size: 15px;
}

.header-nav li {
   display: inline-block;
   position: relative;
}

.header-nav li a {
   display: block;
   color: #fff;
    line-height: 39px;
    font-weight: 600;
    font-size: 15px;
    padding: 5px 13px;
    border-right: 1px solid #97d396;
}
.header-nav li a.active {
   display: block;
   color: #ff4b1f;
}

.header-nav li.menu-item-has-children > a::after {
   border-bottom: 1px solid rgb(0 0 0);
   border-right: 1px solid rgb(0 0 0);
   content: '';
   display: block;
   height: 7px;
   width: 7px;
   margin-top: -5px;
   pointer-events: none;
   position: absolute;
   right: 8px;
   top: 21px;
   -webkit-transform-origin: 66% 66%;
   -ms-transform-origin: 66% 66%;
   transform-origin: 66% 66%;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.header-nav li:hover > a, .header-nav li:focus > a {
   color: #029300;
}

.header-nav li:hover li, .header-nav li:focus li {
   background: transparent;
}

.header-nav li.current > a {
   color: #029300;
}

.header-nav li ul {
   position: absolute;
   top: 45px;
   left: 0;
   width: auto;
   font-size: 14px;
   margin: 0;
   padding: 20px 30px;
   background: #fff;
   border-radius: 5px;
   z-index: 500;
   -webkit-transform: translate3d(0, 15px, 0);
   -ms-transform: translate3d(0, 15px, 0);
   transform: translate3d(0, 15px, 0);
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   opacity: 0;
   visibility: hidden;
}
.sub-menu li a{
	border: none;
}
.header-nav li ul ul {
   position: absolute;
   top: 0;
   left: 100%;
   left: calc(100% + 1px);
   border-radius: 0 0 3px 3px;
   padding-top: 1.2rem;
}

.header-nav li ul li {
   display: block;
   text-align: left;
   padding: 0;
   margin: 0;
   min-height: 33px;
   width: 100%;
}

.header-nav li ul li a {
   display: block;
   white-space: nowrap;
   padding: 10px 0;
   line-height: 18px;
   color: #555;
   font-weight: 400;
}

.header-nav li ul li a:hover, .header-nav li ul li a:focus {
   color: var(--main-color-one);
}

.header-nav li:hover > ul {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

/* Responsive: main navigation
 * ------------------------------- */
@media only screen and (min-width:801px) {
   .header-nav li.menu-item-has-children:hover > a::after, 
   .header-nav li.menu-item-has-children:focus > a::after {
      -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: rotate(225deg);
   }

   .header-nav li ul {
      display: block !important;
   }

}

@media only screen and (max-width:800px) {
   .header-nav-wrap {
      background-color: #151515;
      opacity: 0;
      visibility: hidden;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      margin: 0;
      border: none;
      z-index: 999999;
      overflow-y: auto;
   }

   .header-nav-wrap .header-nav-heading, 
   .header-nav-wrap .close-mobile-menu {
      display: block;
   }

   .header-nav {
      margin: 4.8rem 6rem 3rem 6rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.03);
      font-size: 16px;
   }

   .header-nav li {
      display: block;
      padding: 0;
      text-align: left;
   }

   .header-nav li ul {
      display: none;
      position: static;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
      visibility: visible;
      background-color: transparent;
      padding: 0 0 1.8rem 0;
      -webkit-transition: none !important;
      transition: none !important;
   }

   .header-nav li.menu-item-has-children > a::after {
      top: 27px;
   }

   .header-nav li.menu-item-has-children > a.sub-menu-is-open::after {
      -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: rotate(225deg);
   }

   .header-nav li ul li a {
      padding: 7.5px 1.5rem 7.5px 1.5rem;
      color: #fff;
   }

   .header-nav > li {
      border-top: 1px solid rgba(255, 255, 255, 0.03);
   }

   .header-nav > li a {
      line-height: 54px;
      color: #fff;
   }

   body.nav-wrap-is-visible {
      overflow: hidden;
   }

   .nav-wrap-is-visible .header-nav-wrap {
      opacity: 1;
      visibility: visible;
   }
}

@media only screen and (max-width:400px) {
   .header-nav {
      margin: 30px;
   }
}
@media only screen and (min-width: 768px) and (max-width: 800px){
    .header-toggle-menu{
        right: 0;
        top: 30px;
   }
}

@media only screen and (max-width: 991px){
   .header-btn .btn{
       display: none;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .header-nav li {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px){
    .header-nav li {
        padding: 0 12px;
    }
}
.border-top{
   border-top: 1px solid #d4d6d9;
}