html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, b, i, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, section, time {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 100%; }

:focus {
  outline: 0; }

body {
  line-height: 1;
  color: #000000; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

button, input[type='submit'] {
  border-radius: 0; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ''; }

blockquote, q {
  quotes: '' ''; }

*, *:before, *:after {
  border: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  line-height: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font: 400 normal 16px/16px Arial, Helvetica, sans-serif; }

audio, canvas, img, video {
  vertical-align: middle; }

section {
  position: relative; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

input, textarea {
  font: inherit; }

input[type='submit'] {
  box-shadow: none; }

textarea {
  resize: vertical;
  font-family: inherit;
  font-size: inherit; }

a, .trans {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

a {
  color: #fff; }

a:hover {
  color: #eee; }

a:active {
  color: #eee; }

p {
  font-size: 1em;
  line-height: 1.5em; }

article p {
  line-height: 1.75em; }

/*

/*
|--------------------------------------------------------------------------
| Grid
|--------------------------------------------------------------------------
|
| This file holds all of the grid / structure related styles for the site.
|
*/
.full {
  width: 100%; }

.half {
  width: 50%; }

@media (max-width: 768px) {
  .half {
    width: 100%; }
  .half.md-half {
    width: 50%; } }

@media (max-width: 640px) {
  .half {
    width: 100%; }
  .half.md-half {
    width: 100%; }
  .half.sm-half {
    width: 50%; } }

.third {
  width: 33.33333333%;
  /* IE Fallback */
  width: calc(100% / 3); }

@media (max-width: 768px) {
  .third {
    width: 100%; }
  .third.md-third {
    width: calc(100% / 3); } }

@media (max-width: 640px) {
  .third {
    width: 100%; }
  .third.md-third {
    width: 100%; }
  .third.sm-third {
    width: calc(100% / 3); } }

.twothird, .two-third {
  width: 66.66%;
  /* IE Fallback */
  width: calc((100% / 3) * 2); }

@media (max-width: 768px) {
  .twothird, .two-third {
    width: 100%; }
  .twothird.md-twothird, .twothird.md-two-third, .two-third.md-twothird, .two-third.md-two-third {
    width: calc((100% / 3) * 2); } }

@media (max-width: 640px) {
  .twothird, .two-third {
    width: 100%; }
  .twothird.md-twothird, .twothird.md-two-third, .two-third.md-twothird, .two-third.md-two-third {
    width: 100%; }
  .twothird.sm-twothird, .twothird.sm-two-third, .two-third.sm-twothird, .two-third.sm-two-third {
    width: calc((100% / 3) * 2); } }

.fourth {
  width: 25%; }

@media (max-width: 768px) {
  .fourth {
    width: 100%; }
  .fourth.md-fourth, .fourth.md-fourth {
    width: 25%; } }

@media (max-width: 640px) {
  .fourth {
    width: 100%; }
  .fourth.md-fourth, .fourth.md-fourth {
    width: 100%; }
  .fourth.sm-fourth, .fourth.sm-fourth {
    width: 25%; } }

.twofourth, .two-fourth {
  width: 50%; }

@media (max-width: 768px) {
  .twofourth, .two-fourth {
    width: 100%; }
  .twofourth.md-fourth, .twofourth.md-fourth, .two-fourth.md-fourth, .two-fourth.md-fourth {
    width: 50%; } }

@media (max-width: 640px) {
  .twofourth, .two-fourth {
    width: 100%; }
  .twofourth.md-fourth, .twofourth.md-fourth, .two-fourth.md-fourth, .two-fourth.md-fourth {
    width: 100%; }
  .twofourth.sm-fourth, .twofourth.sm-fourth, .two-fourth.sm-fourth, .two-fourth.sm-fourth {
    width: 50%; } }

.threefourth, .three-fourth {
  width: 75%; }

@media (max-width: 768px) {
  .threefourth, .three-fourth {
    width: 100%; }
  .threefourth.md-threefourth, .threefourth.md-three-fourth, .three-fourth.md-threefourth, .three-fourth.md-three-fourth {
    width: 75%; } }

@media (max-width: 640px) {
  .threefourth, .three-fourth {
    width: 100%; }
  .threefourth.md-threefourth, .threefourth.md-three-fourth, .three-fourth.md-threefourth, .three-fourth.md-three-fourth {
    width: 100%; }
  .threefourth.sm-threefourth, .threefourth.sm-threefourth, .three-fourth.sm-threefourth, .three-fourth.sm-threefourth {
    width: 25%; } }

.fifth {
  width: 20%; }

@media (max-width: 768px) {
  .fifth {
    width: 100%; }
  .fifth.md-fifth, .fifth.md-fifth {
    width: 20%; } }

@media (max-width: 640px) {
  .fifth {
    width: 100%; }
  .fifth.md-fifth, .fifth.md-fifth {
    width: 100%; }
  .fifth.sm-fifth, .fifth.sm-fifth {
    width: 20%; } }

.twofifth, .two-fifth {
  width: 40%; }

@media (max-width: 768px) {
  .twofifth, .two-fifth {
    width: 100%; }
  .twofifth.md-twofifth, .twofifth.md-two-fifth, .two-fifth.md-twofifth, .two-fifth.md-two-fifth {
    width: 40%; } }

@media (max-width: 640px) {
  .twofifth, .two-fifth {
    width: 100%; }
  .twofifth.md-twofifth, .twofifth.md-two-fifth, .two-fifth.md-twofifth, .two-fifth.md-two-fifth {
    width: 100%; }
  .twofifth.sm-twofifth, .twofifth.sm-two-fifth, .two-fifth.sm-twofifth, .two-fifth.sm-two-fifth {
    width: 40%; } }

.threefifth, .three-fifth {
  width: 60%; }

@media (max-width: 768px) {
  .threefifth, .three-fifth {
    width: 100%; }
  .threefifth.md-threefifth, .threefifth.md-three-fifth, .three-fifth.md-threefifth, .three-fifth.md-three-fifth {
    width: 60%; } }

@media (max-width: 640px) {
  .threefifth, .three-fifth {
    width: 100%; }
  .threefifth.md-threefifth, .threefifth.md-three-fifth, .three-fifth.md-threefifth, .three-fifth.md-three-fifth {
    width: 100%; }
  .threefifth.sm-threefifth, .threefifth.sm-three-fifth, .three-fifth.sm-threefifth, .three-fifth.sm-three-fifth {
    width: 60%; } }

.fourfifth, .four-fifth {
  width: 80%; }

@media (max-width: 768px) {
  .fourfifth, .four-fifth {
    width: 100%; }
  .fourfifth.md-fourfifth, .fourfifth.md-four-fifth, .four-fifth.md-fourfifth, .four-fifth.md-four-fifth {
    width: 80%; } }

@media (max-width: 640px) {
  .fourfifth, .four-fifth {
    width: 100%; }
  .fourfifth.md-fourfifth, .fourfifth.md-four-fifth, .four-fifth.md-fourfifth, .four-fifth.md-four-fifth {
    width: 100%; }
  .fourfifth.sm-fourfifth, .fourfifth.sm-four-fifth, .four-fifth.sm-fourfifth, .four-fifth.sm-four-fifth {
    width: 80%; } }

.sixth {
  width: 16.66666666;
  /* IE Fallback */
  width: calc(100% / 6); }

@media (max-width: 768px) {
  .sixth {
    width: 100%; }
  .sixth.md-sixth, .sixth.md-sixth {
    width: 16%;
    width: calc(100% / 6); } }

@media (max-width: 640px) {
  .sixth {
    width: 100%; }
  .sixth.md-sixth, .sixth.md-sixth {
    width: 100%; }
  .sixth.sm-sixth, .sixth.sm-sixth {
    width: 16%;
    width: calc(100% / 6); } }

.twosixth, .two-sixth {
  width: 33.33333333;
  /* IE Fallback */
  width: calc((100% / 6) * 2); }

@media (max-width: 768px) {
  .twosixth, .two-sixth {
    width: 100%; }
  .twosixth.md-twosixth, .twosixth.md-two-sixth, .two-sixth.md-twosixth, .two-sixth.md-two-sixth {
    width: 33.33333333;
    /* IE Fallback */
    width: calc((100% / 6) * 2); } }

@media (max-width: 640px) {
  .twosixth, .two-sixth {
    width: 100%; }
  .twosixth.md-twosixth, .twosixth.md-two-sixth, .two-sixth.md-twosixth, .two-sixth.md-two-sixth {
    width: 100%; }
  .twosixth.sm-twosixth, .twosixth.sm-two-sixth, .two-sixth.sm-twosixth, .two-sixth.sm-two-sixth {
    width: 33.33333333;
    /* IE Fallback */
    width: calc((100% / 6) * 2); } }

.threesixth, .three-sixth {
  width: 50%; }

@media (max-width: 768px) {
  .threesixth, .three-sixth {
    width: 100%; }
  .threesixth.md-threesixth, .threesixth.md-three-sixth, .three-sixth.md-threesixth, .three-sixth.md-three-sixth {
    width: 50%; } }

@media (max-width: 640px) {
  .threesixth, .three-sixth {
    width: 100%; }
  .threesixth.md-threesixth, .threesixth.md-three-sixth, .three-sixth.md-threesixth, .three-sixth.md-three-sixth {
    width: 100%; }
  .threesixth.sm-threesixth, .threesixth.sm-three-sixth, .three-sixth.sm-threesixth, .three-sixth.sm-three-sixth {
    width: 50%; } }

.foursixth, .four-sixth {
  width: 66.66666666;
  /* IE Fallback */
  width: calc((100% / 6) * 4); }

@media (max-width: 768px) {
  .foursixth, .four-sixth {
    width: 100%; }
  .foursixth.md-foursixth, .foursixth.md-four-sixth, .four-sixth.md-foursixth, .four-sixth.md-four-sixth {
    width: 66.66666666%;
    width: calc((100% / 6) * 4); } }

@media (max-width: 640px) {
  .foursixth, .four-sixth {
    width: 100%; }
  .foursixth.md-foursixth, .foursixth.md-four-sixth, .four-sixth.md-foursixth, .four-sixth.md-four-sixth {
    width: 100%; }
  .foursixth.sm-foursixth, .foursixth.sm-four-sixth, .four-sixth.sm-foursixth, .four-sixth.sm-four-sixth {
    width: 66.66666666%;
    width: calc((100% / 6) * 4); } }

.fivesixth, .five-sixth {
  width: 83.33333333;
  /* IE Fallback */
  width: calc((100% / 6) * 5); }

@media (max-width: 768px) {
  .fivesixth, .five-sixth {
    width: 100%; }
  .fivesixth.md-fivesixth, .fivesixth.md-five-sixth, .five-sixth.md-fivesixth, .five-sixth.md-five-sixth {
    width: 83.33333333%;
    width: calc((100% / 6) * 5); } }

@media (max-width: 640px) {
  .fivesixth, .five-sixth {
    width: 100%; }
  .fivesixth.md-fivesixth, .fivesixth.md-five-sixth, .five-sixth.md-fivesixth, .five-sixth.md-five-sixth {
    width: 100%; }
  .fivesixth.sm-fivesixth, .fivesixth.sm-five-sixth, .five-sixth.sm-fivesixth, .five-sixth.sm-five-sixth {
    width: 83.33333333%;
    width: calc((100% / 6) * 5); } }

/**** Gutters ***/
.half-gutter1 .half {
  width: calc(50% - 1em); }

.half-gutter1 .half:first-of-type {
  margin-right: 1em; }

.half-gutter1 .half:last-of-type {
  margin-left: 1em; }

.half-gutter2 .half {
  width: calc(50% - 2em); }

.half-gutter2 .half:first-of-type {
  margin-right: 2em; }

.half-gutter2 .half:last-of-type {
  margin-left: 2em; }

.third-gutter1 .third {
  width: calc(100% / 3 - 0.67em);
  margin: 1em 0 0; }

.third-gutter1 .third:nth-child(3n + 2) {
  margin: 1em 1em 0; }

@media (max-width: 1024px) {
  .third-gutter1 .third {
    width: calc(100% / 2 - 0.5em); }
  .third-gutter1 .third:nth-of-type(n) {
    margin: 1em 0 0 0; }
  .third-gutter1 .third:nth-child(2n + 1) {
    margin-right: 1em; } }

@media (max-width: 768px) {
  .third-gutter1 .third {
    width: calc(100%); }
  .third-gutter1 .third:nth-of-type(n) {
    margin: 1em 0 0 0; } }

.left {
  float: left; }

.right {
  float: right; }

.center {
  margin: 0 auto; }

.clearfix:before, .clearfix:after {
  content: ' ';
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.fill {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 200; }

/*~~ TEXT ALIGN ~~*/
.tleft, .text-left {
  text-align: left; }

.tright, .text-right {
  text-align: right; }

.tcenter, .text-center {
  text-align: center; }

/*~~ PADDING ~~*/
.no-pad, .nopad, .pad0 {
  padding: 0; }

.pad-half {
  padding: 0.5em; }

.pad1-0 {
  padding: 1em 0; }

.pad2-0 {
  padding: 2em 0; }

.pad3-0 {
  padding: 3em 0; }

.pad4-0 {
  padding: 4em 0; }

.pad0-1 {
  padding: 0 1em; }

.pad0-2 {
  padding: 0 2em; }

.pad0-3 {
  padding: 0 3em; }

.pad0-4 {
  padding: 0 4em; }

.pad1-2 {
  padding: 1em 2em; }

.pad1-3 {
  padding: 1em 3em; }

.pad1-4 {
  padding: 1em 4em; }

.pad2-1 {
  padding: 2em 1em; }

.pad2-3 {
  padding: 2em 3em; }

.pad2-4 {
  padding: 2em 4em; }

.pad3-1 {
  padding: 3em 1em; }

.pad3-2 {
  padding: 3em 2em; }

.pad3-4 {
  padding: 3em 4em; }

.pad4-1 {
  padding: 4em 1em; }

.pad4-2 {
  padding: 4em 2em; }

.pad4-3 {
  padding: 4em 3em; }

.pad1 {
  padding: 1em; }

.pad2 {
  padding: 2em; }

.pad3 {
  padding: 3em; }

.pad4 {
  padding: 4em; }

/*~~ PADDING  TOP~~*/
.padt1 {
  padding-top: 1em; }

.padt2 {
  padding-top: 2em; }

.padt3 {
  padding-top: 3em; }

.padt4 {
  padding-top: 4em; }

.padl1 {
  padding-left: 1em; }

@media (max-width: 640px) {
  .padl1 {
    padding-left: 0; } }

/*~~ PADDING BOTTOM ~~*/
.padb1 {
  padding-bottom: 1em; }

.padb2 {
  padding-bottom: 2em; }

.padb3 {
  padding-bottom: 3em; }

.padb4 {
  padding-bottom: 4em; }

/*~~ MARGIN ~~*/
.no-mar, .nomar, .nomarg, .mar0 {
  margin: 0; }

.mar-half {
  margin: 0.5em; }

.mar1-0 {
  margin: 1em 0; }

.mar2-0 {
  margin: 2em 0; }

.mar3-0 {
  margin: 2em 0; }

.mar4-0 {
  margin: 4em 0; }

.mar0-1 {
  margin: 0 1em; }

.mar0-2 {
  margin: 0 2em; }

.mar0-3 {
  margin: 0 3em; }

.mar0-4 {
  margin: 0 4em; }

.mar1-2 {
  margin: 1em 2em; }

.mar1-3 {
  margin: 1em 3em; }

.mar1-4 {
  margin: 1em 4em; }

.mar2-1 {
  margin: 2em 1em; }

.mar2-3 {
  margin: 2em 3em; }

.mar2-4 {
  margin: 2em 4em; }

.mar3-1 {
  margin: 3em 1em; }

.mar3-2 {
  margin: 3em 2em; }

.mar3-4 {
  margin: 3em 4em; }

.mar4-1 {
  margin: 4em 1em; }

.mar4-2 {
  margin: 4em 2em; }

.mar4-3 {
  margin: 4em 3em; }

.mar1 {
  margin: 1em; }

.mar2 {
  margin: 2em; }

.mar3 {
  margin: 3em; }

.mar4 {
  margin: 4em; }

/*~~ margin  TOP~~*/
.mart1 {
  margin-top: 1em; }

.mart2 {
  margin-top: 2em; }

.mart3 {
  margin-top: 3em; }

.mart4 {
  margin-top: 4em; }

/*~~ margin BOTTOM ~~*/
.marb1 {
  margin-bottom: 1em; }

.marb2 {
  margin-bottom: 2em; }

.marb3 {
  margin-bottom: 3em; }

.marb4 {
  margin-bottom: 4em; }

/*~~ GLOBAL ~~*/
sup {
  vertical-align: super;
  font-size: 50%; }

.center {
  margin: 0 auto; }

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.hidden {
  display: none; }

.noscroll, .no-scroll {
  height: 100%;
  overflow: hidden; }

.figure {
  overflow: hidden;
  position: relative; }

.figure img, .stretch {
  width: 100%;
  height: auto; }

.cover {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.fixedbg, .fixed-bg {
  background-attachment: fixed;
  will-change: top; }

.css-table {
  display: table; }

.css-table .css-col {
  display: table-cell; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: none;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased; }

@media (max-width: 768px) {
  body {
    font-size: 15px; } }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 1em; }

h1 {
  font-size: 2.25em; }

h2 {
  font-size: 1.875em; }

h3 {
  font-size: 1.5em; }

h4 {
  font-size: 1.25em; }

h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }

p {
  font-size: 1em; }

p.small {
  font-size: 0.85em; }

a:link, a:visited {
  text-decoration: none;
  color: #285cab;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease; }

/* a:hover, a:active { color: $color-black; } */
strong {
  font-weight: 900; }

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans"), local("PTSans-Regular"), url("http://fonts.gstatic.com/l/font?kit=fQl5KuJ0t7CxaofpRWHFZ5uy9QftGgiCbPT5J2Tle6QGEtCW0q5T6QHEAICoCh1h9R715REvNVFz5maQ3RAjMvuvYlUZxjWJuWoIFYd8ZVs9VGRJmXaKNSd0UG6XHo4E") format("woff2"), url("http://fonts.gstatic.com/l/font?kit=9HC7E4PH-EC-60ASiiwijJuy9QftGgiCbPT5J2Tle6QGEtCW0q5T6QHEAICoCh1h9R715REvNVFz5maQ3RAjMvuvYlUZxjWJuWoIFYd8ZVs9VGRJmXaKNSd0UG6XHo4E") format("woff"); }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STRUCTURE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
header, footer, section {
  clear: both;
  width: 100%;
  position: relative; }

.wrapper {
  max-width: 1280px;
  width: 95%;
  margin: 0 auto; }

.wrapper-full {
  width: 100%;
  margin: 0 auto; }

.container {
  width: 100%;
  overflow-x: hidden; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ INTRO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#intro {
  width: 100%;
  height: 900px;
  background-image: url("../../images/robert-mestman-for-judge-header-02.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
  position: relative; }

#intro .introcopy {
  width: auto;
  position: absolute;
  top: 30%;
  left: 10%; }

@media (max-width: 1500px) {
  #intro {
    height: 700px; } 

  }

@media (max-width: 1024px) {
  #intro {
    height: 600px;
    /*background-position: right 60px;*/ } 
    #intro .introcopy {
      top: 30%; }
  }

@media (max-width: 768px) {
  #intro {
    height: 450px; }
    #intro .introcopy {
      top: 30%; }
  }

@media (max-width: 640px) {
  #intro {
    height: 250px; }
    #intro .introcopy {
      top: 30%;
      /*left: 20px;*/ }
  }



#intro span {
  font-family: 'Montserrat', sans-serif;
  display: block;
  text-align: center;
  line-height: 1em; }

#intro .title {
  font-size: 1.9vw;
  color: #a03746; }

#intro .firstname {
  font-size: 5.5vw;
  color: #ffffff; }

#intro .lastname {
  font-size: 7.75vw;
  line-height: .75em;
  color: #ffffff; }

#intro .forjudge {
  font-size: 6.75vw;
  color: #285cab; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NEWS BANNER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#newsbanner {
  margin: 120px 0 0 0;
  padding: 2em 0 .75em 0;
  background-color: #285cab;
  color: #ffffff; }

#newsbanner h3 {
  font-size: 1em;
  line-height: 1.25em; }

#newsbanner h3 a:link, #newsbanner h3 a:visited {
  text-decoration: none;
  color: #ffffff; }

@media (max-width: 768px) {
  #newsbanner {
    margin: 100px 0 0 0;
    padding: 2em 0 .5em 0; } 
  }

@media (max-width: 640px) {
  #newsbanner {
    margin: 120px 0 0 0;
    padding: 2em 0 .5em 0; } 
  }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SECTIONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#about {
  text-align: center; }

#about h2 {
  color: #285cab; }

#about img {
  width: 100%; }

#about p {
  color: #444;
  padding: 0 0 1em 0;
  font-size: 1em; }

#endorsements {
  background-color: #a03746; }

#endorsements ul {
  padding: 0 0 1em 0; }

#endorsements ul li {
  color: #ffffff;
  text-align: center;
  margin: 0 0 .75em 0; }

#endorsements ul .asterisk {
  color: #ffffff;
  font-size: 1em; }

#endorsements h2 {
  color: #ffffff; }

#endorsements h3 {
  font-family: 'Montserrat', sans-serif;
  color: #ffffff; }

#endorsements span {
  font-family: 'Montserrat', sans-serif;
  display: block;
  text-align: center;
  line-height: 1em; }

#endorsements .ocsheriff {
  font-size: 1em;
  color: #ffffff; }

#endorsements .donbarnes {
  font-size: 2em;
  color: #ffffff; }

#electiondatesnipe {
  background-color: #285cab;
  color: #ffffff; }

section h2, section h3, footer h2, footer h3, #footer h2, #footer h3 {
  font-family: 'Montserrat', sans-serif;
  text-align: center; }

section h2, footer h2, #footer h2 {
  font-size: 2em;
  padding: 1.75em 0 1.5em 0; }

@media (max-width: 640px) {
  section h2, footer h2, #footer h2 {
    font-size: 1.35em;
  line-height: 1.5em; } }

section h3, footer h3, #footer h3 {
  font-size: 1.75em;
  margin: 0 0 1em 0; }

@media (max-width: 640px) {
  section h3, footer h3, #footer h3 {
    font-size: 1.25em; } }

section p, section li, footer p, footer li, #footer p, #footer li {
  font-size: 1.125em;
  line-height: 1.5em; }

/******************************  HAMBURGER MENU  ******************************/
/*  https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_menu_icon_js  */
.menu-hamburger {
  display: inline-block;
  cursor: pointer; }

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #a03746;
  margin: 6px 0;
  transition: 0.4s; }

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px); }

.change .bar2 {
  opacity: 0; }

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px); }

/*
#hamburger-menu {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: auto;
	background-color:rgba(129, 133, 127, 0.9);
}
#hamburger-menu li {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0 20px 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #999;
    border-left: 0;
}
#hamburger-menu a {
    font-size: 1.25em;
}

@media (max-width: 640px) {
	.header-top-hamburger {
		//display: block;
	}
}

*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 300; }

#header {
  height: auto;
  background-color: #fff;
  display: flex; }

#header, #menu-mobile-options {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25); }

.button-container {
  text-align: center;
  font-family: 'Montserrat', sans-serif; }

.button-container a {
  padding: 1em 1.25em 1em 1.25em;
  transition: 0.5s !important;
  color: #ffffff !important; }

.button-container .endorse, .button-container .donate-footer, .button-container .candidate-bio {
  background-color: #285cab;
  display: inline-block; }

.button-container .endorse:hover, .button-container .donate-footer:hover, .button-container .candidate-bio:hover {
  background-color: #1964ed; }

.logo-container {
  width: 30%;
  padding: 1em 1em 1em 2.5em; }

@media (max-width: 768px) {
  .logo-container {
    width: 25%; } }

@media (max-width: 640px) {
  .logo-container {
    width: 50%; } }


.mestman-logo {
  width: 100%;
  max-width: 150px; }

.menu-desktop {
  padding: 1.25em; }

.menu-desktop li {
  display: inline-block; }

.menu-desktop li a {
  margin: 0 0 0 .5em;
  vertical-align: middle; }

.menu-desktop li a:link, .menu-desktop li a:visited {
  color: #a03746; }

.menu-desktop li a:link:hover, .menu-desktop li a:visited:hover {
  color: #ff0000; }

.menu-desktop li i {
  font-size: 2em; }

.menu-desktop .donate a {
  background-color: #285cab;
  color: #ffffff !important;
  padding: 0.75em 1em 0.75em 1em !important;
  transition: 0.5s !important; }

.menu-desktop .donate a:hover {
  background-color: #1964ed !important; }

@media (max-width: 768px) {
  .menu-desktop {
    display: none; } }

.menu-mobile {
  padding: 0 1em 0 0;
  display: none; }

@media (max-width: 768px) {
  .menu-mobile {
    display: block; } }

#menu-mobile-options {
  font-family: 'Montserrat', sans-serif;
  display: none;
  position: fixed;
  z-index: 200;
  width: 100%;
  text-align: center; }

#menu-mobile-options ul {
  padding: 180px 0 0 0;
  background-color: #285cab; }

#menu-mobile-options ul li {
  font-size: 1.5em;
  padding: 0 0 1.5em 0; }

#menu-mobile-options ul li a {
  color: #ffffff; }

#menu-mobile-options ul i {
  font-size: 2em;
  margin: 0 .125em 0 .125em; }

#test {
  width: 100%;
  background-color: #efefef;
  display: inline-block; }

.menu-container {
  width: 70%;
  text-align: right;
  font-family: 'Montserrat', sans-serif;
  padding: 1.5em 1.5em 1.5em 0; }

@media (max-width: 768px) {
  .menu-container {
    padding: 2em 2em 2em 0;
    width: 75%; } }

@media (max-width: 640px) {
  .menu-container {
    width: 50%; } }

.menu-desktop, .mestman-logo, .menu-mobile {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

@media (max-width: 768px) {
  .menu-container ul li a, .button-container {
    font-size: 1em; } }

@media (max-width: 640px) {
  .menu-container ul li a, .button-container {
    font-size: .85em; } }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
  color: #285cab; }

#footer a:link, #footer a:visited {
  color: #285cab; }

#footer a:link:hover, #footer a:visited:hover {
  color: #1964ed; }

#footer i {
  font-size: 3.5em;
  padding: 0; }

footer {
  background-color: #285cab;
  color: #ffffff; }

/******************************************************* BASIC FORM SCSS */
#interest {
  margin-bottom: 8em; }

#interest .interest-holder {
  padding: 3em; }

@media (max-width: 768px) {
  #interest {
    padding: 0 1em; } }

#interest .arrow-up {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 40px solid #285cab;
  margin-left: calc(25% - 35px); }

#interest h2 {
  font-size: 2.25em;
  margin-bottom: .75em; }

@media (max-width: 1024px) {
  #interest h2 {
    font-size: 1.75em; } }

#interest-list {
  display: block;
  width: 100%;
  color: #ffffff; }

#interest-list :invalid, #interest-list :-moz-submit-invalid, #interest-list :-moz-ui-invalid {
  box-shadow: none; }

@media (max-width: 768px) {
  #interest-list {
    padding: 0; } }

@media (max-width: 1024px) {
  #interest-list .half, #interest-list .fourth {
    width: 100% !important; } }

#interest-list div.fielditem {
  position: relative;
  padding: 0 0 2em; }

@media (max-width: 1024px) {
  #interest-list div.fielditem {
    padding: 0 0 1.5em; } }

#interest-list div.fielditem.fieldlist {
  padding-bottom: 0; }

#interest-list div.fielditem.focused label {
  transform: translateY(-125%);
  font-size: 0.75em;
  left: 5px; }

#interest-list div.fieldinput label {
  color: #ffffff;
  position: absolute;
  left: 0;
  bottom: 45%;
  font-size: 1em;
  padding: 0;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease; }

#interest-list div.fieldinput.focused label {
  transform: translateY(-225%);
  font-size: 0.75em; }

#interest-list div.fieldinput.focused input {
  border-bottom: 1px solid #ffffff; }

#interest-list div.fieldinput.focused#comments-input label {
  transform: translateY(-100%); }

#interest-list div.fieldinput#comments-input label {
  bottom: auto;
  top: 10%; }

#interest-list div.fieldinput#comments-input.focused label {
  transform: translateY(-200%);
  font-size: 0.75em; }

#interest-list div#sec1, #interest-list div#sec2, #interest-list div#sec3 {
  padding: 0; }

#interest-list label {
  color: #ffffff;
  font-size: 1em;
  line-height: 1.25em;
  padding: 0.5 0.75em;
  z-index: 10;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease; }

#interest-list label.full {
  width: 10%;
  display: block; }

#interest-list input[type='text'], #interest-list input[type='email'] {
  width: 100%;
  position: relative;
  background: none;
  color: #ffffff;
  padding: 0.75em 0.25em;
  letter-spacing: 0.5px;
  border: none;
  border-bottom: 1px solid #ffffff;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; }

#interest-list .required-highlight .control__indicator {
  border: 1px solid #ff8b8b; }

#interest-list .required-highlight label.control {
  margin-left: 0; }

#interest-list .select.required-highlight select {
  color: #ff8b8b;
  border-bottom: 1px solid #ff8b8b; }

#interest-list .select.required-highlight .select__arrow {
  border-color: #ff8b8b transparent transparent transparent; }

#interest-list .required-highlight label, #interest-list label.required-highlight {
  color: #ff8b8b !important;
  margin-left: 10px; }

#interest-list .required-highlight input {
  color: #ffffff;
  border-bottom: 1px solid #ff8b8b; }

#interest-list textarea {
  width: 100%;
  background: none;
  color: #ffffff;
  border: none;
  border-bottom: 1px solid #ffffff;
  padding: 0.75em 0.25em;
  letter-spacing: 0.5px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  resize: none;
  height: 7em;
  overflow: auto;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out; }

#interest-list textarea:focus {
  border-color: #ffffff; }

/* CONTROL GROUP */
.control-group {
  padding: 2rem 2rem 0 1rem;
  display: inline-block !important;
  vertical-align: top !important;
  text-align: left !important; }

.control-group .full {
  margin-bottom: 1em; }

.control {
  display: block;
  position: relative;
  padding: 0 0 0 30px !important;
  margin-bottom: 0.9em !important;
  cursor: pointer; }

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.control__indicator {
  position: absolute;
  top: -3px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ffffff; }

.control--radio .control__indicator {
  border-radius: 50%; }

.control:hover input ~ .control__indicator {
  background: none; }

.control input:focus ~ .control__indicator {
  background: none; }

.control input:checked ~ .control__indicator {
  background: #000000 !important; }

.control:hover input:not([disabled]):checked ~ .control__indicator {
  background: none; }

.control input:checked:focus ~ .control__indicator {
  background: none; }

.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none; }

.control__indicator:after {
  content: '';
  position: absolute;
  display: none; }

.control input:checked ~ .control__indicator:after {
  display: block; }

.control--checkbox {
  margin-left: 0 !important; }

.control--checkbox .control__indicator:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b; }

.control--radio .control__indicator:after {
  left: 6px;
  top: 6px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #ffffff; }

.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b; }

.select {
  position: relative;
  display: inline-block;
  width: 100%; }

.select select {
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  cursor: pointer;
  color: #ffffff;
  border: 0;
  border-radius: 0;
  outline: 0;
  border-bottom: 1px solid #ffffff;
  font-size: 1em;
  font-weight: 300;
  padding: 0.7em 0;
  letter-spacing: 0.5px;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 45px; }

.select.focused select {
  color: #ffffff;
  border-color: 1px solid #ff0000; }

.select::-ms-expand {
  display: none; }

.select:disabled {
  pointer-events: none;
  opacity: 0.5; }

.select .select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-width: 8px 5px 0 5px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent; }

.select:disabled ~ .select__arrow {
  border-top-color: #ccc; }

#interest-list button[type='submit'] {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  width: 250px;
  height: 45px;
  z-index: 400;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  margin: 1em auto 0;
  font-size: 1.25em;
  line-height: 1.5em;
  padding: 0.35em;
  background-color: #a03746;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out; }

#interest-list button[type='submit']:hover {
  background-color: #da260c;
  cursor: pointer; }

#interest-list div#process, #interest-list div#success {
  padding: 2em 0;
  color: #ffffff; }

#form-submit {
  width: 100%;
  float: right;
  padding: 0 1em;
  width: 100%;
  float: right;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  position: relative; }

@media (max-width: 1024px) {
  #form-submit {
    text-align: left; } }

#form-submit .required-text {
  position: absolute;
  right: 1em;
  top: .75em;
  display: inline-block;
  text-align: left; }

#process h4, #process .form-loader, #success h4 {
  font-size: 2.25em;
  margin: 0 0 0.5em 0;
  padding: 0;
  text-align: center;
  color: #ffffff; }

#process p, #success p {
  color: #285cab;
  text-align: center;
  margin: 0;
  padding: 0; }

#errorchecking.alert {
  background-color: #ff8b8b;
  text-align: center;
  clear: both;
  padding: 1em;
  margin: 0.9em;
  margin-bottom: 1.5em; }

#errorchecking.alert p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  text-transform: uppercase; }

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px #285cab inset !important;
  transition: background-color 5000s ease-in-out 0s; }