.Area-GeneralBlue1PArea2 { display: flex;}

.Thermometer { margin: 0 60px 16px 0;}
.PledgeTypeSelection .TypeSelection-Items > div { width: 16%!important; max-width: 16%!important;}
.PortletLogo .WebLogoL img { max-width: 460px!important; max-height: 80px;  margin-top: 12px; }
.GeneralBlueTop3 .PortletMenu .PortletHeader { background-image: none; display: inline;}
.GeneralBlueTop3 { margin-top: 140px}
@media all and  (max-width: 992px) { .GeneralBlueTop3 {  margin-top: 128px}}

.FlagRow-ePledge5 { margin-left: 50px!important;}
.FlagRow-ePledge8 { margin-left: 50px!important;}
.FlagRow-ePledge3 { margin-left: 50px!important;}
.FlagRow-ePledge6 { margin-left: 50px!important;}
.FlagRow-ePledge7 { margin-left: 50px!important;}
.FlagRow-ePledge4 { margin-left: 50px!important;}

#Row979 { font-weight: 900; font-size: 14pt;}

.GeneralBlueMainPage { padding-top: 2px; margin: 5px 0;}



.PortletLogo .WebLogoR img { max-width: 250px!important; max-height: 250px!important; }

.Menu-H .Menu a { color: lime; font-weight: 700; position: relative; top: 10px; left: 30px; }

.MClass a { color: lime; }

.Area-GeneralBlue1PArea12, .Area-GeneralBlue1LArea12, .Area-GeneralBlue1NArea12 { padding: 15px 0;}

.fl-node-d6moy2atux0k > .fl-col-content { background-color: blue; }

.DesignationTotals td { padding: 6px 12px!important;}

@media (max-width: 576px)
{
   .ThermometerSection { display: none;}
}


/******************************************************/

/*.DefaultButtons .button { border: 1px solid #002e5d;}

label { color: black;}

html, body { color: black;}*/

.GeneralBlueTop1 { height: 90px; }

.GeneralBlueTop2 { top: 90px;}

.GeneralBlueTop2 ul.pureCssMenu a, .GeneralBlueTop2 ul.pureCssMenu li.dis a:hover, .GeneralBlueTop2 ul.pureCssMenu li.sep a:hover
{   font: 20px 'Open Sans', sans-serif !important; font-weight: 600!important;}


GeneralBlueTop1 ul.pureCssMenu a,
.GeneralBlueTop1 ul.pureCssMenu li.dis a:hover,
.GeneralBlueTop1 ul.pureCssMenu li.sep a:hover,
.GeneralBlueTop3 ul.pureCssMenu a,
.GeneralBlueTop3 ul.pureCssMenu li.dis a:hover,
.GeneralBlueTop3 ul.pureCssMenu li.sep a:hover
{   font: 20px 'Open Sans', sans-serif !important; font-weight: 600!important;}


ul.pureCssMenu li:hover>a {   font: 20px 'Open Sans', sans-serif !important; font-weight: 600!important;}


.GeneralBlueTop1 ul.pureCssMenu li:hover>a,
.GeneralBlueTop2 ul.pureCssMenu li:hover>a,
.GeneralBlueTop3 ul.pureCssMenu li:hover>a {   font: 20px 'Open Sans', sans-serif !important; font-weight: 600!important; }


.HOME .ProfileValue.PhoneArea,.HOMEFAX .ProfileValue.PhoneArea,.PhoneArea_HOMEInfo, .PhoneNumber_CELLInfo {
    max-width: 25%;
    flex: 0 0 25%
}

.HOME .ProfileValue.PhoneNumber,.HOMEFAX .ProfileValue.PhoneNumber,.PhoneNumber_HOMEInfo, .PhoneNumber_CELLInfo {
    max-width: 75%;
    flex: 0 0 75%
}

/*************************************************************/
/**  Flex **/


/*------------------------------------------------------------------------------------ Flexboxes------------------------------------------------------------------------------------*/

.flex-container {
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  
    flex-direction:row;
    flex-wrap: wrap;          
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    
}


.flex-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
   
    flex-wrap: wrap;
	margin: 10px;
	width: 390px; /*305px;*/
}

.flex-item h3{
	padding-top: 10px;
	font-size: 32px;
	color: #002e5d;;
}

.flex-container-button{
	margin-top: auto;
}

.flex-item img{
	/*width: 325px !important;
	height: 200px !important;*/

	
	/* min-height: 200px !important;
	  object-fit:cover;
	  flex:none;  */
}

.flex-container-bottom {
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  
    flex-direction:row;          
    align-items: center;
    justify-content: center;
    margin: 50px;
    font-size: 14px;   /* small; - mms */
    
}

.flex-item-bottom {
    flex-wrap: wrap;
    width: 50%;
    height: 50%;
    margin:20px;
    text-align: center;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.flex-item-bottom img.uw-logo{
    max-width: 100%;
    max-height: auto;
    min-width: 150px;
    min-height: auto;
    text-align: center;
}

.flex-item-bottom img.social{
    max-width: 100%;
    max-height: auto;
    min-width: 16px;
    min-height: auto;
    text-align: center;
    margin-top: 3px;
}

.flex-item-bottom-chevron {
    flex-wrap: wrap;
    width: 50%;
    height: 50%;
    margin: 9px;  /*  20px; */
    text-align: center;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.flex-item-bottom-chevron img.uw-logo{
    max-width: 100%;
    max-height: auto;
    min-width: 120px;  /* 150px; */
    min-height: auto;
    text-align: center;
}

.flex-item-bottom-chevron img.social{
    max-width: 100%;
    max-height: auto;
    min-width: 12px;  /* 16px; */
    min-height: auto;
    text-align: center;
    margin-top: 3px;
}

.flex-item-text {
    width: 40%;
    height: 40%;
    margin: 20px;
    text-align: center;
   
}

/*pins buttons to bottom of flexboxes*/
.flex-item-inner {
	display:  -webkit-box;
	display:  -ms-flexbox;
	display:  flex;
	-webkit-box-orient:  vertical;
	-webkit-box-direction:  normal;
	-ms-flex-direction:  column;
	flex-direction:  column;
	-webkit-box-pack:  justify;
	-ms-flex-pack:  justify;
	justify-content:  space-between;
	min-width: 0%;
}

/*changed max-width from 575px to 1060px to fix IE image sizing bug */
@media all and (max-width: 575px) {
  .flex-container{
   /* flex-direction: column;*/
  }


  .flex-container-bottom {
    flex-direction: column;
  }
}

/* fixes for stretched images added in "our work" section*/
.story1{
	align-items:center;
}

@media all and (max-width: 1090px) {
	.story1{
		flex-wrap: wrap;
		justify-content: space-around;
	}
}


@media all and (max-width: 600px) {
.PortletLogo .WebLogoL img { max-width: 250px!important; max-height: 80px;  }}

.PartnerAgencyImage { display: none;}

.Area-eGeneralBlue-BottomMenu .PortletMenu .PortletHeader { display: none;}

#MENU_BOTTOM_ROLEMENU { float: right;}