/**************

* Typography *

**************/
 
/* Type here to edit */
 
/*******************

* Color and Style *

*******************/
 
/* Type here to edit */
 
/**********

* Header *

**********/
 
/* Below code only applies to larger screens */

@media (min-width: 1199px) {

  /* smaller search bar */

  .header .header-stripe .search {

    width: 300px;

  }

  /* hide country icon */

  .selected-icon {

    display: none;

  }

  /* hide currency icon */

  .selected-sign {

    display: none;

  }

}
 
/******************

* Homepage Banner *

*******************/
 
/* adds a see-through background to title text - only change rgb values */
 
.title-area {

  background: rgba(2, 1, 1, 0.35);

  /* also ensure to add the below text shadow for dark backgrounds */
 
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 
}
 
/* bold titles text - looks better with some fonts than others */
 
.promotion-item .title {

    font-weight: bold;

  }

  .promotion-item .subtitle {

    font-weight: bold;

  }
 
 
/* bold CTA button text */

.button-primary {

  font-weight: bold;

}

 
/***************************

* Important Notice Banner *

***************************/
 
/* REMOVE THESE LINES TO ENABLE

.homepage-banner {

  display: block !important;

}

.homepage-banner:after {

  content: "Type the important notice here.";

  white-space: pre-wrap;

}

REMOVE THESE LINES TO ENABLE /*