/*
Theme Name: KP Microwave
Theme URI: https://wordpress.org/themes/kpmicrowave/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: KP Microwave brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kpmicrowave
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, 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 with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/


*,
*:before,
*:after {
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,p,aside,ul,li,a,figure { margin: 0; padding: 0; list-style-type: none; }
strong{color: #080808;font-weight: bold;}
a {color:#23282d;text-decoration: underline;}
a:hover {text-decoration: none;outline: none;}
a:focus {text-decoration: none;outline: none;}
img {max-width: 100%;border: none;outline: none;}
input,textarea,button {box-shadow: none;-webkit-appearance: none;outline: none;}
input:focus,textarea:focus,button:focus,button:active {box-shadow: none;-webkit-appearance: none;outline: none;}
body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;font-weight:400;position: relative;overflow-x: hidden;font-size: 13px;color: #6D6969;-webkit-font-smoothing: antialiased;line-height: 20px;    background: #f8f8e9 url(assets/images/body-bg.png) repeat-x;}
img{display:block;height:auto;} 

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{font-family: 'Lato', sans-serif;color:#fbfbfb;border: none;border-bottom: 1px solid #fbfbfb;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fbfbfb;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fbfbfb;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fbfbfb;
}
input:-moz-placeholder,textarea:-moz-placeholder { /* Firefox 18- */
  color: #fbfbfb;
}
h2,h3,h4,h5,h6{padding-bottom:8px;line-height: 1.25;color: #fff;font-weight:700;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 13px;}
h6{font-size: 14px;}

.card{background-color: #012533;} 
input[type="submit"] {background: #F6C605;border: none;font-size: 16px;text-transform: uppercase;line-height: 30px;padding: 0 15px;cursor: pointer;color: #000;}

.alignleft{float: left;padding-bottom: 15px;}
.flex-cls{display:flex;display:-webkit-flex;}
.flex-content {align-items:center;-webkit-align-items:center;-moz-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;}
.container{max-width:959px;width:100%;}
.container .row{margin-bottom:0;}
.page-content .col{padding:0;}
.site-header {}
.site-header nav{background-color: #100E0E; height: 45px;margin-bottom: 10px;    border-radius: 40px 40px 0 0;display: flex;justify-content: center;}
.navigation-section li {position: relative;}
.navigation-section li a {display: block;padding: 10px 25px 18px 12px;text-decoration: none;font-weight: 700;color: #fff;line-height: 25px;font-size: 14px;} 
.navigation-section ul li a:hover {color: #F6C605;}
.navigation-section li:first-child:before{display:none;}
.navigation-section li:after{content:'\002f';position:absolute;top:45%;transform:translateY(-50%);color:#fff;}
.navigation-section li:after{right:10px;}
.navigation-section li:before{left:0;background:#fff;}
.logo img{padding:10px;}
ul.sub-menu {position: absolute;width: 135px;height: auto;background: #100E0E;opacity: 0;visibility: hidden;transition: all .5s ease;top: 46px;z-index: 2;}
.navigation-section ul li:hover ul.sub-menu{opacity: 1;visibility: visible;transition: all .5s ease;}
ul.sub-menu li{border: none;background: #100E0E;padding: 0 10px;box-sizing: border-box;}
ul.sub-menu li:last-child{border-bottom: none;}
ul.sub-menu li a{padding: 2px 8px 2px 10px;}
ul.sub-menu li:after{content:none;}
.call-content{background: url(assets/images/emergency-bg.jpg) no-repeat left top;background-size: cover;}
.call-text-content{background: url(assets/images/plumber-phone.png) right 0px bottom 0px no-repeat;padding: 10px 10px 10px 10px;}
.components-content{background: #01384c; }

/* Owl-Carousel CSS */
.owl-carousel .owl-nav button i{color:#000;font-size:60px;}
.owl-carousel .owl-dots{ text-align:center; margin-top: -30px;}
.owl-carousel .owl-dots span {display: block;width: 12px;height: 12px;margin: 5px 7px;opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;text-align:center;}
.owl-dot.active span{background: #000;}
.owl-next, .owl-prev {height: 100%;position: absolute;top: 0;}
.owl-next {right: 0;}
.owl-prev {left: 0;}
.icon {font-size: 40px;line-height: 60px;margin-top: -55px;position: absolute; top: 50%;text-align: center;width: 60px; height: 60px;}
.icon-arrow-left7 { left: 0; }
.icon-arrow-right7 { right: 0; }

/* Content Area CSS */
.home-content{padding: 10px 10px 10px 10px;background-color:#eeeddb}
.home-content h2{color:#243C52}
.home-content p{padding-bottom:15px;}
.page-content .home-content ul li{padding-bottom:10px;}

.call-text-content{padding:15px;}
.call-text-content p{color:#fff;}
.call-text-content a{color:#F6C605;}
.call-text-content h6{color:#F6C605;}

.components-text-content{padding:15px;}
.components-text-content ul li{padding: 5px !important;text-align:center;}
.components-text-content ul li a{color: #F6C605; }
.components-text-content p{padding-bottom:15px;color:#fff;}
.components-text-content h5{text-decoration:underline;color:#F6C605;}
.product-content .card{margin:0;}

/*Footer css */
.site-footer{position:relative;background:#01384c;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.site-footer:after{position:absolute;left:0;top:0;width:100%;height:2px;content:'';}
.site-footer a{cursor:pointer;color:#fff; }
.site-footer p{color:#fff;}
.footer-top {padding: 30px 0;}
.footer-top h4{padding-bottom:10px;margin-bottom:10px;color:#fff;;border-bottom: 1px dotted #000;}
.footer-top a{color:#fff;}
.footer-top a:hover{color:#F6C605;}
.footer-top p{padding-bottom:10px;}
.footer-bottom {padding: 10px 0;background:#100e0e;}
.footer-menu{}
.footer-menu ul{}
.footer-menu ul li{}
.footer-menu ul li::before {content: "\2023";color: #fff;display: inline-block; width:15px;}
.footer-menu ul li a{color:#fff;}
.copyright-text p{padding-bottom:5px;text-align:left;}
.copyright-text ul li{padding-right:10px;margin-right:10px;border-right:2px solid #F6C605;line-height:1;}
.develop-by-text p{text-align:right;}
.designed-text .right a img{width:145px;}
svg.icon{display: none;}
.search .navigation{background-color: #eeeddb;height: auto;-webkit-box-shadow: none;box-shadow: none;}
.search .navigation a{color: #636363;}
.search nav {color: #636363;}

@media only screen and (max-width: 1023px) {
  .container{max-width:94%;}
  }
@media only screen and (max-width: 992px) {
.navigation-section {width: 100%;margin: 0px;height: 100%;position: fixed;z-index: 2;top: 0;left: 0;background-color: #100e0e;overflow-x: hidden;padding-top: 95px;	display:none;}
.navigation-section ul li {float:none !important;}
.navigation-section li a {height: 45px;float: none;padding: 12px 40px;text-decoration: none;font-weight:700;color:#fff;border-bottom: 1px solid #f6c605;
border-right:none;position: relative;display: inline-block;font-size: 14px;}
.navigation-section li:after {content: none;}
.navigation-section li {text-align: center;}
.nav-resp-arrow{width: 16px;height: 24px;position: relative;left: 0px;top: 0px;z-index: 9999;cursor: pointer;	}	
.arrow-down {position: absolute;right: 0px;top: 0px;margin-top: 3px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #fff;}
.arrow-up{ position: absolute;right: 9px; top: 5px;margin-top: 3px; border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #fff;}  
.navigation-section ul li ul.sub-menu{position: relative;left: 0;top: 0;bottom:0;width: 100%;background:rgb(16, 14, 14);opacity: 1;visibility: visible;display: none;}	
.tooglemunu {position: absolute;width: 35px;height: 35px;background: #f6c605;border-radius: 5px;transition: all .25s ease;top: 12px;left: 25px;z-index: 4}
.tooglemunu span{position: absolute;width: 20px;height: 2px;background: #100e0e;top: 50%;margin-top: -2px;left: 50%;margin-left: -10px;transition: all .25s ease;}
.tooglemunu span:before{position: absolute;content: "";width: 20px;height: 2px;background: #100e0e;top: 50%;margin-top: -7px;left: 50%;margin-left: -10px;transition: all .25s ease;}
.toogle-menu-open {position: fixed; }
.tooglemunu span:after{position: absolute;content: "";width: 20px;height: 2px;background: #100e0e;top: 50%;margin-top: 5px;left: 50%;margin-left: -10px;transition: all .25s ease;}
.toogle-menu-open span {height: 0;background: none;transition: all .25s ease;}
.toogle-menu-open span:before{transform: rotate(-45deg); margin-top: 0px; transition: all .25s ease;}
.toogle-menu-open span:after{transform: rotate(45deg);margin-top: 0px;transition: all .25s ease;}
.nav-menu-open{transition: all .25s ease;}
.toogle-menu-open span {height: 0;background: none;transition: all .25s ease;}
.toogle-menu-open span:before{transform: rotate(-45deg); margin-top: 0px; transition: all .25s ease;}
.toogle-menu-open span:after{transform: rotate(45deg);margin-top: 0px;transition: all .25s ease;}
.container{max-width:98%;}
.site-header .header-top{display:block;}
.site-header .header-top .logo{width:100%; text-align: center;padding-left: 75px;}
.site-header .header-top .logo img{display:inline-block;}
.special-content,.photo-content,.green-content{max-width: 214px;} 
.contact-info-list{display:none;}
.middle-content{display: block !important;}
.call-content{margin: 10px 0;}
.components-content{margin: 10px 0; }

  }