@import "b4basics.css";

/*BE font*/
 @font-face {
   font-family: 'Befont_webnormal';
   src: url('/fonts/Befont_webnormal.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

/*BC fonts*/
@font-face {
  font-family: 'HelveticaNeueLTStd-Roman';
  src: url('/fonts/HelveticaNeueLTStd-Roman.woff2') format('woff2'),
       url('/fonts/HelveticaNeueLTStd-Roman.woff') format('woff');
}

@font-face {
  font-family: 'HelveticaNeueLTStd-Bd';
  src: url('/fonts/HelveticaNeueLTStd-Bd.woff2') format('woff2'),
       url('/fonts/HelveticaNeueLTStd-Bd.woff') format('woff');
}


body {
  background: #172e81;
  font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
  color: #363c41;
  font-size: 16px;
  overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'HelveticaNeueLTStd-Bd', sans-serif;
  color: #172e81;
  line-height: 1.5;
}
p {
  font-family: 'HelveticaNeueLTStd-Roman', sans-serif;
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 3%;
}
a {
  color: #172e81;
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
  line-height: 1.5 
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
hr {
  border-top: 1px solid #ccccd1 
}
.noPadding, .noPad {
  padding: 0 
}
.sep10 {
  margin-top: 10px !important;
}
.sep20 {
  margin-top: 20px !important;
}
.sep40 {
  margin-top: 40px !important;
}
.sep50 {
  margin-top: 50px !important;
}
.sep60 {
  margin-top: 60px !important;
}
.sep80 {
  margin-top: 80px !important;
}
.sep100 {
  margin-top: 100px !important;
}
.center {
  display: block;
  text-align: center;
  margin-right: auto;
  margin-left: auto 
}
.imgResponsive, .imgRes {
  width: 100% 
}
.img-responsive, .img-fluid{
  display: block;
  max-width: 100%;
  height:auto;
}
.no-gutters > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
input:focus, textarea:focus {
  outline: none 
}
input::-moz-focus-inner {
  border: 0 
}
a img {
  outline: none 
}
img {
  border: 0 
}
button, button:link, button:focus, button:active, button:hover, button:visited, .btn, .btn:link, .btn:focus, .btn:active, .btn:hover, .btn:visited, a, a:link, a:focus, a:active, a:hover, a:visited {
  border: 0;
  outline: none;
  outline: 0;
  border-color: transparent 
}
.btn {
  border-radius: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.clearfix {
  clear: both 
}
.white{
  color: #fff !important;
}
.gold{
  color: #ebbf14 !important;
}
.blue{
  color:#172e81 !important;
}
.des {
  display: block!important 
}
@media(max-width:576px) {
  .des {
    display: none!important 
  }
}
.mob {
  display: none!important 
}
@media(max-width:576px) {
  .mob {
    display: block!important 
  }
}

/*NEWSLETTER*/
header{
  margin-bottom: 0%;
}

.MSImage{

}

.container{

  padding: 5%;
}
.postPresidentCont{
   background-color: white;
  
}
.postPresidentCont h1{
margin-top: 0;
}

.postPresidentCont p{
line-height: 1.8;
margin: 0 0 20px;
}

.post-lpTitle{
  background-color: #172e81;
}

.post-lpTitle h3{
  color: white;
  text-align: center;
  font-size: 1.5em;
}

.post-latestLinks ul{
  list-style: none;
  margin: 0;
  padding: 0
}

.post-latestLinks ul li{
 padding: 1% 0
}

.post-latestLinks ul li a{
  padding-left: 10px;
}

.extraPad{
  padding-left: 5%
}

.postCont{
  background-color: #e9ecef;
}


.postCont2{
  background-color: #fff;
}

.header{
  background-color: white;
  padding: 0 5%;
}


h2.post-title{
  margin-bottom: 10%;
}
.postCont h2, .postCont h3{
  margin-top: 0;
}

.post-footer{
  background: white;
  border-top: 5px solid #172e81
}

.postSeason{
  text-align: right;
  background-color: #ebbf14;
  width: auto;
  padding: 2px 10px;
  display: inline-block;
  float: right;
  color: #6c757d;
  font-weight: bold;
}

.small{
  font-size: 0.85em;
  padding-top: 10px;
}

/****************** Custom styles *********************/

.postAssessment{
background-color: #b7e6fb;
    padding: 12% 6%;
}

.postAssestitle{
    font-weight: bold;
    font-size: 2em;
    line-height: 1;
    margin-bottom: 5%;
}

.postAssessTxt{
	font-size: 1.3em;
}

.postAssessTxt2{
	font-style: italic;
    padding:1% 0;
}
@media (max-width: 576px){ 
 .postAssessTxt2{
	 padding: 10% 0;
}

 }

 .postHighlight{
background-color: #b7e6fb;
	 padding: 5%;
	 margin-bottom: 10%;
 }

  .postHighlight>.title{
 		 font-weight: bold;
	 font-size: 1.2em;
	 line-height: 1;
	 margin-bottom: 5%;
 }

  .postHighlight>.txt{
 	font-size: 1.2em;
 }
  .postBigTxt{
 	font-size: 1.5em;
 }
 
  .postShareIdeas{
	font-weight: bold;
	font-size: 1.5em;
	color:green;
 }

 .postShareIdeas>a{
	text-decoration: underline;
	color: blue;
 }
 
 .postSaveDate{
	background-color: #172e81;
	color: #fff;
	padding: 5% 0;
    text-align: center;
}

.postSaveDate>.title{
	font-weight: bold;
	color: #fff;
	font-size: 2.5em;
}

.postSaveDate>.date{
	font-size: 1.5em;
}

#Ctas {
    width: 100%;
    margin-bottom: 4%;
    text-align: center;
    margin: 0 auto;
}

#Ctas a {
width: 110px;
    height: 110px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}

.blueIcons{
  background-color:#172e81 !important;
  box-shadow: 0 0 16px #888888 !important;
}
.IconWrap {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    margin: 20px auto 10px auto;
    width: 100%;
    color: 
    #172E81;
}
.IconWrap:hover {
    color: #172E81;
}
.ThankYouIcon {
    font-size: 45px
}