.ui.grid > .blue.row,
.ui.grid > .row > .blue.column {
    background-color: inherit !important;
    /*color: rgba(0, 0, 0, 0.8);*/
}

/*
 * #2e3192 logo purple
 * #62c332 logo green
 */
.purple-text {
    color: #2e3192 !important;
}
.purple-text-strong strong {
    color: #2e3192 !important;
}
.white-text-strong strong {
    color: #fff !important;
}
.green-text {
    color: #62c332 !important;
}
.green-text-strong strong {
    color: #62c332 !important;
}
.white-text {
    color: #fff !important;
}
.white-text-strong strong {
    color: #fff !important;
}

body {
    background: #FFF;
}

.box-shadow-top-inset {
    box-shadow: inset 0px 4px 3px -3px #666 !important;
    margin-top:0 !important;
}

.top.menu {
    font-weight: bold !important;
}

.circle {
    width:200px;
    height:200px;
    border-radius:100px;
    font-size:25px;
    color:#fff;
    line-height:200px;
    text-align:center;
    background:#000;
}

.uppercase {
  text-transform: uppercase !important;
}

.ui.green.button, .ui.green.buttons .button {
    background-color: #62c332;
    /*color: #000 !important;*/
     /*color: #2e3192 !important; */
}
.ui.green.button:hover, .ui.green.buttons .button:hover {
    background-color: #8D4;
    /*color: #000 !important;*/
     color: #FFF !important; 
}
.ui.purple.button, .ui.purple.buttons .button {
    background-color: #2e3192;
    color: #FFF !important;
}

.ui.grid > .purple.column, .ui.grid > .purple.row, .ui.grid > .row > .purple.column,
.ui.purple.ribbon.label,
.ui.purple.label, .ui.purple.labels .label {
  background-color: #2e3192 !important;
}

.ui.purple.icon,
.purple.icon,
.purple.calendar.icon,
.purple.trophy.icon {
    color: #2e3192 !important;
}
/*.ui.green.icon,*/
/*.green.icon,*/
.green.calendar.icon,
.green.trophy.icon {
    color: #62c332 !important;
}

.ui.purple.icon.button {
    color: #FFF !important;
}


h1.ui.header {
    font-size: 3em;
}

.white.header {
    color:white !important;
}

h1.circle-header {
    display:inline-block; 
    padding:0.5em 1.75em;
}

/*
 * ensure dropdown menus hover over layerslider
 */
/*.ui.menu .dropdown.item .menu {
    z-index: 99;
}*/

/* Fix: Dropdown menus going behind elements */
.ui.menu {
    z-index: 999 !important;
}
.go-behind {
    position: relative !important;
    z-index: -1 !important;
}
.ui.static.menu {
    opacity: 1 !important;
}

/*
 * Semantic-UI Homepage Pattern
 */

.hidden.menu {
  display: none;
}
.static.menu {
    border-radius: 0;
    margin:0;
}

.masthead.segment {
  min-height: 700px;
  padding: 1em 0em;
}
.masthead .logo.item img {
  margin-right: 1em;
}
.masthead .ui.menu .ui.button {
  margin-left: 0.5em;
}
.masthead h1.ui.header {
  margin-top: 3em;
  margin-bottom: 0em;
  font-size: 4em;
  font-weight: normal;
}
.masthead h2 {
  font-size: 1.7em;
  font-weight: normal;
}

.ui.vertical.stripe {
  padding: 6em 0em;
}
.ui.vertical.stripe h3 {
  font-size: 2em;
}
.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
  margin-top: 3em;
}
.ui.vertical.stripe .floated.image {
  clear: both;
}
.ui.vertical.stripe p {
  font-size: 1.33em;
}
.ui.vertical.stripe li {
  font-size: 1.33em;
  line-height: 2em;
}
.ui.vertical.stripe .horizontal.divider {
  margin: 3em 0em;
}

.quote.stripe.segment {
  padding: 0em;
}
.quote.stripe.segment .grid .column {
  padding-top: 5em;
  padding-bottom: 5em;
}

.footer.segment {
  padding: 5em 0em;
}

.secondary.pointing.menu .toc.item {
  display: none;
}

.diagonal {
  /*position: relative;*/
}
.diagonal svg {
  display: block;
  width: 100%;
  height: 90px;
  background: #FFF;
  fill: #2e3192;
  margin-bottom:-1px;
}
.diagonal img {
  height: 70px;
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  margin: auto;
  padding: 10px;
}

@media only screen and (max-width: 700px) {
  .ui.fixed.menu {
        display: none !important;
    }
    .secondary.pointing.menu .item,
    .secondary.pointing.menu .menu {
        display: none;
    }
    .secondary.pointing.menu .toc.item {
        display: block;
    }
    .masthead.segment {
        min-height: 350px;
    }
    .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
    }
    .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
    }
}

/*
 * End Semantic-UI Homepage Pattern
 */


/* Fixed Template Semantic-UI pattern
.ui.menu .item img.logo {
    margin-right: 1.5em;
}
.main.container {
    margin-top: 7em;
}
.wireframe {
    margin-top: 2em;
}
.ui.footer.segment {
    margin: 5em 0em 0em;
    padding: 5em 0em;
}
*/

footer {
  color:#AAA;
  font-size: 1.2em;
  font-weight: bold;
}

#footer {
  background:#e5e5e5;
  padding:1em 0;
}
#footer a {
  color:#000;
  /*text-decoration:underline;*/
}
#footer a:hover {
  color:#333;
  text-decoration:none;
}
#footer img {
 vertical-align:middle
}
#footer p.icons {
  margin:1em 0;
}
#footer p.contact a {
  color:#444;
}
#footer p.contact a:hover {
  color:#000;
}
#footer .icons a {
  text-decoration:none;
}
#footer .icons a:hover {
  color:#999;
  text-decoration:none;
}


/* Visibility */
@media only screen and (min-width: 767px) {
    .hide-on-mobile { display: inline-block !important; }
    .hide-on-desktop { display: none !important; }
}
@media only screen and (min-width: 1058px) {
    .hide-on-mobile { display: inline-block !important; }
    .hide-on-tablet { display: inline-block !important; }
    .hide-on-desktop { display: none !important; }
}
@media only screen and (max-width: 1058px) {
    .hide-on-mobile { display: inline-block !important; }
    .hide-on-tablet { display: none !important; }
    .hide-on-desktop { display: none !important; }
}
@media only screen and (max-width: 767px) {
    .hide-on-mobile { display: none !important; }
    .hide-on-tablet { display: none !important; }
    .hide-on-desktop { display: inline-block !important; }
}
/* Visibility */
@media only screen and (min-width: 767px) {
    .show-on-mobile { display: none !important; }
    .show-on-desktop { display: inline-block !important; }
}
@media only screen and (min-width: 1058px) {
    .show-on-mobile { display: none !important; }
    .show-on-tablet { display: none !important; }
    .show-on-desktop { display: inline-block !important; }
}
@media only screen and (max-width: 1058px) {
    .show-on-mobile { display: none !important; }
    .show-on-tablet { display: inline-block !important; }
    .show-on-desktop { display: inline-block !important; }
}
@media only screen and (max-width: 767px) {
    .show-on-mobile { display: inline-block !important; }
    .show-on-tablet { display: inline-block !important; }
    .show-on-desktop { display: none !important; }
}

/* BLOCK Visibility */
@media only screen and (min-width: 767px) {
    .hide-on-mobile-block { display: block !important; }
    .hide-on-desktop-block { display: none !important; }
}
@media only screen and (min-width: 1058px) {
    .hide-on-mobile-block { display: block !important; }
    .hide-on-tablet-block { display: block !important; }
    .hide-on-desktop-block { display: none !important; }
}
@media only screen and (max-width: 1058px) {
    .hide-on-mobile-block { display: block !important; }
    .hide-on-tablet-block { display: none !important; }
    .hide-on-desktop-block { display: none !important; }
}
@media only screen and (max-width: 767px) {
    .hide-on-mobile-block { display: none !important; }
    .hide-on-tablet-block { display: none !important; }
    .hide-on-desktop-block { display: block !important; }
}
/* Visibility */
@media only screen and (min-width: 767px) {
    .show-on-mobile-block { display: none !important; }
    .show-on-desktop-block { display: block !important; }
}
@media only screen and (min-width: 1058px) {
    .show-on-mobile-block { display: none !important; }
    .show-on-tablet-block { display: none !important; }
    .show-on-desktop-block { display: block !important; }
}
@media only screen and (max-width: 1058px) {
    .show-on-mobile-block { display: none !important; }
    .show-on-tablet-block { display: block !important; }
    .show-on-desktop-block { display: block !important; }
}
@media only screen and (max-width: 767px) {
    .show-on-mobile-block { display: block !important; }
    .show-on-tablet-block { display: block !important; }
    .show-on-desktop-block { display: none !important; }
}



.event-item {
    clear: both;
    margin-top: 10px;
}
.event-item .primary.button {
    margin: 1em auto;
}
.event-item .date-and-button {
    float: left;
    padding-top: 4px;
    width: 100px;
}
.event-item .date-box {
    background: transparent url("/images/u/events/date-box.png") no-repeat scroll 0 0 / 100px 125px;
    color: #08284f;
    min-width: 100px;
    padding-bottom: 12px;
    text-align: center;
}
.event-item .date-box .day-number {
    font-size: 46px;
    line-height: 42px;
    margin-bottom: 7px;
    margin-top: 8px;
}
.event-item .date-box .month-year {
    font-size: 10px;
    line-height: 9px;
    margin-bottom: 7px;
    margin-top: 4px;
}
.event-item .date-box .day-name {
    color: #7C0C0F;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 7px;
}
.event-item .date-box .time {
    font-size: 15px;
    line-height: 15px;
}
.event-item .data-box {
    float: left;
    margin-left: 0;
}
.event-item .data-box table {
    margin-bottom: 0;
}
.event-item .text-box {
    float: left;
    margin-left: 10px;
    width: 359px;
}
.event-item .title-box {
}
.event-item .title-box .flag {
    margin-top: -5px;
    width: 48px;
}
.event-item .title-box .book-now {
    margin-top: -4px;
    width: 48px;
}
.event-item .title-box .title-text {
    color: #002964;
    float: left;
    font-size: 13px;
    line-height: 14px;
    margin-left: 5px;
}
.event-item .title-box .event-type {
    color: #009;
}
.event-item .title-box .download-title {
}
.date-and-city {
    font-weight: bold;
}
.event-item .date-and-city a {
    clear: both;
    color: #002964;
    font-size: 13px;
    margin-bottom: 5px;
}
.event-item .snippet {
    color: #002964;
}
.event-item .icon-box {
    float: left;
    height: 100%;
    width: 31px;
}
.event-item .info-item {
    clear: both;
}
.event-item .info-item .label {
    float: left;
    width: 70px;
}
.event-item .info-item .data {
    color: #002964;
    float: left;
    width: 280px;
}





.logos img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

/* Disable grayscale on hover */
.logos img:hover {
  -webkit-filter: grayscale(0);
  filter: none;
}





/*--------------------
        Semantic-UI standard overrides
---------------------*/

/*--------------------
        Focus
---------------------*/

.ui.input.focus input,
.ui.input input:focus {
  border-color: #85B7D9;
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: none;
}

.ui.input.focus input::-webkit-input-placeholder,
.ui.input input:focus::-webkit-input-placeholder {
  color: rgba(50, 50, 50, 0.87);
}

.ui.input.focus input::-moz-placeholder,
.ui.input input:focus::-moz-placeholder {
  color: rgba(50, 50, 50, 0.87);
}

.ui.input.focus input:-ms-input-placeholder,
.ui.input input:focus:-ms-input-placeholder {
  color: rgba(50, 50, 50, 0.87);
}

/*--------------------
      Placeholder
---------------------*/

/* browsers require these rules separate */

.ui.form ::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

.ui.form :-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

.ui.form ::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

.ui.form :focus::-webkit-input-placeholder {
  color: rgba(50, 50, 50, 0.87);
}

.ui.form :focus:-ms-input-placeholder {
  color: rgba(50, 50, 50, 0.87);
}

.ui.form :focus::-moz-placeholder {
  color: rgba(50, 50, 50, 0.87);
}

/* browsers require these rules separate */

.ui.input input::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

.ui.input input::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87);
}

.ui.input input:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}











.timer-container {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex
}
@media (max-width: 63.99em) {
 .timer-container {
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
 }
}
.timer-container .block {
 padding:1em;
 text-align:center;
 margin:0 0 7px 0
}
@media (min-width: 20em) and (max-width: 30.0525em) {
 .timer-container .block {
  padding:0.8em
 }
}
.timer-container .block:first-child {
 padding-left:0
}
.timer-container .block:last-child {
 padding-right:0
}
.timer-container .block .number {
 font-size:44px;
 margin-bottom:0;
 font-weight:bold
}
@media (min-width: 20em) and (max-width: 30.0525em) {
 .timer-container .block .number {
  font-size:34px;
  margin-bottom:0;
  font-weight:500
 }
}
.timer-container .block .label {
 font-size:14px;
 margin-bottom:0;
 text-align:center
}
.slide ul.details {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 padding-left:0
}
.slide.light ul.details li,.slide.light ul.details li span {
 color:#004184
}
.slide.light .timer-container .number {
 color:#004184;
 font-size:32px
}
.slide.light .timer-container .label {
 color:#004184
}
.slide.dark ul.details li,.slide.dark ul.details li span {
 color:white
}
.slide.dark .timer-container .number {
 color:white
}
.slide.dark .timer-container .label {
 color:white
}
.sec-slider .slide .menu-placeholder {
 height:70px
}
.sec-slider .slide section.slide-container {
 width:100%;
 box-sizing:border-box;
 height:100vw;
 position:relative
}
.sec-slider .slide section.slide-container>aside {
 position:absolute;
 height:100%;
 width:100%
}
.sec-slider .slide section.slide-container figure.slide {
 margin:0;
 position:relative;
 width:100%;
 height:100%;
 z-index:20
}
.sec-slider .slide .nav-placeholder {
 height:70px
}
@media (min-width: 20em) and (max-width: 30.0525em) {
 .sec-slider .slide .nav-placeholder {
  height:0
 }
}