/* patch for .ui.page.grid inside container ui.page.grid
in Admin Panel due to our dark layout */
.ui.page.grid > .column > .segment > .ui.padded.page.grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ui.breadcrumb a {
  font-family: Quicksand,'Helvetica Neue',Arial,Helvetica,sans-serif;
  color:#000;
}
.ui.menu {
  font-family: Quicksand,'Helvetica Neue',Arial,Helvetica,sans-serif; 
}

/* override store for dark background */
#checkoutForm .ui.checkbox label {
    color: #FFF;
}

.store-main-content .main-header .ui.header {
    color: #FFF;
}
/*.card {
 width: 190px !important;
 height: 254px !important;
 border-radius: 30px !important;
 background: #212121 !important;
 box-shadow: 15px 15px 30px rgb(25, 25, 25),
             -15px -15px 30px rgb(60, 60, 60) !important;
}
*/

.ui.card, .ui.cards > .card {
    box-shadow: none !important;
}

.store-head a {
    color: rgba(255,255,255,.9);
}
.store-head a:hover {
    color: rgba(255,255,255,.6);;
}

/*
 * #17375E logo navy
 * #FF0000 logo red
 */
body {
    background-color: #1B1C1D;
    color: #777 !important;
}
.ui.header {
    color: inherit;
}


.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #21BA45;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}

.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
  background-color: #16ab39;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.red.button, .ui.red.buttons .button {
    background-color: #FF0000;
    color: #FFF;
}
.ui.blue.button, .ui.blue.buttons .button {
    background-color: #17375E;
    color: #FFF;
}

.ui.blue.icon, .blue.icon {
    color: #17375E !important;
}

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


.ui.secondary.pointing.menu .header.item {
    color: #FFF !important;
}

.ui.secondary.pointing.menu .item {
    border-bottom-color: #fff;
}

.ui.white.header,
.ui.white.header .sub.header {
    color: #FFF !important;
}
.ui.grid > .white.row,
.ui.grid > .row > .white.column {
    background-color: #ffffff !important;
    color: rgba(0, 0, 0, 0.8);
}

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

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;
}

/*
 * 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 .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;
}

@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;
}
*/

/* 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;
}


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

/* browsers require these rules separate */

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

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

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

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

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

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

/* browsers require these rules separate */

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

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

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