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 { font-size: 2.4em; } h2 { font-size: 2em; } h3 { font-size: 1.6em; } h1, h2, h3, h4 { font-weight: 600; } h1, h2 { text-transform: uppercase; } .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; text-transform: uppercase; } .featured-footer a { color: #ec16a8; text-decoration: none; } .featured-footer a:focus, .featured-footer a:hover { color: #666; } .region-content { margin: 0 auto; max-width: 72rem; padding: 1rem; } .region-content .block-views { margin-bottom: 5em; } .region-content-top { overflow: hidden; } .region-content-bottom { margin: 2em 0 4em; text-align: center; } .region-content-bottom h2 { font-size: 2em; font-weight: 700; } @media screen and (min-width: 37.5rem) { .region-content-bottom h2 { font-size: 3em; } } @media screen and (min-width: 56.25rem) { .region-content-bottom h2 { font-size: 4em; } } .region-content-bottom h2 span { color: #0fa877; } .region-content-bottom .block { margin: 2em 1em; } .region-content-bottom .all-sponsors-link a { background: #b33ee9; border: 0; color: white; font-size: 1rem; font-weight: 600; padding: 0.5rem 1rem; text-decoration: none; text-transform: uppercase; background-color: #0fa877; } .region-content-bottom .all-sponsors-link a:hover, .region-content-bottom .all-sponsors-link a:focus { background: #0fa877; } .region-content-bottom .all-sponsors-link a:hover, .region-content-bottom .all-sponsors-link a:focus { background: #ec16a8; } .region-content-bottom img { height: auto; max-width: 100%; } .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 0.8rem; } } 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: #0fa877; } 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-homepagehero p { margin: 1rem 0; } #block-homepagehero a.tickets, #block-homepagehero a.submit { background: #b33ee9; border: 0; color: white; font-size: 1rem; font-weight: 600; padding: 0.5rem 1rem; text-decoration: none; text-transform: uppercase; display: inline-block; font-size: 1.2rem; margin: 0 0.5rem 0.5rem; padding: 0.8rem 1.6rem; } #block-homepagehero a.tickets:hover, #block-homepagehero a.tickets:focus, #block-homepagehero a.submit:hover, #block-homepagehero a.submit:focus { background: #0fa877; } #block-homepagehero a.tickets { background-color: #ec16a8; } #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-size: 1rem; font-weight: 600; padding: 0.5rem 1rem; text-decoration: none; text-transform: uppercase; } .form-submit:hover, .form-submit:focus { background: #0fa877; } .form-text, .form-email { max-width: 95%; } .views-view-table td { display: block; vertical-align: top; } .views-view-table td.views-field-field-logo { padding: 1em 0; text-align: center; } @media screen and (min-width: 56.25rem) { .views-view-table td.views-field-field-logo { padding: 2em 2em 2em 0; } } @media screen and (min-width: 56.25rem) { .views-view-table td { display: table-cell; } } .views-view-table .views-field-body a { background: #b33ee9; border: 0; color: white; font-size: 1rem; font-weight: 600; padding: 0.5rem 1rem; text-decoration: none; text-transform: uppercase; } .views-view-table .views-field-body a:hover, .views-view-table .views-field-body a:focus { background: #0fa877; } .view-silver-sponsors { overflow: hidden; text-align: center; } .view-silver-sponsors .sponsor { box-sizing: border-box; float: left; padding: 1em; width: 100%; } @media screen and (min-width: 37.5rem) { .view-silver-sponsors .sponsor { width: 50%; } } @media screen and (min-width: 56.25rem) { .view-silver-sponsors .sponsor { width: 33.333%; } } @media screen and (min-width: 75rem) { .view-silver-sponsors .sponsor { width: 20%; } } .view-silver-sponsors img { height: auto; max-width: 100%; } .node--type-session .field--name-field-category, .node--type-session .field--name-field-level, .node--type-session .field--name-field-length { padding-right: 5em; } @media screen and (min-width: 37.5rem) { .node--type-session .field--name-field-category, .node--type-session .field--name-field-level, .node--type-session .field--name-field-length { float: left; font-weight: 600; } .node--type-session .field--name-field-category .field__label, .node--type-session .field--name-field-level .field__label, .node--type-session .field--name-field-length .field__label { display: none; } } .node--type-session .field--name-body { clear: both; padding: 0.5em 0; } .node--type-speaker .node__content { position: relative; } @media screen and (min-width: 37.5rem) { .node--type-speaker .profile-picture { position: absolute; top: 0; left: 0; } .node--type-speaker .profile-info { padding-left: 9em; } } /*# sourceMappingURL=style.css.map */