/* ECFS Content Modules */

/*------------------ Content Modules ------------------------------ */

.module-left-align{
	float:left;
}

.module-right-align{
	float:right;
	
}

.module-image-box{
	width:38%;
	z-index:2;


}

.white-module{
	background:#fff;
	padding-top:0%; /* 5% */
	padding-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	width:60%;
	
}


.module-wrapper{
	position:relative;
	clear:both;
	overflow:hidden;
}

.module-wrapper-white{
	position:relative;
	clear:both;
	overflow:hidden;
	background:#ffffff;
}

.module-wrapper-grey{
	position:relative;
	clear:both;
	overflow:hidden;
	background:#666666;
}

.module-wrapper-blue{
	position:relative;
	clear:both;
	overflow:hidden;
	background:#01458e;
}

.module-wrapper-gold{
	position:relative;
	clear:both;
	overflow:hidden;
	background:#FD8E0B;
}
.module-wrapper-gold a {
    color: #01458e !important;
}

.blue-module-medium{
	background:#01458e;
	padding-top:0%; /* 5% */
	padding-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
	position:inherit;
	clear:both;
	color:#fff;
	z-index:1;
	width:60%;
}

.blue-module-medium p{
	color:#fff !important;
}

.blue-module-medium h3{
	color:#fff !important;
	/* font-style: italic !important; */
    font-size: 1.3em !important;
}

.gold-module-medium{
	background:#FD8E0B;
	padding-top:0%; /* 5% */
	padding-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
	position:inherit;
	clear:both;
	color:#fff;
	z-index:1;
	width:60%;
}

.gold-module-medium p{
	color:#fff !important;
}

.gold-module-medium h3{
	color:#fff !important;
	/* font-style: italic !important; */
    font-size: 1.3em !important;
}

.white-module-full-content h3{
    color: #FD8E0B !important;
    font-size: 1.3em !important;
	/* font-style: italic !important; */
}
.blue-module-full-content h3{
	color:#fff !important;
	/* font-style: italic !important; */
}
.grey-module-full-content h3{
    color: #fff !important;
    font-size: 1.3em !important;
	/* font-style: italic !important; */
}
.gold-module-full-content h3{
    color: #fff !important;
    font-size: 1.3em !important;
	/* font-style: italic !important; */
}

.white-module h3{
    color: #FD8E0B !important;
    font-size: 1.2em !important;
	/* font-style: italic !important; */
}

.grey-module p{
	color:#fff !important;
}

.grey-module h3{
    color: #fff !important;
    font-size: 1.3em !important;
	/* font-style: italic !important; */
}

.gold-module-full p{
	color:#fff !important;
}

.gold-module-full h3{
    color: #fff !important;
    font-size: 1.3em !important;
	/* font-style: italic !important; */
}

.white-module-full-wrap{
	background:#fff;
	padding-top:0%; /* 5% */
	padding-left:0;
	padding-bottom:0%; /* 5% */
	padding-right:0;
	overflow:hidden;
	clear:both;
	position:relative;
}
.blue-module-full-wrap{
	background:#01458e;
	padding-top:0%; /* 5% */
	padding-left:0;
	padding-bottom:0%; /* 5% */
	padding-right:0;
	overflow:hidden;
	clear:both;
	position:relative;
}
.grey-module-full-wrap{
	background:#666666;
	padding-top:0%; /* 5% */
	padding-left:0;
	padding-bottom:0%; /* 5% */
	padding-right:0;
	overflow:hidden;
	clear:both;
	position:relative;
}
.gold-module-full-wrap{
    background:#FD8E0B;
	padding-top:0%; /* 5% */
	padding-left:0;
	padding-bottom:0%; /* 5% */
	padding-right:0;
	overflow:hidden;
	clear:both;
	position:relative;
}
.white-module-full{
	background:#fff;
	padding-top:0%; /* 5% */
	padding-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
	clear:both;
	position:relative;
}

.white-module-full-content{
  padding-top: 0%; /* 5% */
  padding-left: 0%; /* 5% */
  padding-right: 0%; /* 5% */
}

.blue-module-full-content{
  padding-top: 0%; /* 5% */
  padding-left: 0%; /* 5% */
  padding-right: 0%; /* 5% */
}

.grey-module-full-content{
  padding-top: 0%; /* 5% */
  padding-left: 0%; /* 5% */
  padding-right: 0%; /* 5% */
}

.gold-module-full-content{
  padding-top: 0%; /* 5% */
  padding-left: 0%; /* 5% */
  padding-right: 0%; /* 5% */
}

.gold-module-medium h1 {
    padding-left: 0px !important;
}
.blue-module-medium h1 {
    padding-left: 0px !important;
}
.white-module-medium h1 {
    padding-left: 0px !important;
}
.grey-module-medium h1 {
    padding-left: 0px !important;
}

.white-module-full h2
{
	color:#01458e !important;
	font-weight:bold;
	text-transform:uppercase !important;
	margin:0 0 3% 0;
	padding:0;
	font-size:1.6em;
}

.white-module-full-content h2
{
	color:#01458e !important;
	font-weight:bold;
	text-transform:uppercase !important;
	margin:0 0 3% 0;
	padding:0;
	font-size:1.6em;
}
.blue-module-full-content h2
{
	color:#fff !important;
	font-weight:bold;
	text-transform:uppercase !important;
	margin:0 0 3% 0;
	padding:0;
	font-size:1.6em;
}
.grey-module-full-content h2
{
	color:#fff !important;
	font-weight:bold;
	text-transform:uppercase !important;
	margin:0 0 3% 0;
	padding:0;
	font-size:1.6em;
}
.gold-module-full-content h2
{
	color:#fff !important;
	font-weight:bold;
	text-transform:uppercase !important;
	margin:0 0 3% 0;
	padding:0;
	font-size:1.6em;
}

.white-module-full-content p{
	color:#666666 !important;
}
.blue-module-full-content p{
	color:#fff !important;
}
.grey-module-full-content p{
	color:#fff !important;
}
.gold-module-full-content p{
	color:#fff !important;
}

.white-module-full-content blockquote p {
    text-align: left;
    font-size: 26px;
    color: #01458e;
    width: 65%;
    margin-right: auto;
    margin-left: auto;
    padding: 2%;
}

.field-cb-body blockquote {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.field-cb-body blockquote p {
    text-align: left;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #01458e !important;
    text-transform:none !important;
    width: 65%;
    margin-right: auto;
    margin-left: auto;
    padding: 2%;
}

.gold-module-full blockquote p {
    color: #fff;
}

.blue-module-full blockquote p {
    color: #fff;
}

.blue-module-medium blockquote p {
    color: #fff;
}

.grey-module blockquote p {
    color: #000;
}


.white-module a, .white-module-full a{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}

.white-module a:hover, .white-module-full a:hover{
	color:#FD8E0B;
}


.gold-module-full{
	background-color: #FD8E0B;
	padding-top:0%; /* 5% */
	padding-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
	text-align:center;
	color:#fff;
}
.gold-module-full.bg{
	background:url("../imgs/gold-content-bg.png") repeat-x;
}
.gold-module-full h1 {
    padding-left: 0px;
}
.gold-module-full h3 {
    color:#fff !important;
    padding-top: 10px;
}

.blue-module-full{
	background-color: #01458e;
	padding-top:0%; /* 5% */
	padding-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
	text-align:center;
	color:#fff;
}
.blue-module-full.bg{
	background:url("../imgs/blue-content-bg.png") repeat-x;
}
.blue-module-full p {
    color:#fff !important;
}
.blue-module-full h1 {
    padding-left: 0px;
}
.blue-module-full h3 {
    color:#fff !important;
    padding-top: 10px;
}

.grey-module-full{
	background-color: #666666;
	padding-top:0%; /* 5% */
	padding-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
	text-align:center;
	color:#fff;
}
.grey-module-full.bg{
	background:url("../imgs/grey-content-bg.png") repeat-x;
}
.grey-module-full p {
    color:#fff !important;
}
.grey-module-full h1 {
    padding-left: 0px;
}
.grey-module-full h3 {
    color:#fff !important;
    padding-top: 10px;
}
.white-module-full{
	background-color: #ffffff;
	padding-top:0%; /* 5% */
	padding-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
	text-align:center;
	color:#666666;
}
.white-module-full.bg{
	background:url("../imgs/white-content-bg.png") repeat-x;
}
.white-module-full p {
    color:#666666 !important;
}
.white-module-full h1 {
    padding-left: 0px;
}
.white-module-full h3 {
    color:#FD8E0B !important;
    padding-top: 10px;
}

.grey-module{
	padding-top:0%; /* 5% */
	padding-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	width:60%;
	height:100%;
	color:#fff;
	z-index:0;	
}

.blue-module{
	background-color:#01458e;
}

.grey-module{
	background:#666666;
}
.grey-module-full h1 {
    padding-left: 0px;
}
.grey-module-full h3 {
    color:#ffffff !important;
    padding-top: 10px;
}

/*------------------ Stripes styles ------------------------------ */

.module-width-small{
	width:30%
}

.module-width-medium{
	width:67%
}

.module-width-large{
	width:90%
}

.module-width-full{
	width:100%
}

.module-crossesbg-bottom-left{
	background-image:url("../imgs/background-pattern-crosses-smaller.png");
	background-position:top;
	background-repeat:repeat-x;
	position:absolute;
	bottom:0px;
    left:0px;
	z-index:5;
	height:55px;
}

.module-crossesbg-top-left{
	background-image:url("../imgs/background-pattern-crosses-smaller.png");
	background-position:bottom;
	background-repeat:repeat-x;
	position:absolute;
	top:0px;
    left:0px;
	z-index:5;
	height:55px;
}

.module-crossesbg-bottom-right{
	background-image:url("../imgs/background-pattern-crosses-smaller.png");
	background-position:top;
	background-repeat:repeat-x;
	position:absolute;
	bottom:0px;
    right:0px;
	z-index:5;
	height:55px;
}

.module-crossesbg-top-right{
	background-image:url("../imgs/background-pattern-crosses-smaller.png");
	background-position:bottom;
	background-repeat:repeat-x;
	position:absolute;
	top:0px;
    right:0px;
	z-index:5;
	height:55px;
}

.module-img-left{
	left:0;
	padding:0 3% 3% 0;
	float:left;
}

.module-img-right{
	right:0;
	padding:0 0 3% 3%;
	float:right;
}

.left {
  text-align: left;
}

/* Module list items */
.page-node .region-content .module-wrapper .grey-module-full ul li{
  color: #ffffff;
}
.page-node .region-content .module-wrapper .blue-module-full ul li{
  color: #ffffff;
}

/* Timeline Elements */

.timeline-year-circle {
  height: 170px;
  width: 170px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #FD8E0B;
}

h4.timeline-year {
    color: #fff !important;
    font-size: 3.0em !important;
    font-style: italic !important;
    font-family: droid_serifregular;  
    margin-top: 10px !important;
    margin-right: 12px !important;
}

ul.ecfs-timeline .stpe-timeline__image {
  border: 0px !important;
  width: 170px !important;
  height: 100%  !important;
}

ul.ecfs-timeline .stpe-timeline__panel {
  padding-top: 30px !important;
  padding-bottom: 0px !important;
  width: 80% !important;
}

ul.ecfs-timeline .stpe-timeline__panel h4 {
    color: #FD8E0B !important;
    font-size: 1.3em !important;
    font-weight: bold;
    font-style: italic !important;
    font-family: droid_serifregular;  
    margin-top: 10px !important;
    margin-right: 12px !important;
}

ul.ecfs-timeline li {
  margin-bottom: 0px !important;
}

ul.ecfs-timeline .stpe-timeline__heading {
  text-align: left;
}
ul.ecfs-timeline .stpe-timeline-body {
  text-align: left;
}

ul.ecfs-timeline .vertical-line-top {
  width: 3px;
  background-color: #d2d2d2;
  height: 25%; /* 30%; */
  margin-left:49%;
}

ul.ecfs-timeline .vertical-line-bottom {
  width: 3px;
  background-color: #d2d2d2;
  height: 100%;
  margin-left:49%;
}

div.timeline-row {
  height: 306px !important;
}

.stpe-timeline:before {
  background-color: white !important;
}

@media (min-width: 768px) {
  .stpe-timeline:before {
    background-color: white !important;
  }
  .stpe-timeline>li .stpe-timeline__image {
    left: 75% !important;
  }
  .stpe-timeline>li .stpe-timeline__panel {
    width: 60% !important;
  }
}
@media (min-width: 1200px) {
  .stpe-timeline:before {
    background-color: white !important;
  }
  .stpe-timeline>li .stpe-timeline__panel {
    padding-left: 100px !important;
  }
  .stpe-timeline>li .stpe-timeline__panel {
    width: 60% !important;
  }
}