/*HERO AREAS*/

.SP_Hero_Left_CL .thumbOuter.clearfix {
    background-color: #f9f9f9;
}

.SP_Hero_Left_CL .thumbnail.pull-left {
	float: right !important;
	width: 60%;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

.SP_Hero_Left_CL .thumbnail.pull-left img {
	border-radius: 0;
}

.SP_Hero_Left_CL .thumbDes {
    padding: 20px 20px 0 20px;
}

.SP_Panel.SP_Hero_Left_CL .thumbDes > p > a > strong {
    font-size: 23px;
}

.SP_Panel_Half_MT .thumb_vertical {
display: flex;
}

.SP_Panel_Half_MT .thumb_vertical .thumbOuter:first-child {
    margin-top: 15px;
}
.SP_Panel_Half_MT .thumbOuter {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 50%;
    padding-right: 20px;
}

.ckContentArea a.SP_Login, a.SP_Login {
	margin: 0px auto 20px;
	max-width: 300px;
	display: inherit;
	text-align: center;
	background-color: #e7275a;
	color: #fff;
	padding: 10px 10px;
	border-radius: 5px;
	font-weight: normal;
	font-size: 21px;
}

.SP_Panel_Col_BG a.SP_Login {
    border: solid 1px #fff;
    background-color: transparent;
}

.SP_Panel_Col_BG a.SP_Login:hover {
    border: solid 1px #fff;
    background-color: transparent;
    color:#fff;
}

.ckContentArea a.SP_Login:hover, .ckContentArea a.SP_Login:focus, a.SP_Login:hover, a.SP_Login:focus {
    opacity: 0.75;
}

/*Hero angled overlay - applied to section cls*/

.SP_Overlay_Angle .SP_Panel {
    position: relative;
}

.SP_Overlay_Angle{
    position:relative;
}
.SP_Overlay_Angle::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #1d3544;
    -webkit-filter: blur(0);
    filter: blur(0);
    right: 50vw;
    top: 0;
    -webkit-transform: skewX(-20deg) translateZ(0) scale(1);
    transform: skewX(-20deg) translateZ(0) scale(1);
    width: 100%;
}

/*Content List Title Only in Hero*/

.SP_Panel_Hero .compWrapper {
    min-height: 250px;
}

.SP_Panel_Hero .itemList {
    display:none;
}

.SP_Panel_Hero .itemList > p > a > strong {
    color: #fff;
    font-size: 27px;
    font-weight: normal;
    line-height: 1.2em;
}

.SP_Panel_Hero .itemList > p{
    color: #fff;   
}

.SP_Panel_Hero .icon_content {
    display: none;
}

.SP_CTA_Hero_Wrap {
    margin: 30px 0 15px 0;
}

.SP_Panel_Hero .itemList > p {
    margin: 20px 0;
}

.SP_Subtitle_Load h5 {
    color: #fff;
    font-weight: normal;
    font-size: 17px;
}

.SP_Panel_NoDate ul.list-inline {
    display: none;
}

/*PEOPLE PANEL*/

.SP_Panel_People .ppl_vert.contact_comp_thumb .thumbnail {
    margin-bottom: 0;
}

.SP_Panel_People .ppl_vert.contact_comp_thumb .thumbDes.overflowHidden {
    background-color: #fff;
    padding: 10px;
}
.SP_Panel_People .ppl_vert {
    margin: 1%;
    background-color: #fff;
    padding-top: 10px;
    display: flex;
    flex-wrap: nowrap;
}
.SP_Panel_People img.radius4 {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    filter: grayscale(65%);
    -webkit-filter: grayscale(65%);
    -moz-filter: grayscale(65%);
}
.SP_Panel_People .overflowHidden {
    overflow: visible;
}

.SP_Panel_People a {
    font-size: 13px;
}

