/*
 Theme Name:     Portal Poeple
 Theme URI:      https://www.portalpeople.uk
 Description:    Divi Child Theme
 Author:         The Portal People
 Author URI:     https://www.portalpeople.uk
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
.seven-columns .et_pb_module {width: 14.28%; float: left;}
@media (max-width: 980px){
.seven-columns .et_pb_module {width: 25%;}
}
 
@media all and (max-width: 767px) {
.seven-columns .et_pb_module {width: 100%;}
}
body {
	font-weight: 300;
}
/* Menu Adjustments */
@media (max-width: 1280px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }
/* Footer Adjustments */
#footer-widgets .footer-widget li::before {
	display: none;
}
#footer-widgets .footer-widget li {
	padding-left: 0px;
}
/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #fff;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}
	body {
		position: relative;
	}
	#kite.kite-view {
		padding: 6px;
		position: fixed;
		right: 4px;
		top: 50%;
	}
	#kite {
		background-color: #fbfbfb;
		border: 1px solid #ccc;
		border-radius: 4px;
		min-height: 50px;
		min-width: 50px;
		padding: 6px;
		position: fixed;
		right: -2px;
		top: 50%;
		z-index: 5000;
	}
	#kite.kite-view .kite-closed {
		display: none;
	}
	#kite table {
		display: none;
	}
	#kite.kite-view table {
		display: block;
	}
	#kite.kite-view .close {
		display: flex;
	}
	#kite .close {
		display: none;
	}
	.close .close-button {
		margin: 0 auto;
		text-align: center;
	}
	.close-button > a {
		color: #80bc00;
		font-weight: 700;
	}
	#kite .kite-closed a {
		transform: rotate(180deg);
		writing-mode: vertical-rl;
	}
	#kite .kite-closed .full-name {
		float: left;
	}

	.avatar {
		width:100px;
		height:100px;
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.call {
		width:100px;
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.presence {
		width:100px!important ;
	}
	.job-title {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px!important;
		font-weight:100;
		font-style: oblique;
			color: #003366;
	}
	.full-name, .full-name a {
    font-family: Verdana, Geneva, sans-serif;
		font-size: 14px!important;
		font-weight:600;
		color: #5e5e5e;
		line-height: 2;
	}
.cha-blog-grid .et_pb_ajax_pagination_container {
display: flex;
flex-wrap: wrap;
}
.cha-blog-grid .et_pb_post.clearfix {
float: left;
padding: 0 20px;
}
.cha-blog-grid .et_pb_post .entry-featured-image-url {
display: flex;
aspect-ratio: auto 16/9;
}
.cha-blog-grid .et_pb_post.clearfix img{
aspect-ratio: auto 16/9;
display: flex;
}
@media only screen and (min-width: 992px) {
.cha-blog-grid .et_pb_post.clearfix {
width: 33.3333%;
}
}
@media only screen and (max-width: 991px) {
.cha-blog-grid .et_pb_post.clearfix {
width: 50%;
}
}
@media only screen and (max-width: 575px) {
.cha-blog-grid .et_pb_post.clearfix {
width: 100%;
}
}
.cha-blog-grid .et_pb_ajax_pagination_container > div{
width: 100%;
}
.et_pb_post_content li {
  margin-bottom: 10px;
}
.pp_icon {
	color: #13928c !important;
}
ul.et_pb_tabs_controls {
  background-color: transparent;
}
b, strong {
   color: #00204a;
   font-weight: 400;
   }
h4 {
	font-size: 20px !important;
}
h3 {
	font-size: 22px !important;
}
pre {
  background-color: #f4f4f4;
  padding: 10px;
  border-radius: 5px;
  overflow-x: auto;
  white-space: pre-wrap;
}

code {
  font-family: monospace;
}
#main-content .flex {
	display: flex;
}
#main-content .flex-card {
	flex: 1;
}
#main-content .flex-card-height {
	height: 100%;
}