/*
Theme Name: PE Services Child
Theme URI: https://www.pixelemu.com/themes/i/41-education/11-pe-school
Author: PixelEmu
Author URI: http://pixelemu.com
Template: pe-services
Description: PE Services Child Theme
Version: 1.00
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-child
*/
body h1{font-size:36px;margin-top:0}
body h2{font-size:32px;margin-top:0}
body h3{font-size:28px;margin-top:0}
body h4{font-size:24px;margin-top:0}
body h5{font-size:20px;margin-top:0}
body h6{font-size:18px;margin-top:0}
.blue{color:#0f1453}
.red{color:#801d18}
#pe-logo{max-width:200px}
body .pe-article-content a{text-decoration:none}
body .pe-article-content a:hover{color:#1f1f1f}
.footer-card-content,.footer-card-content *{width:100%}
.no-margin{margin-bottom: 0 !important}
/* HEADER */
.page-template-default #pe-content{
	padding-top:0px;
	padding-bottom:0px;
}
header .pe-main-menu .pe-nav-container > .nav-menu > .menu-item > a {
	padding: 20px 15px;
}

#pe-bar{
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
}

.bannertext{
	color: #0e1457; 
	font-family: Poppins,Arial,Helvetica,sans-serif; ; 
	font-weight: 700; 
	font-size: 40px; 
	line-height:1;
	letter-spacing: -1px;
	text-shadow: 0 0 10px #fffffff2, 2px 2px 2px #f2f2f273;
}

.pe-article > .page-header > h1{
	display:none;
}

.pe-article > .page-header > h1.entry-title{
	display:block;
	margin-top: 30px;
	font-size: 26px;
	font-weight:700;
}

/* BODY */
p{
	margin-bottom:0px;
}

body{
	line-height:1.6 !important;
}

/* FOOTER */
div.footer-wrapper {
	display: flex;
	align-items: center;
	line-height: 1.3;
	flex-wrap:wrap;
}

.footer-card .wpb_wrapper {
    display: flex;
}

.footer-card .footer-card-icon {
	float: left;
	margin-bottom: 0;
}

.footer-card .footer-card-content {
	display: flex;
	margin-bottom: 0;
}

.footer-card .footer-card-content .content-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#pe-main > #pe-footer-mod{
	border-top: 10px solid #801d18;
	color: #0e1457;
	padding-top:25px;
	padding-bottom:5px;
}

#pe-footer{
	display:none;
}
#pe-back-top > #backtotop{
	background-color:#801d18;
	margin-bottom: 15px;
	opacity:0.9;
}

/*class*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	width:100%;
	border: 2px solid #ebebeb !important;
	color:#1f1f1f !important;
}

.pe-main-menu .menu-item-has-children:after {
	display:none ;
	content: "▼" !important;
	margin-top: 15px !important;
}

.menu-item-has-children > a::after {
    content: "▼";
    font-size: 12px;
    margin-left: 5px;
}

ul:not([class]) li:before{
	top:8px !important;
}

.post-list .owl-stage-outer .owl-item.active .vc_grid-item .vc_custom_heading h4 {
	text-transform: uppercase;
    font-size: 26px;
    margin-bottom: -15px;
}

.post-list .owl-stage-outer .owl-item.active .vc_grid-item-mini{
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.2);
	width:99%;
}

.post-list .vc_gitem_row .vc_gitem-col {
	padding-left:30px;
	padding-right:30px;
}

div.vc_btn3-container .vc_btn3.vc_btn3-color-juicy-pink {
    color: #801c17;
    background-color: #ebebeb;
    border: 2px solid #801c17;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 700;
}

div.vc_btn3-container .vc_btn3.vc_btn3-color-juicy-pink:hover{
	background-color:#801c17;
}

.vc_gitem_row .vc_gitem-col {
	background-color:#f3f3f3;	
}

.semibold{
	font-weight:600;
}

.boldtitle{
	font-weight:700;
	color:#0e1457;
}

.content-separator{
	position: relative;	
}

.content-separator::before{
	content: '';
    position: absolute;
    border-left: 1px solid rgba(0,0,0, 0.1);
    left: 0;
    height: 95%;
}

.row > .column > input[type="submit"]:hover{
	text-decoration: none;
    color: #0e1457;
    background: #ebebeb;
}

.row > .column > input[type="submit"]{
	text-decoration: none;
    color: #f1f1f1;
    background: #0e1457;
}

.column {
  float: left;
  width: 50%;
	padding:15px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.nomargin{
	margin-bottom: -60px;
}

.mcm-value-row{
	display: flex; color: white;
}

.mcm-value-content{
	display: flex; flex-direction: column; margin-left: 10px;
}

.homebanner{
	/* padding-top:125px; */
	padding-bottom:100px;
	max-height:180px;
}

.homebannerimage .vc_column-inner {
	background-position:center top !important;
}

.aboutus-content{
	margin-right:30px;
}

.copyright{
	text-align: right;
	font-size:14px;
	color:#1f1f1f;
}

.wpcf7-textarea{
	height:140px;
}

.bg-grey{
	background-color: #f7f7f7;
}

.wpb_wrapper> .wpb_row  > .bg-grey-padding{
	padding:20px;
}

.btn-ourteam{
	max-width:100%;
}

.vc_btn3-container > .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
    color: #fff;
    background-color: #0e1457;
	width: 105%;
	margin-top: -20px;
}

.vc_btn3-container > .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-primary:hover {
    color: #0e1457;
    background-color: #f3f3f3;
}

.floatingimage{
	margin-top:-385px;
}

.floatingadjust{
	margin-left: -15px;
    max-width: 102%;
}
.pe-main-menu .nav-dropdown .nav-dropdown-in{
	background:#f3f3f3;
}

.pe-main-menu .menu-item-has-children.hover>.nav-dropdown, .pe-main-menu .menu-item-has-children:hover>.nav-dropdown {
	margin-top:6px;
}

.pe-main-menu .nav-menu .nav-dropdown .menu-item a {
	font-weight:600;
}

.vc_gitem-animated-block .vc-gitem-zone-height-mode-auto:before {
    display: none;
}

.vc-custom-heading::h4{
	text-transform:uppercase;
}

div.vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square>li>a{
	min-height: 35px;
    min-width: 35px;
    font-size: 17px;
    font-weight: 700;
}

div.vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-grey>li>a{
	background-color:#0e1457 !important;
}

div.pe-widget h2.pe-title span:first-child{
	color:#0f1453;
}

.pe-widget ul:not([class]) li:before{
	color:#0f1453;
}

.pe-widget > .pe-widget-in > ul> li > a{
	color:#0f1453;
}

.tagcloud > a{
	color:#0f1453;
	font-size:12pt !important;
}

#pe-maincontent .pe-blog-row.effect {
    box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.2);
    width: 99%;
    background-color: #f3f3f3;
    padding: 30px;
}

.readmore{
	float:left;
}
.archive .readmore{
	float:left;
}

.pe-article-read-more .readmore:hover{
	color:#fff;
	border: 2px solid #801c17;
	background-color:#801c17;
	padding-top:11px;
	padding-bottom:11px;
}

.pe-article-read-more .readmore{
	border: 2px solid #801c17;
	padding-top:11px;
	padding-bottom:11px;
	font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

#pe-main{
	display: flex;
    flex-direction: column;
    min-height: 100%;
}

#pe-content{
	flex-grow: 1;
}

.vc_btn3-container .vc_btn3.vc_btn3-size-md {
    padding-top: 11px;
	padding-bottom: 11px;
}

.marginleft-10{
	margin-left:-10px;
}

/* CONTACT FORM */
.dropdown-wrapper {
	position: relative;
}

.dropdown-wrapper select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.dropdown-wrapper::after {
	content:"\f078";
    font-family: FontAwesome;
    position: absolute; 
	right: -10px; 
	top: 0;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
}

.vc_grid-container .vc_grid.vc_row.owl-carousel{
	margin-bottom:10px;
}
/*.pe-breadcrumb>.active {
    padding-left:0px;
    position: absolute;
    top: 230px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}

.pe-breadcrumb>.active::before{
	display:none;
}

.pe-article-content{
	margin-top:80px;
}*/

@media only screen and (max-width: 1024px) {
  	.homebanner{
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	.bannertext{
		color: #0e1457; 
		font-family: Poppins,Arial,Helvetica,sans-serif; ; 
		font-weight: 700; 
		font-size: 22px; 
		line-height:1;
		letter-spacing: 0px;
	}
	.aboutus-content{
		margin-right:0px;
	}
	.footer-card .wpb_wrapper {
		justify-content:center;
	}
	.pe-main-menu .pe-nav-container>.nav-menu>.menu-item {
		border-bottom: solid 1px #ebebeb;
	}
	.pe-main-menu .menu-item-has-children:after {
		/*display:none !important;*/
		content: "▼" !important;
		margin-top: 15px !important;
	}
	.menu-item-has-children > a::after {
		display:none;
	}
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
	#pe-bar-left {
		width:14%;
		margin-top:5px;
	}
	.copyright{
		text-align: right;
		margin-left:0px;
		margin-top:0px;
	}
}

@media screen and (max-width: 768px) and (min-width: 668px) {
	.copyright{
		margin-left:0px;
	}
}

@media screen and (max-width: 667px) and (min-width: 480px) {
	.floatingimage{
		margin-top:0px!important;
	}

	.floatingadjust{
		margin-left: 0px !important;
    	max-width: 100% !important;
	}
}
@media only screen and (max-width: 667px) {
	.bg-grey{
		height:100%;
    }
	.content-separator::before{
		display:none;
	}
	.floatingimage{
		margin-top:0px !important; 
	}

	.floatingadjust{
		margin-left: 0px !important;   	
		max-width: 100% !important;
	}
	.row{
		display: flex;
    	flex-direction: column;
	}
	.row > .column > input[type="submit"] {
		float:none !important;
	}
	.row .column{
		width:100% ;
	}
	
	.post-list .owl-stage-outer .owl-item.active .vc_grid-item .vc_custom_heading h4 {
		line-height: 1.5;
    	font-size: 19px;
		margin-bottom:0px;
	}
	.copyright{
		text-align: center;
		margin-left:0px;
		margin-top:20px;
	}
	/*.pe-article-content{
		margin-top:160px;
	}*/
	.margin-mobile{margin-top: 30px}
}

@media only screen and (max-width: 480px) {
	.mobile-center{
		margin-left:23%;
	}
	.center-mobile-title{
		text-align:center;
	}
}