/* 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 { display:none }
.wpca-lay-out.wpca-show, #wpca-trans-layer.wpca-show, #wpca-popup-modal.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-icon-settings { cursor:pointer; display: inline-block; vertical-align: middle }
#wpca-icon-settings:hover { opacity:0.8 }
#wpca-icon-settings { width: 27px }
.wpca-lay-out[class*="wpca-decline"].wpca-cc-settings-has .wpca-lay-out-meta .wpca-btn { vertical-align: middle }

/* the Bar */
#wpca-bar { width:100%; min-height:30px; padding:15px 20px }
#wpca-bar.wpca-decline-not .wpca-lay-out-content { width:80% }
#wpca-bar.wpca-decline-has .wpca-lay-out-content { width:65% }
#wpca-bar-content { display:inline-block; vertical-align:top }
#wpca-bar.wpca-decline-not .wpca-lay-out-meta { width:20% }
#wpca-bar.wpca-decline-has .wpca-lay-out-meta { width:35% }
#wpca-bar-meta { display:inline-block; vertical-align:top; 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: 10px }
.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-has #wpca-box-meta #wpca-icon-settings { width: 30px }
#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-has.wpca-decline-not #wpca-box-meta .wpca-btn { width: calc(100% - 2% - 30px) }
#wpca-box.wpca-cc-settings-has.wpca-decline-has #wpca-box-meta .wpca-btn { width: calc((100% - 4% - 30px)/2) }

#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 }

/* 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-accept+.wpca-btn-cc-save-sett,
.wpca-cc-sett-box .wpca-btn-cc-save-sett+.wpca-btn-accept { margin-left:15px }
.wpca-cc-sett-box .wpca-cc-sett-options,
.wpca-cc-sett-options+.wpca-btn { margin-top: 15px }

/* Responsive - media queries (fallback) */
@media screen and (max-width: 1180px) {
  #wpca-bar.wpca-decline-has .wpca-lay-out-content { width: 55% }
  #wpca-bar.wpca-decline-has .wpca-lay-out-meta { width: 45% }

  /* Box with or without settings icon */
  #wpca-bar.wpca-cc-settings-has #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-has.wpca-decline-not #wpca-bar-meta .wpca-btn { width: calc(100% - 2% - 30px) }
  #wpca-bar.wpca-cc-settings-has.wpca-decline-has #wpca-bar-meta .wpca-btn { width: calc((100% - 4% - 30px)/2) }
}
@media screen and (max-width: 1024px) {
  .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-decline"] .wpca-lay-out-content,
  #wpca-bar[class*="wpca-decline"] .wpca-lay-out-meta { display:block; width:100% }
  #wpca-bar[class*="wpca-decline"] .wpca-lay-out-meta { padding-top: 7px }
  #wpca-bar.wpca-decline-has       .wpca-lay-out-meta { margin-top: 10px }

  #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-accept,
  .wpca-cc-sett-box .wpca-btn-cc-save-sett { width:100% }
  .wpca-cc-sett-box .wpca-btn-cc-save-sett+.wpca-btn-accept,
  .wpca-cc-sett-box .wpca-btn-accept+.wpca-btn-cc-save-sett { margin-left: 0; 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: 415px) {
    /* 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 { width: 100% }

    /* bar with or without settings icon */
	#wpca-bar.wpca-cc-settings-has #wpca-bar-meta #wpca-icon-settings,
	#wpca-box.wpca-cc-settings-has #wpca-box-meta #wpca-icon-settings { width: 30px }
	/* buttons get display block but with a settings icon, display inline block */
	#wpca-bar[class*="wpca-decline"] #wpca-bar-meta .wpca-btn,
	#wpca-box[class*="wpca-decline"] #wpca-box-meta .wpca-btn { display: block }
	#wpca-bar.wpca-cc-settings-has #wpca-bar-meta .wpca-btn,
	#wpca-box.wpca-cc-settings-has #wpca-box-meta .wpca-btn { display: inline-block }
	#wpca-bar.wpca-cc-settings-not[class*="wpca-decline"] #wpca-bar-meta .wpca-btn,
	#wpca-box.wpca-cc-settings-not[class*="wpca-decline"] #wpca-box-meta .wpca-btn { width: 100% }
	#wpca-bar.wpca-cc-settings-has.wpca-decline-has #wpca-bar-meta .wpca-btn,
	#wpca-bar.wpca-cc-settings-has.wpca-decline-not #wpca-bar-meta .wpca-btn,
    #wpca-box.wpca-cc-settings-has.wpca-decline-has #wpca-box-meta .wpca-btn,
    #wpca-box.wpca-cc-settings-has.wpca-decline-not #wpca-box-meta .wpca-btn { width: calc(100% - 2% - 30px) }
	/* button margins */
    #wpca-bar.wpca-decline-has #wpca-bar-meta .wpca-btn + .wpca-btn,
    #wpca-box.wpca-decline-has #wpca-box-meta .wpca-btn + .wpca-btn { margin-top: 2.5% }
    #wpca-bar.wpca-decline-has.wpca-cc-settings-has #wpca-bar-meta .wpca-btn + .wpca-btn,
    #wpca-box.wpca-decline-has.wpca-cc-settings-has #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 #wpca-box-meta .wpca-btn + .wpca-btn { margin-left: 0 }
}
@media screen and (max-width: 736px), screen and (max-height: 414px) {}
@media screen and (max-width: 910px) {}
@media screen and (max-width: 430px) {}
@media screen and (max-width: 396px) {}
@media screen and (max-width: 360px) {}


.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;
}