/*!
 * Custom.css */

/* - - - - - - - - PAGES - - - - - - - - */
@import "pages/legacy_lift.css";

@import "pages/beer-wash-jeans.css";

@import "pages/cowboy_courier.css";

@import "components/nav.css";

@import "components/multiform.css";

@import "paragraphs/paragraphs.css";

@import "vendors.css";

@import url("https://use.typekit.net/bos0nld.css");

/* cd.fonts: Knockout54 */
.knockout54 {
  font-family: "Knockout54";
  font-style: normal;
  font-weight: 400;
}
/* cd.fonts: Knockout50 */
.knockout50 {
  font-family: "Knockout50";
  font-style: normal;
  font-weight: 400;
}

/* cd.fonts: Gotham book*/
.gotham {
	font-family: "Gotham";
	font-style: normal;
	font-weight: 400;
} 

/* google: Montserrat-regular */
.montserrat-regular {
  font-family: var(--font-primary);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* google: Montserrat-Medium */
.montserrat-medium {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* Adobe: clarendon */
.clarendon {
	font-family: "clarendon-urw", serif;
  font-display: auto;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}

/* Adobe: cormorant */
.cormorant {
  font-family:"cormorant";
}

:root {
  /* previous use Futura, now use Clarendon */
  --font-previous: 'FuturaPassataDISPLAY', sans-serif;
  --font-primary: 'clarendon-urw', serif;
  --font-montserrat: 'Montserrat', serif;
  --font-gotham--book: 'Gotham', serif;
  --coors-original--beige: 	  #F4DF9E;
	--coors-original--blue: 	  #092240;
	--coors-original--golden:   #A48243;
	--coors-original--red: 	  	#AB1E2F;
	--coors-original--white: 	  #FFFFFF;
	--coors-original--grey: 	  #67686B;
  --coors-original--bg--blue: #061D3B;
}

/* TNG font */
.tgn {
  font-family: "tgn-soft-round-con", sans-serif;
  font-weight: 800;
  font-style: normal;
}

body {
  font-size: 15px !important;
  font-family: var(--font-gotham--book);
}

.yellow {
  background-color: #eed899;
}

.pyellow {
  color: #eed899;
}

.blue {
  background-color: #071d3c;
}

.pblue {
  color: #071d3c;
}

label.pblue {
  border-bottom: 25px solid #001641;
  height: 0px;
  width: 80px;
  color: #f5da92;
  font-family: var(--font-primary);
  font-weight: 800;
}

.pblue.av-copy {
  color: white !important;
}

.av-check,.av-since {
  color: var(--coors-original--beige);
  font-size: 40px;
  text-transform: uppercase;
  line-height: .9;
}

.av-since {
  font-size: 90px;
}
.av-age {
  font-size: 130px;
}

.dob-title.fr .av-check {
  font-size: 30px;
}

.dob-title.fr .av-since {
  font-size: 100px;
}

.dob-title.fr .av-age {
  font-size: 180px;
}

@media (max-width: 768px) {
  .av-check,.av-since {
    font-size: 30px;
  }
  .av-since {
    font-size: 68px;
  }
  .av-age {
    font-size: 96px;
  }
  .dob-title.fr .av-check {
    font-size: 18px;
  }
  .dob-title.fr .av-since {
    font-size: 60px;
  }
  .dob-title.fr .av-age {
    font-size: 100px;
  }
}

.dob-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70%;
}


.av-content {
  background: var(--coors-original--bg--blue);
}

.av-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}

a .av-copy {
  color: white !important;
}

a .pblue {
  color: #071d3c !important;
}

p.toTop.pblue a {
  color: #071d3c !important;
  text-decoration: underline !important;
}

.red {
  background-color: #ac1f2d;
}

.pred {
  color: #ac1f2d;
}

.ptan {
  color: #f9ebc5;
}

.tan.lionbg {
  background-color: #b99b68;
}

.tan {
  background-color: #071d3c;
}

p.ptan {
  color: #f5da92;
}

.black {
  color: #000 !important;
}

.white {
  color: #fff !important;
}

section {
  padding: 0px !important;
}

/*needed to fix drupal theme*/
.scroll_arrow_new {
  background: #ae132a;
  outline: thick solid #ae132a;
}

.ageBlue {
  color: #f5da92;
  font-family: var(--font-primary);
  font-size: 1.5rem;
  line-height: 44px;
  text-decoration: underline;
}

.trapezoid {
  float: right;
  border-bottom: 39px solid #001641;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0px;
  width: 80px;
}

p.smallprint.trapezoid {
  position: relative;
  margin: 0 auto;
  width: inherit;
  border-bottom: 37px solid #001641;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0px;
  color: #f5da92;
}

p.smallprint.trapezoid a {
  color: #f5da92;
}

.trapezoid-fr {
  position: relative;
  margin: 0 auto;
  width: inherit;
  border-bottom: 95px solid #001641;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0px;
  color: #f5da92;
}

input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #eed899;
  font-family: var(--font-primary);
}

input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #eed899;
  font-family: var(--font-primary);
}

input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #eed899;
  font-family: var(--font-primary);
}

input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #eed899;
  font-family: var(--font-primary);
}

input[type="number"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #eed899;
  font-family: var(--font-primary);
}

input[type="number"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #eed899;
  font-family: var(--font-primary);
}

input[type="number"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #eed899;
  font-family: var(--font-primary);
}

input[type="number"]:-moz-placeholder {
  /* Firefox 18- */
  color: #eed899;
  font-family: var(--font-primary);
}

.col-centered {
  float: none !important;
  margin: 0 auto !important;
}

.bornimg {
  max-width: 20px !important;
}

.row.center {
  display: flex;
  align-items: center;
}

p {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.85rem;
  font-family: var(--font-gotham--book);
}

.pcol {
  padding-top: 30px;
}

.pimg {
  padding: 0px;
  margin-bottom: 20px;
  max-width: 75%;
  height: auto;
}

h2.ptan.hash {
  padding-top: 20px;
  margin-bottom: -10px;
  font-family: var(--font-primary);
}

h2.ptan.pullq,
.block p.ptan.pullq {
  margin-bottom: 40px;
  font-size: 22px;
  font-family: var(--font-primary);
  line-height: 1.1;
}

.nomargin {
  padding: 0px !important;
  margin: 0px !important;
}

.social {
  max-width: 40px;
  height: auto;
}

p.toTop {
  font-size: 14px;
  padding-top: 20px;
}

a p.toTop {
  text-decoration: underline;
}

.coorsH {
  max-width: 120px;
  height: auto;
}

.list-inline > li {
  padding-right: 0px;
  padding-left: 0px;
}

.smallprint {
  margin-top: 30px;
  font-size: 12px;
}

.smallprintNM {
  font-size: 12px;
  margin-top: 0px;
}

a .smallprintNM {
  font-size: 12px;
  text-decoration: underline !important;
  margin-top: 0px;
}

.smallP {
  margin-top: 0px;
}

/*body{min-height:200vh;}*/

.navbar-default {
  transition: 500ms ease;
  background: transparent;
  color: #eed899;
  border-color: transparent !important;
  -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0),
    0 1px 5px rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 1px 5px rgba(0, 0, 0, 0) !important;
}

.navbar-default.scrolled {
  background: #071d3c;
  color: #eed899;
}

.navbar-default .navbar-nav > li {
  color: #eed899;
  font-family: var(--font-primary);
}

.navbar-default .navbar-nav > li > a {
  color: #eed899;
  font-family: var(--font-primary);
}

.navbar-default .navbar-nav > li > a:hover {
  color: #eed899;
}

.img-responsive {
  width: 100%;
  height: auto;
}

.no-gutter {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.logoD {
  max-width: 80px !important;
  height: auto;
  margin-top: 0px;
  margin-bottom: -15px;
}

.logoDage {
  max-width: 120px !important;
  height: auto;
  margin-top: 0px;
}

a.mNav,
a.mNav:hover,
a.mNav:focus {
  font-weight: 500;
  text-decoration: underline;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #eed899;
  font-family: var(--font-primary);
}

.mobNav {
  padding-bottom: 15px;
  padding-top: 5px;
}

h2.age {
  position: relative;
  margin: 0 auto;
  width: 450px;
  border-bottom: 24px solid #001641;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0px;

  color: #f5da92;
  font-family: var(--font-primary);
  font-size: 20px;
}
@media (max-width: 768px) {
  h2.age {
    font-size: 18px;
    width: 350px;
  }
}

.contextual-region .navbar-fixed-top {
  position: relative;
}

#toolbar-administration {
  position: relative;
  z-index: 1031;
}

.uppercase {
  text-transform: uppercase;
}

.btn-danger {
  color: #fff;
  background-color: #ac1f2d !important;
  border-color: #ac1f2d !important;
  border-radius: 20px !important;
  padding: 8px 25px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  font-family: var(--font-primary);
  width: 250px !important;
}

.form-control {
  text-align: center !important;
  background-color: #071d3c !important;
  border-radius: 0px !important;
  border-color: #071d3c !important;
  font-weight: bold !important;
  font-size: 15px !important;
  color: #eed899 !important;
  font-family: var(--font-primary);
}

.form-control.error {
  border: solid 1px red !important;
}

#agegate_message {
  min-height: 100px;
}

#agegate_errordata {
  display: none;
}

#agegate_errorage {
  display: none;
}

.lionbg {
  background-image: none;
  /*background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;*/
}

.lionbg {
  background-image: url(../images/lions.png);
  background-position-y: 10px;
  background-position: center;
  background-size: 100%;
  background-repeat-y: no-repeat;
  background-repeat: no-repeat;
}

.lionbg2 {
  background-image: url(../images/lionsbgDark.png);
  background-position-y: 10px;
  background-position: center;
  background-size: 100%;
  background-repeat-y: no-repeat;
  background-repeat: no-repeat;
}

/*div.slashbg {background-image: url(../images/slashbg.png);background-size:contain;}*/
.slashbg {
  background-image: url(../images/slashbg.png);
  background-size: 43%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3px 0px 0px 3px;
  color: #000 !important;
  margin-top: -10px !important;
  max-width: 350px;
  margin: auto;
}

div.slashbg a {
  color: #071d3c !important;
  text-decoration: none !important;
}

.slashbgfr {
  background-image: url(../images/slashbg.png);
  background-size: 45%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3px 0px 0px 3px;
  color: #000 !important;
  margin-top: -10px !important;
  max-width: 370px;
  margin: auto;
}

div.slashbgfr a {
  color: #071d3c !important;
  text-decoration: none !important;
}

.arrowO {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .navbar-right {
    margin-right: 0px !important;
  }

  .social {
    max-width: 35px;
    height: auto;
  }

  .smallP {
    margin-top: -20px;
  }

  .coorsH {
    max-width: 160px;
    height: auto;
  }

  .logoD {
    max-width: 170px !important;
    height: auto;
    margin-top: -18px;
    margin-bottom: -15px;
  }

  .navbar {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
  }

  .navbar-nav > li > a {
    padding-bottom: 0px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.45rem;
    line-height: 1.42857143;
    color: #f9ebc5;
    font-weight: 600;
    text-decoration: underline;
  }

  .ageBlue {
    font-size: 1.45rem;
  }

  .navbar-nav > li > a.hLight {
    font-weight: normal !important;
    margin-top: 4px;
  }

  .nav > li > a:focus,
  .nav > li > a:hover {
    text-decoration: underline;
    background-color: transparent !important;
  }

  p {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.35rem;
  }

  .pcol {
    padding-top: 40px;
  }

  .pimg {
    padding: 10px;
  }

  .bornimg {
    max-width: 30px !important;
  }

  .lionbg {
    background-image: url(../images/lions.png);
    background-position-y: 10px;
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .lionbg2 {
    background-image: url(../images/lionsbgDark.png);
    background-position-y: 10px;
    background-position: center;
    background-size: 100%;
    background-repeat-y: no-repeat;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* FAQ Page - Start */
.block[id*="block-faqquestions"] {
  background: #f9ebc5;
}

.block[id*="block-faqquestions"] .content-wrapper {
  padding-left: 10%;
  padding-right: 10%;
  padding: 0 45px !important;
}

.block[id*="block-faqquestions"] .field--name-field-title {
  color: #ac1f2d;
  font-size: 120px;
  font-weight: 600;
  padding-bottom: 30px;
  padding-top: 40px;
}

.block[id*="block-faqquestions"] .field--name-field-faq-item > .field__item {
  border-bottom: 1px solid #071d3c;
}

.block[id*="block-faqquestions"]
  .field--name-field-faq-item
  > .field__item:first-child
  .field--name-field-answer {
  display: block;
}

.block[id*="block-faqquestions"]
  .field--name-field-faq-item
  .field__item:nth-child(2n + 1)
  .faq-question {
  color: #ac1f2d;
}

.block[id*="block-faqquestions"] .field--name-field-question {
  color: #071d3c;
  display: flex;
  justify-content: space-between;
  font-size: 25px;
  font-weight: 600;
  line-height: 46px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: left;
  flex-basis: 100%;
  
}

.block[id*="block-faqquestions"] .faq-question {
  display: flex;
}

.block[id*="block-faqquestions"] .faq-question button.faq-trigger {
  transform: rotate(90deg);
  font-size: 55px;
  font-weight: 100;
  margin-left: 20px;
  border: none;
  background-color: transparent;
}

.block[id*="block-faqquestions"] .faq-question button.faq-trigger:focus {
  outline: none;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

.block[id*="block-faqquestions"] .field--name-field-question:hover {
  cursor: pointer;
}

.block[id*="block-faqquestions"]
  .paragraph--type--faq-element.active
  button.faq-trigger {
  margin-right: 12px;
  transform: rotate(270deg);
}

.block[id*="block-faqquestions"] .field--name-field-answer {
  display: none;
  max-width: 600px;
  padding-bottom: 45px;
  padding-top: 10px;
}

.block[id*="block-faqquestions"] .field--name-field-answer,
.block[id*="block-faqquestions"] .field--name-field-answer * {
  color: #071d3c !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  text-align: left !important;
}

.block[id*="block-faqquestions"] .field--name-field-answer * {
  margin: 0 !important;
  padding: 0 !important;
}

.block[id*="block-faqquestions"] .field--name-field-pdf-version {
  margin-top: 35px;
  margin-left: 10px;
  text-align: left;
}

.block[id*="block-faqquestions"] .field--name-field-pdf-version a {
  color: #071d3c;
  font-size: 24px;
  font-weight: 500;
  text-decoration: underline;
}

#block-faqquestions .img-questions-fr {
  display: none;
}

#block-faqquestionsfr .img-questions {
  display: none;
}

/* FAQ Page - End */

@media (max-width: 767.98px) {
  .block[id*="block-faqquestions"] .col-xs-1 {
    display: none;
  }

  .block[id*="block-faqquestions"] .col-xs-10 {
    width: 100%;
  }

  .block[id*="block-faqquestions"] .content-wrapper {
    padding: 0;
  }

  .block[id*="block-faqquestions"] .field--name-field-title,
  .block[id*="block-faqquestions"]
    .field--name-field-faq-item
    > .field__item
    .paragraph,
  .block[id*="block-faqquestions"] .field--name-field-pdf-version {
    padding-left: 15px;
    padding-right: 15px;
  }

  .block[id*="block-faqquestions"] .col-xs-3 {
    width: calc(83.33333334 * 0.25%);
  }

  .block[id*="block-faqquestions"] .col-xs-3 img {
    margin-top: 10px;
  }
}

@media (max-width: 1200px) {
  .block[id*="block-faqquestions"] .field--name-field-title {
    font-size: 40px;
    padding-bottom: 10px;
    padding-top: 20px;
  }

  .block[id*="block-faqquestions"] .field--name-field-question,
  .block[id*="block-faqquestions"] .field--name-field-pdf-version a {
    font-size: 18px;
    line-height: 22px;
  }

  .block[id*="block-faqquestions"] .field--name-field-answer {
    padding-bottom: 5px;
    padding-right: 44px;
    padding-top: 10px;
  }

  .block[id*="block-faqquestions"] .field--name-field-answer,
  .block[id*="block-faqquestions"] .field--name-field-answer * {
    font-size: 18px !important;
    line-height: 22px !important;
  }

  .block[id*="block-faqquestions"] .field--name-field-pdf-version {
    margin-bottom: 20px;
    margin-top: 30px;
    margin-left: 0;
  }

  .block[id*="block-faqquestions"] .field--name-field-question:after {
    height: 24px;
    margin-left: 20px;
    font-size: 45px;
  }

  .block[id*="block-faqquestions"]
    .paragraph--type--faq-element.active
    .field--name-field-question:after {
    margin-right: 5px;
  }
}

@media (min-width: 1200px) {
  body {
    font-size: 16px !important;
  }

  .navbar-nav > li > a {
    font-size: 1.9rem;
  }

  .ageBlue {
    font-size: 1.9rem;
  }

  p {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 2.85rem;
  }

  .pcol {
    padding-top: 40px;
  }

  .pimg {
    padding: 30px;
  }

  .bornimg {
    max-width: 40px !important;
  }

  .block[id*="block-faqoriginal"] p,
  .block[id*="block-coorsgolden"] p,
  .block[id*="block-thebeer"] p,
  .block[id*="block-thelegend"] p,
  .block[id*="block-thefuture"] p {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (min-width: 1600px) {
  body {
    font-size: 20px !important;
  }

  .navbar-nav > li > a {
    font-size: 2.5rem;
  }

  .ageBlue {
    font-size: 2.5rem;
  }
}

/*
 * TRUST ARC styling.
 */

#consent_blackbar {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}

#teconsent {
  position: absolute;
  /* bottom: 0; */
  right: 55px;
  z-index: 900;
  margin-top: -45px;
}

.visually-hidden.focusable:focus {
  margin-left: 18%;
}

/**
 * Mc Multiform.
 *
 * Modify this file to provide default styling for Mc Multiform.
 *
 */

body {
  background-color: #b99b68;
}

.block-mc-multiform {
  background-color: #071e3c;
}

.block-mc-multiform form {
  width: 80%;
  margin: auto;
}

.block-mc-multiform h1,
.block-mc-multiform h2 {
  font-family: var(--font-primary);
  color: #f6da92;
  font-size: 3.5em;
  line-height: 1.125em;
}

.block-mc-multiform p,
.block-mc-multiform label {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-gotham--book);
  color: #f6da92;
}

.block-mc-multiform p a,
.block-mc-multiform label a {
  text-decoration: underline;
  text-transform: capitalize;
  color: #f6da92;
}

.block-mc-multiform span.error {
  display: block;
  color: #f3555b;
  font-size: 0.8em;
}

.block-mc-multiform .mc-multifom-optin-top,
.block-mc-multiform .mc-multifom-disclaimer-bottom {
  margin-bottom: 15px;
}

.block-mc-multiform .form-item {
  margin-bottom: 15px;
}

.block-mc-multiform .form-wrapper {
  padding-right: unset !important;
  margin-bottom: 15px;
}

.block-mc-multiform .form-item::after,
.block-mc-multiform .form-wrapper::after {
  content: "" !important;
}

.block-mc-multiform .form-item legend span,
.block-mc-multiform .form-wrapper legend span {
  font-size: 16px;
  font-family: var(--font-gotham--book);
  color: #f6da92 !important;
}

.block-mc-multiform fieldset .form-item {
  margin-bottom: 0;
}

.block-mc-multiform a {
  text-decoration: underline;
  text-transform: capitalize;
}

.block-mc-multiform small {
  font-weight: 300;
  opacity: 0.6;
}

.block-mc-multiform .select-wrapper {
  position: relative;
}

.block-mc-multiform .select-wrapper:after {
  line-height: 1px;
  margin: 0;
}

.block-mc-multiform .has-error {
  color: initial;
}

.block-mc-multiform .has-error label {
  color: #f3555b;
}

.block-mc-multiform .has-error .select-wrapper:after {
  color: #f3555b;
}

.block-mc-multiform .has-error .select-wrapper select {
  color: #f3555b;
}

.block-mc-multiform input {
  padding-top: 10px;
}

.block-mc-multiform select {
  padding-top: 10px;
}

.block-mc-multiform input,
.block-mc-multiform textarea,
.block-mc-multiform .form-control {
  display: block;
  border-radius: 4px !important;
  border: 1px solid #003b5c !important;
  box-shadow: unset !important;
  background-color: #ffffff !important;
  color: #003b5c !important;
  padding: 6px;
  font-family: var(--font-primary);
}

.block-mc-multiform select.form-select {
  display: block;
  border-radius: 4px !important;
  border: 1px solid #003b5c !important;
  box-shadow: unset !important;
  background-color: #ffffff !important;
  color: #003b5c !important;
  padding: 6px;
  font-family: var(--font-gotham--book);
  text-transform: capitalize;
  text-align-last: left;
}

.block-mc-multiform input:not(.form-checkbox):not(.button) {
  width: 100%;
}

.block-mc-multiform input:focus,
.block-mc-multiform select:focus,
.block-mc-multiform textarea:focus {
  outline: auto #f6da92;
  border-width: initial;
}

.block-mc-multiform input::-webkit-input-placeholder,
.block-mc-multiform select::-webkit-input-placeholder,
.block-mc-multiform textarea::-webkit-input-placeholder,
.block-mc-multiform .form-control::-webkit-input-placeholder {
  color: #003b5c;
  line-height: 5;
}

.block-mc-multiform input::-moz-placeholder,
.block-mc-multiform select::-moz-placeholder,
.block-mc-multiform textarea::-moz-placeholder,
.block-mc-multiform .form-control::-moz-placeholder {
  color: #003b5c;
  line-height: 5;
}

.block-mc-multiform input::-ms-input-placeholder,
.block-mc-multiform select::-ms-input-placeholder,
.block-mc-multiform textarea::-ms-input-placeholder,
.block-mc-multiform .form-control::-ms-input-placeholder {
  color: #003b5c;
  line-height: 5;
}

.block-mc-multiform input.error,
.block-mc-multiform select.error,
.block-mc-multiform textarea.error,
.block-mc-multiform .form-contro.errorl {
  border: 2px solid #f3555b !important;
}

.block-mc-multiform input.error::-webkit-input-placeholder,
.block-mc-multiform select.error::-webkit-input-placeholder,
.block-mc-multiform textarea.error::-webkit-input-placeholder,
.block-mc-multiform .form-control.error::-webkit-input-placeholder {
  color: #f3555b;
}

.block-mc-multiform input.error::-moz-placeholder,
.block-mc-multiform select.error::-moz-placeholder,
.block-mc-multiform textarea.error::-moz-placeholder,
.block-mc-multiform .form-control.error::-moz-placeholder {
  color: #f3555b;
}

.block-mc-multiform input.error::-ms-input-placeholder,
.block-mc-multiform select.error::-ms-input-placeholder,
.block-mc-multiform textarea.error::-ms-input-placeholder,
.block-mc-multiform .form-control.error::-ms-input-placeholder {
  color: #f3555b;
}

.block-mc-multiform #edit-birthmonth,
.block-mc-multiform #edit-birthday {
  min-width: 65px;
  text-align: center;
}

.block-mc-multiform #edit-birthyear {
  min-width: 77px;
  text-align: center;
}

.block-mc-multiform #edit-phoneareacode,
.block-mc-multiform #edit-phoneprefix {
  min-width: 65px;
}

.block-mc-multiform #edit-phonesuffix {
  min-width: 77px;
}

.block-mc-multiform #edit-gender > div:first-child {
  margin-top: 0;
}

.block-mc-multiform .form-wrapper .form-item.radio,
.block-mc-multiform .form-wrapper .form-checkbox {
  display: inline-block;
  margin-right: 20px;
}

.block-mc-multiform .js-form-type-checkbox {
  display: flex;
}

.block-mc-multiform input[type="submit"],
.block-mc-multiform button.form-submit {
  text-transform: uppercase;
  border-color: #e1523d;
  color: #fff !important;
  background-color: #ac1f2d !important;
  font-family: var(--font-primary);
  letter-spacing: 0.7px;
  border-radius: 20px !important;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 1em 3.5em;
  line-height: 1em;
}
.block-mc-multiform input[type="submit"]:hover,.block-mc-multiform button.form-submit:hover{
  text-decoration: underline;
}

@media (min-width: 678px) {
  .block-mc-multiform button[type="submit"],
  .block-mc-multiform button.form-submit {
    font-size: 19px;
  }
}


.block-mc-multiform button[type="submit"]:hover,
.block-mc-multiform button.form-submit:hover {
  background: #e1523d;
  color: #002f4a;
}

.block-mc-multiform div#confirmation {
  min-height: calc(100vh - 309px);
  padding: 35px 0;
}

.block-mc-multiform .mc_multiform_modal {
  z-index: 1050;
}

.block-mc-multiform .mc_multiform_modal .modal-content {
  margin: 30px auto;
  border-radius: 6px;
  background-color: #6d5e3e;
}

.block-mc-multiform .mc_multiform_modal .modal-content .close {
  color: #002f4a;
  margin-right: 15px;
}

.block-mc-multiform .mc_multiform_modal .modal-content .close:hover {
  opacity: 1;
}

.block-mc-multiform
  .mc_multiform_modal
  .modal-content
  .multiform-content#multiform-modal-wrapper {
  overflow-y: scroll;
  max-height: 80vh;
  padding: 0 10px;
  width: 100%;
}

.block-mc-multiform
  .mc_multiform_modal
  .modal-content
  .multiform-content#multiform-modal-wrapper
  h2,
.block-mc-multiform
  .mc_multiform_modal
  .modal-content
  .multiform-content#multiform-modal-wrapper
  h1 {
  padding-top: 0;
}

@media (min-width: 768px) {
  .block-mc-multiform
    .mc_multiform_modal
    .modal-content
    .multiform-content#multiform-modal-wrapper
    #mc-multiform-custom-form {
    width: 100%;
  }


}

.multiform_modal .modal-content {
  width: 100%;
}

.multiform_modal .modal-content .modal-title {
  font-size: 22px;
}

.multiform_modal .modal-footer {
  padding-bottom: 0;
}

.multiform_modal .modal-footer .modal-policy {
  padding-bottom: 10px;
}

.multiform_modal .modal-footer .modal-policy p {
  font-weight: 400;
  text-align: left;
}

.multiform_modal .modal-footer .btn-back {
  display: block;
}

@media (min-width: 768px) {
  .multiform_modal .modal-footer .btn-back {
    margin-top: 9px;
  }
}

.multiform_modal .modal-footer .form-submit {
  margin: 0;
}

.multiform_modal .close {
  opacity: 0.5;
}

.messages__wrapper p,
.messages__wrapper span,
.messages__wrapper .close {
  color: inherit !important;
}

.grecaptcha-badge {
  bottom: 55px !important;
}

.mc_popup_copy .pop-columns {
  display: flex;
  gap: 35px;
}

@media (max-width: 767px) {
  .mc_popup_copy .pop-columns {
    display: block;
  }

  .mc_popup_copy .pop-columns img {
    flex-direction: column;
    max-width: 200px;
    width: 50%;
    margin: auto;
  }

  .subscribe-btn,
  .img {
    text-align: center;
  }


}

.block.block-mc-popup .mc_popup_container img {
  max-width: 20%;
}
@media (min-width: 768px) {
  .block.block-mc-popup .mc_popup_container img {
    max-width: 40% !important;
  }
}
@media (max-width: 768px) {
  .block.block-mc-popup-block .mc_popup_container .img img {
    width: 100%;
    max-width: 100px;
  }
}
.block.block-mc-popup .mc_popup_container p.img {
  display: flex;
  justify-content: center;
}

.block.block-mc-popup-block .mc_popup_container {
  background-color: #071d3c !important;
  color: #f5da92;
}
.block.block-mc-popup-block .mc_popup_container h1 {
  color: #f5da92;
  font-size: 20px;
  text-transform: uppercase;
  font-family: var(--font-primary);
}
@media (max-width: 767px) {
  .block.block-mc-popup-block .mc_popup_container h1 {
    text-align: center;
  }
}

.block.block-mc-popup-block .mc_popup_container p {
  color: #f5da92 !important;
  text-transform: none;
  font-size: 19px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .block.block-mc-popup-block .mc_popup_container p {
    text-align: center;
  }
}

.block.block-mc-popup-block .mc_popup_container a.subscribe-button {
  border-radius: 14px;
  background-color: #ac1f2d;
  color: #fff;
  padding: 10px 40px;
  font-size: 14px;
  font-family: var(--font-primary);
}

.block.block-mc-popup .mc_popup_container .close {
  opacity: 1 !important;
  padding: 0.2em 1em;
  background: #ac1f2d;
  border-radius: 0;
  width: unset !important;
  height: unset !important;
}
.btn-default {
  background-color: transparent;
  border-color: transparent;
}
.glyphicon-minus:before {
  color: #f5da92;
}

.mc_popup_subscribe,
.mc_popup_disclaimer {
  display: none;
}
.btn-default {
  box-shadow: none;
}

.avgate .block.block-mc-popup {
  display: none;
}
.mc-multifom-optin-top h1 {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .mc-multifom-optin-top h1 {
    text-align: center;
    font-size: 32px;
  }
}

.mc-multifom-optin-top > div{
  margin-top: 145px;
}
.mc_popup_minimized a:hover{
  text-decoration: underline;
}
@media (max-width: 767px) {
.block.block-mc-popup .mc_popup_container.layout1 .mc_popup_copy{
    margin: -5px 5px;
  }
}

/* - - - - - MC Page - - - - -*/
.node--type-mc-page > header { display: none; }

.node--type-mc-page .paragraph > .paragraph__column {
	padding-bottom: 0px;
}

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

  .block-mc-multiform .mc_multiform_form_container #edit-phone-number .fieldset-wrapper > .form-item{
    padding-right: 0px !important;
  }

  .block-mc-multiform label{
    font-size: 14px !important;
  }
}

@media (min-width: 768px) {
	.mobile { display: none; }
}

#agegate_form p.smallprint.trapezoid {
  font-family: var(--font-primary);
}