/**
* Place your custom styles here.
*/


.hide{
  display: none;
}

#edit-field-nom-category-wrapper{
  display: none !important;
}

h3, .h3{
  font-size: 20px !important;
}

body {
  margin-top:0px !important;
  font-family: 'Minion Pro',Minion,'Palatino Linotype',Palatino,Times New Roman,serif !important;
}

.clearfix {
  overflow: auto;
}

.font-16{
  font-size: 16px;
}

.font-18{
  font-size: 18px;
}

.font-20{
  font-size: 20px;
}

.no-side-padding{
  padding-left: 0px;
  padding-right: 0px;
}

.minion-pro-regular{
  font-style: normal;
  font-weight: 400;
}

.minion-pro-italic{
  font-style: italic;
  font-weight: 400;
}

.minion-pro-semibold{
  font-style: normal;
  font-weight: 600;
}

.minion-pro-semibold-italic{
  font-style: italic;
  font-weight: 600;
}

.awards-ten-year span.text-black,
.awards-seventeen-year span.text-black{
  font-style: italic;
  font-weight: 400;
}

.awards-ten-year span.text-gray,
.awards-seventeen-year span.text-gray{
  font-style: normal;
  font-weight: 400;
}

.awards-ten-year h2,
.awards-seventeen-year h2{
  font-style: italic;
  font-weight: 600;
}

.margin-top-0{
  margin-top: 0px !important;
}

.margin-top-30{
  margin-top: 30px !important;
}

.margin-top-20{
  margin-top: 20px !important;
}

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

.margin-bottom-20{
  margin-bottom: 20px !important;
}

.margin-bottom-25{
  margin-bottom: 25px !important;
}

.margin-top-neg-40{
  margin-top: -48px;
}

.awards-ten-year h2,
.awards-seventeen-year h2{
  font-weight: 400;
  font-size: 20px;
}

.position-bottom{
  top: 90px !important;
}

.gradient-header{
  background: -moz-linear-gradient(top,  #000000 0px, transparent 250px);
  background: -webkit-linear-gradient(top,  #000000 0px,transparent 250px);
  background: -o-linear-gradient(top,  #000000 0px,transparent 250px);
  background: -ms-linear-gradient(top,  #000000 0px,transparent 250px);
  background: linear-gradient(top,  #000000 0px,transparent 250px);
}

@media (min-width: 1117px) and (max-width: 1353px) {
  .position-bottom{
    top: 50px !important;
  }
}

@media screen and (max-width: 1116px) {
  .position-bottom{
    top: 0px !important;
  }
}

.left-image img{
  float: left;
}

.right-image img{
  float: right;
}

.img-small img{
  max-height: 70px;
  /* max-height: 50px;
  margin-top: 10px; */
}

@media screen and (max-width: 767px) {
  .left-image img,
  .right-image img{
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}

.rare-17-img img{
  margin-top: 20px;
}

.font-weight-medium{
  font-weight: 400;
}

.main-container {
	width: 100%;
}

.navbar-default {
	background:none;
	border:none;
}

.header-container-image{
  /* http://eaglerare-2020.dev.wwbtc.com/themes/eagleboot/assets/images/ER_Header-Edit.jpg */
	background:url("/themes/eagleboot/assets/images/ER_Header-Edit.jpg") no-repeat 50% 25%;
	background-size: cover;
	text-align:center;
	/*border-bottom:10px solid #7D7C80;*/
    border-bottom: 12px solid #7D7C80;
}

.path-frontpage .header-container-image{
  /* http://eaglerare-2020.dev.wwbtc.com/themes/eagleboot/assets/images/ER_Header-Edit.jpg */
	background:url("/themes/eagleboot/assets/images/ER_Header-Edit.jpg") no-repeat;
	background-size: cover;
	text-align:center;
	/*border-bottom:10px solid #7D7C80;*/
    border-bottom: 12px solid #7D7C80;
}

.header-container-image h3 {
	color:white;
	padding:30px;
}

.navbar-collapse a.minion-pro-semibold{
  padding-top: 24px;
}

.header-bottle-img img{
  margin-right: 7em;
}

.inner-top-shadow {
   -moz-box-shadow:    inset 0 0 120px #000000;
   -webkit-box-shadow: inset 0 0 120px #000000;
   box-shadow:         inset 0 0 120px #000000;
}

.btn {
	border-radius: 0px;
}

.btn-gray {
	color:white;
	background-color:#7D7C80;
	border:1px solid white;
  padding: 14px 70px 10px 70px;
}

.btn-age-gate {
	color:white;
	background-color:#7D7C80;
	border:1px solid white;
  padding: 6px 80px;
}

.text-gray {
	color:#7D7C80;
}

.text-black {
	color:#000000;
}

.text-white {
	color:#ffffff;
}

.text-weird-gray{
  color: #999999 !important;
}

.text-gray-hover:hover{
  color: #333;
  text-decoration: none;
}

.background-blk{
  background: black;
}

.rare-life-image{
  width: 65%;
}

.borderimg {
  background-image: url(../images/hr_style_01.png);
  height: 28px;
  background-repeat: repeat-y;
  margin-left: auto;
  margin-right: auto;
  background-position: center;
  margin-top: 75px;
  margin-bottom: 75px;
}

.borderimg2 {
  background-image: url(../images/hr_stars_01.png);
  height: 28px;
  background-repeat: repeat-y;
  margin-left: auto;
  margin-right: auto;
  background-position: center;
}

/*********** Footer Section ***********/


.footer {
  background: #181720;
  color: #fff;
  padding: 5% 0;
  margin-top: 60px;
  font-family: 'Minion Pro', Minion, 'Palatino Linotype', Palatino, Times New Roman, serif;
}

.footer .footer-text {
  border-left: 1px solid #2d2d30;
  padding: 7%;
  color: #999;
}

.second-footer {
  background: #1c1c23;
  padding: 1% 0;
  text-align: center;
  color: #999;
  font-family: 'Minion Pro', Minion, 'Palatino Linotype', Palatino, Times New Roman, serif;
}

.second-footer ul {
  padding: 0;
  margin: 0;
}

.second-footer ul li {
  list-style-type: none;
  display: inline-block;
  padding: 0 1%;
  border-left: 1px solid #2d2d30;
  text-align: center;
}

.second-footer ul li:first-child {
  border: 0;
}
.second-footer ul li a {
  color: #999;
}

.second-footer ul li a {
  line-height: 2.5em;
}
.second-footer ul li button#ot-sdk-btn,
.second-footer ul li button#ot-sdk-btn:hover,
.second-footer ul li button#ot-sdk-btn:active,
.second-footer ul li button#ot-sdk-btn:focus {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
  font-size: inherit;
  font-style: italic;
}

/*********** End Footer Section ***********/


/*********** Age Gate Section ***********/
.age-gate-img{
  width: 85%;
}

.modal-dialog {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  min-height: auto;
  min-width: auto;
  max-width: 600px;
  max-height: 300px;
}
.modal-content {
  min-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#ageGateModal h3{
  margin-top: 25%;
  margin-bottom: 20%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  /*.modal-dialog {
    width: 75%;
    height: 30%;
  }*/

  #ageGateModal h3{
    margin-top: 15%;
    margin-bottom: 20%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /*.modal-dialog {
    height: 40%;
  }*/

  #ageGateModal h3{
    margin-top: 15%;
    margin-bottom: 20%;
  }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
  .modal-dialog {
    min-height: auto;
    min-width: auto;
    max-width: 300px;
    max-height: 600px;
  }

  .age-gate-img{
    width: 75%;
  }

  #ageGateModal h3{
    margin-top: 15%;
    margin-bottom: 20%;
  }

  .header-bottle-img{
    text-align: center;
  }

  .header-bottle-img img{
    margin-right: 0em;
    margin-top: 5em;
  }
}

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

  #ageGateModal h3{
    margin-top: 15%;
    margin-bottom: 20%;
  }

  .modal-dialog {
    min-height: auto;
    min-width: auto;
    max-width: 300px;
    max-height: 600px;
  }

  .age-gate-img{
    width: 60%;
  }

  .mobile-landscape-age-gate-img{
    width: 40%;
  }

  .mobile-landscape-age-gate-text{
    width: 60%;
  }

  .header-bottle-img{
    text-align: center;
  }

  .header-bottle-img img{
    margin-right: 0em;
    margin-top: 5em;
  }
}

/* Iphone 5 Styling*/
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

  /*.modal-dialog {
    width: 80%;
    height: 80%;
  }*/

  .modal-body .col-xs-10{
    width: 100%;
    margin-left: 0;
  }

  .age-gate-img {
    width: 60%;
  }

  .btn-age-gate{
    padding: 6px 60px;
  }
}
/*********** End Age Gate Section ***********/

/*********** Begin Award Slideshow Section ***********/
.awards-slider-title h2 {
  font-style: normal;
}

.award-title {
  font-weight: 700;
  margin-bottom: 0;
}

.award-body {
  margin-top: 0;
}

div.borderimg2 {
  margin-bottom: 20px;
}
/*********** End Award Slideshow Section ***********/



/*FORM STUFF for /node/add/rare_life_story*/



/*Hide fields*/
/* .field--name-field-win-category,
.field--name-field-winyear,
.field--name-field-win-sort,
.field--name-field-newsletter,
.field--name-field-featured,
.field--name-field-rare-life-story,
.field--name-field-story-image

{
  display: none;
}

.form-item label{
  font-weight: bold;
}

.form-item label {
  display: inline-block;
  padding: 0 5px 0 15px;
  -webkit-transform: translateY(175%);
  -moz-transform: translateY(175%);
  transform: translateY(175%);
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background: #D9D9D9;
  line-height: 20px;
  cursor: text;
} */

/* .node-rare-life-story-form .description{
  font-size: 0.85em;
  margin-top: -15px;
} */



/*END FORM STUFF for /node/add/rare_life_story*/

/*Front Page*/

.home-about h2.text-secondary {
  color: #1a1a1a;
  font-size: 24px;
  line-height: 34px;
  font-style: italic;
}

.jumbotron{
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top: 0 !important;
}

.navbar-collapse{
  margin-right: 0 !important;
}

.path-frontpage .card a{
  font-weight: bold;
}

.border-gray{
  border-color: #7D7C80;
}

a{
  position: relative;
  top: 1px;

}


/*Rare life story content type*/



#bs-example-navbar-collapse-1 > ul > li:nth-child(4){
  margin-top: 10px;
}

#bs-example-navbar-collapse-1 > ul > li:nth-child(6) > button{
  margin-top: 20px !important;
}

.path-frontpage #bs-example-navbar-collapse-1 > ul > li:nth-child(6) > button > a{
  z-index: 9999999 !important;
}

.navbar{
  margin-bottom: 0;
}



/*Winners Page*/
.card .winnerspage{
  width: 70%;
}

.active-year{
  font-style: italic;
}

.path-eagle-rare-award-winners .alert{
  display: none;
}

#bs-example-navbar-collapse-1 > ul > li:nth-child(5) > button {
  margin-top: 20px !important;

}

/*thank you page*/
.thank-you article{
  overflow-x: hidden;
  margin-top: 25px;
}

.thank-you a,
.official-rules a{
  text-decoration: underline;
  text-decoration-skip-ink: none !important;
}




/*Judges*/

.fixed-width-judge{
  width: 370px;
}


/*Past Winners stand alone page*/

/* social icons */
.socialIcons {
  text-align: center;
  clear: both;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
  background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.page-node-type-rare-life-story h2{
  font-size: 30px;
}

.story-heading{
  color: #fff;
  font-size: 30px !important;
  padding-bottom: 1px !important;
  margin-bottom: 1px !important;
}

.summary-text{
  font-size: 16px !important;
  margin-bottom: 15px;
  font-weight: 200 !important;
  font-family: none !important;
  font-style: normal !important;
}

.vote-closed{
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 0 !important;
}

.center-img img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  vertical-align: middle;
}



.img-container {
  display: grid;
  justify-content: center;
  align-content: center
}

.responsive-container {
  width: 100%;
  position: relative;
  height: inherit;
}

.helper {
  padding-top: 100%;
}

/*.img-container {*/
  /*position: absolute;*/
  /*top: 0;*/
  /*bottom: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*text-align: center;*/
  /*font: 0/0 a;*/
/*}*/

.img-container .centerer {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.img-container img {
  vertical-align: middle;
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
}

.page-node-type-rare-life-story .navbar{
    margin-bottom: 20px;
}

.page-node-type-rare-life-story .jumbotron{
    background: #181720 url(https://eaglerarelife.com/story/static/media/header_bg.ab96e0dd.png) no-repeat;
    background-size: cover;
    min-height: 500px;
    height: 610px;
  margin-bottom: 30px !important;

}
.page-node-type-rare-life-story .charity-info{
    top: 70px;
    position: relative;
}

.page-node-type-rare-life-story .hr-small{
  margin-bottom: 10px !important;
  margin-top: 30px !important;
}

.margin-bottom-neg-10{
  margin-bottom: -10px;
}

/*********** Begin Award Slideshow Section ***********/
.awards-slider-title h2 {
  font-style: normal;
}

.award-title {
  font-weight: 700;
  margin-bottom: 0;
}

.award-body {
  margin-top: 0;
}

div.borderimg2 {
  margin-bottom: 20px;
}
/*********** End Award Slideshow Section ***********/


/*H1 stuff*/
.bourbon-wrapper{
  margin-bottom: 10px;
}

.bourbon-wrapper h2{
  display: inline;
}
/*CUSTOM SLICK*/

.remove-button-text::before{
  content: "";
}

.debutton-arrow{
  border: none;
  background-color: white;
}

.slick__arrow{
  text-align: center;
}

.glyphicon-circle-arrow-right,
.glyphicon-circle-arrow-left{
  font-size: 25px;
}

.slick-arrow:focus{
  outline:0;
}


.navbar-default .navbar-nav>li>a:hover{
  color: #FFF !important;
}

.no-underline:hover{
  text-decoration: none !important;
}

#slick-views-awards-slideshow-block-2-2 > ul {
  display: block;
  list-style: none;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

.page-node-type-rare-life-story .main-container { margin-top: -2px; }


/* 2021 feb updates */

.copyright-wrapper article.clearfix{
  overflow: initial !important;
  margin-top: 5vh;
}

.jumbotron img.erl-award-homepage{
  width: 70% !important;
}

.bottle-group img{
  width: 40%;
}

.middle-column-wrapper{
  padding-top: 9vh;
}