/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 /* === ESTILOS MODIFICABLES === */

/* Modificar el color del background y padding */
.w-info-cookie{
  /* font-family: ; */
  background-color: rgba(0,0,0,0.75);
  color: #F7F7F7;
}

/* Modificar el color de los switchers */
input:checked:disabled + .slider-cookies{
  background-color: #8FCAF9;
}
input:checked + .slider-cookies {
  background-color: #2196F3;
}
input:focus + .slider-cookies {
  box-shadow: 0 0 1px #2196F3;
}

/* Modificar contenedor */
.container-rgpd{
  max-width: 1140px;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0 auto;
}

/* Modificar botones */
.btn-cookie{
  padding: 5px 15px;
  border: 2px solid;
  border-color: #2196F3;
  background-color: #2196F3;
  text-transform: uppercase;
  font-weight: 600;
  color: #FFFFFF !important;
  font-size: 14px;
}
.btn-cookie.btn-cookie-contratipo{
  border-color: #2196F3;
  background-color: transparent;
  color: #2196F3 !important;
  margin-left: 15px;
}
.btn-cookie.btn-cookie-contratipo:hover,
.btn-cookie.btn-cookie-contratipo:focus,
.btn-cookie.btn-cookie-contratipo:active{
  background-color: #2196F3;
  color: #FFFFFF !important;
}

.btn-cookie:hover,
.btn-cookie:focus,
.btn-cookie:active{
  box-shadow: 3px 3px 12px rgba(0,0,0,0.3);
}

.w-tab-cookie-info button:hover,
.w-tab-cookie-info button:active{
  color: #2196F3;
}

.rgpd-top-tag span{
  background-color: rgba(0,0,0,0.75);
  color: #F7F7F7;
}

.swal2-styled.swal2-confirm{
  /* background-color: red !important; */
  text-transform: uppercase;
}

#rgpdCookiesHacce a{
  color: #2196F3;
}

.swal2-popup{
  background-color: rgba(0,0,0,0.75) !important;
}

.swal2-content,
.w-tab-cookie-info button,
.swal2-title{
  color: #F7F7F7 !important;
}

.w-cookie-info-title.active{
  border-color: #2196F3;
  color: #2196F3 !important;
}

/* XXX ESTILOS MODIFICABLES XXX */

/* === ESTILOS NECESARIOS DEL PLUGIN === */
.w-info-cookie{
  padding-top: 30px;
  padding-bottom: 30px;
  max-height: 1000px;
  transition: all .5s ease;
}
.switch-cookies {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}
.swal2-title{
  margin-top: 20px;
}

/* Hide default HTML checkbox */
.switch-cookies input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-cookies {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-cookies:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}


input:disabled + .slider-cookies{
  background-color: #ccc;
}

input:checked + .slider-cookies:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.slider-cookies{
    border-radius: 34px;
}
.slider-cookies.round:before {
  border-radius: 50%;
}

.swal2-close:hover,
.swal2-close:active,
.swal2-close:focus{
    outline: none;
}

.w-cookie-info-description{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
#rgpdCookiesHacce.accepted-cookies .w-info-cookie{
  max-height: 0px;
  padding: 0px;
  transition: max-height .5s ease, padding .5s ease .25s;
}
#rgpdCookiesHacce{
  max-height: 500px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1050;
}
.w-config-cookies{
  text-align: left;
}
.w-tab-cookie-title,
.w-tab-cookie-info{
  margin-bottom: 15px;
}
.w-tab-cookie-title{
  display: flex;
  align-items: center;
}
.w-tab-cookie-title label{
  margin-bottom: 0px;
}
.w-tab-cookie-title span{
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}
.w-tab-cookie-title .switch-cookies{
  margin-left: auto;
}
.w-tab-cookie-info button{
  background-color: transparent;
  border: none;
  font-size: 14px;
  width: 100%;
  padding: 0px;
  padding-bottom: 5px;
  text-align: left;
  border-bottom: 2px solid #F7F7F7;
  margin-bottom: 5px;
}
.w-tab-cookie-info button:hover,
.w-tab-cookie-info button:focus,
.w-tab-cookie-info button:active{
  outline: none;
  cursor: pointer;
}
.w-cookie-info-description{
  font-size: 14px;
}
.w-cookie-info-title{
  display: flex;
  align-items: center;
}
.w-cookie-info-title .fas{
  margin-left: auto;
  transition: transform .5s ease;
}
.w-cookie-info-title.active .fas{
  transform: rotate(180deg);
}
.rgpd-top-tag{
  margin-right: 15px;
  margin-left: 15px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s ease;
}
.rgpd-top-tag span{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  font-weight: 600;
}
.accepted-cookies .rgpd-top-tag{
  opacity: 1;
  pointer-events: inherit;
}
.accepted-cookies .rgpd-top-tag span:hover{
  cursor: pointer;
}
.swal2-container{
  overflow-y: auto !important;
}