/* Bar and box */
#wpca-trans-layer { width:100%; height:100%; position:fixed; top:0; left:0; z-index:99997; zoom:1 }
.wpca-lay-out, .wpca-lay-out * { box-sizing:border-box }
.wpca-lay-out { position:fixed; height:auto; display:block; z-index:99998 }
.wpca-lay-out { background-color:#444444 }
.wpca-lay-out.wpca-top { top:0 }
.wpca-lay-out.wpca-bottom { bottom:0 }
.wpca-lay-out.wpca-hide, #wpca-trans-layer.wpca-hide, #wpca-popup-modal.wpca-hide, #wpca-reconsider-icon.wpca-hide { display:none !important }
.wpca-lay-out.wpca-show:not(#wpca-bar), #wpca-trans-layer.wpca-show, #wpca-popup-modal.wpca-show, #wpca-reconsider-icon.wpca-show { display:block }
.wpca-lay-out.wpca-align-left p { text-align:left; }
.wpca-lay-out.wpca-align-center p { text-align:center }
.wpca-lay-out.wpca-align-right p { text-align:right }
.wpca-lay-out .wpca-lay-out-content { text-align:center; min-height:40px }
.wpca-lay-out .wpca-lay-out-content p { padding:0 5px; margin:0; position:relative; z-index:100; opacity:100; min-height:40px }
.wpca-lay-out .wpca-lay-out-content * { font-size:16px; line-height:33px }
.wpca-lay-out .wpca-lay-out-meta .wpca-btn { display:inline-block; text-align:center }
.wpca-lay-out.wpca-has-close-x { overflow:visible }
.wpca-btn-privacy { cursor:pointer }
.wpca-btn:focus { outline:none }
.wpca-btn + .wpca-btn { display:inline-block; vertical-align:top }
.wpca-btn + .wpca-btn,
#wpca-icon-settings + .wpca-btn,
/* fixes WP rockets lazyloading <noscript> */
#wpca-icon-settings + noscript + .wpca-btn { margin-left: 2% }
.wpca-cc-sett-box .wpca-btn { margin-left:0; margin-right: 2% }
#wpca-icon-settings { font-size: small; cursor:pointer; display: inline-block; vertical-align: middle }
.wpca-cc-settings-link #wpca-icon-settings { width: auto; text-align: right }
.wpca-cc-settings-icon #wpca-icon-settings { width: 27px }
#wpca-icon-settings:hover { opacity:0.8 }
.wpca-lay-out[class*="wpca-decline"].wpca-cc-settings-has .wpca-lay-out-meta .wpca-btn { vertical-align: middle }
#wpca-reconsider-icon { width: 35px; height: 35px; position: fixed; bottom: 17px; z-index:99998; background-repeat: no-repeat; background-size: contain; cursor: pointer; display: none }
#wpca-reconsider-icon.wpca-rci-bl { left: 17px }
#wpca-reconsider-icon.wpca-rci-br { right: 17px; }

/* the Bar */
#wpca-bar { width:100%; min-height:30px; padding:15px 20px; display: flex; flex-flow: row nowrap; justify-content: space-between }
#wpca-bar.wpca-cc-settings-icon.wpca-decline-not .wpca-lay-out-content,
#wpca-bar.wpca-cc-settings-not.wpca-decline-not  .wpca-lay-out-content { flex: 0 1 80%; }
#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-content { flex: 0 1 77%; }
#wpca-bar.wpca-cc-settings-icon.wpca-decline-has .wpca-lay-out-content,
#wpca-bar.wpca-cc-settings-not.wpca-decline-has  .wpca-lay-out-content { flex: 0 1 65%; }
#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-content { flex: 0 1 62.56%; }
#wpca-bar.wpca-cc-settings-icon.wpca-decline-not .wpca-lay-out-meta,
#wpca-bar.wpca-cc-settings-not.wpca-decline-not  .wpca-lay-out-meta { flex: 0 1 20%; }
#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta { flex: 0 1 23%; }
#wpca-bar.wpca-cc-settings-icon.wpca-decline-has .wpca-lay-out-meta,
#wpca-bar.wpca-cc-settings-not.wpca-decline-has  .wpca-lay-out-meta { flex: 0 1 35%; }
#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta { flex: 0 1 37.44%; }

#wpca-bar-meta { text-align:right }
#wpca-bar.wpca-top.wpca-shadow { -webkit-box-shadow: 2px 2px 5px 0px rgba(68, 68, 68, 0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(68, 68, 68, 0.75); box-shadow: 2px 2px 5px 0px rgba(68, 68, 68, 0.75); }
#wpca-bar.wpca-bottom.wpca-shadow { -webkit-box-shadow: 2px -2px 5px 0px rgba(68, 68, 68, 0.75); -moz-box-shadow: 2px -2px 5px 0px rgba(68, 68, 68, 0.75); box-shadow: 2px -2px 5px 0px rgba(68, 68, 68, 0.75); }

/* the Box */
#wpca-box { width:20%; min-height:10%; max-height:100%; padding:15px 20px }
#wpca-box.wpca-tl { top:0; left:0 }
#wpca-box.wpca-tr { top:0; right:0 }
#wpca-box.wpca-bl { bottom:0; left:0 }
#wpca-box.wpca-br { bottom:0; right:0 }
#wpca-box-content { width: 100% }
#wpca-box-content p { padding: 0 }
#wpca-box-meta { width:100%; text-align:center; margin-top: 14px }
.wpca-btn-align-left #wpca-box-meta { text-align: left }
.wpca-btn-align-right #wpca-box-meta { text-align: right }

/* Box with or without settings icon */
#wpca-box.wpca-cc-settings-icon #wpca-box-meta #wpca-icon-settings { width: 30px }
#wpca-box.wpca-cc-settings-link #wpca-box-meta #wpca-icon-settings { width: auto }
#wpca-box.wpca-cc-settings-not.wpca-decline-not #wpca-box-meta .wpca-btn { width: 100% }
#wpca-box.wpca-cc-settings-not.wpca-decline-has #wpca-box-meta .wpca-btn { width: calc((100% - 2%)/2) }
#wpca-box.wpca-cc-settings-icon.wpca-decline-not #wpca-box-meta .wpca-btn { width: calc(100% - 2% - 30px) }
#wpca-box.wpca-cc-settings-icon.wpca-decline-has #wpca-box-meta .wpca-btn { width: calc((100% - 4% - 30px)/2) }

#wpca-box.wpca-cc-settings-link.wpca-decline-has #wpca-box-meta .wpca-btn { width: calc(40% - 2%) }
#wpca-box.wpca-cc-settings-link.wpca-decline-has #wpca-box-meta #wpca-icon-settings { width: calc(100% - (40% * 2)) }
#wpca-box.wpca-cc-settings-link.wpca-decline-not #wpca-box-meta .wpca-btn { width: calc(80% - 2%) }
#wpca-box.wpca-cc-settings-link.wpca-decline-not #wpca-box-meta #wpca-icon-settings { width: calc(100% - (80% * 1)) }

#wpca-box[class*="wpca-cc-settings"][class*="wpca-decline"][class*="wpca-box-width-5"]   #wpca-box-meta .wpca-btn,
#wpca-box[class*="wpca-cc-settings"][class*="wpca-decline"][class*="wpca-box-width-6"]   #wpca-box-meta .wpca-btn,
#wpca-box[class*="wpca-cc-settings"][class*="wpca-decline"][class*="wpca-box-width-7"]   #wpca-box-meta .wpca-btn,
#wpca-box[class*="wpca-cc-settings"][class*="wpca-decline"][class*="wpca-box-width-8"]   #wpca-box-meta .wpca-btn,
#wpca-box[class*="wpca-cc-settings"][class*="wpca-decline"][class*="wpca-box-width-9"]   #wpca-box-meta .wpca-btn,
#wpca-box[class*="wpca-cc-settings"][class*="wpca-decline"][class*="wpca-box-width-100"] #wpca-box-meta .wpca-btn { width: initial; margin-left: 10px }

/* centered box / popup modal */
#wpca-box.wpca-ct,
#wpca-popup-modal { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%) }
#wpca-popup-modal, #wpca-popup-modal * { box-sizing:border-box }

.wpca-btn-hide { visibility:hidden !important; width: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important; position: absolute !important; left: -9999px !important }
.wpca-blocked { display: none !important; }

#wpca-box.wpca-shadow { -webkit-box-shadow: 2px 2px 5px 0px rgba(68, 68, 68, 0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(68, 68, 68, 0.75); box-shadow: 2px 2px 5px 0px rgba(68, 68, 68, 0.75); }

/* close icon */
.wpca-icon-close { position:absolute; display:inline-block; right:10px; cursor:pointer }
.wpca-lay-out.wpca-top .wpca-icon-close { bottom:-30px }
.wpca-lay-out.wpca-bottom .wpca-icon-close { top:-30px }
.wpca-lay-out.wpca-ct .wpca-icon-close { right:0px; top:-30px }
/* closing icon inside */
.wpca-lay-out.wpca-close-x-inside { padding-top: 36px !important }
.wpca-lay-out.wpca-close-x-inside .wpca-icon-close { width: 17px; height: 17px; top: 7px; right: 7px }

/* popup modal */
#wpca-popup-modal { z-index: 99999; overflow-y: auto }
#wpca-popup-modal .wpca-icon-close { top: 15px; right: 15px }
.wpca-cc-settings-open + #wpca-trans-layer { z-index: 99998 }

/* Cookie Categories */
/* Cookie Category settings */
.wpca-cc-sett-box { display:none }
.wpca-cc-sett-options input[type="checkbox"] { margin-right:5px; }
.wpca-cc-sett-box.wpca-shadow { -webkit-box-shadow: 2px 2px 5px 0px rgba(68, 68, 68, 0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(68, 68, 68, 0.75); box-shadow: 2px 2px 5px 0px rgba(68, 68, 68, 0.75); }
.wpca-cc-sett-box .wpca-btn { margin-right:15px }
.wpca-cc-sett-box .wpca-cc-sett-options,
.wpca-cc-sett-options+.wpca-btn,
.wpca-cc-sett-box .wpca-btn { margin-top: 15px }

/* Responsive - media queries (fallback) */
@media screen and (max-width: 1780px) {
  /* asuming a btn width of 33% */
  #wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-content { flex-basis: 58%; }
  #wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta    { flex-basis: calc(100% - 58%); /*42*/}
  #wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-content { flex-basis: calc(58% * (1 + (0.33 * 0.58))); /*69.1%*/ }
  #wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta    { flex-basis: calc(100% - (58% * (1 + (0.33 * 0.58)))); /*30.9%*/ }
}
@media screen and (max-width: 1480px) {
  #wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-content { flex-basis: 48%; }
  #wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta    { flex-basis: calc(100% - 48%); /*52*/}
  #wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-content { flex-basis: calc(48% * (1 + (0.33 * 0.48))); /*55.6%*/ }
  #wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta    { flex-basis: calc(100% - (48% * (1 + (0.33 * 0.48)))); /*44.4%*/ }

  #wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta * { width: calc((100% - 4%)/3) }
}
@media screen and (max-width: 1180px) {
  #wpca-bar.wpca-decline-has:not(.wpca-cc-settings-link) .wpca-lay-out-content { flex-basis: 55% }
  #wpca-bar.wpca-decline-has:not(.wpca-cc-settings-link) .wpca-lay-out-meta { flex-basis: 45% }

  /* Bar with or without settings icon */
  #wpca-bar.wpca-cc-settings-icon #wpca-bar-meta #wpca-icon-settings { width: 30px }
  #wpca-bar.wpca-cc-settings-not.wpca-decline-not #wpca-bar-meta .wpca-btn { width: initial }
  #wpca-bar.wpca-cc-settings-not.wpca-decline-has #wpca-bar-meta .wpca-btn { width: calc((100% - 2%)/2) }
  #wpca-bar.wpca-cc-settings-icon.wpca-decline-not #wpca-bar-meta .wpca-btn { width: calc(100% - 2% - 30px) }
  #wpca-bar.wpca-cc-settings-icon.wpca-decline-has #wpca-bar-meta .wpca-btn { width: calc((100% - 4% - 30px)/2) }

  /* boxes with width < 50% and settings link, btns 100% and link on top  */
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"][class*="wpca-box-width-1"] #wpca-box-meta .wpca-btn,
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"][class*="wpca-box-width-2"] #wpca-box-meta .wpca-btn,
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"][class*="wpca-box-width-3"] #wpca-box-meta .wpca-btn,
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"][class*="wpca-box-width-4"] #wpca-box-meta .wpca-btn { width: 100%; margin-left: 0 }
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"][class*="wpca-box-width-1"] #wpca-box-meta #wpca-icon-settings,
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"][class*="wpca-box-width-2"] #wpca-box-meta #wpca-icon-settings,
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"][class*="wpca-box-width-3"] #wpca-box-meta #wpca-icon-settings,
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"][class*="wpca-box-width-4"] #wpca-box-meta #wpca-icon-settings { width: 100%; text-align: center; margin-bottom: 2% }
}
@media screen and (max-width: 1024px) {
  #wpca-bar { flex-direction: column }

  .wpca-lay-out img { max-width:100%; height:auto }
  .wpca-lay-out .wpca-lay-out-content p { padding: 0 }
  .wpca-lay-out .wpca-lay-out-content * { font-size: 14px; line-height: 26px }

  /* give the box full width (like the bar)  */
  #wpca-box { width:100% !important; margin:0 !important; border-radius:0 !important; min-height:10% !important; }

  /* don't need to set the box to 100% display width, the box is already 100% bu default */
  #wpca-bar[class*="wpca-cc-settings"][class*="wpca-decline"] .wpca-lay-out-content,
  #wpca-bar[class*="wpca-decline"] .wpca-lay-out-meta { flex-basis: 100% }

  #wpca-bar .wpca-lay-out-meta { margin-top: 14px }

  #wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta .wpca-btn { width: calc(40% - 2%) }
  #wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta #wpca-icon-settings { width: calc(100% - (40% * 2)) }
  #wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta .wpca-btn { width: calc(80% - 2%) }
  #wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta #wpca-icon-settings { width: calc(100% - (80% * 1)) }
  #wpca-bar.wpca-cc-settings-not.wpca-decline-not #wpca-bar-meta .wpca-btn { width: 100% }

  /* popup with  Cookie Category settings box */
  #wpca-popup-modal { width: 100%; height: 100%; top: 0; left: 0; transform: none; max-width: 100% !important; max-height: 100% !important }
  #wpca-popup-modal .wpca-cc-sett-box { width: 100%; height: 100%; border-radius: 0; padding: 10px; overflow-y: auto }
  /* 15px for the closing X */
  #wpca-popup-modal .wpca-cc-sett-box h1,
  #wpca-popup-modal .wpca-cc-sett-box h2,
  #wpca-popup-modal .wpca-cc-sett-box h3 { margin-top: 15px }
  #wpca-popup-modal .wpca-cc-sett-box p { font-size: 14px; line-height: 1.5 }
  #wpca-popup-modal .wpca-cc-sett-box .wpie-switch { margin: 0 0 10px 0 }
  #wpca-popup-modal .wpca-cc-sett-box .wpie-switch-descr { margin-top: 9px }
}
@media screen and (max-width: 768px) {
  /* Cookie Category settings box */
  .wpca-cc-sett-box .wpca-btn { width:100%; margin-right: 0 }
  .wpca-cc-sett-box .wpca-btn+.wpca-btn { margin-top:7px }
}
@media screen and (max-width: 640px), screen and (max-height: 375px) {
	/* centered box */
	#wpca-box.wpca-ct { top:0; left:0; transform:none; height:100%; z-index:99999 }
}
@media screen and (max-width: 640px) {
  #wpca-bar.wpca-cc-settings-link[class*="wpca-decline"] #wpca-bar-meta #wpca-icon-settings,
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"] #wpca-box-meta #wpca-icon-settings { width: 100%; text-align: center; margin-bottom: 2%; }

  #wpca-bar.wpca-cc-settings-not[class*="wpca-decline"] #wpca-bar-meta .wpca-btn,
	#wpca-box.wpca-cc-settings-not[class*="wpca-decline"][class*="wpca-box-width"] #wpca-box-meta .wpca-btn,
  #wpca-bar.wpca-cc-settings-link[class*="wpca-decline"] #wpca-bar-meta .wpca-btn,
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"][class*="wpca-box-width"] #wpca-box-meta .wpca-btn { width: 100%; display: block }

  /* button margins */
  #wpca-bar.wpca-cc-settings-not[class*="wpca-decline"] #wpca-bar-meta .wpca-btn + .wpca-btn,
	#wpca-box.wpca-cc-settings-not[class*="wpca-decline"] #wpca-box-meta .wpca-btn + .wpca-btn,
  #wpca-bar.wpca-cc-settings-link[class*="wpca-decline"] #wpca-bar-meta .wpca-btn + .wpca-btn,
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"] #wpca-box-meta .wpca-btn + .wpca-btn { margin-top: 2.5% }

  #wpca-bar.wpca-cc-settings-link #wpca-bar-meta .wpca-btn,
  #wpca-box.wpca-cc-settings-link[class*="wpca-decline"][class*="wpca-box-width"] #wpca-box-meta .wpca-btn { margin-left: 0 }

  /* don't need to set the box content and meta to 100% display width, the box is already 100% bu default */
	#wpca-bar[class*="wpca-decline"] #wpca-bar-content,
	#wpca-bar[class*="wpca-decline"] #wpca-bar-meta { flex-basis: 100% }

  /* bar/box with or without settings icon */
	#wpca-bar.wpca-cc-settings-icon[class*="wpca-decline"] #wpca-bar-meta #wpca-icon-settings,
	#wpca-box.wpca-cc-settings-icon[class*="wpca-decline"] #wpca-box-meta #wpca-icon-settings { width: 30px }

	/* buttons get display block but with a settings icon, display inline block */
	#wpca-bar.wpca-cc-settings-icon[class*="wpca-decline"] #wpca-bar-meta .wpca-btn,
	#wpca-box.wpca-cc-settings-icon[class*="wpca-decline"][class*="wpca-box-width"] #wpca-box-meta .wpca-btn { display: inline-block; width: calc(100% - 2% - 30px) }
  /* box with width >= 50% get margin-left: 10px, correct to 2% */
  #wpca-box.wpca-cc-settings-icon[class*="wpca-decline"][class*="wpca-box-width"] #wpca-box-meta .wpca-btn { margin-left: 2% }

	/* button margins */
  #wpca-bar.wpca-decline-has #wpca-bar-meta .wpca-btn + .wpca-btn,
  #wpca-box.wpca-decline-has[class*="wpca-box-width"] #wpca-box-meta .wpca-btn + .wpca-btn { margin-top: 2.5% }
  #wpca-bar.wpca-decline-has.wpca-cc-settings-icon #wpca-bar-meta .wpca-btn + .wpca-btn,
  #wpca-box.wpca-decline-has.wpca-cc-settings-icon[class*="wpca-box-width"] #wpca-box-meta .wpca-btn + .wpca-btn { margin-left: calc(30px + 2%) }
  #wpca-bar.wpca-decline-has.wpca-cc-settings-not #wpca-bar-meta .wpca-btn + .wpca-btn,
  #wpca-box.wpca-decline-has.wpca-cc-settings-not[class*="wpca-box-width"] #wpca-box-meta .wpca-btn + .wpca-btn { margin-left: 0 }
}

.wpie-switch label {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 23px;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.wpie-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  font-size: inherit;
  line-height: inherit;
}
.wpie-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 23px;
  background-color: #ccc;
  -webkit-transition: .4s;
          transition: .4s;
}
.wpie-switch-slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 3px;
  bottom: 3px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: .4s;
          transition: .4s;
}
input:checked + .wpie-switch-slider {
  background-color: #7CDF46;
}
input:checked + .wpie-switch-slider:before {
  -webkit-transform: translateX(17px);
      -ms-transform: translateX(17px);
          transform: translateX(17px);
}
input:disabled:checked + .wpie-switch-slider {
  background-color: #ccc;
}
input:disabled:checked + .wpie-switch-slider:before {
  background-color: #a7a3a3;
}
.wpie-switch-label {
    margin-left: 15px;
    font-weight: bold;
}
.wpie-switch-descr {
    margin-top: 13px;
    display: block;
}