/*
Theme Name: PE School
Theme URI: https://www.pixelemu.com/themes/i/41-education/11-pe-school
Author: PixelEmu
Author URI: http://pixelemu.com
Description: Universal education WordPress theme with handy solution to display school activities and teachers. The theme is addressed for university. language schools and kindergadten sites. The theme provides many handy and user friendly theme options to configure like colors, fonts, layout, settings for post and pages and many more. The theme is accessibility-ready which means it follows WCAG (Section508) recommendations to create the site for people with disabilities.
Version: 1.13
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, 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-school
*/
/* All theme styles you will find in LESS files. Please check 'less' directory. */
/* Styles for Theme Check plugin purpose, you can remove them */
.bypostauthor {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
.sticky {}
.alignright {}
.alignleft {}
.aligncenter {}
.screen-reader-text {}
body {
  background-color: #fff;
    line-height: 1.5;
}
#pe-bar-right {
  padding: 12px 0;
}
.language-selection {
  font-weight: 700;
}
.lang-img ul, .social-img ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.lang-img ul li::before, .social-img ul li::before {
  display: inline-block;
  font-variant: normal;
  font-style: normal;
  font-size: inherit;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  letter-spacing: 0;
  content: '';
  position: absolute;
  top: 0;
  vertical-align: top;
  padding-top: 0px;
  left: 0px;
}
.lang-img ul li, .social-img ul li {
  float: left;
  padding: 0 10px 0 10px;
}
.lang-img ul li a, .social-img ul li a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.lang-img ul li img {
  max-width: 40px;
  height: 30px;
  border: 1px solid #eaeaea;
}
.social-img ul li img {
  max-width: 30px;
}
div.social-img {
  float: right;
}
.ml-1 {
  margin-left: 2px;
}
.ml-2 {
  margin-left: 6px;
}
.ml-3 {
  margin-left: 10px;
}
.ml-5 {
  margin-left: 15px;
}
.mr-1 {
  margin-right: 2px;
}
.mr-2 {
  margin-right: 6px;
}
.mr-3 {
  margin-right: 10px;
}
.mr-5 {
  margin-right: 15px;
}
.pl-1 {
  padding-left: 2px;
}
.pl-2 {
  padding-left: 6px;
}
.pl-3 {
  padding-left: 10px;
}
.pr-1 {
  padding-right: 2px;
}
.pr-2 {
  padding-right: 6px;
}
.pr-3 {
  padding-right: 10px;
}
.pr-5 {
  padding-right: 15px;
}
.pt-10 {
  padding-top: 1.75em;
}
.pb-10 {
  padding-bottom: 1.75em;
}

.pb-15 {
  padding-bottom: 2.5em;
}

.pb-20 {
  padding-bottom: 3.5em;
}

.mt-0 {
  margin-top: 0px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mt-1 {
  margin-top: 5px;
}
.mt-2 {
  margin-top: 10px;
}
.mt-3 {
  margin-top: 15px;
}
.mt-5 {
  margin-top: 25px;
}
.mt-10 {
  margin-top: 1.75em;
}
.mb-1 {
  margin-bottom: 5px;
}
.mb-2 {
  margin-bottom: 10px;
}
.mb-3 {
  margin-bottom: 15px;
}
.mb-10 {
  margin-bottom: 1.75em;
}

.mb-15 {
  margin-bottom: 2.5em;
}

.mb-20 {
  margin-bottom: 3.5em;
}

#pe-wcag-mobile {
  padding: 0;
  margin: 0 0 0 15px;
  height: 30px;
  line-height: 30px;
  border: none;
  position: relative;
}
p.has-background {
  padding: 1.25em 1.25em;
}
.alert-green {
  background: #006730;
  text-align: center;
  color: #fff;
  padding: 20px 30px;
}
.wp-block-themepunch-revslider {
  margin-bottom: 50px;
}
#pe-content-part {
  padding-top: 0px;
}
.row.sc {
  margin-top: 30px;
  margin-bottom: 30px;
}
#pe-main .pe-wcag-settings li a, #pe-main .pe-wcag-settings li button {
  color: #292828;
}
#pe-main-menu #mega-menu-wrap-main-menu .mega-menu-toggle {
  margin: 0 0 20px 20px;
}
#pe-footer {
  font-weight: 400;
  color: #fff;
  background: #006730;
}
#pe-footer a {
  color: #fff;
}
#pe-footer a:hover {
  color: #fff;
  text-decoration: underline;
}
.grey {
  background: #f3f3f3;
  padding: 30px 0px;
}
.text-xs-left {
  text-align: left;
}
.text-xs-right {
  text-align: right;
}
.text-xs-center {
  text-align: center;
}
.text-xs-justify {
  text-align: justify;
}
@media (max-width: 767px) {
  .mt-sm-3 {
    margin-top: 15px;
  }
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
    justify-content: center;
    display: flex;
  }
  .text-sm-justify {
    text-align: justify;
  }
}
@media (max-width: 991px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
    justify-content: center;
    display: flex;
  }
  .text-md-justify {
    text-align: justify;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}
p {
  text-align: justify;
}
#pe-main .pe-wcag-settings li a, #pe-main .pe-wcag-settings li button {
  padding: 3px 7px;
  border: none;
  background: none;
}
#pe-main .pe-wcag-settings li a .fa, #pe-main .pe-wcag-settings li button .fa {
  padding: 0;
}
.f-wcag {
  font-size: 16px !important;
}
#pe-main .pe-wcag-settings .contrast .pe-highcontrast, #pe-main .pe-wcag-settings .contrast .pe-highcontrast2, #pe-main .pe-wcag-settings .contrast .pe-highcontrast3 {
  background: inherit;
  color: #000;
}
#pe-wcag-mobile {
  margin: 0;
}
body.highcontrast .f-wcag span {
  color: #ffffff;
}
body.highcontrast2 .f-wcag span {
  color: #ffff00;
}
body.highcontrast3 .f-wcag span {
  color: #000;
}
body.highcontrast .grey, body.highcontrast #mega-menu-wrap-main-menu, body.highcontrast .alert-green {
  color: #ffffff;
  background: #000000;
}
body.highcontrast3 .grey, body.highcontrast3 #mega-menu-wrap-main-menu, body.highcontrast3 .alert-green {
  color: #000000;
  background: #ffff00;
}
body.highcontrast2 .grey, body.highcontrast2 #mega-menu-wrap-main-menu, body.highcontrast2 .alert-green {
  color: #ffff00;
  background: #000000;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1::after {
  margin: 0;
}
#mega-menu-wrap-main-menu .mega-menu-toggle::before {
  content: 'MENU';
  margin-right: 3px;
  line-height: 1.7;
}
body.highcontrast3 #pe-main-menu #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block {
  background: none;
}
ul:not([class]) li:before, ul.pe-dark li:before, ul.pe-light li:before {
  content: ' ' !important;
  color: #ff0000 !important;
}
li {
  padding-left: 8px !important;
}
.v-center {
  align-items: center;
  align-content: center;
  vertical-align: middle;
  display: flex;
}
#pe-logo-nav {
  border-bottom: 1px solid #f3f3f3 !important;
}
@media (max-width: 991px) {
  #mega-menu-wrap-main-menu {
    background: #006730;
    color: #fff;
  }
  #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1:after {
    color: #fff;
  }
}
@media only screen and (max-width: 991px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    color: #fff;
  }
  body.highcontrast #pe-main-menu #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block {
    background: none;
    color: #000000;
  }
  body.highcontrast2 #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1:after {
    color: #000;
  }
  body.highcontrast3 #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1:after {
    color: #000;
  }
}


.pe-icontext:hover {
      border-bottom: 5px solid #006730;
}

@media only screen and (min-width: 991px) {
    .pe-icontext { 
        min-height: 300px;
        height: 300px
    }
    
    .pe-icontext .pe-label {
        margin: 20px 0 15px;
    }
    
    .pe-icontext .pe-icon {
        padding-top: 20px;
    }
}

.pe-icontext { 
    border: 1px solid #e8e8e8;
    box-shadow: 0px 10px 20px #dadada;
    padding: 20px;
    margin-bottom: 20px;
    display: block !important;

}

.arrow-icon {
    font-size: 15px !important;
    margin-right: 5px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}