.wp-cookie-pro-logo {
display: inline-block;
width: 100px;
float: right;
position: relative;
height: 10px;
}
.wp-cookie-pro-logo > a {
position: absolute;
top: -3px;
left: 0;
z-index: 1;
height: 12px;
width: 100px;
color: rgba(0, 0, 0, 0);
display: block;
vertical-align: baseline;
}
.wp-cookie-pro-logo > a::after {
opacity: 0.4;
content: "";
transition: opacity 0.2s linear;
width: 100px;
height: 10px;
position: absolute;
top: 0;
left: 0;
display: block;
}
.wp-cookie-pro-logo > a:hover::after {
opacity: 1;
}
#wp-cookie-pro {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 15px 0;
background: rgba( 7, 163, 79, 0.9);
color: #fff;
font-family: "Noto Sans", sans-serif !important;
font-size: 14px !important;
transition: opacity 0.25s linear, bottom 0.25s linear;
z-index: 998;
line-height: 1.6 !important;
box-sizing: content-box !important;
}
#wp-cookie-pro.firefox {
font-size: 13px !important;
}
#wp-cookie-pro.firefox button {
font-size: 12px !important;
}
#wp-cookie-pro.closed {
opacity: 0;
bottom: -50px;
}
#wp-cookie-pro > .bar {
display: flex;
flex-wrap: wrap;
}
#wp-cookie-pro > .bar > .text {
flex: 1;
margin-left: 105px;
text-align: center;
padding-bottom: 10px;
}
#wp-cookie-pro > .bar > .text > span {
color: #014d8e;
}
#wp-cookie-pro > .bar > .text > a {
color: #aaa;
text-decoration: underline;
cursor: pointer;
transition: color 0.2s linear;
}
#wp-cookie-pro > .bar > .text > a:hover {
color: #fff;
}
#wp-cookie-pro > .bar > .buttons {
margin: auto 15px;
}
#wp-cookie-pro > .bar > .buttons > button {
display: block;
font-family: "Noto Sans", sans-serif !important;
font-size: 13px !important;
font-weight: bolder;
height: 20px;
width: 90px;
flex: 0 0 80px;
text-align: center;
padding: 5px;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
color: #ffffff;
box-sizing: content-box;
border-width: 0;
text-transform: none !important;
}
#wp-cookie-pro > .bar > .buttons > button#wp-cookie-pro-close {
background: #014d8e;
margin-bottom: 7px;
}
#wp-cookie-pro > .bar > .buttons > button#wp-cookie-pro-close:hover {
background: #014d8e;
}
#wp-cookie-pro > .bar > .buttons > button#wp-cookie-pro-close:active {
background: #014d8e;
}
#wp-cookie-pro > .bar > .buttons > button#wp-cookie-pro-details {
height: 20px;
width: 86px;
border: 2px solid #ddd;
color: #ddd;
margin-bottom: -15px;
background: rgba( 7, 163, 79, 0.9);
}
#wp-cookie-pro > .bar > .buttons > button#wp-cookie-pro-details:hover {
background: #ddd;
color: #222;
}
#wp-cookie-pro > .powered-by {
font-size: 9px;
display: block;
width: 156px;
margin: 10px auto -10px auto;
}
#wp-cookie-pro > .powered-by > span {
position: relative;
bottom: 5px;
margin-right: 6px;
color: #888;
}
@media (max-width: 425px) {
#wp-cookie-pro > .bar {
display: block;
}
#wp-cookie-pro > .bar > .text {
margin: auto 15px;
}
#wp-cookie-pro > .bar > .buttons {
margin-top: 10px;
}
#wp-cookie-pro > .bar > .buttons > button {
width: calc(100% - 10px);
}
#wp-cookie-pro > .bar > .buttons > button#wp-cookie-pro-details {
width: calc(100% - 12px);
margin-bottom: 5px;
}
#wp-cookie-pro > .powered-by {
margin-top: 17px;
}
}
#wp-cookie-pro-more {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
position: fixed;
z-index: 999999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85);
color: #fff;
font-family: "Noto Sans", sans-serif !important;
font-size: 14px !important;
transition: opacity 0.25s linear;
line-height: 1.6 !important;
box-sizing: content-box !important;
}
#wp-cookie-pro-more.firefox {
font-size: 13px !important;
}
#wp-cookie-pro-more.closed {
opacity: 0;
pointer-events: none;
}
#wp-cookie-pro-more > .wp-cookie-pro-details-close {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#wp-cookie-pro-more > .wrapper {
border-radius: 5px;
background: rgba( 7, 163, 79, 0.9);
padding: 25px;
position: fixed;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
max-width: 500px;
}
#wp-cookie-pro-more > .wrapper > .text {
text-align: center;
}
#wp-cookie-pro-more > .wrapper > .text > span {
color: #ff7f2b;
}
#wp-cookie-pro-more > .wrapper > .text > a {
color: #aaa;
text-decoration: underline;
cursor: pointer;
transition: color 0.2s linear;
}
#wp-cookie-pro-more > .wrapper > .text > a:hover {
color: #fff;
}
#wp-cookie-pro-more > .wrapper > .text > hr {
border: 0;
height: 1px;
background: #333;
margin: 15px 0;
}
#wp-cookie-pro-more > .wrapper > .icons {
display: block;
width: 100%;
height: 50px;
margin-top: 15px;
margin-bottom: 10px;
}
#wp-cookie-pro-more > .wrapper > .icons > a {
display: block;
width: 50px;
height: 50px;
float: left;
margin-right: 4px;
cursor: pointer;
}
#wp-cookie-pro-more > .wrapper > .icons > a > img {
width: 50px;
}
#wp-cookie-pro-more > .wrapper > .icons > a > img.safari {
position: relative;
top: -1px;
}
#wp-cookie-pro-more > .wrapper > .icons > a:last-of-type {
margin-right: 0;
}
#wp-cookie-pro-more > .wrapper > button {
display: none;
text-transform: none;
}
#wp-cookie-pro-more > .wrapper > .powered-by {
font-size: 9px;
display: block;
width: 156px;
margin: 10px auto -10px auto;
margin-top: 19px;
margin-bottom: -15px;
float: right;
}
@media (max-width: 425px) {
#wp-cookie-pro-more {
overflow-y: scroll;
}
#wp-cookie-pro-more > .wrapper {
position: relative;
max-width: calc(100% - 50px);
top: 0;
left: 0;
transform: none;
border-radius: 0;
min-height: calc(100% - 50px);
}
#wp-cookie-pro-more > .wrapper > .icons {
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 268px;
}
#wp-cookie-pro-more > .wrapper > button {
display: block;
font-family: "Noto Sans", sans-serif !important;
font-size: 16px !important;
font-weight: bolder;
height: 40px;
flex: 0 0 80px;
text-align: center;
padding: 5px;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
box-sizing: initial;
border: 2px solid red;
background: rgba(0, 0, 0, 0);
color: red;
width: calc(100% - 15px);
margin-top: -10px;
margin-bottom: 20px;
text-transform: none !important;
}
#wp-cookie-pro-more > .wrapper > button:hover {
background: red;
color: #222;
}
#wp-cookie-pro-more > .wrapper > .powered-by {
margin-bottom: 0;
margin-top: 0;
}
}