/*
 *  Frontend styling for cookie notice
 *
 *  @package CBC Cookie Control
 *
 *
 */
/** Cookie Notice - Main Wrapper **/
.cbc-cookie-notice__wrapper.disabled {
  display: none; }

.cbc-cookie-notice__wrapper.allowed .cbc-cookie-notice {
  display: none; }

.cbc-cookie-notice__wrapper.allowed .cbc-cookie-notice__toggle {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

/** Cookie Notice - Notice popup **/
.cbc-cookie-notice {
  position: fixed;
  padding: 10px 15px 5px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(20, 20, 20, 0.9);
  z-index: 1850; }

.cbc-cookie-notice__container {
  max-width: 1400px;
  margin: 0 auto; }

.cbc-cookie-notice_text {
  color: #fff; }
  @media only screen and (max-width: 576px) {
    .cbc-cookie-notice_text {
      text-align: center; } }
  .cbc-cookie-notice_text p, .cbc-cookie-notice_text a, .cbc-cookie-notice_text label, .cbc-cookie-notice_text span {
    font-size: .875rem;
    margin-bottom: 0; }
  .cbc-cookie-notice_text a, .cbc-cookie-notice_text strong {
    font-weight: 700; }

.cbc-cookie-notice_text a:hover {
  text-decoration: underline; }

.cbc-cookie-notice_text {
  display: block;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .cbc-cookie-notice_text {
      display: inline-block;
      width: 70%; } }

.cbc-cookie-notice__button-container {
  text-align: center; }
  @media only screen and (min-width: 1024px) {
    .cbc-cookie-notice__button-container {
      display: inline-block;
      width: 30%;
      float: right; } }

.cbc-cookie-notice__button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 46%;
  max-width: 190px;
  margin: 0 1%;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer; }
  @media only screen and (min-width: 800px) {
    .cbc-cookie-notice__button {
      display: inline-block;
      padding: 4px 20px;
      min-width: 100px; } }
  .cbc-cookie-notice__button:hover {
    color: #333;
    font-weight: 300; }

/** Cookie Notice - Toggle Button**/
.cbc-cookie-notice__toggle {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2px 6px 0;
  font-size: .875rem;
  border-radius: 0 4px 0 0;
  cursor: pointer;
  z-index: 1050;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .2s ease-in;
  transition: -webkit-transform .2s ease-in;
  -o-transition: transform .2s ease-in;
  transition: transform .2s ease-in;
  transition: transform .2s ease-in, -webkit-transform .2s ease-in; }
  .cbc-cookie-notice__toggle:hover {
    opacity: 0.9; }