/** APR  Stylesheet **/
 
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700,900');

#block-webform {
    background-color: #f5efdf;
    padding: 0 25px;
    margin: 25px 0;
}

.form-item-dealer-name {
    width: 63%;
    float: left;
    padding-right: 2%;
}

.form-item-telephone {
    width: 35%;
    float: left;
    padding-right: 2%;
}

.btn-primary:hover {
    color: #fff;
    background-color: #f4511e;
    border-color: #204d74;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #f4511e;
    border-color: #204d74;
}

ul.menu.menu--account.nav.navbar-nav.navbar-right {
    width: 100vw;
    float: right;
    text-align: right;
    position: absolute;
    left: -85px;
    border: 0;
    margin: 0;
    padding: 0;
}

.menu.menu--account a {
    padding: 0 0 0 10px;
    margin: 5px;
    font-size: .75em;
    color: gray!important;
}

.menu.menu--account a:hover {
    color: darkgray!important;
}

ul.menu.menu--account.nav.navbar-nav.navbar-right > li {
    float: right;
}

.main-container.container {
    min-height: 75vh;
}

.gold_banner h3 {
    font-size: 2em;
}

.view-footer {
    clear: both;
}

button#edit-preview {
    display: none;
}

div#web-to-mail-header.data-processing-header {
    background: url(/sites/default/files/2022-01/data-header-1500x750.jpg) no-repeat;
    background-size: cover;
}

.dialog-off-canvas-main-canvas {
    background: rgb(255,255,255);
    background: linear-gradient(352deg, rgba(255,255,255,0) 66%, rgba(228,227,223,1) 100%);
}

.navbar-default .navbar-text {
    color: white;
    margin-top: 10px;
}

ul.dropdown-menu {
    top: 67px;
}

.call-to-action {
    width: fit-content;
    display: inline-flex;
    margin-right: 20px;
}

.button {
    border-radius: 50px;
    background-color: #f4511e;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.25em;
    padding: 15px 30px 20px 30px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 25px 0px;
    white-space: normal;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

button.button:hover {
    width: fit-content;
    background-color: #ff602e;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

#block-webtomailpanel div#web-to-mail-header {
    text-align: right;
}

.field--name-field-trim-size {
    width: 100%;
    clear: both;
    margin-top: 25px;
    display: inline-block;
    position: inherit;
} 

.field--name-field-completed {
    width: 100%;
    clear: both;
    margin-top: 25px;
    display: inline-block;
}

.view-titles {
    font-weight: bold;
    margin-top: 5px;
}

.field--name-field-campaign-type {
    width: 100%;
    float: none;
    display: inline-block;
    clear: both;
    margin-top: 25px;
    margin-bottom: -7px;
}

.field--name-field-images {
    width: 49%;
    float: left;
    display: block;
    margin-top: 35px;
    position: relative;
}

.field--name-field-images img {
    width: 100%;
}

.field--name-field-image-two {
    width: 49%;
    float: right;
    display: block;
    margin-top: 35px;
    position: relative;
}

.field--name-field-image-two img {
    width: 100%;
}

.views-field.views-field-edit-node {
    float: left;
    margin-right: 15px;
}

nav.pager-nav.text-center {
    clear: both;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: goldenrod;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: goldenrod;
    border-color: goldenrod;
}

.political-sample-container {
    display: block;
    width: 100%;
    /* float: left; */
}

.political-samples.views-row {
    width: 20%;
    float: left;
    padding: 5px;
    margin-bottom: 10px;
}

.political-sample-container img {
    width: 100%;
}

.logo_container {
    width: 90vw;
}

.logo_container>img {
    width: 245px;
    float: left;
    position: absolute;
    margin-top: 12px;
}

a {
    color: goldenrod;
}

img.footer_logo {
    width: 217px;
    margin-bottom: 12px;
}

.footer_copy_block_col_1 {
    width: 40%;
    height: 230px;
    padding-right: 2vw;
    float: left;
}

.footer_copy_block_col_2 {
    width: 20%;
    height: 230px;
    padding-right: 2vw;
    float: left;
}

.footer_copy_block_col_3 {
    width: 40%;
    height: 230px;
    padding-right: 0px;
    float: left;
    text-align: right;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    position: absolute;
    z-index: 500;
    width: 75%;
    margin-top: 2vw;
}

input#edit-field-mailer-id-or-advertiser-na-0-value {
    width: 50%;
}

.gold_banner {
    clear: both;
    margin-left: -65px;
    margin-top: 35px;
    background-color: goldenrod;
    padding: 10vw 17vw 13vw 14vw;
    width: 100vw;
    background-size: cover;
    background-position: center center;
    margin-bottom: 0px;
    margin-top: -19px;
    height: fit-content;
    color: white;
    font-size: 1.2em;
}

.mailer-design-row {
    width: 31%;
    padding: 20px;
    background-color: antiquewhite;
    margin: 1%;
    float: left;
    display: inline-block;
    vertical-align: top;
}

.view-mailer-formats-1 {
    background-color: unset;
    display: block;
    float: none;
}

.view-id-mailer_formats_1 img {
    width: 100%;
}

.li.active:hover {
	color: goldenrod;
}

.navbar-header {
    float: right;
}

.menu--manager-menu {
    color: white;
    margin-top: -15px;
    padding-right: 20px;
    padding-bottom: 12px;
}

.menu--manager-menu .dropdown-menu {
    margin-top: 14px;
    float: left;
    right: 0px;
    margin-left: -65px;
    width: 200px;
}

ul.menu.menu--manager-menu.nav {
    margin-top: 10px;
}

.menu--manager-menu .dropdown-menu > li > a {
    text-align: right;
}

.menu--authorized-user-menu {
    color: white;
    margin-top: -15px;
    padding-right: 20px;
    padding-bottom: 12px;
}

.menu--authorized-user-menu .dropdown-menu {
    margin-top: 14px;
    float: left;
    right: 0px;
    margin-left: -55px;
    width: 200px;
}

ul.menu--authorized-user-menu.nav {
    margin-top: 10px;
}

.menu--authorized-user-menu .dropdown-menu > li > a {
    text-align: right;
}

.panel-default {
    border-color: #ddd;
    clear: both;
}

html {
	font-family: 'Roboto Slab', sans-serif;
    height: 100vh;
    margin: 0;
    padding:0; 
    overflow:visible;
    min-height: 65vh;
}

body {
    background-color: white;
    z-index: -1000;
    margin-top: 0px;
    overflow-x: hidden;
    margin: 0;
    padding:0; 
    height: 100vh;
}

span.employment_banner_headline {
    font-size: 6vw;
    letter-spacing: -.05em;
    font-weight: 700;
    color: white;
    line-height: 1;
}


div#footer_logo > img {
    width: 85%;
    max-width: 300px;
}


div#footer_logo {
    text-align: center;
}

div#services_content {
    margin-top: -20px;
}


div#services_column_1 {
    height: fit-content;
    width: 48%;
    float: left;
}

div#services_column_2 {
    height: fit-content;
    width: 48%;
    float: right;
}

div#services_column_3 {
    height: fit-content;
    width: 48%;
    float: left;
}

div#services_column_4 {
    height: fit-content;
    width: 48%;
    float: right;
}

div#apply_button {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 75px;
}

div#apply_button a {
    width: fit-content;
    background-color: goldenrod;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 35px 25px 35px;
    border-radius: 12px;
    text-align: center;
    font-size: 1.5em;
    color: white;
}

div#apply_button:hover {
    background-color: deepgoldenrod;
}

div#apply_button {
    background-color: lightgray;
}

div#employment_banner {
    margin-left: -100px;
    background-color: dodgerblue;
    padding: 9vw;
    width: 100vw;
    background: url(/sites/default/files/2020-01/apr-header-1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    margin-bottom: 35px;
    margin-top: -18px;
    height: 34vw;
    text-align: center;
}

div#web-to-mail-header {
    margin-left: -100px;
    background-color: dodgerblue;
    padding: 8%;
    width: 100vw;
    background: url(/sites/default/files/2022-01/web-to-mail-header-1500x1500.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    margin-bottom: 35px;
    margin-top: -18px;
    height: 34vw;
    text-align: center;
}

p.home_banner_subhead {
    color: #ccc;
    font-size: 1.7vw;
    margin-top: 6px;
}

span.home_subheads {
    font-weight: 700;
    font-size: 1.75em;
    line-height: 1;
}

span.employment_banner_link_text {
    margin-left: 12px;
    color: white;
    font-size: 1.25em;
    margin-top: 20px;
}

.employment_banner_text {
    text-align: center;
}

ul.menu.main-menu.dropdown-menu {
    margin-top: 7px;
    width: 200px;
}

span.icon.glyphicon.glyphicon-log-in {
    display: none;
}

.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: unset;
}

button#edit-submit:hover {
    background-color: darkgoldenrod;
}

button#edit-submit:active {
    background-color: darkgoldenrod;
}

.btn-primary {
    color: #fff;
    background-color: goldenrod;
    border-color: #333;
}

.btn-primary:active
    color: #fff;
    background-color: darkgoldenrod;
    border-color: #333;
}

.btn-primary:hover {
    color: #fff;
    background-color: darkgoldenrod;
    border-color: #333;
}

.form-textarea-wrapper {
    margin-bottom: 12px;
}

.iframe_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}


.iframe_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
    height: 100%;
}

a {
    color: deepgoldenrod;
    text-decoration: none;
}

a:hover, a:focus {
    color: lightgray;
    text-decoration: unset;
}

p.training_start_heading {
    font-size: 1.5em;
    display: block;
    margin-top: 12px;
    padding-top: 24px;
    border-top: 1px solid gray;
}

caption {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    color: #777;
    text-align: left;
    background-color: lightgrey;
}

.user_logo {
    width: auto;
    float: left;
}

.main-container {
    max-width: 1800px;
}

.page-header {
    display: none;
} 

.ytp-share-button-visible {
    display: none;
}

.field--name-field-displayed-page-title {
    font-size: 2em;
    margin-bottom: 10px;
    letter-spacing: -.05em;
}

div#g1_maint_bluescreen {
    background-color: goldenrod;
    height: 100vh;
}

div#g1_maint_container {
    background-color: goldenrod;
    width: 100vw;
    height: 100vh;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.container {
    padding-left: 100px;
    padding-right: 100px;
    width: 100vw;
    max-width: unset;
}

.author {
    display: none;
}

.well.region.region-sidebar-second {
    padding-top: 0px;
}

.well {
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
    margin-top: 68px;
}

.footer {
    margin-top: 0;
    padding-top: 35px;
    padding-bottom: 36px;
    border-top: 1px solid #E5E5E5;
    background-color: #444;
}

p.footer_user_menu_head {
    font-size: 1.25em;
    font-weight: 700;
    border-bottom: 1px solid gray;
}


/********************************************/
/**************  TYPOGRAPHY  ****************/
/********************************************/

body {
    font-size: 1.65em;
    font-weight: 400;
    font-family: 'Roboto Slab', sans-serif;
    color: #777;
}

.field--name-field-displayed-title {
    font-size: 6.5vw;
    margin-bottom: 10px;
    letter-spacing: -.05em;
    font-weight: 700;
    margin-top: 25px;
    color: goldenrod;
    line-height: .95;
    margin-bottom: 15px;
}

.field--name-field-subhead {
    font-size: 3.2vw;
    margin-bottom: 10px;
    letter-spacing: -.05em;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 50px;
    color: lightgray;
    line-height: 1;
}

h2, .h2 {
    font-size: 2em;
    font-weight: 700;
    letter-spacing: -.02em;
    color: gray;
    border-bottom: 1px solid gray;
    padding-bottom: 14px;
}

span.g1_copyright {
    font-size: .85em;
    margin-top: 35px;
    display: block;
    margin-bottom: 5px;
    color:white;
}

/**************  TYPOGRAPHY  ****************/





/********************************************/
/********    G1 Application form    *********/
/********************************************/

div#edit-field-first-name-wrapper {
    width: 50%;
    float: left;
}

div#edit-field-last-name-wrapper {
    width: 49%;
    float: right;
}

div#edit-field-city-wrapper {
    width: 70%;
    float: left;
}

div#edit-field-state-wrapper {
    width: 15%;
    float: left;
    padding-left: 1%;
}

div#edit-field-zip-code-wrapper {
    width: 14%;
    float: right;
}

div#edit-field-do-you-have-a-laptop-wrapper {
    width: 49%;
    float: left;
}

div#edit-field-do-you-have-a-headset-wrapper {
    float: right;
    width: 50%;
}

div#edit-field-have-you-done-phone-survey-wrapper {
    float: right;
    width: 50%;
    margin-bottom: 35px;
}

div#edit-field-how-many-evening-hours-are-wrapper {
    width: 49%;
    float: left;
    margin-bottom: 35px;
}

/********************************************/
/********    G1 Application form    *********/
/********************************************/






/********************************************/
/************  HEADER IMAGES  ***************/
/********************************************/

div#use_case_header {
    height: 30vh;
    border: 0;
    border-radius: 0;
    width: 100vw;
    margin-left: -100px;
    margin-top: -18px;
    margin-bottom: 50px;
    overflow: hidden;
    background: url(/images/big_header__people_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}

div#home_header {
    height: 40vh;
    border: 0;
    border-radius: 0;
    width: 100vw;
    margin-left: -100px;
    margin-top: -18px;
    margin-bottom: 50px;
    overflow: hidden;
    background: url(/images/big_header_bg_8.jpg) no-repeat;
    background-size: cover;
    background-position: left center;
}

div#employment_header {
    height: 40vh;
    border: 0;
    border-radius: 0;
    width: 100vw;
    margin-left: -100px;
    margin-top: -18px;
    margin-bottom: 50px;
    overflow: hidden;
    background: url(/images/employment_header_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}

/************  HEADER IMAGES  ***************/




/********************************************/
/*************     NAVBAR    ****************/
/********************************************/

.navbar-default .navbar-collapse {
    border-color: unset;
    border: unset;
    width: 100%;
    float: right;
}

div#header_logo {
    display: block;
    position: absolute;
    z-index: 400;
    margin-top: -136px;
}

ul.menu.nav {
    font-size: 1em;
}

.region.region-navigation-collapsible {
    margin-left: -30px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    /* color: #333; */
    background-color: transparent;
}

nav#block-publicmenu {
    float: left;
}

ul.menu.nav.public-menu {
    float: left;
}

nav#block-managersmenu {
    float: left;
}

nav#block-contractormenu {
    float: left;
}


.nav {
    margin-bottom: 0;
    list-style: none;
    right: 0px;
    text-align: right;
    float: right;
    margin-top: 30px;
}

ul.menu.nav.navbar-nav.navbar-right {
    float: right;
    margin-top: 5px;
    padding-bottom: 10px;
    border-top: 1px solid white;
    padding: unset;
    padding-top: 5px;
}

ul.menu.nav.manager-menu {
    float: right;
    margin-top: 5px;
    padding-bottom: 10px;
    border-top: 1px solid white;
    padding: unset;
    padding-top: 5px;
}

ul.menu.nav.authorized-user-menu {
    float: right;
    margin-top: 5px;
    padding-bottom: 10px;
    border-top: 1px solid white;
    padding: unset;
    padding-top: 5px;
}

.nav > li {
    position: relative;
    display: block;
    float: left;
}



.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 8px;
    color: white;
    padding-bottom: 30px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: unset;
    background-color: unset;
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    color: goldenrod;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: unset;
    border-color: unset;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    width: 240px;
    padding: 10px 0;
    margin-left: 15px;
    font-size: 1em;
    text-align: right;
    list-style: none;
    background-color: goldenrod;
    -webkit-background-clip: unset;
    background-clip: unset;
    border: unset;
    border: unset;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: unset;
    background-image: unset;
    background-image: unset;
    background-image: unset;
    background-image: unset;
    background-repeat: repeat-x;
    background-color: tranparent;
    color: lightgray;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.2;
    color: white;
    white-space: nowrap;
    background-color: transparent;
    text-align: left;
    font-size: .9em;
}

.dropdown-menu > li > a:hover {
    color: #333;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color:  unset;
    background-image:  unset;
    background-image:  unset;
    background-image:  unset;
    background-image:  unset;
    background-repeat:  unset;
}

.navbar-nav > li {
    float: left;
}

.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 7px;
    padding: 10px 15px;
}
a.logo.navbar-btn.pull-left {
    display: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    box-shadow: unset;
    text-shadow: 1px 1px 36px black;
}

a.logo.navbar-btn.pull-left {
    display: none;
}

.navbar.container {
    width: 100vw;
    max-width: unset;
    margin-left: -100px;
    right: -100px;
    padding-right: 85px;
    z-index: 100;
    /* height: 300px; */
    background-color: black;
}

.navbar-default .navbar-default .navbar-form {
    border-color: transparent;
    float: right;
    margin-top: -15px;
    width: 100%;
    margin-bottom: 10px;
}

.navbar-default .navbar-nav > li > a {
    color: white;
}



img.g1_maint_logo {
    margin-top: calc(50vh - 125px);
    width:37%;
    min-width:200px;
    margin-bottom:25px;
}

.name.navbar-brand {
    display: none;
}

.navbar-default {
    background-color: goldenrod;
    background-image: unset;
    background-image: unset;
    background-image: unset;
    background-image: unset;
    border: 0px;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.logo.navbar-btn {
    /* width: 35vw; */
    padding: 25px 0px 25px 0px;
    margin-bottom: -25px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: trasparent;
    background-image: unset;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    box-shadow: unset;
}

/*************     NAVBAR    ****************/




section#block-welcome {
    border-bottom: 1px solid black;
    padding-bottom: 20px;
}














/**
 * Screen size adjustments.
 */
 
@media screen and (max-width: 470px) {

.form-item-dealer-name, .form-item-telephone {
    width: 100%;
    float: none;
    padding-right: 0;
}

.political-samples.views-row {
    width: 50%;
    float: left;
    padding: 5px;
    margin-bottom: 10px;
}

.logo_container {
    width: 100vw;
    margin-left: -17vw;
}

.mailer-design-row {
    width: 100%;
    padding: 20px;
    background-color: antiquewhite;
    margin: 0;
    float: none;
    display: inline-block;
    vertical-align: top;
}

 .container {
    padding-left: 20px;
    padding-right: 20px;
    width: 100vw;
    max-width: unset;
}


.field--name-field-displayed-title {
    font-size: 3em;
    margin-bottom: 10px;
    letter-spacing: -.05em;
    font-weight: 700;
    margin-top: 25px;
    color: goldenrod;
    line-height: .95;
}

.field--name-field-subhead {
    font-size: 2em;
    margin-bottom: 10px;
    font-weight: 400;
    letter-spacing: -.05em;
    margin-top: 15px;
    margin-bottom: 50px;
    color: lightgray;
    line-height: 1;
}

}
 

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

.col-sm-4.bs-region {
    padding: 0;
}

.political-samples.views-row {
    width: 50%;
    float: left;
    padding: 5px;
    margin-bottom: 10px;
}

.logo_container {
    width: 100vw;
    margin-left: -16vw;
}

.logo_container>img {
    width: 165px;
    float: left;
    position: absolute;
    margin-top: 4px;
    left: unset;
}

img.footer_logo {
    width: 175px;
    margin-bottom: 10px;
}

.footer_copy_block_col_1 {
    width: 100%;
    height: auto;
    padding-right: 2vw;
    float: none;
}

.footer_copy_block_col_2 {
    width: 98%;
    height: 1px;
    background-color: gray;
    padding-right: 4vw;
    float: none;
    margin-top: 35px;
}

.footer_copy_block_col_3 {
    width: 100%;
    height: auto;
    padding-right: 0px;
    float: none;
    text-align: left;
    margin-top: 57px;
}

.gold_banner {
    margin-left: -35px;
    background-color: goldenrod;
    padding: 10vw 17vw 13vw 14vw;
    width: 100vw;
    background-size: cover;
    background-position: center center;
    margin-bottom: 0px;
    margin-top: -19px;
    height: fit-content;
    color: white;
}

p.home_banner_subhead {
    color: #ccc;
    font-size: 4.5vw;
    margin-top: -10px;
    padding: 5vw;
}

span.employment_banner_headline {
    font-size: 14vw;
    letter-spacing: -.03em;
    font-weight: 700;
    color: white;
    line-height: 1;
}

.field--name-field-subhead {
    font-size: 2em;
    margin-bottom: 10px;
    letter-spacing: -.03em;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 50px;
    color: lightgray;
    line-height: 1;
}

.field--name-field-displayed-title {
    font-size: 2.3em;
    margin-bottom: 10px;
    letter-spacing: -.03em;
    font-weight: 700;
    margin-top: 25px;
    color: goldenrod;
    line-height: .95;
}

div#services_column_1 {
    height: fit-content;
    width: 100%;
    float: none;
}

div#services_column_2 {
    height: fit-content;
    width: 100%;
    float: none;
}

div#services_column_3 {
    height: fit-content;
    width: 100%;
    float: none;
}

div#services_column_4 {
    height: fit-content;
    width: 100%;
    float: none;
}


/********************************************/
/********    G1 Application form    *********/
/********************************************/

div#edit-field-first-name-wrapper {
    width: 100%;
    float: left;
}

div#edit-field-last-name-wrapper {
    width: 100%;
    float: right;
}

div#edit-field-city-wrapper {
    width: 100%;
    float: left;
}

div#edit-field-state-wrapper {
    width: 100%;
    float: left;
    padding-left: 1%;
}

div#edit-field-zip-code-wrapper {
    width: 100%;
    float: right;
}

div#edit-field-do-you-have-a-laptop-wrapper {
    width: 100%;
    float: left;
}

div#edit-field-do-you-have-a-headset-wrapper {
    float: right;
    width: 100%;
}

div#edit-field-have-you-done-phone-survey-wrapper {
    float: right;
    width: 100%;
    margin-bottom: 35px;
}

div#edit-field-how-many-evening-hours-are-wrapper {
    width: 100%;
    float: left;
    margin-bottom: 35px;
}

/********************************************/
/********    G1 Application form    *********/
/********************************************/

div#employment_banner {
    margin-left: -35px;
    background-color: dodgerblue;
    padding: 35px;
    width: 100vw;
    background: url(/sites/default/files/2020-01/apr-header-1=mobile.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    margin-bottom: 0px;
    margin-top: -18px;
    height: 120vw;
}

div#web-to-mail-header {
    margin-left: -35px;
    background-color: dodgerblue;
    padding: 10% 35px 5% 35px;
    width: 100vw;
    background-size: cover;
    background-position: top center;
    margin-bottom: 0px;
    margin-top: -18px;
    height: fit-content;
    min-height: 200px;
}

.container {
    padding-left: 35px;
    padding-right: 35px;
    width: 100vw;
    max-width: unset;
}

/********************************************/
/*************     NAVBAR    ****************/
/********************************************/

.open > .dropdown-menu {
    display: block;
    position: relative;
    margin-bottom: 5px;
    float: none;
    margin-top: 0;
    top: 0;
    background-color: transparent;
}

li.expanded.dropdown {
    margin-top: 10px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 35px;
    clear: both;
    font-weight: normal;
    line-height: 1.2;
    color: white;
    white-space: nowrap;
    background-color: transparent;
    text-align: right;
    font-size: .9em;
    width: 100vw;
}

.region.region-navigation-collapsible {
    margin-left: -30px;
    margin-top: -20px;
    /* margin-bottom: 20px; */
}

.nav > li:last-child {
    /* position: relative; */
    /* display: block; */
    /* float: none; */
    padding-bottom: 10px;
}

ul.menu.nav.authorized-user-menu {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: unset;
    padding: unset;
    padding-top: 5px;
    width: 100vw;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: white;
    padding-bottom: 0px;
}

.dropdown-menu {
    position: relative;
    z-index: 1000;
    display: none;
    min-width: 200px;
    padding: 10px 0;
    margin-top: 2px;
    margin-left: 15px;
    font-size: 1em;
    text-align: right;
    list-style: none;
    background-color: goldenrod;
    -webkit-background-clip: unset;
    background-clip: unset;
    border: unset;
    border: unset;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

ul.menu.nav.manager-menu {
    float: right;
    margin-top: -25px;
    padding-bottom: 15px;
    border-top: unset;
    padding: unset;
    padding-top: 5px;
    margin-bottom: 20px;
}

.navbar-default .navbar-collapse {
    border-color: unset;
    border: unset;
    width: 105vw;
    float: right;
    padding-right: 25px;
    border-top: 2px solid white;
    overflow: visible;
    background-color: linear;
    padding-bottom: 25px;
    background: rgb(36,34,0);
    background: linear-gradient(240deg, rgba(36,34,0,1) 0%, rgba(229,176,17,1) 100%);
}

.dropdown-menu > li > a:hover {
    color: #e2be6c;
}

nav#block-mainmenu {
    margin-right: 15px;
}

nav#block-authorizedusermenu {
    margin-right: 15px;
    padding-bottom: 10px;
}

nav#block-managermenu {
    margin-right: 15px;
    padding-bottom: 10px;
}

.navbar.container {
    width: 100vw;
    max-width: unset;
    margin-left: 0px;
    right: 0px;
    padding-right: 0px;
    height: auto;
    background-color: black;
    padding-left: 0px;
}

div#header_logo {
    display: block;
    position: relative;
    z-index: 400;
    height: 64px;
}

.navbar-toggle {
    float: right;
    margin-right: 45px;
    padding: 6px 6px;
    margin-top: -50px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 3px solid white;
    border-radius: 4px;
    opacity: unset;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-toggle {
    border-color: white;
    display: block;
    position: relative;
    z-index: 500;
    margin-top: 8px;
    float: right;
    right: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: goldenrod;
}

.nav {
    margin-bottom: 0;
    list-style: none;
    right: 0px;
    text-align: right;
    float: none;
    margin-right: -20px;
}

.nav > li {
    position: relative;
    display: block;
    float: none;
    padding-top: 5px;
    padding-right: 25px;
}

navigation-collapsible {
    margin-left: -30px;
    margin-top: -20px;
}

ul.menu.main-menu.dropdown-menu {
    left: 12px;
    width: 100vw;
}

ul.menu.authorized-user-menu.dropdown-menu {
    /* left: -100vw; */
    width: 100vw;
    position: relative;
    /* right: 0px; */
    left: -10px;
}

ul.menu.manager-menu.dropdown-menu {
    /* left: -100vw; */
    width: 100vw;
    position: relative;
    /* right: 0px; */
    left: 20px;
}

/*************     NAVBAR    ****************/



/********************************************/
/************  HEADER IMAGES  ***************/
/********************************************/



div#home_header {
    height: 40vh;
    border: 0;
    border-radius: 0;
    width: 100vw;
    margin-left: -35px;
    margin-top: -18px;
    margin-bottom: 50px;
    overflow: hidden;
    background: url(/images/big_header_bg_8.jpg) no-repeat;
    background-size: cover;
    background-position: left center;
}

div#employment_header {
    margin-left: -35px;
    background-position: right top;
}

/************  HEADER IMAGES  ***************/

}



@media screen and (min-width: 768px) and (max-width: 1099px) {

div#employment_banner, div#web-to-mail-header {
    margin-left: -65px;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 200px;
    padding: 10px 0;
    margin-top: 0px;
    margin-left: 9px;
    font-size: 1em;
    text-align: right;
    list-style: none;
    background-color: goldenrod;
    -webkit-background-clip: unset;
    background-clip: unset;
    border: unset;
    border: unset;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

div#home_header {
    height: 40vh;
    border: 0;
    border-radius: 0;
    width: 100vw;
    margin-left: -65px;
    margin-top: -18px;
    margin-bottom: 50px;
    overflow: hidden;
    background: url(/images/big_header_bg_8.jpg) no-repeat;
    background-size: cover;
    background-position: left center;
}

div#employment_header {
    height: 40vh;
    border: 0;
    border-radius: 0;
    width: 100vw;
    margin-left: -65px;
    margin-top: -18px;
    margin-bottom: 50px;
    overflow: hidden;
    background: url(/images/employment_header_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}

.container {
    padding-left: 65px;
    padding-right: 85px;
    width: 100vw;
    max-width: unset;
}

ul.menu.nav {
    font-size: 1em;
}


.navbar.container {
    width: 100vw;
    max-width: unset;
    margin-left: -100px;
    right: -100px;
    padding-right: 55px;
    /* height: 300px; */
    background-color: black;
}

.nav > li {
    position: relative;
    display: block;
    float: left;
    margin-top: -8px;
}

}

@media screen and (min-width: 1100px) {

.logo_container>img {
    width: 110px;
}

.gold_banner {
    margin-left: -100px;
    padding: 3vw 14vw 4vw 13vw;
}

ul.menu.nav {
    font-size: 1.15em;
}

}