.jwCOWidget {
display: none;
background-color: #fff;
border: 1px solid #ddd;
position: fixed;
bottom: 0px;
left: 0;
width: 100%;
z-index: 99999;
font-size: 14px;
}
.jwCOWidgetShowFull {
display: block;
min-height: 80px;
padding: 20px 40px;
box-shadow: 0px -8px 24px 8px rgba(0, 0, 0, .33);
}
.jwCOWidgetShowSticker {
display: block;
bottom: 0px;
right: 10px;
left: unset;
width: 150px;
height: 20px;
text-align: center;
cursor: pointer;
}
.jwCOWidget.jwCOWidgetShowFull > .stickerHandle {
display: none;
}
.jwCOWidget.jwCOWidgetShowSticker > .optinHandle {
display: none;
}
.jwCOWidget > .optinHandle {
padding: 10px 20px 10px 20px;
min-height: 200px;
}
.jwCOWidget > .optinHandle .closeHandle {
font-size: 20px;
font-weight: normal;
line-height: 20px;
color: #ddd;
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
text-align: center;
border: 1px solid #ddd;
cursor: pointer;
padding: 10px;
border-radius: 40px;
}
.jwCOWidget > .optinHandle .title {
font-size: 18px;
font-weight: normal;
color: #0073aa;
}
.jwCOWidget > .optinHandle .description {
margin: 0px 0px 20px 0px;
}
.jwCOWidget > .optinHandle .description a {
text-decoration: underline;
}
.jwCOWidget > .optinHandle .optionChannels {
margin: 0px 0px 20px 0px;
}
.jwCOWidget > .optinHandle .optionChannels .optionCaption {
display: inline;
padding: 0px 10px 0px 0px;
font-size: 14px;
font-weight: bold;
color: #0073aa;
}
.jwCOWidget > .optinHandle .optionChannels .jwOptin-checkbox-container {
display: inline;
}
.jwCOWidget > .optinHandle .optionChannels label {
margin: 0px 10px 10px 0px;
}
.jwCOWidget > .optinHandle .btns {
margin: 0px 0px 30px 0px;
}
.jwCOWidget > .optinHandle .btns .jwCOBtn {
padding: 8px 24px;
margin-right: 10px;
border: 1px solid #c6c6c6;
border-radius: 0px;
text-align: center;
vertical-align: middle;
background-color: #c6c6c6;
font-weight: 400;
font-size: 16px;
color: #212529;
}
.jwCOWidget > .optinHandle .btns .jwOptinBtnAcceptAll {
color: #fff;
background-color: #00a0e6;
border: 1px solid #00a0e6;
}
.jwCOWidget > .optinHandle .btns .jwOptinBtnAccept {
color: #00a0e6;
background-color: #fff;
border: 1px solid #00a0e6;
}
.jwCOWidget > .optinHandle .btns .jwOptinBtnDeny {
color: #fff;
background-color: #00a0e6;
float: right !important;
border: 0px !important;
}
.jwCOWidget > .optinHandle .legalLinks {
margin: 0px 0px 10px 0px;
}
.jwCOWidget > .optinHandle .legalLinks a {
display: inline-block;
margin: 0px 5px;
font-size: 12px;
}
@media screen and (max-width: 500px) {
.jwCOWidget {
max-height: 80%;
overflow: auto;
}
.jwCOWidget > .optinHandle .optionChannels .optionCaption {
display: block;
}
.jwCOWidget > .optinHandle .optionChannels {
margin: 0px 0px 0px 0px;
}
.jwCOWidget > .optinHandle .optionChannels label {
margin: 0px 10px 10px 0px;
display: block;
}
.jwCOWidget > .optinHandle .btns .jwCOBtn {
margin: 8px 0px 8px 0px !important;
width: 100%;
}
.jwCOWidget > .optinHandle .legalLinks {
text-align: center;
}
}
button.jwOptinBtnDeny {
background-color: #c6c6c6 !important;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}