/*block-homepagetext*/

/*///////////////////////////////// Home Page Headers ///////////////////////////////// */
#block-homepagetext {
  padding-left: 2px;
  margin: 0 initial;
}

#block-homepagetext h2 {
  color: #3b3b3b;
  font-family: Arial;
  font-size: 34px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  text-transform: none;
  letter-spacing: -2px;
  margin-top: 30px;
  margin-bottom: 20px;
}

/** This will apply to the text content found on the home page. */
.field__item {
  color: #3b3b3b;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-transform: none;
  letter-spacing: 0px;
  margin-top: 22px;
}

/** This will apply to the text content found on the home page. */
#block-homepagetext div p {
  color: #3b3b3b;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  text-transform: none;
  letter-spacing: 0px;
}

/*///////////////////////////////// Main Menu ///////////////////////////////// */
.block-menu ul.menu {
  margin-left: 0 !important;
}

.block-menu ul.menu li.menu-item {
  width: 300px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  display: block;
  margin-bottom: 5px;
  min-height: 50px;
  display: inline-block;
}

.block-menu ul.menu li.menu-item a::first-letter {
  text-transform: capitalize !important;
}

.block-menu ul.menu li.menu-item a {
  text-decoration: none !important;
  color: #ffffff;
  font-family: Arial Bold, sans-serif;
  font-size: 18px;
  font-style: bold;
  font-stretch: normal;
  font-weight: 700;
  line-height: 23px;
  text-align: left;
  letter-spacing: -0.4166667px;
  padding-top: 15px;
  padding-bottom: 12px;
  padding-left: 15px;
  width: 240px;
  float: left;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.block-menu ul.menu li.menu-item div {
  border-radius: 0;
  padding-left: 21px;
  padding-top: 15px;
  padding-bottom: 16px;
  float: left;
}

/**
 * Desktop Screen
 */
@media only screen and (min-width: 1059px) {
  .block-menu ul.menu {
    -webkit-columns: 10px 3;
    columns: 10px 3;
    column-count: 3;
  }
}

@media only screen and (min-width: 690px) and (max-width: 1059px) {
  .block-menu ul.menu {
    -webkit-columns: auto 2;
    columns: auto 2;
    column-count: 2;
  }
}

/**
 * Very Small Screen
 */
@media only screen and (max-width: 689px) {
  .block-menu ul.menu {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 300px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    -webkit-columns: auto auto;
    columns: auto auto;
    column-count: 1;
  }
}

@media only screen and (max-width: 350px) {

  div .region .region-content {
    padding-left: 10px !important;
  }

  .block-menu ul.menu li.menu-item {
    width: 250px !important;
  }

  .block-menu ul.menu li.menu-item a {
    width: 200px !important;
  }

  .block-menu ul.menu li.menu-item div {
    padding-left: 10px !important;
  }
}


.block-menu ul li:hover {
  cursor: pointer;
}

/*///////////////////////////////// Menu Colouring and Iconography ///////////////////////////////// */
.block-menu ul.menu li.menu-item:nth-child(12n+1) {
  background: #A70C30;
}

.block-menu ul.menu li.menu-item:nth-child(12n+1):hover {
  background: #C1264A;
}

.block-menu ul.menu li.menu-item:nth-child(12n+2) {
  background: #D67F00;
}

.block-menu ul.menu li.menu-item:nth-child(12n+2):hover {
  background: #F0991A;
}

.block-menu ul.menu li.menu-item:nth-child(12n+3) {
  background: #409DBE;
}

.block-menu ul.menu li.menu-item:nth-child(12n+3):hover {
  background: #5AB7D8;
}

.block-menu ul.menu li.menu-item:nth-child(12n+4) {
  background: #8C564A;
}

.block-menu ul.menu li.menu-item:nth-child(12n+4):hover {
  background: #A67064;
}

.block-menu ul.menu li.menu-item:nth-child(12n+5) {
  background: #338468;
}

.block-menu ul.menu li.menu-item:nth-child(12n+5):hover {
  background: #4D9E82;
}

.block-menu ul.menu li.menu-item:nth-child(12n+6) {
  background: #1F77B4;
}

.block-menu ul.menu li.menu-item:nth-child(12n+6):hover {
  background: #3991CE;
}

.block-menu ul.menu li.menu-item:nth-child(12n+7) {
  background: #E76C00;
}

.block-menu ul.menu li.menu-item:nth-child(12n+7):hover {
  background: #FF861A;
}

.block-menu ul.menu li.menu-item:nth-child(12n+8) {
  background: #DD5BB5;
}

.block-menu ul.menu li.menu-item:nth-child(12n+8):hover {
  background: #F775CF;
}

.block-menu ul.menu li.menu-item:nth-child(12n+9) {
  background: #13A2B1;
}

.block-menu ul.menu li.menu-item:nth-child(12n+9):hover {
  background: #2DBCCB;
}

.block-menu ul.menu li.menu-item:nth-child(12n+10) {
  background: #1B5B7E;
}

.block-menu ul.menu li.menu-item:nth-child(12n+10):hover {
  background: #357598;
}

.block-menu ul.menu li.menu-item:nth-child(12n+11) {
  background: #9467BD;
}

.block-menu ul.menu li.menu-item:nth-child(12n+11):hover {
  background: #AE81D7;
}

.block-menu ul.menu li.menu-item:nth-child(12n+12) {
  background: #317774;
}

.block-menu ul.menu li.menu-item:nth-child(12n+12):hover {
  background: #4B918E;
}

.block-menu ul.menu li.menu-item:nth-child(1) div,
.block-menu ul.menu li.menu-item:nth-child(1) div::after {
  content: url('../site_furniture/menu-logos/Wales.png')
}

.block-menu ul.menu li.menu-item:nth-child(2) div,
.block-menu ul.menu li.menu-item:nth-child(2) div::after {
  content: url('../site_furniture/menu-logos/AboutOurCommunity.png');
}

.block-menu ul.menu li.menu-item:nth-child(3) div,
.block-menu ul.menu li.menu-item:nth-child(3) div::after {
  content: url('../site_furniture/menu-logos/YourLocalArea.png');
}

.block-menu ul.menu li.menu-item:nth-child(4) div,
.block-menu ul.menu li.menu-item:nth-child(4) div::after {
  content: url('../site_furniture/menu-logos/Housing.png');
}

.block-menu ul.menu li.menu-item:nth-child(5) div,
.block-menu ul.menu li.menu-item:nth-child(5) div::after {
  content: url('../site_furniture/menu-logos/Education.png');
}

.block-menu ul.menu li.menu-item:nth-child(6) div,
.block-menu ul.menu li.menu-item:nth-child(6) div::after {
  content: url('../site_furniture/menu-logos/HealthandWell-being.png');
}

.block-menu ul.menu li.menu-item:nth-child(7) div,
.block-menu ul.menu li.menu-item:nth-child(7) div::after {
  content: url('../site_furniture/menu-logos/Jobs.png');
}

.block-menu ul.menu li.menu-item:nth-child(8) div,
.block-menu ul.menu li.menu-item:nth-child(8) div::after {
  content: url('../site_furniture/menu-logos/Coin.png');
}

.block-menu ul.menu li.menu-item:nth-child(9) div,
.block-menu ul.menu li.menu-item:nth-child(9) div::after {
  content: url('../site_furniture/menu-logos/StayingSafe.png');
}

.block-menu ul.menu li.menu-item:nth-child(10) div,
.block-menu ul.menu li.menu-item:nth-child(10) div::after {
  content: url('../site_furniture/menu-logos/AsylumLaw.png');
}

.block-menu ul.menu li.menu-item:nth-child(11) div,
.block-menu ul.menu li.menu-item:nth-child(11) div::after {
  content: url('../site_furniture/menu-logos/FindHelp.png');
}

.block-menu ul.menu li.menu-item:nth-child(12) div,
.block-menu ul.menu li.menu-item:nth-child(12) div::after {
  content: url('../site_furniture/menu-logos/glossary.png');
}