#linkedin, #twitter-logo {
  margin-right: 5px;
  position: relative;
  top: 5px;
}

#linkedin:hover, #twitter-logo:hover {
  opacity: 0.7;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
}

.view-item, .site-footer__copyright, .site-footer__company-name {
  display: none !important;
}

/*
div.news__main ul {
  list-style: none;
  margin-left: 0rem;
}
*/

.news__main .post-categories {
  list-style: none;
  margin-left: 0;
}

li.partners__partner {
  transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  cursor: pointer;
}

.partners__partner:hover:nth-of-type(even):after, .partners__partner:hover:nth-of-type(odd):after {
  border: 2px solid #a4c862;
}

div.site_footer__accreditation-logos {
 display: none;
}

/*#company-awards-menu {*/
  /*display: none;*/
/*}*/


/* ------------------------ Social Impact Page -------------------------- */

.social-impact__head-intro, .social-impact__news-feed, .social-impact__box, .social-impact__awards {
  width: 50%;
  float: left;
}

.social-impact__head {
  clear: both;
}

.social-impact__head:nth-child(2) {
  background: #FDB755;
  overflow: hidden;
}

.social-impact__head-intro {
  padding: 80px 80px 60px;
}

.social-impact__head-title {
  width: 30%;
  float: left;
}

.social-impact__head-content {
  width: 70%;
  float: left;
}

.social-impact__box {
  position: relative;
  height: 100%;
}

.social-impact__picture {
  /* padding-bottom: 67.5%; */
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

div.social-impact__head div.social-impact__picture {
 /* padding-bottom: 100%; */
}

div.different-settings div.social-impact__picture {
  padding-bottom: 67.5%;
}

/* #header-row .social-impact__head-title, #header-row .social-impact__head-content {
  width: 100%;
} */


@media only screen and (max-width: 1600px) and (min-width: 1100px) {
  div.social-impact__head div.social-impact__picture {
    padding-bottom: 150%;
  }
  div.different-settings div.social-impact__picture {
    padding-bottom: 67.5%;
  }
}

.social-impact__date {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.4rem;
}

.social-impact__title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.4rem;
}

.social-impact__title, .social-impact__date {
  color: white;
  transition: color .6s ease-in-out;
  -webkit-transition: color .6s ease-in-out;
  -moz-transition: color .6s ease-in-out;
  -o-transition: color .6s ease-in-out;
}

.social-impact__masthead {
  background-size: cover !important;
  /* padding-bottom: 100%; */
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.show-for-small {
  display: none;
  background: #FDB755;
}

.social-impact__head .gradient-fill {
  -webkit-transition: background .6s ease-in-out;
  transition: background .6s ease-in-out;
}

.social-impact__head .gradient-fill:hover {
  background: rgba(255,255,255,0.8);
  -webkit-transition: background .6s ease-in-out;
  -moz-transition: background .6s ease-in-out;
  -o-transition: background .6s ease-in-out;
  transition: background .6s ease-in-out;
}

.social-impact__head .gradient-fill:hover .social-impact__title, .social-impact__head .gradient-fill:hover .social-impact__date {
  color: #868686;
}


@media only screen and (max-width: 1400px ) {
  .social-impact__head-title, .social-impact__head-content {
    width: 100%;
  }
  .social-impact__head-intro {
    padding: 50px 50px 50px;
  }
  /* .social-impact__picture, .social-impact__masthead {
    padding-bottom: 100%;
  } */
  .bottom-bar .social-impact__picture {
    padding-bottom: 67.5%;
  }
}

@media only screen and (max-width: 1100px) {
  .bottom-bar .social-impact__news-feed {
    width: 100%;
  }
  .full-width-small {
    width: 100%;
  }
  .social-impact__picture {
    padding-bottom: 67.5%;
  }
  .social-impact__head-intro {
    padding: 1.4rem;
  }
  div.social-impact__news-feed, div.social-impact__awards {
    height: unset !important;
  }
  .social-impact__head:nth-child(3) .social-impact__head-intro, .social-impact__head:nth-child(3) .social-impact__awards {
    width: 100%;
  }
  .social-impact__masthead {
    padding-bottom: 67.5%;
  }
}

@media only screen and (max-width: 1000px) {
  .show-for-small {
    display: block;
  }
  .hide-for-small {
    display: none;
  }
}

@media only screen and (max-width: 550px) {
  .social-impact__box {
    width: 100%;
  }
  .social-impact__head .project__gallery--quote__text {
    padding: 1.4rem;
  }
}

.sub-menu {
    left: -9999px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 180px;
    /* left: -2px; */
    z-index: 99;
    background-color: white;
    text-align: center;
    border-left: 2px solid #a4c862;
}

.menu-item:hover > .sub-menu {
    opacity: 1;
    left: -2px;
}

.menu-item-has-children:hover:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 500ms ease-in-out;
}

.menu-item:before {
  transition: all 500ms ease-in-out;
  transform-origin: bottom;
}


@media screen and (min-width: 75em) {
  .headerNavigation__list ul.sub-menu .menu-item:before {
    display: none;
  }
  .headerNavigation__list ul.sub-menu .menu-item {
    padding: 1rem 10px 1rem 10px;
    display: block;
  }
  .headerNavigation__list .menu-item-has-children:hover {
    border-left: 2px solid #a4c862;
    position: relative;
  }
  .headerNavigation__list li.menu-item-has-children:before {
    content: "\f343";
    background-color: transparent;
    margin-right: 7px;
    display: inline-block;
    font: normal 18px/1 'dashicons';
    color: #a4c862;
    height: auto;
    width: auto;
    transform-origin: center;
  }
  #arrow-down {
    display: none;
  }
}

@media screen and (max-width: 75rem) {
  .sub-menu {
  border: none;
  left: auto;
  opacity: 1;
  margin-top: 1rem;
  text-align: left;
  padding-left: 25px;
  position: relative;
  -moz-transition: opacity .4s ease-in-out;
  -ms-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  -webkit-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  width: 100%;
  z-index: 99;
  }
  .headerNavigation__list ul.sub-menu .menu-item {
    border-bottom: none;
  }
  li.menu-item-has-children ul.sub-menu {
    border-left: 1px solid rgba(157,187,92,.5);
    margin-top: 0rem;
    padding-top: 1rem;
  }
  li.menu-item-has-children:hover ul.sub-menu {
    border-left: 1px solid rgba(157,187,92,.5);
  }
  li.menu-item-has-children ul.sub-menu li {
    margin-bottom: 0rem;
    padding-bottom: 1rem;
  }
  li.menu-item-has-children ul.sub-menu li::before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 2px;
    margin-bottom: calc(.5rem - 3px);
    background-color: #a4c862;
    margin-right: 7px;
  }
  li.menu-item-has-children ul.sub-menu li a .dashicons {
    display: none;
  }
  li.menu-item-has-children a::after {
    content: "";
    width: 80%;
    height: 1px;
    width: 85.8%;
    display: inline-block;
    margin-bottom: calc(.5rem - 3px);
    background-color: rgba(157,187,92,.5);
    width: 93%;
    margin-left: 7px;
  }
  li.menu-item-has-children ul.sub-menu li a::after {
    content: none;
  }
}

@media screen and (min-width: 75em) and (min-width: 87.5em) {
.headerNavigation__list li.menu-item {
  padding-top: 0px;
  margin-top: 1rem;
  padding-bottom: 0px;
 }
}

@media screen and (max-width: 1050px) {
  li.menu-item-has-children a:after {
    width: 89%;
  }
}

@media screen and (max-width: 920px) {
  li.menu-item-has-children a:after {
    width: 85%;
  }
}

@media screen and (max-width: 680px) {
  li.menu-item-has-children a::after {
    width: 77%;
  }
}

/* #header-row .social-impact__head-title, #header-row .social-impact__head-content {
  width: 100%;
} */

#header-row .one-half {
  float: left;
  width: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 200px;
  position: relative;
}


#bg1 {
 background-image: url("http://civicengineers.com/wp-content/uploads/2018/12/Work-Experience.jpg");
}

#bg2 {
 background-image: url("http://civicengineers.com/wp-content/uploads/2018/12/STEM-Activities.jpg");
}

#bg3 {
 background-image: url("http://civicengineers.com/wp-content/uploads/2018/12/Internships.jpg");
}

#bg4 {
 background-image: url("http://civicengineers.com/wp-content/uploads/2018/12/Student-Placement.jpg");
}

@media only screen and (max-width: 1250px) {
  #header-row div.one-half {
   width: 50%;
  }
  #header-row .first {
   clear: both;
  }
}

@media only screen and (max-width: 600px) {
  #header-row div.one-half {
   width: 100%;
  }
}

/* #header-row .social-impact__picture {
  padding-bottom: 120%;
} */

.social-impact__awards .social-impact__masthead {
  /* padding-bottom: 67.5%; */
}

/* ----------- Further settings 18/1/18 callum ---------- */

.social-impact__head:nth-child(4) {
  background: #e4806c;
  overflow: hidden;
  color: white;
}

.hidden-text {
  display: none;
}

.read-more {
  color: white;
  cursor: pointer;
}

.social-impact__head:nth-child(4) .social-impact__picture {
 padding-bottom: 67.5%;
}

div.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: hsla(0,0%,89%,.9);
}

.modal.open {
  display: block;
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 35px;
  position: absolute;
  width: 100%;
  max-width: 1000px;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: auto;
  height: 100%;
}

@media only screen and (max-width: 600px) {
  .modal-content {
    width: 90%;
    height: 600px;
    overflow: scroll;
  }
}

/* --------------------- settings callum 21/1/19 ----------------------- */

.social-impact__head-content a {
  color: #868686;
}

#read-more-section a {
  color: white;
}

.read-more {
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

.read-more:hover {
  opacity: 0.7;
}