/*
Theme Name: PE Services
Theme URI: https://www.pixelemu.com/themes/i/5-services/8-pe-services
Author: PixelEmu
Author URI: http://pixelemu.com
Description: Multipurpose business WordPress theme, perfect for presenting any kind of company services. The theme offers complex solution to create a collection of services and team members. You’ll be surprised with the easiness of submitting items. The theme includes the wide range of theme options to give you the possibility to customize the theme appearance.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, flexible-header, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: pe-services
*/

/* All theme styles you will find in LESS files. Please check 'less' directory. */

.bypostauthor {
	margin: 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.wp-caption,
.gallery-caption,
.wp-caption-text {
	max-width: 100%;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #fff;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
/* CUSTOM */
.scrolled .pe-logo img {max-width: 50%;}
.pe-logo img {max-width: 75%;}
.boxadj {}
.pe-box {padding: 0 0 10px 0 !important}
.pe-box {background-color:#9AA2A6 !important}
.pe-icon-title {color:#efefef !important}

#pe-top1 .pe-description {color:#efefef !important}
#pe-top2 {background-color:#93B773 !important;padding:0}
.locationheader {margin-bottom:0}
#pe-top3 {background-color:white !important}
.mapregions {text-align: center;}
.home .gallery-item {padding:0 !important}
.home .gallery-caption {display:none}
.home #gallery-1 img {max-width:none;width:100%;}
.home #pe-top3-in {max-width:none}
.noheadermargin {margin-top:0 !important; margin-bottom: 20px !important;}
#pe-footer-mod {background-color:#607593}
.smallfootertext {font-size:80%;line-height:1.2em}

.pe-main-menu .pe-nav-container > .nav-menu > .menu-item > a {font-size:120%;padding-left:18px;padding-right:18px}

.pe-font-readable, .pe-font-normal {display:none}

#pe-top4-in {max-width: 100% !important;}


/* MAP RELATED */

.districts {position:relative;}
.dpane {position: absolute;
    top: 80px;
    width: 30%;
    height: 237px;
    left: 0;
    height: 340px;
    background-color: white;
    padding: 20px;
    border: solid 1px #efefef;
    left: 50px;

}



/* CUSTOM ACCORDION*/


 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 15px 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}