drupalcampbristol/web/themes/dcb2017/css/style.css

html {
  font-family: 'Poppins', sans-serif;
  font-size: 16px; }

a,
a:visited {
  color: #666; }
  a:hover, a:focus,
  a:visited:hover,
  a:visited:focus {
    color: black; }

h1, h2, h3, h4 {
  font-weight: 600; }

.region-header {
  margin: 0 auto;
  max-width: 72rem;
  overflow: hidden; }

.region-featured {
  position: relative; }
  .region-featured:after {
    background-image: url("../images/dcb-bg.jpg");
    background-position: center center;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }

.featured-footer {
  background: black;
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 1rem;
  text-align: center; }

.region-content {
  margin: 0 auto;
  max-width: 72rem;
  padding: 1rem; }

.region-content-top {
  overflow: hidden; }

.region-footer {
  margin: 0 auto;
  max-width: 72rem;
  padding: 1rem; }

.layout-container > footer {
  background-image: url("../images/dcb-bg.jpg");
  background-position: center center;
  background-size: cover; }

ul.menu {
  margin: 0;
  padding: 0;
  text-align: center; }
  @media screen and (min-width: 37.5rem) {
    ul.menu {
      text-align: left; } }
  ul.menu li.menu-item {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-transform: uppercase; }
    @media screen and (min-width: 37.5rem) {
      ul.menu li.menu-item {
        padding: 1rem 1.5rem; } }
    ul.menu li.menu-item a {
      color: black;
      text-decoration: none; }
      ul.menu li.menu-item a:hover, ul.menu li.menu-item a:focus, ul.menu li.menu-item a.is-active {
        color: #44efb9; }

nav.menu--main {
  font-weight: bold; }
  @media screen and (min-width: 37.5rem) {
    nav.menu--main {
      margin: 0.8rem;
      float: right; } }

.block-system-branding-block {
  margin: 0.5rem auto;
  width: 8rem; }
  @media screen and (min-width: 37.5rem) {
    .block-system-branding-block {
      float: left;
      margin: 0.5rem 2rem;
      width: auto; } }

.site-logo img {
  display: block;
  max-width: 100%;
  width: 11rem; }

#block-homepagehero {
  font-size: 1.8rem;
  line-height: 1.2;
  margin: auto;
  max-width: 30rem;
  padding: 3rem 1rem;
  text-align: center; }
  @media screen and (min-width: 56.25rem) {
    #block-homepagehero {
      padding: 6rem 1rem; } }
  @media screen and (min-width: 75rem) {
    #block-homepagehero {
      padding: 10rem 1rem; } }
  #block-homepagehero img {
    max-width: 100%; }

#block-dcbschedule {
  overflow: hidden;
  position: relative; }
  #block-dcbschedule .field {
    box-sizing: border-box;
    padding: 2rem 2rem 2rem;
    position: relative;
    text-align: center;
    text-transform: uppercase; }
    @media screen and (min-width: 56.25rem) {
      #block-dcbschedule .field {
        float: left;
        padding: 3rem 3rem 3rem;
        position: static;
        width: 33.333%; } }
    @media screen and (min-width: 75rem) {
      #block-dcbschedule .field {
        padding: 5rem 4rem 4rem; } }
    #block-dcbschedule .field:before {
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1;
      background-position: center;
      background-size: cover; }
      @media screen and (min-width: 56.25rem) {
        #block-dcbschedule .field:before {
          width: 33.333%; } }
    #block-dcbschedule .field.field--name-field-cxo-text:before {
      background-image: url("../images/cxo.jpg"); }
      @media screen and (min-width: 56.25rem) {
        #block-dcbschedule .field.field--name-field-cxo-text:before {
          left: 0; } }
    #block-dcbschedule .field.field--name-field-dev-text:before {
      background-image: url("../images/dev.jpg"); }
      @media screen and (min-width: 56.25rem) {
        #block-dcbschedule .field.field--name-field-dev-text:before {
          left: 33.333%; } }
    #block-dcbschedule .field.field--name-field-sprint-text:before {
      background-image: url("../images/sprint.jpg"); }
      @media screen and (min-width: 56.25rem) {
        #block-dcbschedule .field.field--name-field-sprint-text:before {
          left: 66.666%; } }
  #block-dcbschedule p, #block-dcbschedule h2 {
    margin: 0; }
  #block-dcbschedule h2 {
    font-size: 5rem;
    font-weight: 700;
    line-height: 1; }
    @media screen and (min-width: 56.25rem) {
      #block-dcbschedule h2 {
        font-size: 3rem; } }
    @media screen and (min-width: 75rem) {
      #block-dcbschedule h2 {
        font-size: 5rem; } }
  #block-dcbschedule .schedule-day {
    font-size: 2.5rem;
    font-weight: bold; }
    @media screen and (min-width: 56.25rem) {
      #block-dcbschedule .schedule-day {
        font-size: 2rem; } }
    @media screen and (min-width: 75rem) {
      #block-dcbschedule .schedule-day {
        font-size: 2.5rem; } }
  #block-dcbschedule .schedule-location {
    font-size: 1.6rem;
    font-weight: 600;
    padding-top: 2rem; }
    @media screen and (min-width: 56.25rem) {
      #block-dcbschedule .schedule-location {
        font-size: 1.2rem; } }
    @media screen and (min-width: 75rem) {
      #block-dcbschedule .schedule-location {
        font-size: 1.6rem; } }
  #block-dcbschedule .schedule-date {
    font-size: 1.6rem;
    font-weight: 600; }
    @media screen and (min-width: 56.25rem) {
      #block-dcbschedule .schedule-date {
        font-size: 1.2rem; } }
    @media screen and (min-width: 75rem) {
      #block-dcbschedule .schedule-date {
        font-size: 1.6rem; } }

.form-item > label {
  display: block;
  font-weight: 600; }
  .form-item > label.option {
    display: inline;
    font-weight: normal; }

.form-submit {
  background: #b33ee9;
  border: 0;
  color: white;
  font-weight: bold;
  padding: 0.5rem 1rem;
  text-transform: uppercase; }
  .form-submit:hover, .form-submit:focus {
    background: #44efb9; }

.form-text,
.form-email {
  max-width: 95%; }

/*# sourceMappingURL=style.css.map */