/* HOLIDAY TIPPING */

.view-nodequeue-14 .thumbnail,
.view-nodequeue-3 .thumbnail,
.view-nodequeue-15 .thumbnail {
  float: left;
  width: 57px;
  margin-right: 20px;
}

.view-nodequeue-3 .views-row,
.view-nodequeue-14 .views-row,
.view-nodequeue-15 .views-row {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.view-nodequeue-3 .node-content,
.view-nodequeue-14 .node-content,
.view-nodequeue-15 .node-content {
  margin-left: 80px;
}

.view-nodequeue-3 h3,
.view-nodequeue-14 h3,
.view-nodequeue-15 h3 {
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 5px;
}

.view-nodequeue-3 h3 a,
.view-nodequeue-14 h3 a,
.view-nodequeue-15 h3 a {
  color: #438f96;
}

.view-nodequeue-3 .created,
.view-nodequeue-14 .created,
.view-nodequeue-15 .created {
  color: #777;
  font-size: 0.9em;
  margin-bottom: 8px;
}

.view-nodequeue-3 .created a,
.view-nodequeue-14 .created a,
.view-nodequeue-15 .created a {
  color: #777;
}

.view-nodequeue-3 .created a:hover,
.view-nodequeue-14 .created a:hover,
.view-nodequeue-15 .created a:hover {
  text-decoration: underline;
}

.view-nodequeue-3 .teaser,
.view-nodequeue-14 .teaser,
.view-nodequeue-15 .teaser {
  font-size: 0.9em;
}

.view-nodequeue-15 .view-header {
  width: 650px;
  height: 155px;
  background: url('../images/holiday_tipping/2012_header.png') top left no-repeat;
  text-indent: -9999px;
}

#tipping-guide-results h3 {
  margin-top: 40px;
  padding-top: 20px;
  border-bottom: 4px solid #000;
  clear: left;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0;
}

.tipping-guide-container {
  width: 290px;
  width: 185px;
  float: left;
  padding: 20px 15px;
  font-size: 0.85em;
}

#node-22068 .tipping-guide-container {
  width: 290px;
}

#tipping-guide-results h4 {
  font-weight: bold;
  color: #000;
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin-bottom: 15px;
}

.tipping-guide-container span.letter {
  color: #45aaaf;
}

.tipping-poll-results-poll-bar {
  background: #ccc;
  height: 0.5em;
}

.tipping-poll-results-foreground {
  background: #333;
  height: 0.5em;
  float: left;
}

.tipping-poll-results-numbers {
  text-align: right;
  font-size: 0.85em;
}

.tipping-poll-total-total-count {
  text-align: center;
  font-size: 0.9em;
  color: #555;
  background: #eee;
  padding: 20px;
  clear: both;
}

#node-23144 .tipping-poll-results {
  width: 650px;
  height: 83px;
  background: url('../images/holiday_tipping/2012_poll_results_header.png') top left no-repeat;
  text-indent: -9999px;
}

/* END HOLIDAY TIPPING */

/* HOLIDAY TIPPING 2014 */

.holiday_tipping_poll_2014,
#tipping-guide-holiday-results-2014 {
  background: #B7231F url(../images/holiday_tipping_2014/footer-bg-fullpage.jpg) bottom left repeat-x;
  color: #fff;
}

#sidebar-second .holiday_tipping_poll_2014_block {
  background: #bf251d url(../images/holiday_tipping_2014/footer-bg-sidebar.jpg) bottom left repeat-x;
  color: #fff;
  margin-bottom: 30px;
}

#sidebar-second .holiday_tipping_poll_2014_block .content {
  padding: 0;
}

.holiday_tipping_poll_2014 a {
  color: #f2b98c;
  font-style: italic;
  text-decoration: underline;
}

.holiday_tipping_poll_2014 > div {
  background: url(../images/holiday_tipping_2014/header-bg-fullpage.jpg) center top repeat-x;
  padding: 28px;
}

.holiday_tipping_poll_2014_block .holiday_tipping_poll_2014 {
  background: url(../images/holiday_tipping_2014/header-bg-sidebar.jpg) center top no-repeat;
  padding: 10px;
}

.holiday_tipping_poll_2014_block .holiday_tipping_poll_2014 > div {
  background: none;
  padding: 10px;
  border: 1px solid #b68686;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

#tipping-guide-holiday-results-2014 .tipping-title {
  background: url(../images/holiday_tipping_2014/header-bg-fullpage.jpg) top center repeat-x;
  padding: 28px;
  height: 360px;
}

.holiday_tipping_poll_2014 .poll-title {
  height: 250px;
  background: url(../images/holiday_tipping_2014/header-text-fullpage.png) center top no-repeat;
  border-bottom: 2px dotted #fff;
  text-indent: -9999px;
}

#sidebar-second .holiday_tipping_poll_2014_block .poll-title {
  background: url(../images/holiday_tipping_2014/header-text-sidebar.png) center 66px no-repeat;
  height: 230px;
  border-bottom: none;
}

#sidebar-second .holiday_tipping_poll_2014_block .poll-title.thanks {
  background: url(../images/holiday_tipping_2014/thank-you-sidebar.png) center 100px no-repeat;
}

#tipping-guide-holiday-results-2014 .tipping-title h1 {
  display: none;
}

#tipping-guide-holiday-results-2014 .tipping-title h2 {
  height: 250px;
  background: url(../images/holiday_tipping_2014/header-text-results.png) center top no-repeat;
  border-bottom: 2px dotted #fff;
  text-indent: -9999px;
}

.holiday_tipping_poll_2014 .poll-subtitle {
  display: none;
}

#tipping-guide-holiday-results-2014 .tipping-subtitle {
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 2px dotted #fff;
  /*margin: -100px 28px 0;*/
}

#tipping-guide-holiday-results-2014 .tipping-subtitle h3 {
  font-size: 1.4em;
}

.holiday_tipping_poll_2014 .webform-component-markup {
  text-align: center;
  font-weight: bold;
}

#sidebar-second .holiday_tipping_poll_2014_block .webform-component-markup {
  margin: 0 10px;
  font-size: 1.2em;
}

.holiday_tipping_poll_2014 .webform-component-radios {
  width: 270px;
  margin: 0 auto;
  padding: 20px 0;
  color: #f2d6c0;
}

.holiday_tipping_poll_2014 .webform-component-radios .form-item .form-radios {
  padding-left: 35px;
  color: #fff;
}

.holiday_tipping_poll_2014 .see-results,
#tipping-guide-holiday-results-2014 .see-results {
  text-align: center;
}

#sidebar-second .holiday_tipping_poll_2014_block .webform-component-radios {
  width: auto;
  margin: 0 20px;
  padding: 10px 0 20px;
}

#sidebar-second .holiday_tipping_poll_2014_block .webform-component-radios .form-item .form-radios {
  padding-left: 25px;
}

.holiday_tipping_poll_2014 .form-actions {
  text-align: center;
}

.holiday_tipping_poll_2014 .form-actions .form-submit {
  display: inline-block;
  text-indent: -9999px;
  height: 40px;
  width: 120px;
  padding: 0;
  border: none;
  background: url(../images/holiday_tipping_2014/submit-btn-large.png) center top no-repeat;
}

.holiday_tipping_poll_2014 .form-actions .ajax-progress {
  display: block;
  float: none;
  clear: both;
}

.holiday_tipping_poll_2014 .form-actions .ajax-progress .throbber {
  display: none;
}

.holiday_tipping_poll_2014 .form-actions .form-submit:disabled {
  background-position: center -40px;
}

#sidebar-second .holiday_tipping_poll_2014_block .tip-poll-2014.thanks {
  margin: 0 25px;
  padding: 10px 0 30px;
  text-align: center;
}

#sidebar-second .holiday_tipping_poll_2014_block .tip-poll-2014.thanks p {
  font-size: 1.2em;
  margin-bottom: 30px;
}

#tipping-guide-holiday-results-2014 .tipping-guide-container {
  margin: 10px 38px 30px;
  width: 49%;
  /*width: calc(50% - 76px);*/
  padding: 0;
}

#tipping-guide-holiday-results-2014 .tipping-guide-container h4 {
  color: #F5B88D;
  font-size: 1.1em;
  margin-bottom: 15px;
}

#tipping-guide-holiday-results-2014 .tipping-guide-container .tipping-poll-results-poll-bar {
  background: #CB6363;
}

#tipping-guide-holiday-results-2014 .tipping-guide-container .tipping-poll-results-foreground {
  background: #fff;
}

#tipping-guide-holiday-results-2014 .tipping-guide-container .tipping-poll-results-numbers {
  color: #F5D7C1;
}

#tipping-guide-holiday-results-2014 .tipping-poll-total-total-count {
  background: #71120F;
  color: #F5B88D;
}

/* 2015 */

.tipping-2015-wrapper, .holiday_tipping_poll_2015 {
  background: url(../images/holiday_tipping_2015/2015-bg.png) center top repeat-y;
}

.tipping-2015-container, .holiday_tipping_poll_2015 > div {
  background: url(../images/holiday_tipping_2015/2015-bg-top.png) center top no-repeat;
}

.holiday_tipping_poll_2015 #poll-form, .tipping-2015-inner, .holiday_tipping_poll_2015 > div > div {
  background: url(../images/holiday_tipping_2015/2015-bg-bottom.png) center bottom no-repeat;
  padding: 135px 90px 170px;
}

.sidebar .tipping-2015-wrapper, .sidebar .holiday_tipping_poll_2015 {
  background: url(../images/holiday_tipping_2015/2015-bg-sidebar.png) center top repeat-y;
}

.sidebar .tipping-2015-container, .sidebar .holiday_tipping_poll_2015 > div {
  background: url(../images/holiday_tipping_2015/2015-bg-top-sidebar.png) center top no-repeat;
}

.sidebar .holiday_tipping_poll_2015 #poll-form, .sidebar .tipping-2015-inner, .sidebar .holiday_tipping_poll_2015 > div > div {
  background: url(../images/holiday_tipping_2015/2015-bg-bottom-sidebar.png) center bottom no-repeat;
  padding: 85px 45px 95px;
}

.holiday_tipping_poll_2015 .thanks {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  font-size: 18px;
  margin-bottom: 20px;
  font-family: 'Courier';
}

.sidebar .holiday_tipping_poll_2015 .thanks {
  font-size: 16px;
  margin-bottom: 10px;
}

.tipping-2015-inner {
  background: url(../images/holiday_tipping_2015/2015-bg-bottom.png) center bottom no-repeat;
  padding: 135px 57px 170px;
}

.tipping-2015-inner .poll-title, .holiday_tipping_poll_2015 .poll-title {
  background: url(../images/holiday_tipping_2015/title.png) center top no-repeat;
  display: block;
  width: 470px;
  height: 48px;
  text-indent: -9999px;
  margin: 0 auto;
}

.tipping-2015-inner .poll-subtitle, .holiday_tipping_poll_2015 .poll-subtitle {
  background: url(../images/holiday_tipping_2015/subtitle.png) center top no-repeat;
  display: block;
  width: 470px;
  height: 167px;
  text-indent: -9999px;
  margin: 0 auto;
}

.sidebar .tipping-2015-inner .poll-title, .sidebar .holiday_tipping_poll_2015 .poll-title {
  background: url(../images/holiday_tipping_2015/title_sidebar.png) center top no-repeat;
  display: block;
  width: 220px;
  height: 22px;
  text-indent: -9999px;
  margin: 0 auto;
}

.sidebar .tipping-2015-inner .poll-subtitle, .sidebar .holiday_tipping_poll_2015 .poll-subtitle {
  background: url(../images/holiday_tipping_2015/subtitle_sidebar.png) center top no-repeat;
  display: block;
  width: 220px;
  height: 73px;
  text-indent: -9999px;
  margin: 0 auto;
}

.tipping-2015-inner .tipping-subtitle {
  padding: 0 40px;
}

.view-2015-poll {
  display: block;
  margin: 10px auto;
  text-align: center;
}

.view-2015-poll span {
  padding: 5px 8px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
}

.view-2015-poll span.text {
  background: #face15;
  color: #000;
}

.view-2015-poll span.go-button {
  background: #ed1b24;
  color: #fff;
}

.tipping-2015-inner .tipping-subtitle h3, .holiday_tipping_poll_2015 #webform-component-header {
  padding: 15px 25px 20px;
  background: #000;
  color: #fff;
  font-size: 16px;
  line-height: 1.2em;
  font-family: Courier;
  text-align: center;
  margin: 20px 0 30px;
}

.sidebar .tipping-2015-inner .tipping-subtitle h3, .sidebar .holiday_tipping_poll_2015 #webform-component-header {
  padding: 15px 0 10px;
  background: transparent;
  color: #000;
  font-size: 14px;
  line-height: 1.2em;
  font-family: inherit;
  text-align: center;
  margin: 0;
}

.holiday_tipping_poll_2015 #webform-component-header p {
  margin: 0;
}

.holiday_tipping_poll_2015 .webform-component-radios {
  width: 230px;
  margin: 0 auto 30px;
  font-size: 13px;
  color: #000;
}

.holiday_tipping_poll_2015 .webform-component-radios .bp-processed {
  margin: 0 0 0 20px;
}

.holiday_tipping_poll_2015 .form-actions {
  margin: 0;
}

.holiday_tipping_poll_2015 .form-submit {
  padding: 10px 22px;
  text-transform: uppercase;
  background: #000;
  color: #fff;
  font-size: 14px;
  margin: 30px auto 0;
  display: block;
  border: none;
  letter-spacing: 2px;
}

.holiday_tipping_poll_2015 .see-results {
  text-align: center;
}

.holiday_tipping_poll_2015 .see-results a {
  color: #000;
  font-size: 11px;
  font-style: italic;
  text-decoration: underline;
}

.tipping-2015-inner .tipping-guide-containers {
  padding: 0 40px;
}

.tipping-2015-inner .tipping-guide-container {
  width: 232px;
  padding: 20px 18px;
}

.tipping-2015-inner .tipping-guide-container h4 {
  background: #000;
  color: #fff;
  font-size: 12px;
  font-family: Courier;
  text-align: left;
  padding: 4px 5px;
  height: 38px;
  margin-bottom: 18px;
}

.tipping-2015-inner .tipping-guide-container h4 strong {
  font-weight: normal;
}

.tipping-2015-inner .tipping-guide-container .tipping-poll-results-amount {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

.tipping-2015-inner .tipping-guide-container .tipping-poll-results-poll-bar {
  background: #e2ac25;
  height: 0.4em;
}

.tipping-2015-inner .tipping-guide-container .tipping-poll-results-poll-bar .tipping-poll-results-foreground {
  background: #000;
  height: 0.4em;
}

.tipping-2015-inner .tipping-guide-container .tipping-poll-total-count {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #000;
}

.tipping-2015-inner .tipping-poll-total-total-count {
  background: transparent;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
}

.tipping-2015-inner .tipping-poll-total-total-count span {
  color: #e2ac25;
}

#navbar #block-system-main-menu ul.menu li a.menu-tipping-2015 {
  display: inline-block;
  display: none;
  width: 190px;
  height: 45px;
  padding: 0;
  vertical-align: top;
  margin-left: 20px;
  text-indent: -9999px;
  background: url(../images/holiday_tipping_2015/menu-button.png) left top no-repeat;
}

body.logged-in #navbar #block-system-main-menu ul.menu li a.menu-tipping-2015 {
  display: inline-block;
}

/* END HOLIDAY TIPPING 2015 */

/* Holiday Tipping Poll */

.holiday_tipping_poll_2013 {
  background: #ca3030 url(../images/holiday-poll-top-background.png) right top no-repeat;
  padding: 4px 14px 14px;
}

.holiday_tipping_poll_2013 .thanks,
.holiday_tipping_poll_2013 #poll-form {
  padding: 12px 20px 10px;
  background: #fff url(../images/holiday-poll-background.png) center top no-repeat;
  color: #3d3d3d;
  font-size: 14px;
}

.holiday_tipping_poll_2013 .poll-title {
  font-family: 'oswaldregular';
  font-size: 14px;
  text-transform: uppercase;
  color: #c4e8ea;
  margin-bottom: 5px;
  padding: 20px 0 0 2px;
  background: url(../images/holiday-poll-ribbon.png) left top no-repeat;
}

.holiday_tipping_poll_2013 .poll-subtitle {
  font-family: 'copseregular';
  font-size: 26px;
  letter-spacing: 1px;
  color: #fff;
  margin: 0 3px 5px;
}

.holiday_tipping_poll_2013 #poll-form .form-item#webform-component-header {
  font-family: 'oswaldregular';
  font-size: 18px;
  text-align: center;
  color: #3d3d3d;
  margin: 0 0 10px;
}

.holiday_tipping_poll_2013 #poll-form .form-item {
  margin: 0.1em 0 0.5em;
}

.holiday_tipping_poll_2013 #poll-form .form-item.smoosh {
  margin: 0;
}

.holiday_tipping_poll_2013 #poll-form .form-item .form-radio {
  margin: 2px 4px 0 0;
  vertical-align: top;
}

.holiday_tipping_poll_2013 #poll-form #edit-submitted-amount {
  margin-left: 44px;
  font-size: 13px;
}

.holiday_tipping_poll_2013 #poll-form .form-submit {
  display: block;
  background: #0097a0;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  padding: 5px 30px;
  border: none;
  margin: 15px auto 0;
  cursor: pointer;
}

.holiday_tipping_poll_2013 #poll-form .form-submit:disabled {
  cursor: default;
  background: #8aaeb0;
}

.holiday_tipping_poll_2013 .thanks p {
  font-family: 'oswaldregular';
  font-size: 18px;
  text-align: center;
  color: #3d3d3d;
  margin: 45px 40px 30px;
}

.holiday_tipping_poll_2013 .thanks .results-link {
  display: block;
  background: #0097a0;
  text-decoration: none;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  padding: 5px 30px;
  border: none;
  margin: 0 30px 60px;
}

/* Results overrides */
#tipping-guide-holiday-results-2013 .tipping-poll-results-poll-bar {
  background: #e6d8d8;
}

#tipping-guide-holiday-results-2013 .tipping-poll-results-foreground {
  background: #ca3030;
}

#tipping-guide-holiday-results-2013 .tipping-guide-container {
  padding: 20px 4% 20px 3%;
  width: 42%;
}

#tipping-guide-holiday-results-2013 .tipping-guide-container h4 {
  color: #ca3030;
  margin-bottom: 10px;
}

#tipping-guide-holiday-results-2013 .tipping-poll-total-total-count {
  color: #6b1919;
  background: #e6d8d8;
}

#tipping-guide-holiday-results-2013 .tipping-title {
  background: #ca3030 url(../images/holiday-poll-results-header-background.png) center top no-repeat;
  padding: 5px 55px 40px;
  border-bottom: 14px solid #c8ebee;
}

#tipping-guide-holiday-results-2013 .tipping-title h2 {
  font-family: 'oswaldregular';
  font-size: 16px;
  text-transform: uppercase;
  color: #c4e8ea;
  margin: 0 0 5px;
  padding: 20px 0 0 2px;
  background: url(../images/holiday-poll-ribbon.png) left top no-repeat;
}

#tipping-guide-holiday-results-2013 .tipping-title h1 {
  font-family: 'copseregular';
  font-size: 46px;
  letter-spacing: 1px;
  color: #fff;
  margin: 0 80px 5px;
}

#tipping-guide-holiday-results-2013 .tipping-subtitle {
  background: #a02626;
  padding: 12px 130px;
  margin: 0;
}

#tipping-guide-holiday-results-2013 .tipping-subtitle h3 {
  margin: 0;
  line-height: 1.4em;
  font-size: 22px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-family: 'oswaldlight';
}

.tipping-2015-container {
  max-width: 750px;
  .tipping-guide-container {
    width: 49%;
  }
}

@font-face {
  font-family: 'brandon_grotesquebold';
  src: url('../images/holiday_tipping_2016/font/brandon_bld-webfont.woff2') format('woff2'),
  url('../images/holiday_tipping_2016/font/brandon_bld-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*2016 start*/

/*2016 start*/

.page-url--2016-holiday-tipping-poll {
  .pane-node-title {
    display: none;
  }
  .pane-node-webform {
    font-family: 'brandon_grotesquebold';
    font-size: 20px;
    background: #000 url(../images/holiday_tipping_2016/full-bg.jpg) 50% 0 no-repeat;
    color: #fff;
    padding: 15px;
    margin-bottom: 25px;
    .pane-content {
      border: 2px solid #fff;
    }

  }
  .webform-component--person-type {
    & > label {
      display: none;
    }
    margin-left: 25%;
  }
  .webform-component--header {
    margin-top: 20px;
    padding-top: 250px;
    background: url(../images/holiday_tipping_2016/htp-logo2.png) 50% 0 no-repeat;
    p {
      text-align: center;
      color: #e5b455;
      font-weight: bold;
    }
  }
  .webform-component--amount {
    //display:none;
    & > label {
      display: none;
    }
    margin-left: 10%;
  }
  .webform-client-form {
    padding-bottom: 30px;
    .form-actions {
      text-align: center;
      button.btn.webform-submit.form-submit {
        background: url(../images/holiday_tipping_2016/button-bg.png) 50% 0 no-repeat;
        color: #000;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 20px !important;
        border-radius: 30px;
        padding: 15px 35px;
        &:after {
          content: "";
          display: none;
        }
      }
    }
    .see-results {
      text-align: center;
      margin: 10px 0 10px 0;
      a {
        color: #fff;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 16px !important;
      }
    }
  }

}

.tipping-2016-container {
  margin: 20px 0 20px 0;
  max-width: 1100px;
  font-family: 'brandon_grotesquebold';
  font-size: 20px;
  background: #000 url(../images/holiday_tipping_2016/full-bg.jpg) 50% 0 no-repeat;
  color: #fff;
  padding: 15px;
  .tipping-2016-inner {
    border: 2px solid #fff;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: 'brandon_grotesquebold';
    font-size: 20px;
    text-align: center;
  }
  h3 {
    color: #d6aa51;
  }
  h4 {
    background: #000;
    color: #fff;
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px 10px;
  }

  .tipping-guide-container {
    width: 49%;
  }

  .tipping-poll-total-total-count {
    background: none;
  }
  .poll-title {
    text-align: center;

  }
  .poll-subtitle {
    min-height: 250px;
    background: url(../images/holiday_tipping_2016/htp-logo2.png) 50% 0 no-repeat;
  }
  .tipping-poll-results-amount {
    font-size: 20px;
  }
  .tipping-poll-results-poll-bar {
    background: #fff;
  }
  .tipping-poll-results-foreground {
    background: #e0ad44;
  }
  .tipping-poll-results-numbers {
    font-style: italic;
    font-size: 16px;
    color: #e1ac46;
  }
  .tipping-poll-total-total-count {
    color: #e1ac46;
    font-size: 26px;
  }
  .view-2016-guide-outer {
    background: url(../images/holiday_tipping_2016/button-bg.jpg) 50% 0 no-repeat;
    color: #000;
    font-family: 'brandon_grotesquebold' !important;
    font-size: 20px !important;
    border-radius: 30px;
    padding: 15px 35px;
    width: 600px;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    a {
      color: #000;
      text-shadow: 0px 0px 10px rgba(150, 150, 150, 1);
    }
  }
}

.webform-tipping-poll-2016 {

  background: #000;
  .radio input[type="radio"] {
    margin-top: 11px;
  }
  .pane-content {
    display: none;
    padding: 8px;
    background: #000 url(../images/holiday_tipping_2016/sidebar-thankyou-bg.jpg) 0 50% no-repeat;
    font-family: 'brandon_grotesquebold';
    font-size: 18px;
    color: #fff;

  }
  .tipping-2016-inner {
    border: 2px solid #fff;
  }

  .webform-component--person-type {
    & > label {
      display: none;
    }
    margin-left: 10px;
  }
  .webform-component--header {
    margin-top: 20px;
    padding-top: 150px;
    background: url(../images/holiday_tipping_2016/htp-logo3.png) 50% 0 no-repeat;
    p {
      text-align: center;
      color: #e5b455;
      font-weight: bold;
    }
  }
  .webform-component--amount {
    //display:none;
    & > label {
      display: none;
    }
    margin-left: 15px;
  }
  .webform-client-form {

    border: 1px solid #fff;

    .form-actions {
      text-align: center;
      button.btn.webform-submit.form-submit {
        background: url(../images/holiday_tipping_2016/button-bg.png) 50% 0 no-repeat;
        color: #000;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 20px !important;
        border-radius: 30px;
        padding: 15px 35px;
        &:after {
          content: "";
          display: none;
        }
      }
    }
    .see-results {
      text-align: center;
      margin: 10px 0 10px 0;
      a {
        color: #fff;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 16px !important;
      }
    }
  }

}

.webform-2016-thankyou {
  background: url(../images/holiday_tipping_2016/sidebar-thankyou-bg2.jpg) 0 0 no-repeat;
  position: relative;
  width: 300px;
  height: 312px;
  a {
    display: block;

    position: absolute;
    width: 120px;
    height: 50px;
    top: 200px;
    left: 90px;
  }
}

/* 2017 start */

.page-url--2017-holiday-tipping-poll {
  .pane-node-title {
    display: none;
  }
  .pane-node-webform {
    font-family: 'brandon_grotesquebold';
    font-size: 20px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.75) 100%), url(/sites/all/themes/bootstrap_brick/images/holiday_tipping_2017/full-bg.jpg) 50% 0 no-repeat;
    //background:#fff url(../images/holiday_tipping_2017/full-bg.jpg) 50% 0 no-repeat;
    color: #000;
    padding: 15px;
    margin-bottom: 80px;
    margin-top: 50px;
    .pane-content {
      border: 2px solid #fff;
    }
  }
  .webform-component--person-type {
    & > label {
      display: none;
    }
    margin-left: 25%;
  }
  .webform-component--header {
    margin-top: 20px;
    padding-top: 250px;
    background: url(../images/holiday_tipping_2017/htp-logo2.png) 50% 0 no-repeat;
    p {
      text-align: center;
      color: #000;
      font-weight: bold;
    }
  }
  @media only screen and (max-width: 600px) {
    .webform-component--header {
      background-size: contain;
      padding-top: 150px;
    }
  }

  .webform-component--amount {
    //display:none;
    & > label {
      display: none;
    }
    margin-left: 10%;
  }
  .webform-client-form {
    padding-bottom: 30px;
    .form-actions {
      text-align: center;
      button.btn.webform-submit.form-submit {
        /*background:url(../images/holiday_tipping_2016/button-bg.png) 50% 0 no-repeat;*/
        background-color: #000;
        color: #fff;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 20px !important;
        border-radius: 30px;
        padding: 15px 35px;
        &:after {
          content: "";
          display: none;
        }
      }
    }
    .see-results {
      text-align: center;
      margin: 10px 0 10px 0;
      a {
        color: #fff;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 16px !important;
      }
    }
  }

}

.tipping-2017-container {
  margin: 20px 0 20px 0;
  max-width: 1100px;
  font-family: 'brandon_grotesquebold';
  font-size: 20px;
  //background:#fff url(../images/holiday_tipping_2017/full-bg.jpg) 50% 0 no-repeat;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.75) 100%), url(/sites/all/themes/bootstrap_brick/images/holiday_tipping_2017/full-bg.jpg) 50% 0 no-repeat;
  color: #000;
  padding: 15px;

  @media only screen and (max-width: 600px) {
    background-size: auto 100%;
  }

  .tipping-2017-inner {
    border: 2px solid #fff;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: 'brandon_grotesquebold';
    font-size: 20px;
    text-align: center;
  }
  h3 {
    //color:#d6aa51;
    color: #000;
  }
  h4 {
    background: #000;
    color: #fff;
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px 10px;
  }

  .tipping-guide-container {
    width: 49%;
  }

  .tipping-poll-total-total-count {
    background: none;
  }
  .poll-title {
    text-align: center;

  }
  .poll-subtitle {
    min-height: 250px;
    background: url(../images/holiday_tipping_2017/htp-logo2.png) 50% 0 no-repeat;
  }
  @media only screen and (max-width: 600px) {
    .poll-subtitle {
      background-size: contain;
      min-height: 150px;
    }
  }

  .tipping-poll-results-amount {
    font-size: 20px;
  }
  .tipping-poll-results-poll-bar {
    background: #fff;
  }
  .tipping-poll-results-foreground {
    background: #e0ad44;
    //background: #000;
  }
  .tipping-poll-results-numbers {
    font-style: italic;
    font-size: 16px;
    //color:#e1ac46;
    color: #000;
  }
  .tipping-poll-total-total-count {
    //color:#e1ac46;
    color: #000;
    font-size: 26px;
  }
  .view-2017-guide-outer {
    /*background:url(../images/holiday_tipping_2017/button-bg.jpg) 50% 0 no-repeat;*/
    background-color: #000;
    color: #fff;
    font-family: 'brandon_grotesquebold' !important;
    font-size: 20px !important;
    border-radius: 30px;
    padding: 15px 35px;
    width: 600px;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    a {
      color: #fff;
      //text-shadow: 0px 0px 10px rgba(150, 150, 150, 1);
    }
  }
}

.webform-tipping-poll-2017 {

  background: #000;
  .radio input[type="radio"] {
    margin-top: 11px;
  }
  .pane-content {
    display: none;
    padding: 8px;
    //background:#000 url(../images/holiday_tipping_2017/sidebar-thankyou-bg.jpg) 0 50% no-repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.75) 100%), url(/sites/all/themes/bootstrap_brick/images/holiday_tipping_2017/sidebar-thankyou-bg.jpg) 50% 0 no-repeat;
    font-family: 'brandon_grotesquebold';
    font-size: 18px;
    //color:#fff;
    color: #000;

  }
  .tipping-2017-inner {
    border: 2px solid #fff;
  }

  .webform-component--person-type {
    & > label {
      display: none;
    }
    margin-left: 10px;
  }
  .webform-component--header {
    margin-top: 20px;
    padding-top: 150px;
    background: url(../images/holiday_tipping_2017/htp-logo3.png) 50% 0 no-repeat;
    p {
      text-align: center;
      //color:#e5b455;
      color: #000;
      font-weight: bold;
    }
  }
  .webform-component--amount {
    //display:none;
    & > label {
      display: none;
    }
    margin-left: 15px;
  }
  .webform-client-form {

    border: 1px solid #fff;

    .form-actions {
      text-align: center;
      button.btn.webform-submit.form-submit {
        /*background:url(../images/holiday_tipping_2016/button-bg.png) 50% 0 no-repeat;*/
        background-color: #000;
        color: #fff;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 20px !important;
        border-radius: 30px;
        padding: 15px 35px;
        &:after {
          content: "";
          display: none;
        }
      }
    }
    .see-results {
      text-align: center;
      margin: 10px 0 10px 0;
      a {
        color: #fff;
        //color: #000;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 16px !important;
      }
    }
  }

}

.webform-2017-thankyou {
  //background:url(../images/holiday_tipping_2017/sidebar-thankyou-bg2.jpg) 0 0 no-repeat;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.75) 100%), url(/sites/all/themes/bootstrap_brick/images/holiday_tipping_2017/sidebar-thankyou-bg2.jpg) 50% 0 no-repeat;
  position: relative;
  width: 300px;
  height: 312px;
  a {
    display: block;

    position: absolute;
    width: 120px;
    height: 50px;
    top: 200px;
    left: 90px;
  }
}

@media only screen and (max-width: 991px) {
  .webform-tipping-poll-2017 {
    display: none !important;
    visibility: hidden;
    height: 0px;
    overflow: hidden;
  }
}

/* 2018 start */

.page-url--2018-holiday-tipping-poll {

  .radio {
    margin-top: 9px;
    margin-bottom: 12px;
    input[type="radio"] {
      position: absolute;
      margin-top: 10px;
      margin-left: -20px;
    }
    label {
      font-size: 19px;
      letter-spacing: 1.5px;
    }
  }
  .pane-node-title {
    display: none;
  }
  .pane-node-webform {
    font-family: 'brandon_grotesquebold';
    font-size: 20px;
    background: url(/sites/all/themes/bootstrap_brick/images/holiday_tipping_2018/tpbg.jpg) 50% 0 no-repeat;
    //background:#fff url(../images/holiday_tipping_2018/full-bg.jpg) 50% 0 no-repeat;
    color: #000;
    padding: 15px;
    margin-bottom: 80px;
    margin-top: 50px;
    .pane-content {
      border: 2px solid #fff;
    }
  }
  .webform-component--person-type {
    & > label {
      display: none;
    }
    margin-left: 32%;
    margin-top: 50px;
    .webform-component--amount {
      display: block;
    }
  }
  .webform-component--header {
    margin-top: 20px;
    padding-top: 305px;
    background: url(../images/holiday_tipping_2018/logo.png) 50% 0 no-repeat;
    background-size: contain;
    width: 71%;
    margin: 32px auto 0;
    p {
      text-align: center;
      color: #000;
      font-weight: bold;
      font-size: 28px;
      letter-spacing: 1.2px;
    }
  }
  @media only screen and (max-width: 600px) {
    .webform-component--header {
      background-size: contain;
      padding-top: 150px;
    }
  }

  .webform-component--amount {
    display: none;
    & > label {
      display: none;
    }
    margin-left: 6%;
    margin-top: 5px;
    .radio {
      margin-top: 0;
      margin-bottom: 6px;
      label {
        height: 38px;
      }
    }

  }
  .webform-client-form {
    padding-bottom: 30px;
    .form-actions {
      text-align: center;
      button.btn.webform-submit.form-submit {
        background: url(../images/holiday_tipping_2018/gold-bg.jpg) 50% 0 no-repeat;
        background-size: cover;
        background-color: #000;
        color: #000;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 20px !important;
        border-radius: 30px;
        padding: 15px 35px;
        &:after {
          content: "";
          display: none;
        }
      }
    }
    .see-results {
      text-align: center;
      margin: 10px 0 10px 0;
      a {
        color: #bf9f69;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 16px !important;
      }
    }
  }

}

.tipping-2018-container {
  margin: 20px 0 20px 0;
  max-width: 1100px;
  font-family: 'brandon_grotesquebold';
  font-size: 20px;
  //background:#fff url(../images/holiday_tipping_2018/full-bg.jpg) 50% 0 no-repeat;
  background: url(/sites/all/themes/bootstrap_brick/images/holiday_tipping_2018/tpbg2.jpg) 50% 0 no-repeat;
  background-size: cover;
  color: #fff;
  padding: 15px;

  @media only screen and (max-width: 600px) {
    background-size: auto 100%;
  }

  .tipping-2018-inner {
    border: 2px solid #000;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: 'brandon_grotesquebold';
    font-size: 20px;
    text-align: center;
  }
  h3 {
    //color:#d6aa51;
    color: #000;
  }
  h4 {
    background: #000;
    color: #fff;
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px 10px;
  }

  .tipping-guide-container {
    width: 49%;
  }

  .tipping-poll-total-total-count {
    background: none;
  }
  .poll-title {
    text-align: center;

  }
  .poll-subtitle {
    min-height: 270px;
    background: url(/sites/all/themes/bootstrap_brick/images/holiday_tipping_2018/logo.png) 50% 0 no-repeat;
    width: 80%;
    margin: auto;
    background-size: contain;
  }
  @media only screen and (max-width: 600px) {
    .poll-subtitle {
      background-size: contain;
      min-height: 150px;
    }
  }

  .tipping-poll-results-amount {
    font-size: 20px;
  }
  .tipping-poll-results-poll-bar {
    background: rgba(0, 0, 0, 0.5);
  }
  .tipping-poll-results-foreground {
    background: #fff;
    //background: #000;
  }
  .tipping-poll-results-numbers {
    font-style: italic;
    font-size: 16px;
    //color:#e1ac46;
    color: #000;
  }
  .tipping-poll-total-count {
    color: #000;
  }
  .tipping-poll-total-total-count {
    //color:#e1ac46;
    color: #fff;
    font-size: 26px;
    background-color: #000;
    width: 275px;
    margin: 20px auto;
  }
  .view-2018-guide-outer {
    /*background:url(../images/holiday_tipping_2018/button-bg.jpg) 50% 0 no-repeat;*/
    background-color: #000;
    color: #fff;
    font-family: 'brandon_grotesquebold' !important;
    font-size: 20px !important;
    border-radius: 30px;
    padding: 15px 35px;
    width: 600px;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    a {
      color: #fff;
      //text-shadow: 0px 0px 10px rgba(150, 150, 150, 1);
    }
  }
}

.webform-tipping-poll-2018 {

  background: #000;
  margin-top: 15px;
  .radio input[type="radio"] {
    margin-top: 2px;
    font-size: 15px;
  }
  .pane-content {
    // display:none;
    padding: 8px;
    //background:#000 url(../images/holiday_tipping_2018/sidebar-thankyou-bg.jpg) 0 50% no-repeat;
    background: url(/sites/all/themes/bootstrap_brick/images/holiday_tipping_2018/tpbg2.jpg) 50% 0 no-repeat;
    background-size: cover;
    font-family: 'brandon_grotesquebold';
    font-size: 18px;
    //color:#fff;
    color: #fff;

  }
  .tipping-2018-inner {
    border: 2px solid #000;
  }

  .webform-component--person-type {
    & > label {
      display: none;
    }
    margin-left: 8px;
    margin-right: 8px;
    .radio {
      margin-top: 0;
      margin-bottom: 0;
    }
    label {
      font-size: 12px;
      line-height: 14px;
    }
    .webform-component--amount {
      display:block;
    }
  }
  .webform-component--header {
    margin-top: 20px;
    padding-top: 127px;
    background: url(../images/holiday_tipping_2018/logoblock.png) 50% 0 no-repeat;
    background-size: contain;
    p {
      text-align: center;
      //color:#e5b455;
      color: #fff;
      font-weight: bold;
      font-size: 15px;
    }
  }
  .webform-component--amount {
    display: none;
    & > label {
      display: none;
    }
    margin-left: 15px;
  }
  .webform-client-form {

    // border:1px solid #fff;

    .form-actions {
      text-align: center;
      button.btn.webform-submit.form-submit {
        background: url(../images/holiday_tipping_2018/gold-bg.jpg) 50% 0 no-repeat;
        background-size: cover;
        background-color: #000;
        color: #000;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 10px !important;
        border-radius: 30px;
        padding: 12px 28px;
        &:after {
          content: "";
          display: none;
        }
      }
    }
    .see-results {
      text-align: center;
      margin: 0 0 10px 0;
      a {
        color: #bf9f69;
        //color: #000;
        font-family: 'brandon_grotesquebold' !important;
        font-size: 12px !important;
      }
    }
  }

}

.webform-2018-thankyou {
  //background:url(../images/holiday_tipping_2018/sidebar-thankyou-bg2.jpg) 0 0 no-repeat;
  background: url(/sites/all/themes/bootstrap_brick/images/holiday_tipping_2018/thankyoubg.jpg) 50% 0 no-repeat;
  position: relative;
  background-size: contain;
  position: relative;
  height: 280px;
  a {
    display: block;

    position: absolute;
    width: 120px;
    height: 50px;
    top: 200px;
    left: 90px;
  }
}

@media only screen and (max-width: 991px) {
  .webform-tipping-poll-2018 {
    display: none !important;
    visibility: hidden;
    height: 0px;
    overflow: hidden;
  }
}

.wtp-2019 {
  margin: 40px 0 50px;
  border: 1px solid @brickblack;
  padding: 25px 0;
  &--header {
    &-year {
      text-align: center;
      font-family: 'futura-pt', Futura, sans-serif;
      font-weight: bold;
      font-size: 18px;
      line-height: 1;
      position: relative;
      margin: 0 10px 10px;
      span {
        position: relative;
        background: @brickwhite;
        padding: 0 7px;
      }
      &:before {
        position: absolute;
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: url("../images/holiday_tipping_2019/diagonal-pattern.jpg");
        background-size: 200%;
        z-index: 0;
      }
    }
    &-subtitle {
      text-align: center;
      font-family: 'futura-pt', Futura, sans-serif;
      font-weight: 500;
      font-size: 9.24px;
      letter-spacing: 0.180em;
      margin-bottom: 5px;
      line-height: 1;
    }
    &-title {
      margin-bottom: 10px;
      &.wtp-2019--header-title-full {
        display: none;
      }
    }
    &-question {
      font-family: 'Times New Roman', Times, serif;
      font-weight: bold;
      font-size: 14.48px;
      letter-spacing: 0.010em;
      text-align: center;
      padding: 0 10px;
      span {
        background: @brickblack;
        color: @brickwhite;
        box-shadow: 5px 0 @brickblack, -5px 0 0 @brickblack;
        &:first-line {
          box-shadow: 3px 0 @brickblack, -3px 0 0 @brickblack;
        }
      }
    }
  }
  .webform-component--person-type, .webform-component--amount {
    padding: 0 10px 0 20px;
    > label {
      display: none;
    }
    label {
      font-family: 'Europa', sans-serif;
      font-size: 11px;
      line-height: 1;
      letter-spacing: 0;
      min-height: 0;
      margin-bottom: 10px;
    }
    .form-item {
      font-size: 11.2px;
      line-height: 1;
      margin-top: 0;
      margin-bottom: 5px;
    }
    input[type='radio'] {
      width: 10px;
      height: 10px;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      border: none;
      background: none;
      margin-top: 2px;
      &:after {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: relative;
        background-color: @brickwhite;
        content: '';
        display: inline-block;
        vertical-align: super;
        visibility: visible;
        border: 2px solid @brickblack;
      }
      &:checked {
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        background: none;
        &:after {
          width: 12px;
          height: 12px;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          position: relative;
          background-color: #BC9F75;
          content: '';
          display: inline-block;
          vertical-align: super;
          visibility: visible;
          border: 1px solid @brickblack;
          padding: 2px;
          background-clip: content-box;
        }
      }
    }
  }
  .webform-component--amount {
    padding: 0 0 0 10px;
    label {
      font-size: 10px;
    }
    .form-item {
      margin-bottom: 0;
      &:first-child {
        margin-top: 5px;
      }
    }
    input[type='radio'] {
      margin-top: 0;
    }
  }
  .form-actions {
    text-align: center;
    button {
      border-radius: 50px;
      font-family: 'Europa', sans-serif;
      font-size: 11px;
      font-weight: bold;
      letter-spacing: 0.154em;
      padding: 10px 20px;
      background: url("../images/holiday_tipping_2019/button-bg.png") center;
      background-size: cover;
      transition: none;
      color: @brickblack;
      &:after {
        display: none;
      }
      &:hover {
        color: @brickwhite;
        background: @brickblack;
      }
    }
  }
  .see-results {
    text-align: center;
    a {
      font-family: 'Europa', sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: @brickblack;
      text-decoration: underline;
      text-underline-position: under;
    }
  }
  &--thank-you {
    &-text {
      font-family: 'Times New Roman', Times, serif;
      font-weight: bold;
      font-size: 14.48px;
      letter-spacing: 0.010em;
      text-align: center;
      padding: 0 10px;
      margin-bottom: 20px;
      span {
        background: @brickblack;
        color: @brickwhite;
        box-shadow: 5px 0 @brickblack, -5px 0 0 @brickblack;
        &:first-line {
          box-shadow: 3px 0 @brickblack, -3px 0 0 @brickblack;
        }
      }
    }
    &-title {
      margin-bottom: 20px;
      &.wtp-2019--thank-you-title-full {
        display: none;
      }
    }
    &-button {
      text-align: center;
      a {
        border-radius: 50px;
        font-family: 'Europa', sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 0.154em;
        padding: 10px 20px;
        background: url("../images/holiday_tipping_2019/button-bg.png") center;
        background-size: cover;
        transition: none;
        color: @brickblack;
        &:hover {
          color: @brickwhite;
          background: @brickblack;
        }
      }
    }
  }

  &-results {
    border: 1px solid @brickblack;
    padding: 25px 0;
    &--header {
      &-year {
        text-align: center;
        font-family: 'futura-pt', Futura, sans-serif;
        font-weight: bold;
        font-size: 26px;
        line-height: 1;
        position: relative;
        margin: 0 10px 10px;
        span {
          position: relative;
          background: @brickwhite;
          padding: 0 0.3em 0 0.8em;
          letter-spacing: 0.5em;
        }
        &:before {
          position: absolute;
          content: '';
          display: block;
          width: 100%;
          height: 8px;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          background: url("../images/holiday_tipping_2019/diagonal-pattern.jpg");
          background-size: 100%;
          z-index: 0;
        }
      }
      &-subtitle {
        text-align: center;
        font-family: 'futura-pt', Futura, sans-serif;
        font-weight: 500;
        font-size: 18.5px;
        letter-spacing: 0.180em;
        margin-bottom: 20px;
        line-height: 1;
      }
      &-title {
        margin-bottom: 20px;
      }
      &-link {
        background: @brickblack;
        border-radius: 20px;
        padding: 10px;
        max-width: 510px;
        margin: 0 auto 20px;
        font-family: 'Times New Roman', Times, serif;
        letter-spacing: 0.009em;
        a {
          color: @brickwhite;
          span {
            display: block;
            text-align: center;
            line-height: 1;
            &:first-child {
              font-style: italic;
              font-size: 18px;
            }
            &:last-child {
              font-weight: bold;
              font-size: 22px;
            }
          }
        }
      }
      &-question {
        font-family: 'Times New Roman', Times, serif;
        font-weight: bold;
        font-size: 21px;
        letter-spacing: 0.010em;
        text-align: center;
        padding: 0 10px;
        margin-bottom: 20px;
      }
    }
    &--results {
      &--container {
        max-width: 620px;
        margin: 0 auto 20px !important;
      }
      &--group {
        margin-bottom: 30px;
        h4 {
          font-family: 'Europa', sans-serif;
          font-weight: normal;
          background: @brickblack;
          color: @brickwhite;
          letter-spacing: 0.014em;
          font-size: 14px;
          padding: 5px;
          line-height: 1;
        }
        &-total {
          font-family: 'Europa', sans-serif;
          font-weight: normal;
          font-size: 13px;
          font-style: italic;
          letter-spacing: 0.015em;
        }
      }
      &--item {
        &-amount {
          font-family: 'Europa', sans-serif;
          font-weight: normal;
          font-size: 14px;
        }
        &-bar {
          background: fade(@brickblack, 25%);
          width: 100%;
          height: 4px;
          margin-top: 4px;
          margin-bottom: 4px;
          position: relative;
        }
        &-bar-foreground {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          background: @brickblack;
        }
        &-numbers {
          font-family: lato, sans-serif;
          font-weight: 600;
          font-style: italic;
          font-size: 12px;
          color: fade(@brickblack, 50%);
          text-align: right;
          letter-spacing: 0.018em;
        }
      }
      &--total {
        font-family: 'Europa', sans-serif;
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 20px;
        span {
          background-color: @brickblack;
          color: @brickwhite;
          padding: 3px 15px;
        }
      }
    }
  }

  &-full {
    border: 1px solid @brickblack;
    padding: 40px 0;
    .wtp-2019--header {
      &-year {
        text-align: center;
        font-family: 'futura-pt', Futura, sans-serif;
        font-weight: bold;
        font-size: 26px;
        line-height: 1;
        position: relative;
        margin: 0 10px 10px;
        span {
          position: relative;
          background: @brickwhite;
          padding: 0 0.3em 0 0.8em;
          letter-spacing: 0.5em;
        }
        &:before {
          position: absolute;
          content: '';
          display: block;
          width: 100%;
          height: 8px;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          background: url("../images/holiday_tipping_2019/diagonal-pattern.jpg");
          background-size: 100%;
          z-index: 0;
        }
      }
      &-subtitle {
        text-align: center;
        font-family: 'futura-pt', Futura, sans-serif;
        font-weight: 500;
        font-size: 18.5px;
        letter-spacing: 0.180em;
        margin-bottom: 20px;
        line-height: 1;
      }
      &-title {
        margin-bottom: 20px;
        &.wtp-2019--header-title-sidebar {
          display: none;
        }
        &.wtp-2019--header-title-full {
          display: block;
        }
      }
      &-question {
        font-family: 'Times New Roman', Times, serif;
        font-weight: bold;
        font-size: 22px;
        letter-spacing: 0.010em;
        text-align: center;
        padding: 0 10px;
        margin-bottom: 20px;
      }
    }
    .webform-component--person-type, .webform-component--amount {
      padding: 0 10px 0 20px;
      > label {
        display: none;
      }
      label {
        font-family: 'Europa', sans-serif;
        font-size: 14.5px;
        line-height: 1;
        letter-spacing: 0;
        min-height: 0;
        margin-bottom: 10px;
      }
      .form-item {
        font-size: 11.2px;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 5px;
      }
      input[type='radio'] {
        width: 14px;
        height: 14px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        background: none;
        margin-top: 1px;
        &:after {
          width: 14px;
          height: 14px;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          position: relative;
          background-color: @brickwhite;
          content: '';
          display: inline-block;
          vertical-align: super;
          visibility: visible;
          border: 1px solid @brickblack;
        }
        &:checked {
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          background: none;
          &:after {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: relative;
            background-color: #BC9F75;
            content: '';
            display: inline-block;
            vertical-align: super;
            visibility: visible;
            border: 1px solid @brickblack;
            padding: 2px;
            background-clip: content-box;
          }
        }
      }
    }
    .webform-component--person-type {
      max-width: 280px;
      margin: 0 auto 30px;
    }
    .webform-component--amount {
      padding: 0 0 0 20px;
      label {
        font-size: 14.5px;
      }
      .form-item {
        margin-bottom: 0;
        &:first-child {
          margin-top: 5px;
        }
      }
      input[type='radio'] {
        margin-top: 0;
      }
    }
    .form-actions {
      text-align: center;
      button {
        border-radius: 50px;
        font-family: 'Europa', sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.154em;
        padding: 10px 20px;
        background: url("../images/holiday_tipping_2019/button-bg.png") center;
        background-size: cover;
        transition: none;
        color: @brickblack;
        &:after {
          display: none;
        }
        &:hover {
          color: @brickwhite;
          background: @brickblack;
        }
      }
    }
    .see-results {
      text-align: center;
      a {
        font-family: 'Europa', sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: @brickblack;
        text-decoration: underline;
        text-underline-position: under;
      }
    }
    .wtp-2019--thank-you {
      &-text {
        font-family: 'Times New Roman', Times, serif;
        font-weight: bold;
        font-size: 23.48px;
        letter-spacing: 0.010em;
        text-align: center;
        padding: 0 10px;
        margin-bottom: 30px;
        span {
          background: @brickblack;
          color: @brickwhite;
          box-shadow: 5px 0 @brickblack, -5px 0 0 @brickblack;
          &:first-line {
            box-shadow: 3px 0 @brickblack, -3px 0 0 @brickblack;
          }
        }
      }
      &-title {
        margin-bottom: 30px;
        &.wtp-2019--thank-you-title-full {
          display: block;
        }
        &.wtp-2019--thank-you-title-sidebar {
          display: none;
        }
      }
      &-button {
        text-align: center;
        a {
          border-radius: 50px;
          font-family: 'Europa', sans-serif;
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.154em;
          padding: 10px 20px;
          background: url("../images/holiday_tipping_2019/button-bg.png") center;
          background-size: cover;
          transition: none;
          color: @brickblack;
          &:hover {
            color: @brickwhite;
            background: @brickblack;
          }
        }
      }
    }
  }
}

#article-left-wrapper-sticky.is_stuck {
  .wtp-2019 {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1560px) {
  .wtp-2019 {
    &-results {
      &--header {
        &-year {
          font-size: 36px;
          &:before {
            height: 12px;
          }
        }
        &-subtitle {
          font-size: 26.5px;
          margin-bottom: 30px;
        }
        &-title {
          margin-bottom: 30px;
        }
        &-link {
          max-width: 710px;
          margin-bottom: 30px;
          a {
            span {
              &:first-child {
                font-size: 25px;
              }
              &:last-child {
                font-size: 30px;
              }
            }
          }
        }
        &-question {
          font-size: 29px;
          margin-bottom: 30px;
        }
      }
      &--results {
        &--container {
          max-width: 840px;
        }
        &--group {
          margin-bottom: 30px;
          h4 {
            font-size: 19px;
            padding: 7px 10px;
          }
          &-total {
            font-size: 19px;
          }
        }
        &--item {
          &-amount {
            font-size: 19px;
            line-height: 1;
          }
          &-bar {
            height: 8px;
            margin-top: 8px;
            margin-bottom: 8px;
          }
          &-numbers {
            font-size: 17px;
            line-height: 1;
          }
        }
        &--total {
          font-size: 22px;
        }
      }
    }
    &-full {
      .wtp-2019--header {
        &-year {
          font-size: 36px;
          &:before {
            height: 12px;
          }
        }
        &-subtitle {
          font-size: 26.5px;
          margin-bottom: 30px;
        }
        &-title {
          margin-bottom: 30px;
        }
        &-question {
          font-size: 31px;
          margin-bottom: 30px;
        }
      }
      .webform-component--person-type, .webform-component--amount {
        label {
          font-size: 18px;
          margin-bottom: 12px;
          padding-left: 30px;
        }
        input[type='radio'] {
          width: 16px;
          height: 16px;
          margin-left: -30px;
          &:after {
            width: 16px;
            height: 16px;
          }
          &:checked {
            &:after {
              width: 16px;
              height: 16px;
            }
          }
        }
      }
      .form-actions {
        button {
          font-size: 18px;
        }
      }
      .see-results {
        a {
          font-size: 18px;
        }
      }
      .wtp-2019--thank-you {
        &-text {
          font-size: 31.48px;
        }
        &-button {
          a {
            font-size: 18px;
          }
        }
      }
    }
  }
}

@media only screen and (max-width: 767px) {
  .wtp-2019 {
    display: none;
    &-results {
      &--header {
        &-link {
          max-width: none;
          margin-left: 15px;
          margin-right: 15px;
        }
      }
    }
  }
}

@media only screen and (max-width: 991px) {
  .wtp-2019 {
    .wtp-2019--header {
      &-year {
        text-align: center;
        font-family: 'futura-pt', Futura, sans-serif;
        font-weight: bold;
        font-size: 26px;
        line-height: 1;
        position: relative;
        margin: 0 10px 10px;
        span {
          position: relative;
          background: @brickwhite;
          padding: 0 0.3em 0 0.8em;
          letter-spacing: 0.5em;
        }
        &:before {
          position: absolute;
          content: '';
          display: block;
          width: 100%;
          height: 8px;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          background: url("../images/holiday_tipping_2019/diagonal-pattern.jpg");
          background-size: 100%;
          z-index: 0;
        }
      }
      &-subtitle {
        text-align: center;
        font-family: 'futura-pt', Futura, sans-serif;
        font-weight: 500;
        font-size: 18.5px;
        letter-spacing: 0.180em;
        margin-bottom: 20px;
        line-height: 1;
      }
      &-title {
        margin-bottom: 20px;
        &.wtp-2019--header-title-sidebar {
          display: none;
        }
        &.wtp-2019--header-title-full {
          display: block;
        }
      }
      &-question {
        font-family: 'Times New Roman', Times, serif;
        font-weight: bold;
        font-size: 22px;
        letter-spacing: 0.010em;
        text-align: center;
        padding: 0 10px;
        margin-bottom: 20px;
      }
    }
    .webform-component--person-type, .webform-component--amount {
      padding: 0 10px 0 20px;
      > label {
        display: none;
      }
      label {
        font-family: 'Europa', sans-serif;
        font-size: 14.5px;
        line-height: 1;
        letter-spacing: 0;
        min-height: 0;
        margin-bottom: 10px;
      }
      .form-item {
        font-size: 11.2px;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 5px;
      }
      input[type='radio'] {
        width: 14px;
        height: 14px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        background: none;
        margin-top: 1px;
        &:after {
          width: 14px;
          height: 14px;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          position: relative;
          background-color: @brickwhite;
          content: '';
          display: inline-block;
          vertical-align: super;
          visibility: visible;
          border: 1px solid @brickblack;
        }
        &:checked {
          -moz-appearance: none;
          -webkit-appearance: none;
          border: none;
          background: none;
          &:after {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: relative;
            background-color: #BC9F75;
            content: '';
            display: inline-block;
            vertical-align: super;
            visibility: visible;
            border: 1px solid @brickblack;
            padding: 2px;
            background-clip: content-box;
          }
        }
      }
    }
    .webform-component--person-type {
      max-width: 280px;
      margin: 0 auto 30px;
    }
    .webform-component--amount {
      padding: 0 0 0 20px;
      label {
        font-size: 14.5px;
      }
      .form-item {
        margin-bottom: 0;
        &:first-child {
          margin-top: 5px;
        }
      }
      input[type='radio'] {
        margin-top: 0;
      }
    }
    .form-actions {
      text-align: center;
      button {
        border-radius: 50px;
        font-family: 'Europa', sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.154em;
        padding: 10px 20px;
        background: url("../images/holiday_tipping_2019/button-bg.png") center;
        background-size: cover;
        transition: none;
        color: @brickblack;
        &:after {
          display: none;
        }
        &:hover {
          color: @brickwhite;
          background: @brickblack;
        }
      }
    }
    .see-results {
      text-align: center;
      a {
        font-family: 'Europa', sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: @brickblack;
        text-decoration: underline;
        text-underline-position: under;
      }
    }
    .wtp-2019--thank-you {
      &-text {
        font-family: 'Times New Roman', Times, serif;
        font-weight: bold;
        font-size: 23.48px;
        letter-spacing: 0.010em;
        text-align: center;
        padding: 0 10px;
        margin-bottom: 30px;
        span {
          background: @brickblack;
          color: @brickwhite;
          box-shadow: 5px 0 @brickblack, -5px 0 0 @brickblack;
          &:first-line {
            box-shadow: 3px 0 @brickblack, -3px 0 0 @brickblack;
          }
        }
      }
      &-title {
        margin-bottom: 30px;
        &.wtp-2019--thank-you-title-full {
          display: block;
        }
        &.wtp-2019--thank-you-title-sidebar {
          display: none;
        }
      }
      &-button {
        text-align: center;
        a {
          border-radius: 50px;
          font-family: 'Europa', sans-serif;
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.154em;
          padding: 10px 20px;
          background: url("../images/holiday_tipping_2019/button-bg.png") center;
          background-size: cover;
          transition: none;
          color: @brickblack;
          &:hover {
            color: @brickwhite;
            background: @brickblack;
          }
        }
      }
    }
  }
}