/* ICM Primary values from UX design */
/* Width - container, element, card, */
/* Margin */
/* padding */
/* Border */
/*
  Roboto font related weights
   https://fonts.google.com/specimen/Roboto?selection.family=Roboto:100,300,400,500,700,900
*/
/* font color, background color */
/* UI elements specific color */
/* Card specific color */
/* max width properties for UI Cards for different number of cards in a container */
/* one are more cards */
/* three are more cards */
i[x] {
  display: none !important; }

.single-page.page-economic-calendar .page-header {
  background: url(../../assets/img/single_market_page/economic-calendar-banner.jpg) no-repeat center right; }
  .single-page.page-economic-calendar .page-header .icm-button-wrapper.page-header__primary-button
a.icm-btn.icm-btn-primary {
    border-radius: 2px !important;
    padding: 25px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    text-transform: uppercase; }

.single-page.page-economic-calendar .page-content-container {
  background: #fff !important; }

.single-page.page-economic-calendar .page-content.global-markets-today {
  background-image: url(../../assets/img/single_market_page/economic-calendar-btm-bg.png); }

.single-page.page-economic-calendar .page-header__menu-container .page-header__menu .menu-item .menu-title {
  padding-left: 0 !important;
  text-transform: uppercase; }

.single-page.page-economic-calendar .page-content.global-markets-today .icm-button-wrapper a.live {
  border-radius: 0 !important;
  padding: 25px !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  text-transform: uppercase; }

.single-page.page-economic-calendar .page-content.global-markets-today .icm-button-wrapper a.demo {
  border-radius: 0 !important;
  padding: 25px !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  background: #000 !important;
  color: #fff !important;
  margin-left: 9px; }

.single-page.page-economic-calendar .grid-section {
  display: grid;
  margin-top: 90px !important;
  grid-template-columns: auto 285px; }
  .single-page.page-economic-calendar .grid-section .grid-item.gi-2 {
    padding-left: 50px; }

@media screen and (max-width: 940px) {
  .single-page.page-economic-calendar .grid-section {
    grid-template-columns: 100%; }
    .single-page.page-economic-calendar .grid-section .h-space {
      display: none; }
    .single-page.page-economic-calendar .grid-section a.h-card {
      justify-self: center !important; }
      .single-page.page-economic-calendar .grid-section a.h-card.h-2 {
        border-top: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1; } }