@charset "utf-8";
#cookie-law-info-bar {
font-size: 15px;
margin: 0 auto;
padding: 12px 10px;
position: absolute;
text-align: center;
box-sizing: border-box;
width:100%;
z-index: 9999; display: none;
left:0px;
font-weight:300;
box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
}
#cookie-law-info-again {
font-size: 10pt;
margin: 0;
padding:5px 10px;
text-align: center;
z-index: 9999;
cursor: pointer;
box-shadow: #161616 2px 2px 5px 2px;
}
#cookie-law-info-bar span {
vertical-align: middle;
} .cli-plugin-button, .cli-plugin-button:visited {
display: inline-block;
padding: 9px 12px;
color: #fff;
text-decoration: none;
position: relative;
cursor: pointer;
margin-left: 5px;
text-decoration: none;
}
.cli-plugin-main-link {
margin-left:0px;
font-weight: 550; text-decoration: underline;
}
.cli-plugin-button:hover {
background-color: #111;
color: #fff;
text-decoration: none;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
font-size: 13px;
font-weight: 400;
line-height: 1;
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
background-color: #e22092;
}
.pink.cli-plugin-button:hover {
background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
background-color: #91bd09;
}
.green.cli-plugin-button:hover {
background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
background-color: #e62727;
}
.red.cli-plugin-button:hover {
background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
background-color: #fc9200;
}
.cli-plugin-button{ margin-top:5px; }
.cli-bar-popup{
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
padding:20px;
}
.cli-powered_by_p{width:100% !important; display:block !important; color:#333; clear:both; font-style:italic !important; font-size:12px !important; margin-top:15px !important; }
.cli-powered_by_a{color:#333; font-weight:600 !important; font-size:12px !important;} .cli-plugin-main-link.cli-plugin-button {
text-decoration: none;
}
.cli-plugin-main-link.cli-plugin-button {
margin-left: 5px;
}.gdpr-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.gdpr-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gdpr-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.gdpr-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.gdpr-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.gdpr-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.gdpr-px-0 {
padding-left: 0;
padding-right: 0;
}
.modal-backdrop.show {
opacity: .8;
}
.modal-open {
overflow: hidden
}
.modal-open .gdpr-modal {
overflow-x: hidden;
overflow-y: auto
}
.gdpr-modal.fade .gdpr-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.gdpr-modal.show .gdpr-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1039;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.gdpr-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.gdpr-modal a {
text-decoration: none;
}
.gdpr-modal .gdpr-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.gdpr-modal .gdpr-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2));
}
}
@media (min-width: 992px) {
.gdpr-modal .gdpr-modal-dialog {
max-width: 900px;
}
}
.gdpr-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.gdpr-modal .row {
margin: 0 -15px;
}
.gdpr-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.gdpr-modal .close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.gdpr-modal .close:focus {
outline: 0;
}
.gdpr-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.gdpr-switch input[type="checkbox"] {
display:none;
}
.gdpr-switch .gdpr-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.gdpr-switch .gdpr-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.gdpr-switch input:checked + .gdpr-slider {
background-color:rgb(99, 179, 95);
}
.gdpr-switch input:checked + .gdpr-slider:before {
transform: translateX(26px);
}
.gdpr-switch .gdpr-slider {
border-radius: 34px;
}
.gdpr-switch .gdpr-slider:before {
border-radius: 50%;
}
.gdpr-tab-content>.gdpr-tab-pane {
display: none;
}
.gdpr-tab-content>.active {
display: block;
}
.gdpr-fade {
transition: opacity .15s linear;
}
.gdpr-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column !important;
flex-direction: column !important;
align-items: stretch !important;
-ms-align-items: stretch !important;
}
.nav.gdpr-nav-pills, .gdpr-tab-content {
width: 100%;
padding: 30px;
}
.nav.gdpr-nav-pills {
background: #f3f3f3;
}
.nav.gdpr-nav-pills .gdpr-nav-link {
border: 1px solid #0070ad;
margin-bottom: 10px;
color: #0070ad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active, .nav.gdpr-nav-pills .show>.gdpr-nav-link {
background-color: #0070ad;
border: 1px solid #0070ad;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active {
color: #ffffff;
}
.gdpr-tab-content .gdpr-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.gdpr-tab-content .gdpr-button-wrapper .btn-gdpr {
background-color: #0070ad;
border-color: #0070ad;
color: #ffffff;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gdpr-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.gdpr-tab-content h4 {
font-size: 20px;
margin-bottom: .5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
.cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
display: none;
}
.cli-modal-backdrop.cli-fade {
opacity: 0
}
.cli-modal-backdrop.cli-show {
opacity: .5;
display: block;
}
.cli-modal.cli-show {
display: block;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 900px;
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .3rem;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent !important;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.cli-switch input:checked + .cli-slider {
background-color: #00acad
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(26px);
}
.cli-switch .cli-slider {
border-radius: 34px;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-tab-content>.cli-active {
display: block;
}
.cli-fade {
transition: opacity .15s linear;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding: 30px;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #f3f3f3;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #00acad;
margin-bottom: 10px;
color: #00acad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #00acad;
border: 1px solid #00acad;
}
.cli-nav-pills .cli-nav-link.cli-active {
color: #ffffff;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} .cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
flex-direction: column;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
-webkit-transform:scale(0);
transform:scale(0);
transition: opacity ease-in-out 0.5s;
}
.cli-modal-backdrop.cli-fade {
opacity: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .5;
-webkit-transform:scale(1);
transform:scale(1);
}
.cli-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
transform: scale(0);
overflow: hidden;
outline: 0;
display: none;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .2rem;
box-sizing: border-box;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 38px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 20px;
width: 38px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 15px;
left: 3px;
position: absolute;
transition: .4s;
width: 15px;
}
.cli-switch input:checked + .cli-slider {
background-color: #61a229;
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(18px);
}
.cli-switch .cli-slider {
border-radius: 34px;
font-size:0;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding:5px 30px 5px 5px;
box-sizing: border-box;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #fff;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #cccccc;
margin-bottom: 10px;
color:#2a2a2a;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #f6f6f9;
border: 1px solid #cccccc;
}
.cli-nav-pills .cli-nav-link.cli-active {
color:#2a2a2a;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} #cookie-law-info-bar .cli-nav-pills,#cookie-law-info-bar .cli-tab-content,#cookie-law-info-bar .cli-nav-pills .cli-show>.cli-nav-link,#cookie-law-info-bar a.cli-nav-link.cli-active{
background: transparent;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link.cli-active,#cookie-law-info-bar  .cli-nav-link,#cookie-law-info-bar .cli-tab-container p,#cookie-law-info-bar span.cli-necessary-caption,#cookie-law-info-bar .cli-switch .cli-slider:after
{
color:inherit;
}
#cookie-law-info-bar .cli-tab-header a:before
{
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
}
#cookie-law-info-bar .cli-row
{
margin-top:20px;
}
#cookie-law-info-bar .cli-col-4
{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
#cookie-law-info-bar .cli-col-8
{
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.cli-wrapper {
max-width: 90%;
float: none;
margin: 0 auto;
}
#cookie-law-info-bar .cli-tab-content h4
{
margin-bottom:0.5rem;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link
{
padding: .2rem 0.5rem;
}
#cookie-law-info-bar .cli-tab-container
{
display:none;
text-align:left;
} .cli-tab-footer .cli-btn {
background-color: #00acad;
padding: 10px 15px;
text-decoration:none;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #61a229;
color: #ffffff;
border-radius: 0;
}
.cli-tab-footer {
width:100%;
text-align:right;
padding: 20px 0;
} .cli-col-12
{
width:100%;
}
.cli-tab-header
{
display: flex;
justify-content: space-between;
}
.cli-tab-header a:before {
width: 10px;
height: 2px;
left: 0;
top: calc(50% - 1px);
}
.cli-tab-header a:after {
width: 2px;
height: 10px;
left: 4px;
top: calc(50% - 5px);
-webkit-transform: none;
transform: none;
}
.cli-tab-header a:before {
width: 7px;
height: 7px;
border-right: 1px solid #4a6e78;
border-bottom: 1px solid #4a6e78;
content: " ";
transform: rotate(-45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-right:10px;
}
.cli-tab-header a.cli-nav-link  {
position: relative;
display: flex;
align-items: center;
font-size:14px;
color:#000;
text-transform: capitalize;
}
.cli-tab-header.cli-tab-active .cli-nav-link:before
{
transform: rotate(45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cli-tab-header {
border-radius: 5px;
padding: 12px 15px;
cursor: pointer;
transition: background-color 0.2s ease-out 0.3s, color 0.2s ease-out 0s;
background-color:#f2f2f2;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 0;
top: 0;
z-index: 1;
-webkit-appearance: none;
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
padding: 10px;
background: transparent;
border:none;
min-width: 40px;
}
.cli-tab-container h4,.cli-tab-container h1 {
font-family: inherit;
font-size: 16px;
margin-bottom: 15px;
margin:10px 0;
}
#cliSettingsPopup .cli-tab-section-container {
padding-top: 12px;
}
.cli-tab-container p ,.cli-privacy-content-text{
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}
.wt-cli-privacy
{
display:none;
}
.cli-tab-content
{
display:none;
}
.cli-tab-section .cli-tab-content
{
padding: 10px 20px 5px 20px;
}
.cli-tab-section
{
margin-top:5px;
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 645px;
}
}
.cli-switch .cli-slider:after{
content: attr(data-cli-disable);
position: absolute;
right: 50px;
color: #000;
font-size:12px;
text-align:right;
min-width: 80px;
}
.cli-switch input:checked + .cli-slider:after
{
content: attr(data-cli-enable);
}
.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
max-height: 60px;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
a.cli-privacy-readmore {
font-size: 12px;
margin-top: 12px;
display: inline-block;
padding-bottom: 0;
cursor: pointer;
color:#000;
text-decoration: underline;
}
.cli-modal-footer {
position: relative;
}
a.cli-privacy-readmore:before {
content: attr(data-readmore-text);
}
.cli-collapsed a.cli-privacy-readmore:before {
content: attr(data-readless-text);
}
.cli-collapsed .cli-privacy-content
{
transition: max-height 0.25s ease-in;
}
.cli-privacy-content p
{
margin-bottom:0;
}
.cli-modal-close svg {
fill: #000;
}
span.cli-necessary-caption {
color: #000;
font-size: 12px;
}
.cli-tab-section.cli-privacy-tab {
display: none;
}
#cookie-law-info-bar .cli-tab-section.cli-privacy-tab {
display: block;
}
#cookie-law-info-bar .cli-privacy-overview {
display: none;
}
.cli-tab-container .cli-row
{
max-height: 500px;
overflow-y: auto;
}
.cli-modal.cli-blowup.cli-out {
z-index: -1;
}
.cli-modal.cli-blowup {
z-index: 999999;
transform: scale(1);
}
.cli-modal.cli-blowup .cli-modal-dialog {
animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.cli-modal.cli-blowup.cli-out .cli-modal-dialog
{
animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes blowUpContent {
0% {
transform: scale(1);
opacity: 1;
}
99.9% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(0);
}
}
@keyframes blowUpContentTwo {
0% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes blowUpModal {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes blowUpModalTwo {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(0);
opacity: 0;
}
}
.cli-tab-section .cookielawinfo-row-cat-table td, .cli-tab-section .cookielawinfo-row-cat-table th {
font-size: 12px;
}
.cli_settings_button
{
cursor: pointer;
} .wt-cli-sr-only
{
display: none;
font-size:16px;
} a.wt-cli-element.cli_cookie_close_button {
text-decoration: none;
color: #333333;
font-size: 22px;
line-height: 22px;
cursor: pointer;
position: absolute;
right: 10px;
top: 5px;
} .cli-bar-container{
float: none;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.cli-bar-btn_container {
margin-left: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: nowrap;
}
.cli-style-v2 a
{
cursor: pointer;
}
.cli-bar-btn_container a {
white-space: nowrap;
}
.cli-style-v2 .cli-plugin-main-link
{
font-weight:inherit;
}
.cli-style-v2
{
font-size: 11pt;
line-height: 18px;
font-weight:normal;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-container,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-container{
display: block;
}
.cli-style-v2 .cli-bar-message {
width: 70%;
text-align: left;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message
{
width:100%;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
flex-wrap: wrap;
} #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head{
text-align: left; margin-bottom: 5px;
margin-top: 0px;
font-size: 16px;
} .cli-style-v2 .cli-bar-message .wt-cli-ccpa-element,.cli-style-v2 .cli-bar-message .wt-cli-ccpa-checkbox {
margin-top: 5px;
}
.cli-style-v2 .cli-bar-btn_container .cli_action_button ,
.cli-style-v2 .cli-bar-btn_container .cli-plugin-main-link,
.cli-style-v2 .cli-bar-btn_container .cli_settings_button
{
margin-left: 5px;
}
.wt-cli-ccpa-checkbox label {
font-size: inherit;
cursor: pointer;
margin: 0px 0px 0px 5px;
} #cookie-law-info-bar[data-cli-style="cli-style-v2"]
{
padding: 14px 25px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"]
{
padding:32px 30px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
padding: 32px 45px;
}
.cli-style-v2 .cli-plugin-main-link:not(.cli-plugin-button), .cli-style-v2 .cli_settings_button:not(.cli-plugin-button),.cli-style-v2 .cli_action_button:not(.cli-plugin-button){
text-decoration: underline;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
margin-top: 5px;
margin-bottom: 5px;
}
a.wt-cli-ccpa-opt-out {
white-space: nowrap;
text-decoration: underline;
}
.wt-cli-necessary-checkbox {
display: none !important;
}
@media (max-width: 985px) {
.cli-style-v2 .cli-bar-message
{
width:100%;
}
.cli-style-v2.cli-bar-container
{
justify-content:left;
flex-wrap: wrap;
}
.cli-style-v2 .cli-bar-btn_container {
margin-left:0px;
margin-top: 10px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"]
{
padding: 25px 25px;
}
} .wt-cli-ckyes-brand-logo {
display: flex;
align-items: center;
font-size: 9px;
color: #111111;
font-weight: normal;
}
.wt-cli-ckyes-brand-logo img{
width: 65px;
margin-left: 2px;
}
.wt-cli-privacy-overview-actions {
padding-bottom:0;
}
@media only screen and (max-width: 479px) and (min-width: 320px){
.cli-style-v2 .cli-bar-btn_container {
flex-wrap: wrap;
}
} .wt-cli-cookie-description {
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}.mc4wp-form input[name^=_mc4wp_honey]{display:none!important}.mc4wp-form-theme{margin:1em 0}.mc4wp-form-theme label,.mc4wp-form-theme input{box-sizing:border-box;cursor:auto;vertical-align:baseline;width:auto;height:auto;line-height:normal;display:block}.mc4wp-form-theme label:after,.mc4wp-form-theme input:after{content:"";clear:both;display:table}.mc4wp-form-theme label{margin-bottom:6px;font-weight:700;display:block}.mc4wp-form-theme input[type=text],.mc4wp-form-theme input[type=email],.mc4wp-form-theme input[type=tel],.mc4wp-form-theme input[type=url],.mc4wp-form-theme input[type=date],.mc4wp-form-theme textarea,.mc4wp-form-theme select{vertical-align:middle;text-shadow:none;background:#fff;border:1px solid #ccc;border-radius:2px;outline:0;width:100%;max-width:480px;height:auto;min-height:32px;padding:8px 16px;line-height:1.42857;color:#555!important}.mc4wp-form-theme textarea{height:auto}.mc4wp-form-theme input[readonly],.mc4wp-form-theme input[disabled]{background-color:#eee}.mc4wp-form-theme input[type=number]{min-width:40px}.mc4wp-form-theme input[type=checkbox],.mc4wp-form-theme input[type=radio]{border:0;width:13px;height:13px;margin:0 6px 0 0;padding:0;display:inline-block;position:relative}.mc4wp-form-theme input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}.mc4wp-form-theme input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}.mc4wp-form-theme button,.mc4wp-form-theme input[type=submit],.mc4wp-form-theme input[type=button]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;text-shadow:none;filter:none;background:0 0;border:1px solid #0000;border-radius:2px;width:auto;height:auto;padding:8px 16px;font-weight:400;line-height:1.42857;display:inline-block}.mc4wp-form-theme button:hover,.mc4wp-form-theme input[type=submit]:hover,.mc4wp-form-theme input[type=button]:hover,.mc4wp-form-theme button:focus,.mc4wp-form-theme input[type=submit]:focus,.mc4wp-form-theme input[type=button]:focus{color:#333;background:0 0;outline:0;text-decoration:none}.mc4wp-form-theme label>span,.mc4wp-form-theme li>label{font-weight:400}.mc4wp-alert{color:#c09853;clear:both}.mc4wp-success{color:#468847}.mc4wp-notice{color:#3a87ad}.mc4wp-error{color:#cd5c5c}.rtl .mc4wp-form-theme input[type=checkbox],.rtl .mc4wp-form-theme input[type=radio]{margin:0 0 0 6px}.mc4wp-form-theme-dark button,.mc4wp-form-theme-dark input[type=submit],.mc4wp-form-theme-dark input[type=button]{border-color:#1e1e1e;color:#fff!important;background-color:#444!important}.mc4wp-form-theme-dark button:hover,.mc4wp-form-theme-dark input[type=submit]:hover,.mc4wp-form-theme-dark input[type=button]:hover,.mc4wp-form-theme-dark button:focus,.mc4wp-form-theme-dark input[type=submit]:focus,.mc4wp-form-theme-dark input[type=button]:focus{border-color:#000;color:#fff!important;background-color:#1e1e1e!important}.mc4wp-form-theme-dark input[type=text]:focus,.mc4wp-form-theme-dark input[type=email]:focus,.mc4wp-form-theme-dark input[type=tel]:focus,.mc4wp-form-theme-dark input[type=url]:focus,.mc4wp-form-theme-dark input[type=date]:focus,.mc4wp-form-theme-dark textarea:focus,.mc4wp-form-theme-dark select:focus{border-color:#6a6a6a}.mc4wp-form-theme-light button,.mc4wp-form-theme-light input[type=submit],.mc4wp-form-theme-light input[type=button]{border-color:#d9d9d9;color:#000!important;background-color:#fff!important}.mc4wp-form-theme-light button:hover,.mc4wp-form-theme-light input[type=submit]:hover,.mc4wp-form-theme-light input[type=button]:hover,.mc4wp-form-theme-light button:focus,.mc4wp-form-theme-light input[type=submit]:focus,.mc4wp-form-theme-light input[type=button]:focus{border-color:#b3b3b3;color:#000!important;background-color:#d9d9d9!important}.mc4wp-form-theme-light input[type=text]:focus,.mc4wp-form-theme-light input[type=email]:focus,.mc4wp-form-theme-light input[type=tel]:focus,.mc4wp-form-theme-light input[type=url]:focus,.mc4wp-form-theme-light input[type=date]:focus,.mc4wp-form-theme-light textarea:focus,.mc4wp-form-theme-light select:focus{border-color:#d9d9d9}.mc4wp-form-theme-red button,.mc4wp-form-theme-red input[type=submit],.mc4wp-form-theme-red input[type=button]{border-color:#b52b27;color:#fff!important;background-color:#d9534f!important}.mc4wp-form-theme-red button:hover,.mc4wp-form-theme-red input[type=submit]:hover,.mc4wp-form-theme-red input[type=button]:hover,.mc4wp-form-theme-red button:focus,.mc4wp-form-theme-red input[type=submit]:focus,.mc4wp-form-theme-red input[type=button]:focus{border-color:#761c19;color:#fff!important;background-color:#b52b27!important}.mc4wp-form-theme-red input[type=text]:focus,.mc4wp-form-theme-red input[type=email]:focus,.mc4wp-form-theme-red input[type=tel]:focus,.mc4wp-form-theme-red input[type=url]:focus,.mc4wp-form-theme-red input[type=date]:focus,.mc4wp-form-theme-red textarea:focus,.mc4wp-form-theme-red select:focus{border-color:#e7908e}.mc4wp-form-theme-blue button,.mc4wp-form-theme-blue input[type=submit],.mc4wp-form-theme-blue input[type=button]{border-color:#2a6496;color:#fff!important;background-color:#428bca!important}.mc4wp-form-theme-blue button:hover,.mc4wp-form-theme-blue input[type=submit]:hover,.mc4wp-form-theme-blue input[type=button]:hover,.mc4wp-form-theme-blue button:focus,.mc4wp-form-theme-blue input[type=submit]:focus,.mc4wp-form-theme-blue input[type=button]:focus{border-color:#193c5a;color:#fff!important;background-color:#2a6496!important}.mc4wp-form-theme-blue input[type=text]:focus,.mc4wp-form-theme-blue input[type=email]:focus,.mc4wp-form-theme-blue input[type=tel]:focus,.mc4wp-form-theme-blue input[type=url]:focus,.mc4wp-form-theme-blue input[type=date]:focus,.mc4wp-form-theme-blue textarea:focus,.mc4wp-form-theme-blue select:focus{border-color:#7eb0db}.mc4wp-form-theme-green button,.mc4wp-form-theme-green input[type=submit],.mc4wp-form-theme-green input[type=button]{border-color:#3d8b3d;color:#fff!important;background-color:#5cb85c!important}.mc4wp-form-theme-green button:hover,.mc4wp-form-theme-green input[type=submit]:hover,.mc4wp-form-theme-green input[type=button]:hover,.mc4wp-form-theme-green button:focus,.mc4wp-form-theme-green input[type=submit]:focus,.mc4wp-form-theme-green input[type=button]:focus{border-color:#255625;color:#fff!important;background-color:#3d8b3d!important}.mc4wp-form-theme-green input[type=text]:focus,.mc4wp-form-theme-green input[type=email]:focus,.mc4wp-form-theme-green input[type=tel]:focus,.mc4wp-form-theme-green input[type=url]:focus,.mc4wp-form-theme-green input[type=date]:focus,.mc4wp-form-theme-green textarea:focus,.mc4wp-form-theme-green select:focus{border-color:#91cf91}html, 
body { 
min-height: 100% !important; 
height: auto !important; 
}
.spu-box, .spu-box *{
box-sizing: border-box;
}
.spu-bg{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
.spu-box:before,
.spu-box:after {
content:"";
display:table;
}
.spu-box:after {
clear:both;
} .spu-box {
zoom:1;
}
.spu-box { 
position:fixed;
z-index: 999999;
margin: 10px;
max-width: 100%;
}
.spu-box.spu-centered{
margin: 0;
} .spu-box img{
max-width: 100%;
height: auto;
} .spu-box.spu-top-left{ 
top: 0; left: 0; bottom: auto; right: auto;
}
.spu-box.spu-top-right{ 
top: 0; right: 0; bottom: auto; left: auto;
}
.spu-box.spu-bottom-left{ 
bottom: 0; left: 0; top: auto; right: auto;
}
.spu-box.spu-bottom-right{ 
bottom: 0; right: 0; top: auto; left: auto;
}
.spu-content > *:first-child {	
margin-top: 0; padding-top: 0;
}
.spu-content > *:last-child {
margin-bottom:0; padding-bottom:0;
}
.spu-close{ 
position:absolute;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
line-height: 1;
}
.spu-close.top_right{
right:8px;
top:5px;
}
.spu-close.top_left{
left:8px;
top:5px;
}
.spu-close.bottom_right{
right:8px;
bottom:5px;
}
.spu-close.bottom_left{
left:8px;
bottom:5px;
}
p.spu-powered {
position: absolute;
bottom: -55px;
width: 100%;
text-align: center;
color: #fff;
left: 0px;
}
p.spu-powered a{
color: #ccc;
text-decoration: underline;
}
.spu-close:hover, .spu-close:focus {
text-decoration: none;
cursor: pointer;
}
.spu-shortcode {
float: left;
line-height: normal !important;
}
.spu-facebook-page{
text-align: center;
display: block;
}
.spu-shortcode iframe{
max-width: 1200px;
}
.spu_shortcodes{
zoom: 1;
}
.spu-content .wysija-msg li{
list-style: none;
}
.spu_shortcodes:before, 
.spu_shortcodes:after { content: ""; display: table; }
.spu_shortcodes:after { clear: both; }
@font-face {
font-family: 'spufont';
src:url(//comedywarehouse.co.uk/wp-content/plugins/popups/public/assets/fonts/spufont.eot?sze5my);
src:url(//comedywarehouse.co.uk/wp-content/plugins/popups/public/assets/fonts/spufont.eot?#iefixsze5my) format('embedded-opentype'),
url(//comedywarehouse.co.uk/wp-content/plugins/popups/public/assets/fonts/spufont.woff?sze5my) format('woff'),
url(//comedywarehouse.co.uk/wp-content/plugins/popups/public/assets/fonts/spufont.ttf?sze5my) format('truetype'),
url(//comedywarehouse.co.uk/wp-content/plugins/popups/public/assets/fonts/spufont.svg?sze5my#spufont) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="spu-icon-"], [class*=" spu-icon-"] {
font-family: 'spufont';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.spu-icon-envelope:before {
content: "\f003";
}
.spu-icon-check:before {
content: "\f00c";
}
.spu-icon-close:before {
content: "\f00d";
}
.spu-icon-eye:before {
content: "\f06e";
}
.spu-icon-gears:before {
content: "\f085";
}
.spu-icon-angle-up:before {
content: "\f106";
}
.spu-icon-angle-down:before {
content: "\f107";
}
.spu-icon-spinner:before {
content: "\f110";
}
.spu-spinner {
-webkit-animation: spu-rotate 1s infinite linear;
-moz-animation: spu-rotate 1s infinite linear;
-o-animation: spu-rotate 1s infinite linear;
margin: 5px;
display: none;
} .spu-box.spu-top-bar,
.spu-box.spu-bottom-bar{
margin: 0;
width: 100% !important;
padding: 10px 30px !important;
border-left: none !important;
border-right: none !important;
border-radius: 0;
position: fixed;
box-shadow: none;
z-index: 1000;
}
.spu-box.spu-top-bar.with-spu-gdpr{
padding-bottom: 40px !important;
}
.spu-box.spu-top-bar{
top: 0;
border-top: none !important;
}
.spu-box.spu-bottom-bar{
bottom: 0;
border-bottom: none !important;
}
.spu-box.spu-top-bar h1,
.spu-box.spu-top-bar h2,
.spu-box.spu-top-bar h3,
.spu-box.spu-top-bar h4,
.spu-box.spu-top-bar h5,
.spu-box.spu-top-bar h6,
.spu-box.spu-top-bar p,
.spu-box.spu-bottom-bar h1,
.spu-box.spu-bottom-bar h2,
.spu-box.spu-bottom-bar h3,
.spu-box.spu-bottom-bar h4,
.spu-box.spu-bottom-bar h5,
.spu-box.spu-bottom-bar h6,
.spu-box.spu-bottom-bar p{
margin: 0;
}
@keyframes spu-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes spu-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes spu-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes spu-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@media only screen and (max-width: 620px) {
.spu-box.taller-than-viewport {
left: 0 !important;
top: 100px !important;
position: absolute !important;
}
.spu-box{
margin: 0;
}
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-style: inherit;
font-weight: inherit;
font-family: inherit;
vertical-align: baseline;
margin: 0;
border: 0;
padding: 0;
outline: 0;
font-size: 100%;
}
acronym:hover::after {
background: #ffe400;
left: 100%;
color: #fff;
bottom: 100%;
display: block;
padding: 5px 10px;
content: attr(title);
position: absolute;
color: #000;
}
blockquote:before {
top: 0px;
left: 0px;
display: block;
content: "\201C";
position: absolute;
font-size: 40px;
}
abbr:hover::after {
background: #ffe400;
left: 100%;
bottom: 100%;
display: block;
padding: 5px 10px;
content: attr(title);
position: absolute;
color:#000;
}
ul {
list-style-type: circle;
padding: 0 0 0 20px;
}
ol {
list-style-type: decimal;
padding: 0 0 0 20px;
}
table {
border-spacing: 0;
border-collapse: separate;
}
table {
border-spacing: 0;
border-collapse: separate;
}
some_nowhitespace { nowhitespace: afterproperty }
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote {
font-style: italic;
line-height: 1.45;
width: 500px;
margin: 0 0;
padding: 10px 30px;
position: relative;
font-size: 14px;
}
dt { font-weight: bold }
dd {
background: none no-repeat left top;
padding-left: 20px;
}
address { font-style: italic }
abbr {
border-bottom: 1px dotted #fff;
position: relative;
}
acronym {
border-bottom: 1px dotted #fff;
position: relative;
}
big { 
font-size: 18px; 
font-weight: 800;
}
cite {
font-style: italic;
font-weight: 400;
opacity:0.6;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
ins {
background: #ffe400;
text-decoration: none;
color: #000;
padding: 0 3px;
}
var { font-style: oblique }
tt { font-family: "Lucida Console", monospace }
kbd { font-family: monospace }
#wrap embed, #wrap iframe, #wrap object, #wrap video { 
width: 100%; 
max-height: 450px; 
} .fixed { display: block }
.fixed:after {
visibility: hidden;
clear: both;
height: 0;
display: block;
content: ".";
}
.fixed { min-height: 1% }
* html .fixed { height: 1% }
.home-fixed { display: block }
.home-fixed:after {
visibility: hidden;
clear: both;
height: 0;
display: block;
content: ".";
}
.home-fixed p { margin-bottom: 0px }
.hidden { display: none }
.clear { clear: both }
.block { display: block }
.hide { display: none } a, .rsDefault .rsPlayBtnIcon, #footer-ls-col .facebook, #footer-ls-col .twitter, #footer-ls-col .vimeo, #footer-ls-col .youtube, #footer-ls-col .soundcloud, #footer-ls-col .flickr1, #footer-ls-col .google, #footer-ls-col .linkedin, .bl1-title h2, .bl2-title h2, .pv1-title h2, .pv1-title h2, .pv2-title h2, .pv2-title h2, .ad1-title h2, .ad2-title h2, .mix-title h2, .ev1-title h2, .ev2-title h2, .sng-facebook, .sng-twitter, .sng-google, .sng-linkedin, p.form-submit input#submit, .pv1-play, ul.songs-list li, .evhead-date, .evhead-week, .feat-bg, .wd-lk-bg, .wd-ad2-bg, .wd-bl2-bg, .wd-sld-bg, .wd-vd-play, .rsNavItem, .page-links a span {
transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
text-decoration: none;
-webkit-transition: .3s ease-in-out;
} html, body { height: 100% }
body {
background: #000;
line-height: 1.7em;
font-weight: 400;
color: #fff;
font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.45em;
word-wrap: break-word;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none }
h1 { font-size: 48px }
h2 { font-size: 36px }
h3 { font-size: 28px }
h4 { font-size: 18px }
a:hover {
text-decoration: none;
color: #fff;
}
a img { border: none }
strong { font-weight: bold }
em { font-style: italic }
p, ul, ol, pre, code { margin-bottom: 10px }
code { font-family: monospace }
pre {
background: rgba(255, 255, 255, 0.7);
font-family: monospace;
white-space: pre;
white-space: pre-wrap;
color: #000;
margin: 20px 0;
padding: 20px;
overflow: auto;
font-size: 14px;
word-wrap: break-word;
}
table {
margin-bottom: 20px;
border-spacing: 0;
border-collapse: separate;
border-top-width: 5px;
border: 1px solid #efefef;
}
th {
font-weight: bold;
text-transform: uppercase;
padding: 10px 15px;
}
td {
border-top: 1px solid #efefef;
padding: 10px 15px;
}
tr.alt { background: #f5f5f5 } #contback {
background: rgba(0, 0, 0, 0.4);
margin-bottom: 0px;
width: 100%;
position: relative;
}
#wrap {
padding-top: 60px;
padding-bottom: 60px;
width: 1190px;
margin: 0px auto;
}
#sidebar-left {
margin-top: 72px;
margin-bottom: -132px;
float: left;
width: 370px;
}
#sidebar-right {
margin-top: 72px;
margin-bottom: -132px;
float: right;
width: 370px;
}
#blog-left {
float: left;
width: 780px;
}
#blog-right {
margin-left: 40px;
float: right;
width: 780px;
}
#media-left {
width: 780px;
float: left;
}
#media-right {
margin-left: 40px;
width: 780px;
float: right;
overflow: hidden;
}
#media-full {
width: 1190px;
overflow: hidden;
}
.media-lr { width: 820px }
.media-full { width: 1230px }
#home-right {
margin-right: -5px;
margin-bottom: -60px;
float: right;
}
#home-left {
margin-bottom: -60px;
float: left;
}
#page-left {
background: rgba(0, 0, 0, 0.7);
width: 720px;
float: left;
padding: 30px;
}
#page-right {
background: rgba(0, 0, 0, 0.7);
width: 720px;
float: right;
padding: 30px;
}
#page-left img, #page-right img, #page-full img {
height: auto;
max-width: 100%;
}
#page-full {
background: rgba(0, 0, 0, 0.7);
width: 1130px;
padding: 30px;
}
#blog-left {
float: left;
width: 820px;
}
#blog-full { margin-left: 195px }
#sng-left {
width: 780px;
float: left; 
overflow: hidden;
}
#sng-right { 
width: 780px;
float: right;
overflow: hidden;
}
.sh-width {
width: 820px;
}
.sh-media1 { 
width: 780px;
margin-bottom: 20px; 
overflow: hidden;
}
.sh-media2 { 	
width: 780px;
margin-bottom: 46px;
overflow: hidden;
}
.sh-media3 { margin-bottom: 57px }
.sh-media3 p { margin-bottom: 10px }
.error-404 {
text-align: center;
margin-top: -50px;
}
.error-404 h4 {
background: rgba(0, 0, 0, 0.7);
font-weight: 400;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
display: inline-block;
padding: 3px 10px;
}
.he-wize .bgaudio {
text-align: center;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 364px;
}
.he-wize .bgmedia {
text-align: center;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 300px;
}
#loader {
background: rgba(0, 0, 0, 0.4);
width: 100%;
padding: 58px 0 53px 0;
}
a.pp_download {
border-radius: 3px;
text-transform: uppercase;
right: 55px;
color: #fff;
bottom: 6px;
z-index: 999;
padding: 5px 8px 5px 8px;
position: absolute;
font-size: 16px;
}
a.pp_download:hover { background: #222 }
#bnftr {
width: 728px;
height: 90px;
float: right;
margin-top: 13px;
overflow: hidden;
}
#bnftr-none {
width: 728px;
height: 90px;
float: right;
margin-top: 13px;
overflow: hidden;
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/banner.png);
} #header {
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 212px;
margin: 0px auto 0px auto;
z-index: 3;
position: relative;
}
.header-row {
width: 1190px;
height: 116px;
margin: 0 auto 0 auto;
padding: 20px 0px;
}
#logo {
margin-top: 8px;
margin-right: 30px;
float: left;
width: 300px;
height: 100px;
overflow: hidden;
} #footer {
background: rgba(0, 0, 0, 0.95);
padding-top: 38px;
padding-bottom: 46px;
width: 100%;
margin: 0px auto 0px auto;
}
#footer .footer-col a:hover { color: #fff }
#footer .widget { margin-bottom: 108px }
.footer-wrap {
width: 1190px;
margin: 0px auto 0px auto;
overflow: hidden;
}
.footer-row { width: 1230px }
.footer-col {
margin-top: 70px;
margin-right: 40px;
margin-bottom: -94px;
width: 370px;
float: left;
}
#footer-bottom {
background: rgba(0, 0, 0, 0.95);
width: 100%;
}
.footer-copyright {
text-align: center;
color: rgba(255, 255, 255, 0.5);
width: 1090px;
margin: 0px auto 0px auto;
padding: 20px;
} #feat {
background: rgba(0, 0, 0, 0.2);
padding-top: 3px;
height: 280px;
}
.feat-wrap {
width: 100%;
height: 280px;
overflow: hidden;
position: absolute;
}
.feat-cover {
float: left;
width: 495px;
height: 280px;
display: block;
position: relative;
}
.feat-cover img {
width: 495px;
height: 280px;
}
.feat-bg {
background: rgba(0, 0, 0, 0.5);
left: 0px;
width: 495px;
bottom: 0px;
height: 280px;
position: absolute;
}
.feat-title {
left: 25px;
bottom: 18px;
position: absolute;
}
.feat-title h2 {
margin-top: 8px;
line-height: 36px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
width: 435px;
z-index: 3;
font-size: 28px;
}
.feat-date {
text-transform: uppercase;
color: #fff;
opacity: 0.6;
font-size: 14px;
}
.feat-cat {
background: #fff;
line-height: 16px;
font-weight: 600;
text-transform: uppercase;
top: 25px;
left: 25px;
color: #000;
padding: 5px 8px;
z-index: 3;
position: absolute;
font-size: 14px;
}
.feat-lv {
top: 25px;
right: 25px;
height: 24px;
position: absolute;
}
.feat-prev, .feat-next {
top: 0;
width: 50%;
height: 300px;
display: block;
z-index: 4;
opacity: 0.5;
position: absolute;
}
.feat-prev:hover, .feat-next:hover { background: rgba(255, 255, 255, 0.4) }
.feat-prev { left: -495px }
.feat-next { right: -495px } .menu-search {
top: 11px;
float: right;
position: relative;
}
.menu-search #submit { display: none }
.menu-search form { position: relative }
.menu-search form:hover .submit { opacity: 1 }
.menu-search form .iconsearh, .menu-search form .submit {
top: -3px;
width: 24px;
right: 0;
height: 24px;
display: block;
position: absolute;
}
.menu-search form .submit {
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/searchL.png);
width: 24px;
cursor: pointer;
height: 24px;
opacity: 1;
}
.menu-search form #search {
background: rgba(255, 255, 255, 0.7);
-webkit-appearance: none;
top: 37px;
width: 0;
right: 0px;
border: none;
padding: 0;
outline: none;
position: absolute;
font-size: 12px;
} .page-title {
text-align: center;
margin-bottom: 60px;
}
h1.blog {
background: rgba(255, 255, 255, 0.9);
font-weight: 400;
text-transform: uppercase;
color: #000;
display: inline-block;
padding: 2px 15px;
font-size: 38px;
}
h1.page-title {
text-transform: uppercase;
left: 10px;
color: #fff;
width: 900px;
bottom: 0px;
position: absolute;
font-size: 36px;
}
h3.sh-title {
background: rgba(255, 255, 255, 0.9);
font-weight: 400;
line-height: 34px;
margin-bottom: 30px;
text-transform: uppercase;
color: #000;
height: 35px;
display: inline-block;
padding: 3px 15px;
font-size: 26px;
}
h3.sh-title2 {
background: rgba(0, 0, 0, 0.7);
font-weight: 200;
line-height: 27px;
text-transform: uppercase;
top: -3px;
left: -3px;
color: rgba(255, 255, 255, 0.8);
height: 28px;
display: inline-block;
padding: 1px 10px;
position: relative;
font-size: 17px;
}
h3.wd-title {
background: rgba(255, 255, 255, 0.9);
font-weight: 400;
line-height: 34px;
margin-bottom: 0px;
text-transform: uppercase;
top: -72px;
left: 0px;
color: #000;
float: left;
height: 35px;
padding: 3px 15px;
position: absolute;
overflow: hidden;
font-size: 26px;
}
#footer h3.wd-title {
background: none;
font-weight: 800;
margin-bottom: -20px;
text-transform: uppercase;
top: -60px;
left: -15px;
color: #fff;
float: left;
position: absolute;
overflow: hidden;
font-size: 26px;
} #video-gallery {
background: rgba(0, 0, 0, 0.3);
margin-bottom: 3px;
width: 774px;
height: 380px;
padding: 3px;
}
.videoGallery .rsTmb { padding: 20px 15px 22px 15px }
.videoGallery .rsThumb.rsNavSelected .rsTmb span {
color: #fff;
opacity: 1;
}
.rsDefault .rsTmb h2 {
margin-bottom: 5px;
text-transform: uppercase;
color: #fff;
font-size: 18px;
}
.rsDefault .rsTmb span {
text-transform: uppercase;
color: #fff;
opacity: 0.3;
font-size: 12px;
}
.rsABlock {
text-transform: uppercase;
top: 330px;
left: 30px;
z-index: 15;
position: absolute;
font-size: 14px;
}
.rsDefault .rsPlayBtnIcon {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/playB.png);
width: 128px;
height: 128px;
display: block;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { opacity: 0.6 }
.rsContent-venue {
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
background-color: #fff;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/venueD.png);
background-repeat: no-repeat;
background-position: 8px 5px;
color: #000;
padding: 1px 8px 1px 32px;
font-size: 14px;
}
.videoGallery .rsThumbs .rsThumb {
border-bottom: 1px solid #333;
width: 220px;
height: 119px;
}
.videoGallery .rsThumb:hover { background: #000 }
.sampleBlock {
top: 1%;
left: 3%;
width: 100%;
max-width: 400px;
} #cvr {
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 460px;
padding: 0px 0px 3px 0px;
}
.cvr-bg {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg1.png);
left: 0px;
width: 100%;
height: 380px;
bottom: 0px;
position: absolute;
}
.cvr-info {
width: 1190px;
height: 460px;
margin: 0px auto 0px auto;
overflow: hidden;
position: relative;
}
.cvr-title {
left: 0px;
width: 800px;
bottom: 55px;
position: absolute;
}
.cvr-title h1 {
font-weight: 800;
line-height: 60px;
margin-bottom: 20px;
text-transform: uppercase;
color: #fff;
display: inline;
font-size: 52px;
}
.cvr-cat {
background: #fff;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
top: -39px;
left: 0px;
color: #000;
padding: 1px 9px;
position: absolute;
font-size: 16px;
}
.cvr-lvc {
left: 0px;
bottom: 21px;
height: 24px;
position: absolute;
}
.cvr-date {
font-weight: 400;
text-transform: uppercase;
right: 0px;
color: #fff;
bottom: 25px;
opacity: 0.5;
position: absolute;
} #evhead {
margin-left: -30px;
width: 890px;
float: left;
}
.evhead-cont {
background: rgba(255, 255, 255, 0.1);
margin-left: 10px;
width: 203px;
float: right;
height: 110px;
padding: 3px;
position: relative;
}
.evhead-cont img {
width: 203px;
height: 110px;
}
.evhead-bg {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg4.png);
left: 3px;
width: 203px;
height: 90px;
bottom: 3px;
position: absolute;
}
.evhead-date {
text-align: center;
font-weight: 800;
text-transform: uppercase;
left: 0px;
color: #fff;
width: 206px;
bottom: 44px;
position: absolute;
font-size: 34px;
}
.evhead-week {
text-align: center;
font-weight: 400;
text-transform: uppercase;
left: 0px;
color: #fff;
width: 206px;
bottom: 15px;
position: absolute;
font-size: 20px;
}
.evhead-loc {
text-align: center;
font-weight: 600;
top: 17px;
left: 0px;
color: #000;
width: 206px;
position: absolute;
font-size: 14px;
}
.evhead-loc span {
background: rgba(255, 255, 255, 0.9);
text-transform: uppercase;
padding: 0 10px;
} a.info-like, a.info-liked {
font-weight: 600;
margin-right: 20px;
padding-left: 26px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/like.png);
background-repeat: no-repeat;
background-position: 0px 5px;
color: #fff;
float: left;
font-size: 14px;
}
.info-view {
font-weight: 600;
padding-left: 27px;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/view.png);
background-repeat: no-repeat;
background-position: 0px 5px;
float: left;
opacity: 0.5;
font-size: 14x;
}
.info-com {
font-weight: 600;
margin-left: 20px;
padding-left: 24px;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/comm.png);
background-repeat: no-repeat;
background-position: 0px 5px;
float: left;
opacity: 0.5;
font-size: 14x;
}
a.info-like, a.info-like.like:hover, a.info-liked.unlike, a.info-liked:hover { opacity: 0.5 }
a.info-liked
a.info-liked.unlike:hover, a.info-like.like, a.info-liked.unlike:hover, a.info-like:hover { opacity: 1 } #sng {
background: rgba(0, 0, 0, 0.7);
width: 720px;
padding: 30px;
}
#sng img { 
height: auto;
max-width: 100% 
}
.sng-cover {
background: rgba(0, 0, 0, 0.2);
margin-bottom: 0px;
width: 774px;
height: 430px;
padding: 3px;
overflow: hidden;
position: relative;
}
.sng-cover img {
width: 774px;
height: 430px;
}
.sng-bg {
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg2.png);
left: 3px;
width: 774px;
bottom: 3px;
height: 330px;
position: absolute;
}
.sng-title {
left: 28px;
width: 650px;
bottom: 60px;
position: absolute;
}
.sng-title h1 {
font-weight: 800;
line-height: 48px;
margin-bottom: 20px;
text-transform: uppercase;
color: #fff;
display: inline;
font-size: 42px;
}
.sng-lvc {
left: 28px;
bottom: 24px;
height: 24px;
position: absolute;
}
.sng-date {
text-transform: uppercase;
right: 28px;
bottom: 21px;
opacity: 0.5;
position: absolute;
}
.sng-cat {
background: #fff;
font-weight: 600;
line-height: 26px;
text-transform: uppercase;
top: 25px;
left: 25px;
color: #000;
padding: 1px 9px;
position: absolute;
font-size: 16px;
}
.sng-bottom {
margin-top: 28px;
width: 720px;
}
.sng-tag {
margin-bottom: -5px;
width: 485px;
float: left;
}
.sng-tag span {
margin-top: 0px;
font-weight: 400;
margin-right: 9px;
text-transform: uppercase;
float: left;
opacity: 0.5;
font-size: 14px;
}
.sng-tag a {
background: #fff;
margin-top: -3px;
line-height: 18px;
margin-bottom: 5px;
border-radius: 3px;
color: #000;
display: inline-block;
padding: 3px 8px;
font-size: 14px;
}
.sng-tag a:hover { color: #fff }
.sng-social { float: right }
.sng-social span {
margin-top: 0px;
font-weight: 400;
margin-right: 9px;
text-transform: uppercase;
float: left;
opacity: 0.5;
font-size: 14px;
}
.sng-facebook {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/share/facebook.png);
margin-right: 5px;
border-radius: 3px;
width: 24px;
float: left;
height: 24px;
}
.sng-facebook:hover, .sng-twitter:hover, .sng-google:hover, .sng-linkedin:hover { opacity: 0.6 }
.sng-twitter {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/share/twitter.png);
margin-right: 5px;
border-radius: 3px;
width: 24px;
float: left;
height: 24px;
}
.sng-google {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/share/google.png);
margin-right: 5px;
border-radius: 3px;
width: 24px;
float: left;
height: 24px;
}
.sng-linkedin {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/share/linkedin.png);
border-radius: 3px;
width: 24px;
float: left;
height: 24px;
}
.sng-links {
margin-top: 30px;
background: rgba(0, 0, 0, 0.4);
margin-left: -30px;
margin-bottom: -30px;
width: 720px;
float: left;
height: 60px;
padding: 30px;
}
.sng-links-prev {
text-align: center;
margin-right: 40px;
width: 340px;
float: left;
}
.sng-links-prev a, .sng-links-next a {
background: rgba(255, 255, 255, 0.1);
font-weight: 600;
line-height: 31px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 1px 10px;
font-size: 16px;
}
.sng-links-next {
text-align: center;
width: 340px;
float: left;
}
.sng-links-prev, .sng-links-next { font-size: 20px }
.sng-aut {
background: rgba(0, 0, 0, 0.7);
margin-top: 0px;
width: 720px;
color: #fff;
height: 113px;
padding: 30px;
}
.sng-aut span.url {
float: right;
font-size: 12px;
}
.sng-aut span.url a:hover { color: #fff }
.sng-aut p.info {
float: left;
opacity: 0.5;
font-size: 12px;
}
.sng-aut p.user {
margin-top: -3px;
font-weight: 700;
margin-bottom: 14px;
display: block;
font-size: 20px;
}
.sng-aut p.user a { color: #fff }
.sng-aut-avatar {
margin-right: 20px;
float: left;
width: 113px;
height: 113px;
}
.sng-aut-avatar img {
width: 113px;
float: left;
height: 113px;
overflow: hidden;
}
.sng-aut-info { width: 720px } #sng-gallery {
margin-top: 28px;
margin-left: -30px;
margin-bottom: 2px;
width: 780px;
height: 538px;
} .sng-video {
margin-top: -85px;
margin-left: -30px;
margin-bottom: 25px;
width: 740px;
} #author-info {
margin-top: -72px;
background: rgba(0, 0, 0, 0.7);
width: 310px;
padding: 30px;
}
#author-info .author-description {
margin-top: 15px;
margin-bottom: -6px;
width: 310px;
display: block;
}
#author-info .author-description a:hover { color: #fff }
#author-info .author-description p.url {
margin-top: -4px;
margin-bottom: 0px;
}
#author-info .author-description p { margin-bottom: 20px }
#author-info .author-avatar {
margin-bottom: 27px;
width: 290x;
height: 90px;
}
#author-info .author-avatar img {
margin-top: 0px;
margin-right: 20px;
width: 89px;
float: left;
height: 89px;
overflow: hidden;
}
#author-info p.aut {
font-weight: 600;
margin-bottom: 15px;
font-size: 24px;
}
#author-info p.nr, #author-info p.com {
margin-top: -3px;
color: #fff;
opacity: 0.5;
font-size: 16px;
}
.author-description p { margin-bottom: 10px }
.author-description a { color: #fff } .bl1 {
background: rgba(0, 0, 0, 0.7);
margin-bottom: 3px;
color: #fff;
width: 720px;
height: 253px;
padding: 30px;
position: relative;
}
.bl1-cover {
margin-right: 30px;
float: left;
width: 299px;
height: 253px;
position: relative;
}
.bl1-cover img {
width: 305px;
height: 253px;
}
.bl1-text {
float: left;
width: 385px;
}
.bl1-title {
margin-top: 0px;
margin-bottom: 22px;
width: 400px;
}
.bl1-title h2 {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 36px;
margin-bottom: 20px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 1px 10px;
font-size: 20px;
}
.bl1-title h2 a { color: #fff }
.bl1-cat {
background: #fff;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
top: 3px;
left: 3px;
color: #000;
padding: 5px 8px;
position: absolute;
font-size: 14px;
}
.bl1-date {
margin-top: 8px;
font-weight: 400;
text-transform: uppercase;
float: right;
opacity: 0.5;
font-size: 12px;
}
.bl1-lvc {
margin-top: 8px;
float: left;
height: 24px;
} .bl2 {
background: rgba(0, 0, 0, 0.7);
margin-bottom: 3px;
color: #fff;
width: 720px;
padding: 30px 30px 26px 30px;
z-index: 1;
position: relative;
}
.bl2-cover {
margin-bottom: 23px;
float: left;
width: 720px;
height: 360px;
z-index: 2;
position: relative;
}
.bl2-cover img {
width: 720px;
height: 360px;
}
.bl2-text {
float: left;
width: 720px;
}
.bl2-title { margin-bottom: 22px }
.bl2-title h2 {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 51px;
margin-bottom: 20px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 1px 10px;
font-size: 30px;
}
.bl2-title h2 a { color: #fff }
.bl2-cat {
background: #fff;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
top: 3px;
left: 3px;
color: #000;
padding: 5px 8px;
position: absolute;
font-size: 14px;
}
.bl2-date {
margin-top: 7px;
font-weight: 400;
text-transform: uppercase;
float: right;
opacity: 0.5;
font-size: 12px;
}
.bl2-lvc {
margin-top: 8px;
float: left;
height: 24px;
} .ev1 {
background: rgba(0, 0, 0, 0.3);
margin-right: 40px;
margin-bottom: 40px;
float: left;
width: 364px;
height: 490px;
padding: 3px;
}
.ev1-cover {
width: 364px;
height: 490px;
position: relative;
}
.ev1-cover img {
width: 364px;
height: 490px;
}
.ev1-bg {
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg5.png);
left: 0px;
width: 364px;
bottom: 0px;
height: 380px;
position: absolute;
}
.ev1-title {
left: 25px;
width: 280px;
bottom: 112px;
position: absolute;
}
.ev1-title h2 {
background: rgba(0, 0, 0, 0.7);
font-weight: 600;
line-height: 43px;
margin-bottom: 20px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
padding: 1px 10px;
font-size: 24px;
}
.ev1-title h2 a { color: #fff }
.ev1-dmy {
background: #fff;
font-weight: 800;
line-height: 32px;
text-transform: uppercase;
top: -49px;
left: 0px;
color: #000;
padding: 3px 10px 6px 10px;
position: absolute;
font-size: 32px;
}
.ev1-dmy span {
font-weight: 200;
margin-left: 7px;
}
.ev1-week {
background: #000;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
top: -28px;
left: 0px;
color: #fff;
padding: 2px 10px;
position: absolute;
font-size: 16px;
}
.ev1-info {
font-weight: 600;
text-transform: uppercase;
left: 25px;
color: #fff;
bottom: 71px;
position: absolute;
}
.ev1-venue {
margin-right: 17px;
padding-left: 24px;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/venue.png);
background-repeat: no-repeat;
background-position: 0px 4px;
display: inline-block;
}
.ev1-time {
padding-left: 24px;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/time.png);
background-repeat: no-repeat;
background-position: 0px 4px;
display: inline-block;
}
.ev1-zoom {
border-radius: 3px;
background-color: #000;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/zoom.png);
background-repeat: no-repeat;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
opacity: 0.5;
position: absolute;
}
.ev1-zoom:hover, .ev1-map:hover { opacity: 1 }
.ev1-map {
border-radius: 3px;
background-color: #000;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/map.png);
background-repeat: no-repeat;
top: 15px;
right: 50px;
width: 30px;
height: 30px;
opacity: 0.5;
position: absolute;
}
.ev1-bn {
left: 25px;
bottom: 21px;
height: 30px;
position: absolute;
}
a.ev1-button {
background: rgba(255, 255, 255, 0.9);
margin-top: 12px;
line-height: 16px;
border-radius: 3px;
margin-bottom: 20px;
text-transform: uppercase;
color: #000;
padding: 3px 10px;
font-size: 14px;
}
a.ev1-button:hover { color: #fff }
.ev1-none {
background: rgba(133, 133, 133, 0.9);
margin-top: -2px;
line-height: 16px;
border-radius: 3px;
text-transform: uppercase;
color: #444;
cursor: default;
padding: 6px 10px;
font-size: 14px;
}
.ev1-lv {
right: 24px;
bottom: 27px;
height: 24px;
position: absolute;
} .ev2 {
background: rgba(0, 0, 0, 0.7);
margin-bottom: 3px;
color: #fff;
width: 720px;
height: 265px;
padding: 30px;
z-index: 1;
position: relative;
}
.ev2-cover {
margin-right: 30px;
float: left;
width: 265px;
height: 265px;
z-index: 2;
position: relative;
}
.ev2-cover img {
width: 265px;
height: 265px;
}
.ev2-bg {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg6.png);
left: 0px;
width: 265px;
bottom: 0px;
height: 200px;
position: absolute;
}
.ev2-zoom {
border-radius: 4px;
background-color: #000;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/zoom.png);
background-repeat: no-repeat;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
opacity: 0.5;
position: absolute;
}
.ev2-zoom:hover, .ev2-map:hover { opacity: 1 }
.ev2-map {
border-radius: 4px;
background-color: #000;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/map.png);
background-repeat: no-repeat;
top: 15px;
right: 50px;
width: 30px;
height: 30px;
opacity: 0.5;
position: absolute;
}
.ev2-dm {
text-align: center;
font-weight: 800;
text-transform: uppercase;
left: 0px;
color: #fff;
width: 257px;
bottom: 102px;
z-index: 2;
position: absolute;
font-size: 48px;
}
.ev2-week {
text-align: center;
left: 0;
width: 257px;
bottom: 54px;
position: absolute;
}
.ev2-week span {
background: #000;
font-weight: 400;
line-height: 22px;
text-transform: uppercase;
color: #fff;
padding: 0px 10px;
font-size: 22px;
}
.ev2-year {
text-align: center;
font-weight: 200;
text-transform: uppercase;
left: 0px;
color: #fff;
width: 257px;
bottom: 23px;
z-index: 2;
position: absolute;
font-size: 26px;
}
.ev2-text {
float: left;
width: 425px;
}
.ev2-title {
margin-bottom: 20px;
width: 429px;
}
.ev2-title h2 {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 39px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 1px 10px;
font-size: 22px;
}
.ev2-title h2 a { color: #fff }
.ev2-info {
margin-bottom: 17px;
width: 435px;
height: 25px;
}
.ev2-venue {
font-weight: 600;
margin-right: 20px;
padding-left: 24px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/venue.png);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
opacity: 0.5;
font-size: 14px;
}
.ev2-time {
font-weight: 600;
margin-right: 20px;
padding-left: 24px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/time.png);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
opacity: 0.5;
font-size: 14px;
}
.ev2-bn {
margin-top: 15px;
float: left;
}
a.ev2-button {
background: #fff;
line-height: 16px;
border-radius: 3px;
text-transform: uppercase;
color: #000;
padding: 3px 10px;
font-size: 14px;
}
a.ev2-button:hover { color: #fff }
.ev2-none {
background: #999;
margin-top: -2px;
line-height: 16px;
border-radius: 3px;
text-transform: uppercase;
color: #555;
cursor: default;
padding: 6px 10px;
font-size: 14px;
}
.ev2-lv {
margin-top: 17px;
float: right;
height: 24px;
} .pv1 {
background: rgba(0, 0, 0, 0.2);
margin-right: 40px;
margin-bottom: 40px;
float: left;
width: 364px;
height: 300px;
padding: 3px;
}
.pv1-cover {
float: left;
width: 364px;
height: 300px;
position: relative;
}
.pv1-cover img {
width: 364px;
height: 300px;
}
.pv1-bg {
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg7.png);
left: 0;
width: 364px;
bottom: 0px;
height: 170px;
position: absolute;
}
.pv1-title {
left: 25px;
width: 305px;
bottom: 64px;
position: absolute;
}
.pv1-title h2 {
background: rgba(0, 0, 0, 0.7);
font-weight: 600;
line-height: 39px;
margin-bottom: 20px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
padding: 1px 10px;
font-size: 22px;
}
.pv1-title h2 a { color: #fff }
.pv1-venue {
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
background-color: #fff;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/venueD.png);
background-repeat: no-repeat;
background-position: 8px 5px;
top: -34px;
left: 0px;
color: #000;
padding: 1px 8px 1px 32px;
position: absolute;
font-size: 14px;
}
.pv1-date {
font-weight: 400;
text-transform: uppercase;
color: #fff;
right: 24px;
bottom: 21px;
opacity: 0.5;
position: absolute;
font-size: 12px;
}
.pv1-lv {
left: 25px;
bottom: 21px;
height: 24px;
position: absolute;
}
.pv1-play {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/playS.png);
top: 15px;
right: 15px;
width: 64px;
height: 64px;
position: absolute;
}
.pv1-play:hover { opacity: 0.6 } .pv2 {
margin-right: 46px;
margin-bottom: 66px;
float: left;
width: 364px;
}
.pv2-cover {
background: rgba(0, 0, 0, 0.2);
width: 364px;
height: 300px;
display: block;
padding: 3px;
position: relative;
}
.pv2-cover img {
width: 364px;
height: 300px;
}
.pv2-info {
margin-top: -4px;
background: rgba(0, 0, 0, 0.7);
margin-left: -3px;
width: 364px;
padding: 20px 3px 50px 3px;
position: aboslute;
}
.pv2-title {
margin-top: 8px;
margin-bottom: 20px;
width: 340px;
}
.pv2-title h2 {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 39px;
margin-left: 27px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
padding: 1px 10px;
font-size: 22px;
}
.pv2-title h2 a { color: #fff }
.pv2-venue {
font-weight: 600;
margin-left: 28px;
padding-left: 24px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/venue.png);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
opacity: 0.5;
font-size: 14px;
}
.pv2-date {
margin-top: -1px;
font-weight: 400;
margin-right: 26px;
text-transform: uppercase;
float: right;
opacity: 0.5;
font-size: 12px;
}
.pv2-lv {
top: 20px;
right: 25px;
height: 24px;
position: absolute;
}
.he-wize .pv2-photo {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/photo.png);
top: 107px;
left: 141px;
width: 82px;
height: 87px;
position: absolute;
}
.he-wize .pv2-photo:hover, .he-wize .pv2-video:hover { opacity: 0.6 }
.he-wize .pv2-video {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/video.png);
top: 109px;
left: 141px;
width: 82px;
height: 82px;
position: absolute;
} .ad1 {
background: rgba(0, 0, 0, 0.3);
margin-right: 40px;
margin-bottom: 40px;
float: left;
width: 364px;
height: 364px;
padding: 3px;
}
.ad1-cover {
width: 364px;
float: left;
height: 364px;
position: relative;
}
.ad1-cover img {
width: 364px;
height: 364px;
}
.ad1-bg {
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg7.png);
left: 0;
width: 364px;
bottom: 0px;
height: 170px;
position: absolute;
}
.ad1-title {
top: 23px;
left: 25px;
width: 305px;
position: absolute;
}
.ad1-title h2 {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 43px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #000;
display: inline;
padding: 1px 10px;
font-size: 24px;
}
.ad1-title h2 a { color: #fff }
.ad1-genre {
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
background-color: #fff;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/genreD.png);
background-repeat: no-repeat;
background-position: 8px 5px;
color: #000;
bottom: -35px;
padding: 1px 8px 1px 32px;
position: absolute;
font-size: 14px;
}
.ad1-date {
font-weight: 400;
text-transform: uppercase;
right: 24px;
color: #fff;
bottom: 21px;
opacity: 0.5;
position: absolute;
font-size: 12px;
}
.ad1-lv {
left: 25px;
bottom: 21px;
height: 24px;
position: absolute;
} .ad2 {
margin-right: 46px;
margin-bottom: 66px;
float: left;
width: 364px;
}
.ad2-cover {
background: rgba(0, 0, 0, 0.2);
width: 364px;
height: 364px;
padding: 3px;
display: block;
position: relative;
}
.ad2-cover img {
width: 364px;
height: 364px;
}
.ad2-title {
margin-top: 8px;
margin-bottom: 20px;
width: 340px;
}
.ad2-title h2 {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 39px;
margin-left: 27px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
padding: 1px 10px;
font-size: 22px;
}
.ad2-title h2 a { color: #fff }
.ad2-genre {
font-weight: 600;
margin-left: 27px;
padding-left: 24px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/genre.png);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
opacity: 0.5;
font-size: 14px;
}
.ad2-date {
font-weight: 400;
margin-right: 26px;
text-transform: uppercase;
float: right;
opacity: 0.5;
font-size: 12px;
}
.ad2-lv {
top: 20px;
right: 25px;
height: 24px;
position: absolute;
}
.he-wize .ad2-audio {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/audio.png);
top: 141px;
left: 141px;
width: 82px;
height: 82px;
position: absolute;
}
.he-wize .ad2-audio:hover { opacity: 0.6 } .mix {
background: rgba(0, 0, 0, 0.7);
margin-bottom: 3px;
width: 720px;
color: #fff;
height: 120px;
padding: 30px;
z-index: 1;
position: relative;
}
.mix-cover {
margin-right: 25px;
width: 200px;
float: left;
height: 120px;
z-index: 2;
position: relative;
}
.mix-cover img {
width: 200px;
height: 120px;
}
.mix-bg {
background: rgba(0, 0, 0, 0.1);
left: 0px;
width: 200px;
bottom: 0px;
height: 120px;
position: absolute;
}
.mix-title {
margin-bottom: 20px;
width: 680px;
}
.mix-title span {
background: rgba(255, 255, 255, 0.1);
font-weight: 200;
text-transform: uppercase;
top: -3px;
padding: 1px 8px;
position: relative;
font-size: 14px;
}
.mix-title h2 {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 39px;
margin-right: -4px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
padding: 1px 10px;
font-size: 22px;
}
.mix-title h2 a { color: #fff }
.mix-info {
float: left;
width: 420px;
}
a.mix-play {
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/playS.png);
top: 28px;
left: 68px;
width: 64px;
float: left;
height: 64px;
position: absolute;
}
.mix-play:hover { opacity: 0.6 }
.mix-dj {
font-weight: 600;
padding-left: 24px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/artist.png);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
opacity: 0.5;
font-size: 14px;
}
.mix-genre {
font-weight: 600;
margin-left: 30px;
padding-left: 24px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/genre.png);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
opacity: 0.5;
font-size: 14px;
}
.mix-lv {
float: right;
right: 30px;
bottom: 28px;
height: 24px;
position: absolute;
} #mediasng {
background: rgba(0, 0, 0, 0.7);
width: 1130px;
padding: 30px;
position: relative;
}
#mediasng iframe {
margin-bottom: -7px;
width: 1130px;
max-height: 600px; 
}
.mediasng-title {
margin-top: -2px;
margin-bottom: 25px;
width: 920px;
}
.mediasng-title h1 {
background: rgba(255, 255, 255, 0.1);
font-weight: 600;
line-height: 68px;
margin-right: -4px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
padding: 0px 10px;
font-size: 42px;
}
.mediasng-social {
top: 30px;
float: right;
right: 30px;
position: absolute;
}
.mediasng-social span {
font-weight: 400;
margin-right: 10px;
text-transform: uppercase;
float: left;
opacity: 0.5;
font-size: 14px;
}
.mediasng-info {
margin-bottom: 26px;
height: 24px;
}
.mediasng-venue {
font-weight: 600;
padding-left: 25px;
margin-right: 20px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/venue.png);
background-repeat: no-repeat;
background-position: 0px 4px;
color: #fff;
float: left;
z-index: 2;
display: block;
opacity: 0.5;
font-size: 14px;
}
.mediasng-date {
font-weight: 600;
padding-left: 25px;
margin-right: 20px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/date.png);
background-repeat: no-repeat;
background-position: 0px 4px;
color: #fff;
float: left;
z-index: 2;
display: block;
opacity: 0.5;
font-size: 14px;
}
.mediasng-genre {
font-weight: 600;
padding-left: 25px;
margin-right: 20px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/genre.png);
background-repeat: no-repeat;
background-position: 0px 4px;
color: #fff;
float: left;
z-index: 2;
display: block;
opacity: 0.5;
font-size: 14px;
}
.mediasng-artist {
font-weight: 600;
padding-left: 25px;
margin-right: 20px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/artist.png);
background-repeat: no-repeat;
background-position: 0px 4px;
color: #fff;
float: left;
z-index: 2;
display: block;
opacity: 0.5;
font-size: 14px;
}
.mediasng-time {
font-weight: 600;
padding-left: 25px;
margin-right: 20px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/time.png);
background-repeat: no-repeat;
background-position: 0px 4px;
color: #fff;
float: left;
z-index: 2;
display: block;
opacity: 0.5;
font-size: 14px;
}
.mediasng-lv {
margin-top: -1px;
float: right;
height: 24px;
} .phsng-col {
margin-top: -5px;
width: 1160px;
}
.phsng-photo {
margin-top: 5px;
margin-right: 5px;
width: 222px;
float: left;
height: 222px;
}
.phsng-photo img {
width: 222px;
height: 222px;
} .adsng-info {
margin-right: 30px;
width: 330px;
float: left;
}
.adsng-cover {
margin-bottom: 30px;
width: 330px;
height: 330px;
}
.adsng-cover img {
width: 330px;
height: 330px;
}
.adsng-cont {
width: 770px;
float: left;
}
ul.adsng-meta {
margin-left: -20px;
margin-right: 3px;
margin-bottom: 20px;
list-style-type: none;
float: left;
width: 88px;
}
ul.adsng-meta li {
background: rgba(255, 255, 255, 0.05);
margin-bottom: 3px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
padding: 5px 15px;
font-size: 14px;
}
ul.adsng-meta2 {
margin-left: -20px;
margin-bottom: 25px;
list-style-type: none;
float: left;
width: 239px;
}
ul.adsng-meta2  li {
background: rgba(255, 255, 255, 0.05);
font-weight: 600;
margin-bottom: 3px;
color: #fff;
padding: 5px 15px;
font-size: 18px;
}
a.adsng-beatport {
margin-right: 5px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.3);
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/beatport.png);
background-repeat: no-repeat;
background-position: 11px 9px;
float: left;
width: 64px;
height: 18px;
padding: 7px 10px;
}
a.adsng-amazon {
margin-right: 5px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.3);
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/amazon.png);
background-repeat: no-repeat;
background-position: 10px 10px;
float: left;
width: 58px;
height: 18px;
padding: 7px 10px;
}
a.adsng-itunes {
margin-right: 5px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.3);
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/itunes.png);
background-repeat: no-repeat;
background-position: 10px 5px;
float: left;
width: 57px;
height: 18px;
padding: 7px 10px;
}
a.adsng-other {
background: rgba(255, 255, 255, 0.3);
font-weight: 600;
line-height: 18px;
border-radius: 3px;
float: left;
color: #fff;
padding: 7px 10px;
} ul.songs-list {
margin-left: -20px;
margin-bottom: 30px;
}
ul.songs-list li.selected {
background: #f7f7f7 url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/player/player-selected-sng.png) no-repeat;
font-weight: 600;
margin-bottom: 5px;
list-style-type: none;
color: #bbb;
height: 31px;
cursor: pointer;
padding: 5px 0px 5px 46px;
font-size: 20px;
}
ul.songs-list li {
background: rgba(0, 0, 0, 0.5);
line-height: 31px;
font-weight: 400;
margin-bottom: 3px;
list-style-type: decimal-leading-zero;
list-style-position: inside;
color: rgba(255, 255, 255, 0.5);
padding: 10px 20px;
position: relative;
font-size: 14px;
}
ul.songs-list li:hover { background: rgba(0, 0, 0, 0.2) }
ul.songs-list li a {
font-weight: 600;
margin-left: -15px;
top: 0px;
color: #fff;
width: 730px;
height: 41px;
padding: 10px 0px 0px 20px;
position: absolute;
overflow: hidden;
font-size: 20px;
}
span#player-meta, span#player-meta-widget1, span#player-meta-widget2, span#player-meta-audio, span#player-meta-mix, span.player-meta-mix { display: none } .mixsng-title {
margin-top: -2px;
margin-bottom: 25px;
}
.mixsng-title h1 {
background: rgba(255, 255, 255, 0.1);
font-weight: 600;
line-height: 53px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
padding: 0px 10px;
font-size: 32px;
}
.mixsng-cover {
margin-right: 30px;
width: 270px;
float: left;
height: 270px;
overflow: hidden;
position: relative;
}
.mixsng-cover img {
width: 270px;
height: 270px;
}
a.mixsng-play {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/playB.png);
top: 71px;
left: 71px;
width: 128px;
height: 128px;
position: absolute;
}
.mixsng-play:hover { opacity: 0.6 }
#mixsng-tracklist {
float: right;
width: 420px;
}
ul.tracklist {
margin-left: -20px;
width: 420px;
cursor: default;
}
ul.tracklist li {
background: rgba(255, 255, 255, 0.05);
line-height: 31px;
font-weight: 400;
margin-bottom: 3px;
list-style-type: decimal-leading-zero;
list-style-position: inside;
color: rgba(255, 255, 255, 0.5);
padding: 6px 15px;
font-size: 14px;
}
ul.tracklist li span {
font-weight: 600;
margin-left: 5px;
color: #fff;
font-size: 18px;
}
.mixsng-social {
margin-top: 20px;
float: right;
}
.mixsng-social span {
font-weight: 400;
margin-right: 8px;
text-transform: uppercase;
color: #fff;
float: left;
opacity: 0.3;
font-size: 14px;
} .evsng-cd { float: left }
.evsng-cover {
margin-right: 30px;
margin-bottom: 30px;
width: 270px;
height: 368px;
overflow: hidden;
position: relative;
}
.evsng-cover img {
width: 270px;
height: 368px;
}
.evsng-date {
background: rgba(255, 255, 255, 0.05);
text-align: center;
margin-bottom: 30px;
width: 250px;
height: 183px;
padding: 10px;
}
.evsng-dm {
font-weight: 800;
line-height: 74px;
margin-bottom: 5px;
text-transform: uppercase;
width: 250px;
font-size: 70px;
}
.evsng-week {
background: #fff;
text-align: center;
font-weight: 200;
line-height: 39px;
margin-left: 15px;
margin-bottom: -4px;
text-transform: uppercase;
color: #000;
float: left;
width: 190px;
display: inline;
padding: 2px 15px;
font-size: 34px;
}
.evsng-year {
font-weight: 200;
line-height: 74px;
text-transform: uppercase;
width: 250px;
font-size: 60px;
}
.evsng-cont {
float: right;
width: 420px;
}
.evsng-info {
margin-bottom: 17px;
width: 420px;
float: left;
}
ul.evsng-meta {
margin-left: -20px;
margin-right: 0px;
list-style-type: none;
float: left;
width: 100px;
}
ul.evsng-meta li {
background: rgba(255, 255, 255, 0.05);
margin-bottom: 3px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
padding: 6px 15px;
font-size: 14px;
}
ul.evsng-meta2 {
margin-left: -17px;
margin-right: -10px;
list-style-type: none;
float: left;
width: 317px;
}
ul.evsng-meta2  li {
background: rgba(255, 255, 255, 0.05);
font-weight: 600;
margin-bottom: 3px;
padding: 6px 15px;
font-size: 18px;
}
.evsng-bn {
margin-top: 19px;
margin-left: 0px;
margin-bottom: 9px;
float: left;
height: 28px;
}
a.evsng-button {
background: #fff;
line-height: 16px;
margin-right: 27px;
border-radius: 3px;
text-transform: uppercase;
color: #000;
padding: 3px 10px;
font-size: 14px;
}
a.evsng-button:hover { color: #fff }
.evsng-none {
background: #999;
margin-top: -2px;
line-height: 16px;
margin-right: 27px;
border-radius: 3px;
text-transform: uppercase;
color: #555;
float: left;
cursor: default;
padding: 6px 10px;
font-size: 14px;
}
a.evsng-zoom {
line-height: 16px;
border-radius: 3px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/zoom.png);
background-repeat: no-repeat;
background-position: 1px -1px;
color: #fff;
padding: 3px 10px 3px 30px;
font-size: 14px;
}
a.evsng-map {
line-height: 16px;
border-radius: 3px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/map.png);
background-repeat: no-repeat;
background-position: 1px -1px;
color: #fff;
padding: 3px 10px 3px 28px;
font-size: 14px;
}
.evsng-zoom:hover, .evsng-map:hover { background-color: #000 } #menu {
background: rgba(0, 0, 0, 0.7);
margin: 0px auto 0px auto;
z-index: 999;
opacity: 1;
padding: 8px 0;
}
.menu-row {
width: 1190px;
height: 40px;
margin: -10px auto 0 auto;
padding: 0px 0;
} #wizemenu > ul {
margin-left: -20px;
}
#wizemenu > ul li {
list-style: none;
margin-top: 2px;
margin-right: 0px;
float: left;
padding: 0;
}
#wizemenu > ul > li.has-sub { position: relative }
#wizemenu > ul > li > a {
font-weight: 400;
line-height: 16px;
margin-right: 3px;
text-transform: uppercase;
color: #fff;
display: block;
padding: 10px 13px;
font-size: 16px;
}
#wizemenu > ul > li.active > a {
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
#wizemenu > ul > li.active > a:hover { background: rgba(255, 255, 255, 0.2) }
#wizemenu > ul > li:hover > a {
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
#wizemenu > ul li.has-sub > a { padding: 10px 25px 10px 15px }
#wizemenu > ul li.has-sub > a:after {
font-weight: 600;
right: 12px;
bottom: 12px;
content: "+";
position: absolute;
font-size: 15px;
} #wizemenu > ul ul {
visibility: hidden;
padding: 12px 0px 0px 5px;
opacity: 0;
z-index: 2;
position: absolute;
}
#wizemenu > ul ul li.has-sub > a { padding: 6px 12px }
#wizemenu > ul ul li.has-sub > a:after {
font-weight: 600;
top: 7px;
right: 12px;
content: "+";
position: absolute;
font-size: 16px;
}
#wizemenu > ul ul li {
list-style: none;
margin-bottom: 2px;
width: 100%;
margin: 0;
padding: 0px;
position: relative;
}
#wizemenu > ul ul li:first-child a { padding-top: 10px }
#wizemenu > ul ul li:last-child a { padding-bottom: 10px }
#wizemenu > ul ul li a {
background: rgba(255, 255, 255, 0.9);
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
width: 130px;
color: #000;
display: block;
padding: 6px 12px;
z-index: 999;
position: relative;
font-size: 14px;
}
#wizemenu > ul ul li a:hover { color: rgba(0, 0, 0, 0.5) }
#wizemenu > ul li:hover ul {
visibility: visible;
top: 34px;
left: -5px;
color: #fff;
margin: 0;
opacity: 1;
z-index: 2;
} #wizemenu > ul ul ul {
margin-bottom: 0px;
width: 154px;
padding: 0px;
}
#wizemenu > ul ul ul li:first-child a { padding-top: 6px }
#wizemenu > ul ul ul li:last-child a { padding-bottom: 6px }
#wizemenu > ul ul ul li a {
list-style: none;
margin-left: -5px;
width: 110px;
padding: 6px 12px;
}
#wizemenu > ul ul li:hover ul {
top: 0px;
left: 159px;
}
#wizemenu > ul li:hover ul, #wizemenu > ul li li:hover ul, #wizemenu > ul li li li:hover ul, #wizemenu > ul li.over ul, #wizemenu > ul li li.over ul, #wizemenu >ul li li li.over ul { display: block }
#wizemenu > ul li:hover ul ul, #wizemenu > ul li:hover ul ul ul, #wizemenu > ul li.over ul ul, #wizemenu > ul li.over ul ul ul { display: none } .widget {
margin-top: 0px;
background: rgba(0, 0, 0, 0.7);
margin-bottom: 132px;
width: 310px;
padding: 30px;
position: relative;
}
.widget img.wp-smiley { width: auto }
.widget .wp-caption { width: 304px }
.widget select { width: 310px }
.widget iframe { width: 370px }
.widget p img { width: 310px }
.widget .wp-caption img { width: 304px }
.widget ul { padding: 0 0 0 0 }
.widget ul ul { margin-left: 25px }
.widget ul ul li { margin-top: 17px } .widget_archive { padding-bottom: 15px }
.widget_archive select { margin-bottom: 15px }
.widget_archive li {
list-style: none;
font-weight: 600;
margin-bottom: 15px;
font-size: 18px;
}
#footer .widget_archive { background: rgba(255, 255, 255, 0.05) } #calendar_wrap {
margin-bottom: 0px;
width: 310px;
overflow: hidden;
}
#footer .widget_calendar { background: rgba(255, 255, 255, 0.05) }
.widget_calendar table { margin-bottom: -10px }
.widget_calendar table td { border: none }
.widget_calendar table#wp-calendar { border: none }
.widget_calendar table#wp-calendar caption {
text-align: center;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 20px;
}
.widget_calendar thead>tr>th {
text-align: center;
background: rgba(0, 0, 0, 0.3);
width: 25px;
color: #fff;
}
.widget_calendar tbody>tr>td {
text-align: center;
background: rgba(255, 255, 255, 0.1);
border: 0px solid #fff;
padding: 8px;
}
.widget_calendar tbody>tr>td a {
background: rgba(255, 255, 255, 0.2);
font-weight: 600;
color: #fff;
padding: 8px;
}
.widget_calendar tfoot>tr>td#prev {
text-align: left;
padding: 20px 0 0 0;
}
.widget_calendar tfoot>tr>td#prev a, .widget_calendar tfoot>tr>td#next a {
font-weight: 800;
text-transform: uppercase;
font-size: 16px;
}
.widget_calendar tfoot>tr>td#prev a:hover, .widget_calendar tfoot>tr>td#next a:hover { color: #fff }
.widget_calendar tfoot>tr>td#next {
text-align: right;
padding: 20px 0 0 0;
} .widget_categories { padding-bottom: 15px }
.widget_categories select { margin-bottom: 15px }
.widget_categories li {
list-style: none;
font-weight: 600;
margin-bottom: 17px;
font-size: 18px;
}
#footer .widget_categories { background: rgba(255, 255, 255, 0.05) } .widget_pages { padding-bottom: 15px }
.widget_pages select { margin-bottom: 15px }
.widget_pages li {
list-style: none;
font-weight: 600;
margin-bottom: 17px;
font-size: 18px;
}
#footer .widget_pages { background: rgba(255, 255, 255, 0.05) } #footer .widget_text { background: rgba(255, 255, 255, 0.05) } .widget_meta { padding-bottom: 15px }
.widget_meta li {
list-style: none;
font-weight: 600;
margin-bottom: 17px;
font-size: 18px;
}
#footer .widget_meta { background: rgba(255, 255, 255, 0.05) } .widget_recent_comments {
background: none;
padding-bottom: 0;
}
.widget_recent_comments  li.recentcomments a {
background: rgba(0, 0, 0, 0.7);
font-weight: 600;
line-height: 31px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 3px 8px !important;
font-size: 14px;
}
.widget_recent_comments li.recentcomments {
text-align: left;
background: rgba(0, 0, 0, 0.7);
margin-bottom: 5px;
list-style-type: none;
width: 310px;
padding: 28px 30px;
}
.widget_recent_comments li.recentcomments span.comment-author-link {
font-weight: 600;
font-family: "Open Sans";
font-size: 16px;
}
.widget_recent_comments li.recentcomments a.url {
background: none;
font-weight: 800;
font-family: "Open Sans";
text-transform: none;
font-size: 16px;
}
.widget_recent_comments li.recentcomments a.url:hover { color: #fff }
.widget_recent_comments ul {
margin-top: -30px;
margin-left: -30px;
margin-bottom: -5px;
list-style-type: circle;
list-style-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/com.png);
list-style-position: inside;
width: 370px;
overflow: hidden;
}
#footer .widget_recent_comments li.recentcomments { background: rgba(255, 255, 255, 0.05) } .widget_recent_entries {
background: none;
padding-bottom: 0;
}
.widget_recent_entries ul {
margin-top: -30px;
margin-left: -30px;
margin-bottom: -5px;
list-style-type: circle;
list-style-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/write.png);
list-style-position: inside;
width: 370px;
overflow: hidden;
}
.widget_recent_entries li {
text-align: left;
background: rgba(0, 0, 0, 0.7);
margin-bottom: 5px;
list-style-type: none;
width: 310px;
padding: 28px 30px;
}
.widget_recent_entries li a {
background: rgba(0, 0, 0, 0.7);
font-weight: 600;
line-height: 31px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 3px 8px;
font-size: 14px;
}
#footer .widget_recent_entries li { background: rgba(255, 255, 255, 0.05) } .widget_rss {
background: none;
padding-bottom: 0;
}
.widget_rss span.rss-date {
margin-top: 5px;
margin-bottom: 5px;
text-transform: uppercase;
display: block;
opacity: 0.4;
font-size: 12px;
}
.widget_rss li {
text-align: left;
background: rgba(0, 0, 0, 0.7);
margin-bottom: 5px;
list-style-type: none;
width: 310px;
padding: 28px 30px;
}
.widget_rss li a {
background: none;
font-weight: 800;
font-family: "Open Sans";
text-transform: none;
padding: 0;
font-size: 16px;
}
.widget_rss li a:hover { color: #fff }
.widget_rss ul {
margin-top: -30px;
margin-left: -30px;
margin-bottom: -5px;
list-style-type: circle;
list-style-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/rss.png);
list-style-position: inside;
width: 370px;
overflow: hidden;
}
#footer .widget_rss li { background: rgba(255, 255, 255, 0.05) } .widget_search {
background: rgba(0, 0, 0, 0.2);
width: 364px;
height: 48px;
padding: 3px;
}
#footer .widget_search { background: rgba(255, 255, 255, 0.05) }
#searchinput {
background: rgba(255, 255, 255, 0.7);
font-weight: 400;
width: 310px;
color: rgba(0, 0, 0, 0.5);
height: 28px;
border: none;
padding: 10px 27px;
outline: medium none;
overflow: hidden;
font-size: 16px;
}
#search-button {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/searchD.png);
left: 325px;
width: 26px;
bottom: 37px;
height: 26px;
margin: 0;
border: none;
cursor: pointer;
opacity: 0.2;
position: relative;
}
#search-button:hover { opacity: 0.8 } .widget_tag_cloud { padding-bottom: 27px }
#footer .widget_tag_cloud { background: rgba(255, 255, 255, 0.05) }
.tagcloud a {
background: #000;
margin-left: -1px;
line-height: 18px;
margin-bottom: 3px;
color: #fff;
display: inline-block;
padding: 3px 8px;
font-size: 14px;
}
.tagcloud a:hover {
text-decoration: none;
color: #fff;
} .widget_nav_menu { padding-bottom: 15px }
.widget_nav_menu li {
list-style: none;
font-weight: 600;
margin-bottom: 17px;
font-size: 18px;
}
#footer .widget_nav_menu { background: rgba(255, 255, 255, 0.05) } #footer .widget_audio_one { background: rgba(255, 255, 255, 0.05) }
.wd-ad1 {
margin-bottom: 25px;
width: 320px;
height: 128px;
position: relative;
}
.wd-ad1-cover {
float: left;
width: 128px;
height: 128px;
}
.wd-ad1-cover img {
width: 128px;
height: 128px;
}
.wd-ad1-title {
top: -8px;
left: 143px;
position: absolute;
}
.wd-ad1-title h2 {
line-height: 31px;
margin-bottom: 19px;
}
.wd-ad1-title h2 a {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 1px 8px;
font-size: 16px;
}
.wd-ad1-gen {
font-weight: 600;
padding-left: 25px;
margin-bottom: 8px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/genre.png);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
color: #fff;
display: block;
opacity: 0.3;
z-index: 2;
font-size: 14px;
}
.wd-ad1-date {
font-weight: 600;
padding-left: 25px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/date.png);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
color: #fff;
display: block;
opacity: 0.3;
z-index: 2;
font-size: 14px;
}
#wd-ad1 ul.songs-list {
margin-left: 0px;
margin-bottom: 0px;
}
#wd-ad1 ul.songs-list li.selected {
background: #f7f7f7 url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/player/player-selected-sng.png) no-repeat;
font-weight: 600;
margin-bottom: 5px;
list-style-type: none;
color: #bbb;
height: 31px;
cursor: pointer;
padding: 5px 0px 5px 46px;
font-size: 20px;
}
#wd-ad1 ul.songs-list li {
background: rgba(255, 255, 255, 0.1);
font-weight: 400;
line-height: 29px;
margin-bottom: 3px;
list-style-type: decimal-leading-zero;
list-style-position: inside;
color: rgba(255, 255, 255, 0.5);
padding: 5px 15px;
position: relative;
font-size: 12px;
}
#wd-ad1 ul.songs-list li:hover { background: rgba(0, 0, 0, 0.4) }
#wd-ad1 ul.songs-list li a {
margin-left: -33px;
font-weight: 600;
top: 0px;
width: 300px;
color: #fff;
height: 31px;
padding: 4px 0px 4px 35px;
position: absolute;
font-size: 16px;
}
.wd-ad1-buy {
margin-top: 25px;
width: 330px;
height: 32px;
}
.wd-ad1-buy span {
margin-top: 4px;
margin-right: 10px;
text-transform: uppercase;
float: left;
color: #fff;
opacity: 0.3;
font-size: 14px;
}
a.wd-ad1-beatport {
margin-right: 5px;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.4);
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/beatport.png);
background-repeat: no-repeat;
background-position: 11px 9px;
float: left;
width: 64px;
height: 18px;
padding: 7px 10px;
}
a.wd-ad1-amazon {
margin-right: 5px;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.4);
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/amazon.png);
background-repeat: no-repeat;
background-position: 10px 10px;
float: left;
width: 58px;
height: 18px;
padding: 7px 10px;
}
a.wd-ad1-itunes {
margin-right: 5px;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.4);
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/itunes.png);
background-repeat: no-repeat;
background-position: 10px 5px;
float: left;
width: 57px;
height: 18px;
padding: 7px 10px;
}
a.wd-ad1-other {
background: rgba(0, 0, 0, 0.4);
font-weight: 600;
line-height: 18px;
border-radius: 3px;
float: left;
color: #fff;
padding: 7px 10px;
} .widget_audio_two {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 3px 3px 3px 3px;
}
#footer .widget_audio_two { background: rgba(255, 255, 255, 0.05) }
.wd-ad2-cover {
width: 364px;
height: 364px;
position: relative;
}
.wd-ad2-cover img {
width: 364px;
height: 364px;
}
.wd-ad2-bg {
background: rgba(0, 0, 0, 0.5);
left: 0px;
width: 364px;
bottom: 0px;
height: 364px;
position: absolute;
}
.wd-ad2-title {
top: 15px;
left: 25px;
position: absolute;
width:315px;
}
.wd-ad2-title h2 {
font-weight: 800;
line-height: 40px;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 32px;
}
.wd-ad2-title h2 a { color: #fff }
.wd-ad2-title h2 a:hover { color: #000 }
.wd-ad2-gen {
font-weight: 600;
margin-right: 30px;
padding-left: 25px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/genre.png);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
color: #fff;
display: block;
opacity: 0.6;
z-index: 2;
font-size: 14px;
}
.wd-ad2-date {
font-weight: 600;
padding-left: 25px;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/date.png);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
color: #fff;
display: block;
opacity: 0.6;
z-index: 2;
font-size: 14px;
}
.wd-ad2-songs {
top: 145px;
left: 25px;
width: 313px;
height: 137px;
position: absolute;
overflow: hidden;
}
.wd-ad2-songs ul.songs-list {
margin-left: 0px;
margin-bottom: 0px;
padding-bottom: 10px;
width: 333px;
height: 155px;
overflow: scroll;
}
#wd-ad2 ul.songs-list li {
background: rgba(0, 0, 0, 0.0);
font-weight: 400;
line-height: 23px;
margin-bottom: 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
list-style-type: decimal-leading-zero;
list-style-position: inside;
color: rgba(255, 255, 255, 0.5);
padding: 5px 0px;
position: relative;
font-size: 12px;
}
#wd-ad2 ul.songs-list li:last-child a { height: 41px }
#wd-ad2 ul.songs-list li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1) }
#wd-ad2 ul.songs-list li:hover {
background: rgba(0, 0, 0, 0.3);
padding-left: 10px;
}
#wd-ad2 ul.songs-list li a {
margin-left: -15px;
font-weight: 600;
top: 0px;
width: 300px;
color: #fff;
height: 25px;
padding: 4px 0px 4px 20px;
position: absolute;
font-size: 14px;
}
.wd-ad2-buy {
margin-top: 30px;
left: 25px;
bottom: 25px;
height: 32px;
position: absolute;
}
.wd-ad2-buy span {
margin-top: 4px;
margin-right: 10px;
text-transform: uppercase;
float: left;
color: #fff;
opacity: 0.6;
font-size: 14px;
}
a.wd-ad2-beatport {
margin-right: 5px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.3);
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/beatport.png);
background-repeat: no-repeat;
background-position: 11px 9px;
float: left;
width: 64px;
height: 18px;
padding: 7px 10px;
}
a.wd-ad2-beatport:hover { background-color: #000 }
a.wd-ad2-amazon {
margin-right: 5px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.3);
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/amazon.png);
background-repeat: no-repeat;
background-position: 10px 10px;
float: left;
width: 58px;
height: 18px;
padding: 7px 10px;
}
a.wd-ad2-amazon:hover { background-color: #000 }
a.wd-ad2-itunes {
margin-right: 5px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.3);
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/itunes.png);
background-repeat: no-repeat;
background-position: 10px 5px;
float: left;
width: 57px;
height: 18px;
padding: 7px 10px;
}
a.wd-ad2-itunes:hover { background-color: #000 }
a.wd-ad2-other {
font-weight: 600;
line-height: 18px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.3);
float: left;
color: #fff;
padding: 7px 10px;
}
a.wd-ad2-other:hover { background: #000 } #footer .widget_blog_one { background: rgba(255, 255, 255, 0.05) }
#wd-bl1 { margin-bottom: -30px }
#wd-bl1 .wd-bl1 h2 a:hover { color: #fff }
.wd-bl1 {
margin-bottom: 30px;
width: 310px;
height: 95px;
position: relative;
}
.wd-bl1 h2 {
line-height: 22px;
top: -4px;
left: 110px;
width: 210px;
position: absolute;
}
.wd-bl1 h2 a {
background: rgba(0, 0, 0, 0.7);
font-weight: 600;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 3px 8px;
font-size: 14px;
}
.wd-bl1-cover {
margin-right: 15px;
float: left;
width: 95px;
height: 95px;
}
.wd-bl1-cover img {
width: 95px;
height: 95px;
}
.wd-bl1-date {
font-weight: 400;
text-transform: uppercase;
left: 110px;
color: #fff;
bottom: -1px;
opacity: 0.4;
position: absolute;
font-size: 12px;
} .widget_blog_two {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 0;
padding: 3px;
}
#footer .widget_blog_two { background: rgba(255, 255, 255, 0.05) }
#wd-bl2 { margin-bottom: -3px }
.wd-bl2 {
margin-bottom: 3px;
width: 364px;
}
.wd-bl2-cover {
width: 364px;
height: 216px;
position: relative;
}
.wd-bl2-cover img {
width: 364px;
height: 216px;
}
.wd-bl2-bg {
background: rgba(0, 0, 0, 0.5);
left: 0px;
width: 364px;
bottom: 0px;
height: 216px;
position: absolute;
}
.wd-bl2-title {
left: 25px;
width: 315px;
bottom: 51px;
position: absolute;
}
.wd-bl2-title h2 {
font-weight: 800;
line-height: 32px;
text-transform: uppercase;
color: #fff;
font-size: 24px;
}
.wd-bl2-date {
text-transform: uppercase;
left: 25px;
width: 330px;
color: #fff;
bottom: 18px;
opacity: 0.6;
position: absolute;
font-size: 12px;
}
.wd-bl2-cat {
background: #000;
font-weight: 400;
line-height: 17px;
text-transform: uppercase;
top: -34px;
left: 0px;
color: #fff;
padding: 3px 8px;
z-index: 2;
position: absolute;
font-size: 12px;
} #footer .widget_event_one { background: rgba(255, 255, 255, 0.05) }
#wd-ev1 { margin-bottom: -30px }
.wd-ev1 {
margin-bottom: 30px;
width: 310px;
height: 112px;
position: relative;
}
.wd-ev1-date {
text-align: center;
background: rgba(255, 255, 255, 0.05);
float: left;
width: 60px;
padding: 10px 20px 0px 20px;
}
.wd-ev1-dm {
font-weight: 800;
line-height: 30px;
margin-bottom: 6px;
text-transform: uppercase;
color: #fff;
font-size: 48px;
}
.wd-ev1-dm span {
font-weight: 800;
line-height: 34px;
text-transform: uppercase;
color: #fff;
font-size: 32px;
}
.wd-ev1-week {
background: rgba(255, 255, 255, 0.1);
margin-left: -20px;
font-weight: 400;
line-height: 28px;
text-transform: uppercase;
width: 100px;
color: #fff;
font-size: 14px;
}
.wd-ev1-info h2 {
line-height: 22px;
top: -4px;
left: 115px;
position: absolute;
}
.wd-ev1-info h2 a {
background: rgba(0, 0, 0, 0.7);
font-weight: 600;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 3px 8px;
font-size: 14px;
}
a.wd-ev1-button {
background: #fff;
line-height: 16px;
border-radius: 3px;
text-transform: uppercase;
left: 115px;
color: #000;
bottom: 2px;
padding: 6px 10px;
position: absolute;
font-size: 14px;
}
a.wd-ev1-button:hover { color: #fff }
.wd-ev1-none {
background: #999;
line-height: 16px;
border-radius: 3px;
text-transform: uppercase;
left: 115px;
color: #555;
bottom: 2px;
cursor: default;
padding: 6px 10px;
position: absolute;
font-size: 14px;
} .widget_event_two {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 3px 3px 30px 3px;
}
#footer .widget_event_two { background: rgba(255, 255, 255, 0.05) }
#wd-ev2 { margin-bottom: -30px }
.wd-ev2 {
margin-bottom: 3px;
width: 364px;
height: 194px;
}
.wd-ev2-cover {
width: 364px;
height: 194px;
position: relative;
}
.wd-ev2-cover img {
width: 364px;
height: 194px;
}
.wd-ev2-bg {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg3.png);
left: 0px;
width: 364px;
bottom: 0px;
height: 100px;
position: absolute;
}
.wd-ev2-date {
top: -42px;
left: 0px;
position: absolute;
}
.wd-ev2-week {
top: -28px;
position: absolute;
}
.wd-ev2-week span {
text-align: center;
background: #000;
line-height: 16px;
text-transform: uppercase;
color: #fff;
padding: 1px 10px;
font-size: 14px;
}
.wd-ev2-dm {
background: #fff;
font-weight: 800;
line-height: 38px;
text-transform: uppercase;
color: #000;
padding: 0px 10px 2px 10px;
font-size: 34px;
}
a.wd-ev2-button {
background: rgba(255, 255, 255, 0.9);
line-height: 16px;
border-radius: 3px;
text-transform: uppercase;
top: 15px;
right: 15px;
color: #000;
padding: 6px 10px;
position: absolute;
font-size: 14px;
}
a.wd-ev2-button:hover { color: #fff }
.wd-ev2-none {
background: rgba(133, 133, 133, 0.9);
line-height: 16px;
border-radius: 3px;
text-transform: uppercase;
top: 15px;
right: 15px;
color: #444;
cursor: default;
padding: 6px 10px;
position: absolute;
font-size: 14px;
}
.wd-ev2-week {
font-weight: 400;
text-transform: uppercase;
color: #fff;
font-size: 26px;
}
.wd-ev2-title {
left: 25px;
width: 300px;
bottom: 30px;
position: absolute;
}
.wd-ev2-title h2 { line-height: 36px }
.wd-ev2-title h2 a {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 1px 8px;
font-size: 20px;
} .widget_flickr {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 3px;
}
#footer .widget_flickr { background: rgba(255, 255, 255, 0.05) }
#wd-flickr {
margin-bottom: -3px;
width: 370px;
}
.flickr_badge_image {
margin-right: 3px;
margin-bottom: -31px;
width: 119px;
height: 119px;
display: inline;
}
.flickr_badge_image img {
margin-bottom: -4px;
width: 119px;
height: 119px;
} .widget_like {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 3px;
}
.widget_like li {
font-weight: 600;
top: 46px;
right: 8px;
color: #fff;
cursor: default;
display: block;
opacity: 0.3;
position: absolute;
font-size: 100px;
}
.widget_like li:before {
counter-increment: item;
content: counter(item) " ";
}
#footer .widget_like { background: rgba(255, 255, 255, 0.05) }
ol#wd-lk {
margin-bottom: -3px;
counter-reset: item;
list-style-type: decimal;
}
.wd-lk {
margin-left: -20px;
margin-bottom: 3px;
width: 364px;
height: 122px;
}
.wd-lk-cover {
width: 364px;
height: 122px;
position: relative;
}
.wd-lk-cover img {
width: 364px;
height: 122px;
}
.wd-lk-bg {
background: rgba(0, 0, 0, 0.5);
top: 0px;
left: 0px;
width: 364px;
height: 122px;
position: absolute;
}
.wd-lk-title {
left: 25px;
width: 260px;
bottom: 18px;
position: absolute;
}
.wd-lk-title h2 {
font-weight: 800;
text-transform: uppercase;
color: #fff;
font-size: 20px;
} .widget_photo {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 3px 3px 0px 3px;
}
#footer .widget_photo { background: rgba(255, 255, 255, 0.05) }
.wd-ph { width: 370px }
.wd-ph-cover {
margin-bottom: 3px;
width: 360px;
height: 216px;
position: relative;
}
.wd-ph-cover img {
width: 364px;
height: 216px;
}
.wd-ph-bg {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg3.png);
left: 0px;
width: 364px;
bottom: 0px;
height: 100px;
position: absolute;
}
.wd-ph-title {
left: 25px;
width: 300px;
bottom: 30px;
position: absolute;
}
.wd-ph-title h2 { line-height: 36px }
.wd-ph-title h2 a {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 1px 8px;
font-size: 20px;
}
.wd-ph-venue {
font-weight: 600;
padding-left: 31px;
padding-right: 8px;
text-transform: uppercase;
background-color: #fff;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/venueD.png);
background-repeat: no-repeat;
background-position: 8px 4px;
top: -26px;
left: 0px;
color: #000;
color: #000;
position: absolute;
font-size: 14px;
}
.wd-ph-photo {
margin-right: 0px;
width: 119px;
height: 119px;
display: inline;
}
.wd-ph-photo img {
margin-bottom: -4px;
width: 119px;
height: 119px;
} .widget_slider {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 3px;
}
#footer .widget_slider { background: rgba(255, 255, 255, 0.05) }
.wd-sld {
width: 364px;
height: 364px;
position: relative;
}
.wd-sld li { position: relative }
.wd-sld li img {
width: 364px;
height: 364px;
}
.wd-sld-bg {
background: rgba(0, 0, 0, 0.5);
left: 0px;
width: 364px;
bottom: 7px;
height: 364px;
position: absolute;
}
.wd-sld-title {
left: 25px;
width: 315px;
bottom: 57px;
position: absolute;
}
.wd-sld-title h2 {
line-height: 40px;
font-size: 32px;
}
.wd-sld-title h2 a {
font-weight: 800;
text-transform: uppercase;
color: #fff;
}
.wd-sld-cat {
background: #000;
font-weight: 400;
line-height: 17px;
text-transform: uppercase;
top: -32px;
left: 0px;
color: #fff;
padding: 3px 8px;
z-index: 2;
position: absolute;
font-size: 12px;
}
.wd-sld-date {
text-transform: uppercase;
left: 25px;
color: #fff;
bottom: 25px;
opacity: 0.6;
position: absolute;
font-size: 12px;
} .widget_soundcloud {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 3px;
}
#footer .widget_soundcloud { background: rgba(255, 255, 255, 0.05) }
#wd-soundcloud { margin-bottom: -7px }
#wd-soundcloud iframe { width: 364px } .widget_tweet {
background: none;
padding: 0;
}
.widget_tweet ul {
margin-bottom: -5px;
list-style-type: circle;
list-style-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/twitter.png);
list-style-position: inside;
width: 370px;
overflow: hidden;
}
#footer .widget_tweet li { background: rgba(255, 255, 255, 0.05) }
.tweets_list li {
background: rgba(0, 0, 0, 0.7);
margin-bottom: 5px;
width: 310px;
padding: 20px 30px;
}
.tweets_list li a.jtwt_date {
font-weight: 400;
font-size: 12px;
}
.tweets_list li a {
font-weight: 600;
font-size: 16px;
} .widget_video {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 3px;
}
#footer .widget_video { background: rgba(255, 255, 255, 0.05) }
#wd-vd { margin-bottom: -3px }
.wd-vd {
margin-bottom: 3px;
width: 364px;
}
.wd-vd-cover {
width: 364px;
height: 216px;
position: relative;
}
.wd-vd-cover img {
width: 364px;
height: 216px;
}
.wd-vd-bg {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg3.png);
left: 0px;
width: 364px;
bottom: 0px;
height: 100px;
position: absolute;
}
.wd-vd-title {
left: 25px;
width: 300px;
bottom: 30px;
position: absolute;
}
.wd-vd-title h2 { line-height: 36px }
.wd-vd-title h2 a {
background: rgba(0, 0, 0, 0.6);
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 1px 8px;
font-size: 20px;
}
.wd-vd-venue {
font-weight: 600;
padding-left: 31px;
padding-right: 8px;
text-transform: uppercase;
background-color: #fff;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/venueD.png);
background-repeat: no-repeat;
background-position: 8px 4px;
top: -26px;
left: 0px;
color: #000;
color: #000;
position: absolute;
font-size: 14px;
}
.wd-vd-play {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/playS.png);
top: 15px;
right: 15px;
width: 64px;
height: 64px;
position: absolute;
}
.wd-vd-play:hover { opacity: 0.6 } .widget_vimeo {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 3px;
}
#footer .widget_vimeo { background: rgba(255, 255, 255, 0.05) }
#wd-vimeo { margin-bottom: -7px }
#wd-vimeo iframe { width: 364px } .widget_youtube {
background: rgba(0, 0, 0, 0.2);
width: 364px;
padding: 3px;
}
#footer .widget_youtube { background: rgba(255, 255, 255, 0.05) }
#wd-youtube { margin-bottom: -7px }
#wd-youtube iframe { width: 364px }  .menu-social {
margin-top: 7px;
margin-right: 44px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
padding-right: 8px;
float: right;
height: 26px;
position: relative;
}
.header-facebook, .header-google, .header-youtube, .header-vimeo, .header-soundcloud, .header-twitter, .header-tumblr, .header-flickr, .header-linkedin {
margin-top: -5px;
float: left;
width: 36px;
height: 36px;
opacity: 0.1;
}
.header-facebook:hover, .header-google:hover, .header-youtube:hover, .header-vimeo:hover, .header-soundcloud:hover, .header-twitter:hover, .header-tumblr:hover, .header-flickr:hover, .header-linkedin:hover { opacity: 1 }
.header-facebook { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/icon/facebook.png) }
.header-google { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/icon/google.png) }
.header-youtube { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/icon/youtube.png) }
.header-vimeo { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/icon/vimeo.png) }
.header-soundcloud { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/icon/soundcloud.png) }
.header-twitter { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/icon/twitter.png) }
.header-flickr { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/icon/flickr.png) }
.header-linkedin { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/icon/linkedin.png) } .footer-ls {
text-align: center;
background: rgba(0, 0, 0, 0.4);
width: 100%;
padding: 25px 0px 30px 0px;
}
#footer-ls-col {
width: 1030px;
margin: 0px auto 0px auto;
}
#footer-ls-col .soundcloud {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/logo/soundcloud.png) no-repeat left;
margin-top: 10px;
margin-right: 10px;
width: 63px;
height: 30px;
display: inline-block;
}
#footer-ls-col .facebook:hover, #footer-ls-col .twitter:hover, #footer-ls-col .vimeo:hover, #footer-ls-col .youtube:hover, #footer-ls-col .soundcloud:hover, #footer-ls-col .flickr1:hover, #footer-ls-col .google:hover, #footer-ls-col .linkedin:hover { opacity: 0.6 }
#footer-ls-col .linkedin {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/logo/linkedin.png) no-repeat left;
margin-top: 10px;
width: 98px;
height: 30px;
display: inline-block;
}
#footer-ls-col .facebook {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/logo/facebook.png) no-repeat left;
margin-top: 10px;
margin-right: 10px;
width: 120px;
height: 30px;
display: inline-block;
}
#footer-ls-col .flickr1 {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/logo/flickr.png) no-repeat left;
margin-right: 10px;
width: 90px;
height: 30px;
display: inline-block;
}
#footer-ls-col .youtube {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/logo/youtube.png) no-repeat left;
margin-top: 10px;
margin-right: 10px;
width: 71px;
height: 30px;
display: inline-block;
}
#footer-ls-col .twitter {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/logo/twitter.png) no-repeat left;
margin-top: 10px;
margin-right: 10px;
width: 92px;
height: 30px;
display: inline-block;
}
#footer-ls-col .google {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/logo/google.png) no-repeat left;
margin-top: 10px;
margin-right: 10px;
width: 99px;
height: 30px;
display: inline-block;
}
#footer-ls-col .vimeo {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/social/logo/vimeo.png) no-repeat left;
margin-top: 10px;
margin-right: 10px;
width: 85px;
height: 30px;
display: inline-block;
} .pagination-pos {
margin-top: 57px;
float: left;
width: 100%;
}
.pagination {
font-weight: 600;
font-size: 14px;
}
.pagination .current { color: #fff }
.pagination span, .pagination a {
background: #000;
margin-right: 3px;
text-decoration: none;
float: left;
width: auto;
color: #fff;
display: block;
padding: 7px 13px 7px 13px;
font-size: 16px;
}
.pagination a:hover { color: #fff }
span.page-of { background: #fff }
.page-links {
margin-top: 30px;
text-align: center;
width: 730px;
float: left;
}
.page-links a span { color: #fff }
.page-links a span:hover { 
background: #fff;
color: #000; 
}
.page-links span {
background: #fff;
color: #000;
padding: 5px 10px;
} #comments {
background: rgba(0, 0, 0, 0.4);
clear: both;
width: 720px;
padding: 1px 30px;
}
#comments li.comment > div {
margin-bottom: 10px;
padding: 15px 15px;
}
#comments .comment-body ol { padding: 0 0 0 14px }
#comments p.logged-in-as {
margin-top: 5px;
margin-bottom: 20px;
color: #fff;
font-size: 12px;
}
#comments p.logged-in-as a { font-size: 14px }
#comments ol.commentlist { margin-right: 0px }
#comments ul.children {
margin-top: 10px;
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/reply.png) no-repeat;
background-position: 12px 5px;
padding: 0px 0px 0px 50px;
}
#comments strong { font-weight: normal }
#comments cite {
font-style: normal;
color: #fff;
opacity: 1;
}
#comments ol { padding: 0 0 0 0 }
#comments em { font-style: normal }
h3#reply-title {
margin-top: 20px;
font-weight: 600;
margin-bottom: -3px;
text-transform: uppercase;
color: #fff;
display: inline-block;
font-size: 22px;
}
#comment {
margin-top: 5px;
background: rgba(255, 255, 255, 0.2);
color: #fff;
border: 0;
padding: 10px 0 0 10px;
}
input#author {
background: rgba(255, 255, 255, 0.2);
color: #fff;
border: 0;
height: 25px;
}
input#email {
background: rgba(255, 255, 255, 0.2);
color: #fff;
border: 0;
height: 25px;
}
input#contactName {
background: rgba(255, 255, 255, 0.2);
color: #fff;
border: 0;
height: 25px;
}
input#url {
background: rgba(255, 255, 255, 0.2);
color: #fff;
border: 0;
height: 25px;
}
.comment-form { margin-bottom: -20px }
.commentlist {
list-style: none;
margin-top: 25px;
margin-bottom: 30px;
width: 720px;
}
.commentlist li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.commentlist .children { list-style: none }
.commentlist .children li {
margin: 0;
border: none;
}
.commentlist .avatar {
margin-right: 12px;
margin-bottom: 0px;
top: 0;
left: 0;
float: left;
width: 50px;
height: 50px;
overflow: hidden;
}
.commentlist ol { list-style: decimal }
li.comment > div { background: rgba(0, 0, 0, 0.6) }
.comment-author { margin-bottom: 4px }
.comment-author cite {
margin-top: -3px;
font-weight: 400;
font-size: 18px;
}
.comment-author cite a {
font-weight: 600;
color: #fff;
}
span.says { font-size: 12px }
.comment-meta {
margin-top: -3px;
opacity: 0.3;
font-size: 12px;
}
.comment-meta a { color: #fff }
.comment-body {
margin-top: 14px;
margin-bottom: -10px;
}
.reply {
margin-top: -45px;
margin-right: 0px;
float: right;
}
.reply a {
background: #fff;
border-radius: 3px;
text-transform: uppercase;
color: #000;
padding: 3px 8px 3px 8px;
font-size: 12px;
}
.reply a:hover { color: #fff }
.nopassword, .nocomments { display: none }
li.comment #respond {
margin-bottom: 9px;
width: 95.5%;
padding: 15px;
position: relative;
overflow: hidden;
}
#respond {
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
position: relative;
overflow: hidden;
}
#respond .form-allowed-tags {
margin-top: 10px;
background: #f3f3f3;
line-height: 18px;
color: #000;
padding: 10px;
font-size: 14px;
}
#respond .form-allowed-tags code { font-size: 14px }
#respond .form-submit input {
width: auto;
font-size: 12px;
}
#respond .comment-notes {
margin-top: 5px;
margin-bottom: 20px;
color: #fff;
font-size: 12px;
}
#respond .required {
font-weight: 400;
color: #ff0000;
}
#respond textarea { width: 99% }
#respond label {
text-transform: uppercase;
font-size: 12px;
}
#respond input {
width: 98%;
margin: 0 0 9px;
}
.form-allowed-tags { line-height: 1em }
.children #respond {
margin-top: 10px;
margin-bottom: 20px;
}
#cancel-comment-reply-link {
font-weight: normal;
line-height: 18px;
font-size: 12px;
}
ul.children { list-style-type: none }
ul.children li { list-style-type: none }
form#commentform input {
margin-top: 5px;
padding: 7px;
}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
margin-bottom: 5px;
width: 50%;
}
p.form-submit input#submit {
background: #fff;
margin-top: 10px;
border-radius: 3px;
text-transform: uppercase;
color: #000;
border: 0;
padding: 3px 8px;
font-size: 16px;
}
p.form-submit input#submit:hover { color: #fff } #respond {
margin-bottom: 29px;
width: 720px;
}
#respond .button-send#submitmail {
background: #fff;
border-radius: 3px;
text-transform: uppercase;
color: #000;
border: none;
cursor: pointer;
padding: 3px 10px;
outline: none;
font-size: 16px;
}
#respond .button-send#submitmail:hover { color: #fff }
#respond form#contact input {
background: rgba(255, 255, 255, 0.2);
margin-top: 6px;
color: #fff;
border: 0;
padding: 5px;
}
#respond #commentsText {
background: rgba(255, 255, 255, 0.2);
margin-top: 6px;
margin-bottom: 18px;
color: #fff;
border: 0;
padding: 5px;
}
#respond .error { color: #ff0000 }
#respondfix { margin-bottom: -48px } .sng-art img {
height: auto;
max-width: 100%;
}
.alignnone { margin: 5px 0 }
.aligncenter, div.aligncenter {
margin: 5px auto 5px auto;
display: block;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
margin: 5px auto 5px auto;
display: block;
}
a img.alignright {
float: right;
margin: margin: 5px 0;
}
a img.alignnone { margin: 5px 0 }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
}
.bl1 .sticky {
font-weight: 600;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/sticky.png);
background-color: #ffe400;
background-repeat: no-repeat;
background-position: 7px 5px;
left: 230px;
color: #000;
bottom: 33px;
padding: 1px 8px 1px 30px;
z-index: 3;
position: absolute;
font-size: 14px;
}
.bl2 .sticky {
font-weight: 600;
text-transform: uppercase;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/sticky.png);
background-color: #ffe400;
background-repeat: no-repeat;
background-position: 7px 5px;
top: 359px;
right: 33px;
color: #000;
padding: 1px 8px 1px 30px;
z-index: 3;
position: absolute;
font-size: 14px;
}
.gallery-caption { }
.bypostauthor { }
.wp-caption {
background: rgba(0, 0, 0, 0.7);
text-align: center;
border: 0px solid #f0f0f0;
padding: 8px 3px 10px;
max-width: 100%;
}
.wp-caption p.wp-caption-text {
line-height: 18px;
color: #fff;
margin: 0;
padding: 4px 4px;
font-size: 14px;
}
.wp-caption img {
width: auto;
border: 0 none;
height: auto;
margin-top: -5px;
padding: 0;
}
.wp-caption.alignnone { margin: 5px 20px 20px 0 }
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
#display-none { display: none !important }body {
background: url(http://comedywarehouse.co.uk/wp-content/themes/beaton/images/patterns/random_grey_variations.png);
}
body, h1, h2, h3, h4, h5, h6, li { font-family: "Open Sans" }
.error-404 h4, .feat-date, .feat-cat, .menu-search form #search, h1.blog, h3.sh-title, h3.sh-title2, h3.wd-title, #footer h3.wd-title, .rsContent-venue, .cvr-title h1, .cvr-cat, .cvr-date, .evhead-date, .evhead-week, .evhead-loc, a.info-like, a.info-liked, .info-view, .info-com, .sng-title h1, .sng-cat, .sng-tag span, .sng-tag a, .sng-social span, .sng-links-prev a, .sng-links-next a, .sng-aut p.user, #author-info p.aut, .bl1-title h2, .bl1-cat, .bl1-date, .bl2-title h2, .bl2-cat, .bl2-date, .ev1-title h2, .ev1-dmy, .ev1-week, .ev1-info, a.ev1-button, .ev1-none, .ev2-dm, .ev2-week span, .ev2-year, .ev2-title h2, .ev2-venue, .ev2-time, a.ev2-button, .ev2-none, .pv1-title h2, .pv1-venue, .pv1-date, .pv2-title h2, .pv2-venue, .pv2-date, .ad1-title h2, .ad1-genre, .ad1-date, .ad2-title h2, .ad2-genre, .ad2-date, .mix-title span, .mix-title h2, .mix-dj, .mix-genre, .mediasng-title h1, .mediasng-venue, .mediasng-date, .mediasng-genre, .mediasng-artist, .mediasng-time, ul.adsng-meta li, ul.adsng-meta2 li, a.adsng-other, ul.songs-list li, .mixsng-title h1, ul.tracklist li, .evsng-date, .sng-date, ul.evsng-meta li, ul.evsng-meta2 li, a.evsng-button, .evsng-none, a.evsng-zoom, a.evsng-map, #wizemenu > ul > li > a, .widget_calendar table#wp-calendar caption, .widget_recent_comments  li.recentcomments a, .widget_recent_entries li a, .wd-ad1-title h2 a, .wd-ad1-gen, .wd-ad1-date, #wd-ad1 ul.songs-list li, .wd-ad1-buy span, a.wd-ad1-other, .wd-ad2-title h2, .wd-ad2-gen, .wd-ad2-date, #wd-ad2 ul.songs-list li, .wd-ad2-buy span, a.wd-ad2-other, .wd-bl1 h2 a, .wd-bl1-date, .wd-bl2-title h2, .wd-bl2-date, .wd-bl2-cat, .wd-ev1-dm, .wd-ev1-dm span, .wd-ev1-week, .wd-ev1-info h2 a, a.wd-ev1-button, .wd-ev1-none, .wd-ev2-week span, .wd-ev2-dm, a.wd-ev2-button, .wd-ev2-none, .wd-ev2-week, .wd-ev2-title h2 a, .widget_like li, .wd-lk-title h2, .wd-ph-title h2 a, .wd-ph-venue, .wd-sld-title h2 a, .wd-sld-cat, .wd-sld-date, .wd-vd-title h2 a, .wd-vd-venue, .pagination span, .pagination a, h3#reply-title, .comment-author cite, .reply a, p.form-submit input#submit, #respond .button-send#submitmail, .bl1 .sticky, .bl2 .sticky, .rsTmb h2, .rsTmb span, #fap-wrapper, #fap-playlist li, .radio-wz-open-hidden, #radiochannelname, #radiostatustext, #radiovolumetext, .sld-full-title, .sld-full-desc, .sld-full-date, .sld-title, .sld-desc, .sld-date, .feat-title h2, .feat-date, button-link a, ul.tabs li a, .trigger a, a#sdc { font-family: "Titillium Web" }
.sng-links-prev a:hover, .sng-links-next a:hover, a.ev1-button:hover, a.ev2-button:hover, a.evsng-button:hover, .widget_calendar tbody>tr>td a:hover, .widget_recent_comments li a:hover, .widget_recent_entries li a:hover, .wd-ad1-title h2 a:hover, #wd-bl1 .wd-bl1 h2 a:hover, .wd-ev1-info h2 a:hover, a.wd-ev1-button:hover, a.wd-ev2-button:hover, .wd-ev2-title h2 a:hover, .wd-ph-title h2 a:hover, .wd-vd-title h2 a:hover, .button-send#submitmail:hover, .bl1-title h2:hover, .bl2-title h2:hover, .pv1-title h2:hover, .pv2-title h2:hover, .ad1-title h2:hover, .ad2-title h2:hover, .ev1-title h2:hover, .ev2-title h2:hover, .mix h2:hover, .videoGallery .rsThumb.rsNavSelected, .reply a:hover, .pagination a:hover, .pagination .current, .tagcloud a:hover, .sng-tag a:hover, .highlight, #fap-progress-bar, #fap-current-meta a:hover, #fap-volume-scrubber > #fap-volume-indicator, .button-link a, ul.tabs li a, a.pp_download, form > p > input, a#sdc:hover, p.form-submit input#submit:hover, .page-links a span { background: #ff0000 }
a.evsng-zoom, a.evsng-map, a.wd-ad1-beatport:hover, a.wd-ad1-amazon:hover, a.wd-ad1-itunes:hover, a.wd-ad1-other:hover, a.adsng-beatport:hover, a.adsng-amazon:hover, a.adsng-itunes:hover, a.adsng-other:hover { background-color: #ff0000 }
a, #wizemenu > ul li.has-sub > a:after, #wizemenu > ul ul li.has-sub > a:after, .evhead-cont:hover .evhead-date, .evhead-cont:hover .evhead-week, .sng-aut p.user a:hover, .widget_recent_comments li.recentcomments a.url, .widget_rss li a, .comment-author cite a:hover, #fap-playlist li span:hover { color: #ff0000 }
.rsDefault .rsCloseVideoIcn:hover { background: #ff0000 url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/close.png) }
.rsDefault .rsFullscreenIcn:hover { background: #ff0000 url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/extend.png) }
.wd-ad2-cover:hover .wd-ad2-bg, .wd-bl2-cover:hover .wd-bl2-bg, .wd-lk-cover:hover .wd-lk-bg, .wd-sld:hover .wd-sld-bg, .sld-full-title, .sld-title, .feat-cover:hover .feat-bg { background-color: rgba(255,0,0,0.8) }
#fap-loading-bar, #fap-volume-scrubber { background: rgba(255,0,0,0.6) }
.widget_nav_menu li {
list-style: none;
font-weight: 600;
margin-bottom: 15px;
font-size: 18px;
}
.ev2-dm {
text-align: center;
font-weight: 800;
text-transform: uppercase;
left: 0px;
color: #fff;
width: 257px;
bottom: 102px;
z-index: 2;
position: absolute;
font-size: 48px;
display: none;
}
.ev2-week {
display: none;
}
.ev2-year {
display: none;
}
.sld-full-date {
margin-top: 0px;
margin-top: 16px;
text-transform: uppercase;
color: #000;
float: left;
width: 800px;
display: none !important;
opacity: 0.0;
font-size: 14px;
}
.sng-date {
text-transform: uppercase;
right: 28px;
bottom: 21px;
opacity: 0.5;
position: absolute;
display: none !important;
}
.sld-full-date {
margin-top: 0px;
margin-top: 16px;
text-transform: uppercase;
color: #000;
float: left;
width: 800px;
display: none !important;
opacity: 0.5;
font-size: 14px;
}div.pp_default .pp_bottom .pp_left { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) -78px -127px no-repeat }
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px }
div.pp_default .pp_bottom .pp_middle { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite_x.png) bottom left repeat-x }
div.pp_default .pp_bottom .pp_right { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) -112px -127px no-repeat }
div.pp_default .pp_top .pp_middle { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite_x.png) top left repeat-x }
div.pp_default .pp_top .pp_right { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) -112px -93px no-repeat }
div.pp_default .pp_top .pp_left { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) -78px -93px no-repeat }
div.pp_default .pp_content_container .pp_left {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
padding-left: 13px;
}
div.pp_default .pp_content_container .pp_right {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite_y.png) top right repeat-y;
padding-right: 13px;
}
div.pp_default .pp_next:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer;
}
div.pp_default .pp_previous:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor: pointer;
}
div.pp_default .pp_expand {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
width: 28px;
cursor: pointer;
height: 28px;
}
div.pp_default .pp_expand:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
cursor: pointer;
}
div.pp_default .pp_contract {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
width: 28px;
cursor: pointer;
height: 28px;
}
div.pp_default .pp_contract:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
cursor: pointer;
}
div.pp_default .pp_close {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
width: 30px;
cursor: pointer;
height: 30px;
}
div.pp_default .pp_gallery ul li a {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
border: 1px solid #aaa;
}
div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff }
div.pp_default .pp_social { margin-top: 7px }
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
left: auto;
position: static;
}
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
width: 20px;
height: 20px;
margin: 4px 0 0;
}
div.pp_default a.pp_arrow_next {
background-position: -82px -3px;
left: 52px;
}
div.pp_default .pp_content_container .pp_details { margin-top: 5px }
div.pp_default .pp_nav {
clear: none;
width: 110px;
height: 30px;
position: relative;
}
div.pp_default .pp_nav .currentTextHolder {
font-style: italic;
font-family: Georgia;
line-height: 25px;
top: 2px;
left: 75px;
color: #999;
margin: 0;
padding: 0 0 0 10px;
position: absolute;
font-size: 11px;
}
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px }
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
width: 30px;
height: 30px;
}
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.7 }
div.pp_default .pp_description {
font-weight: 700;
line-height: 14px;
margin: 5px 50px 5px 0;
font-size: 11px;
}
div.pp_default .pp_loaderIcon { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/default/loader.gif) center center no-repeat }
div.light_rounded .pp_top .pp_left { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat }
div.light_rounded .pp_top .pp_right { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat }
div.light_rounded .pp_next:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.light_rounded .pp_previous:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.light_rounded .pp_expand {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_expand:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_contract {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_contract:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_close {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
width: 75px;
cursor: pointer;
height: 22px;
}
div.light_rounded .pp_nav .pp_play {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
width: 14px;
height: 15px;
}
div.light_rounded .pp_nav .pp_pause {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
width: 14px;
height: 15px;
}
div.light_rounded .pp_arrow_previous { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat }
div.light_rounded .pp_arrow_next { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat }
div.light_rounded .pp_bottom .pp_left { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat }
div.light_rounded .pp_bottom .pp_right { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat }
div.dark_rounded .pp_top .pp_left { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat }
div.dark_rounded .pp_top .pp_right { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat }
div.dark_rounded .pp_content_container .pp_left { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y }
div.dark_rounded .pp_content_container .pp_right { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y }
div.dark_rounded .pp_next:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_previous:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_expand {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_expand:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_contract {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_contract:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_close {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
width: 75px;
cursor: pointer;
height: 22px;
}
div.dark_rounded .pp_description {
margin-right: 85px;
color: #fff;
}
div.dark_rounded .pp_nav .pp_play {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
width: 14px;
height: 15px;
}
div.dark_rounded .pp_nav .pp_pause {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
width: 14px;
height: 15px;
}
div.dark_rounded .pp_arrow_previous { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat }
div.dark_rounded .pp_arrow_next { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat }
div.dark_rounded .pp_bottom .pp_left { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat }
div.dark_rounded .pp_bottom .pp_right { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat }
div.dark_rounded .pp_loaderIcon { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/loader.gif) center center no-repeat }
div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000 }
div.dark_square .pp_description {
color: #fff;
margin: 0 85px 0 0;
}
div.dark_square .pp_loaderIcon { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/loader.gif) center center no-repeat }
div.dark_square .pp_expand {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.dark_square .pp_expand:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.dark_square .pp_contract {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.dark_square .pp_contract:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.dark_square .pp_close {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
width: 75px;
cursor: pointer;
height: 22px;
}
div.dark_square .pp_nav { clear: none }
div.dark_square .pp_nav .pp_pause {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
width: 14px;
height: 15px;
}
div.dark_square .pp_nav .pp_play {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
width: 14px;
height: 15px;
}
div.dark_square .pp_arrow_previous { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat }
div.dark_square .pp_arrow_next { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat }
div.dark_square .pp_next:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.dark_square .pp_previous:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.light_square .pp_expand {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.light_square .pp_expand:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.light_square .pp_contract {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.light_square .pp_contract:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.light_square .pp_close {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
width: 75px;
cursor: pointer;
height: 22px;
}
div.light_square .pp_nav .pp_play {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
width: 14px;
height: 15px;
}
div.light_square .pp_nav .pp_pause {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
width: 14px;
height: 15px;
}
div.light_square .pp_arrow_previous { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat }
div.light_square .pp_arrow_next { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat }
div.light_square .pp_next:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.light_square .pp_previous:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.facebook .pp_top .pp_left { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat }
div.facebook .pp_top .pp_middle { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x }
div.facebook .pp_top .pp_right { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat }
div.facebook .pp_content_container .pp_left { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y }
div.facebook .pp_content_container .pp_right { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y }
div.facebook .pp_expand {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.facebook .pp_expand:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.facebook .pp_contract {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.facebook .pp_contract:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.facebook .pp_close {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
width: 22px;
cursor: pointer;
height: 22px;
}
div.facebook .pp_description { margin: 0 37px 0 0 }
div.facebook .pp_loaderIcon { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/loader.gif) center center no-repeat }
div.facebook .pp_arrow_previous {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
margin-top: 0;
width: 22px;
height: 22px;
}
div.facebook .pp_arrow_previous.disabled {
background-position: 0 -96px;
cursor: default;
}
div.facebook .pp_arrow_next {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
margin-top: 0;
width: 22px;
height: 22px;
}
div.facebook .pp_arrow_next.disabled {
background-position: -32px -96px;
cursor: default;
}
div.facebook .pp_nav { margin-top: 0 }
div.facebook .pp_nav .pp_pause {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
width: 22px;
height: 22px;
}
div.facebook .pp_nav .pp_play {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
width: 22px;
height: 22px;
}
div.facebook .pp_nav p {
padding: 0 3px 0 4px;
font-size: 15px;
}
div.facebook .pp_next:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.facebook .pp_previous:hover {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.facebook .pp_bottom .pp_left { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat }
div.facebook .pp_bottom .pp_middle { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x }
div.facebook .pp_bottom .pp_right { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat }
div.facebook .pp_content { color: #000 }
div.pp_overlay {
background: #000;
top: 0;
left: 0;
width: 100%;
display: none;
z-index: 9500;
position: absolute;
}
div.pp_pic_holder {
width: 100px;
display: none;
z-index: 10000;
position: absolute;
}
.pp_content {
height: 40px;
min-width: 40px;
}
div.pp_pic_holder a:focus { outline: none }
* html .pp_content { width: 40px }
.pp_content_container {
text-align: left;
width: 100%;
position: relative;
}
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px;
}
.pp_content_container .pp_right { padding-right: 20px }
.pp_content_container .pp_left { padding-left: 20px }
.pp_description {
margin: 0;
display: none;
}
.pp_social {
float: left;
margin: 0;
}
.pp_social .facebook {
margin-left: 5px;
float: left;
width: 75px;
overflow: hidden;
}
.pp_social .twitter { float: left }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav .pp_play, .pp_nav .pp_pause {
text-indent: -10000px;
margin-right: 4px;
float: left;
}
.pp_nav p {
white-space: nowrap;
float: left;
margin: 2px 4px;
}
a.pp_arrow_previous, a.pp_arrow_next {
margin-top: 3px;
text-indent: -10000px;
float: left;
width: 14px;
height: 15px;
display: block;
overflow: hidden;
}
.pp_hoverContainer {
top: 0;
width: 100%;
z-index: 2000;
position: absolute;
}
.pp_gallery {
margin-top: -50px;
left: 50%;
display: none;
z-index: 10000;
position: absolute;
}
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px!important }
.pp_gallery li.default a {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
width: 50px;
height: 33px;
display: block;
}
.pp_fade, .pp_gallery li.default a img { display: none }
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
white-space: nowrap;
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
}
.pp_gallery ul a {
float: left;
border: 1px rgba(0,0,0,0.5) solid;
height: 33px;
display: block;
overflow: hidden;
}
.pp_gallery ul a img { border: 0 }
.pp_gallery li {
float: left;
margin: 0 5px 0 0;
display: block;
padding: 0;
}
a.pp_next {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
text-indent: -10000px;
float: right;
width: 49%;
height: 100%;
display: block;
}
a.pp_previous {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
text-indent: -10000px;
float: left;
width: 49%;
height: 100%;
display: block;
}
a.pp_expand, a.pp_contract {
text-indent: -10000px;
top: 10px;
right: 30px;
width: 20px;
cursor: pointer;
height: 20px;
display: none;
z-index: 20000;
position: absolute;
}
a.pp_close {
line-height: 22px;
text-indent: -10000px;
top: 0;
right: 0;
display: block;
position: absolute;
}
.pp_loaderIcon {
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px;
display: block;
position: absolute;
}
#pp_full_res { line-height: 1!important }
#pp_full_res .pp_inline { text-align: left }
#pp_full_res .pp_inline p { margin: 0 0 15px }
div.ppt {
color: #fff;
margin: 0 0 5px 15px;
display: none;
z-index: 9999;
font-size: 17px;
}
div.pp_default .pp_content, div.light_rounded .pp_content { background-color: #fff }
div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline { color: #000 }
div.pp_default .pp_content .ppt { color: #f8f8f8 }
div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position: relative }
div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content { background: #fff }
div.light_rounded .pp_description, div.light_square .pp_description { margin-right: 85px }
div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px!important }
div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
background-position: 0 -87px;
cursor: default;
}
div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
background-position: -22px -87px;
cursor: default;
}
div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/light_rounded/loader.gif) center center no-repeat }
div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat }
div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder { color: #c4c4c4 }
div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline { color: #fff }
.pp_top, .pp_bottom {
height: 20px;
position: relative;
}
.pp_top .pp_middle, .pp_bottom .pp_middle {
left: 20px;
right: 20px;
height: 20px;
position: absolute;
}
.pp_top .pp_right, .pp_bottom .pp_right {
top: 0;
left: auto;
right: 0;
width: 20px;
height: 20px;
position: absolute;
}
.pp_top .pp_left, .pp_bottom .pp_left {
left: 0;
width: 20px;
height: 20px;
position: absolute;
}
* html .pp_top, * html .pp_bottom { padding: 0 20px }
* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
left: 0;
position: static;
}#slider {
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
height: 550px;
padding: 0px 0px 3px 0px;
overflow: hidden;
}
.sld-bg {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/bg8.png);
text-decoration: none;
left: 0px;
width: 100%;
height: 350px;
bottom: 0px;
z-index: 3;
position: absolute;
} #slider-full {
background: #000;
width: 100%;
z-index: 2;
position: relative;
}
.sld-full {
left: 0px;
width: 850px;
bottom: 29px;
position: absolute;
}
.sld-full-title {
font-weight: 800;
line-height: 86px;
margin-bottom: 20px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 0px 25px;
font-size: 54px;
}
.sld-full-desc {
margin-top: 19px;
line-height: 38px;
font-weight: 800;
margin-bottom: -5px;
text-transform: uppercase;
color: #fff;
float: left;
display: inline;
font-size: 32px;
}
.sld-full-date {
margin-top: 0px;
margin-top: 16px;
text-transform: uppercase;
color: #fff;
float: left;
width: 800px;
display: block;
opacity: 0.5;
font-size: 14px;
}
.tp-caption {
visibility: hidden;
-webkit-font-smoothing: antialiased !important;
position: absolute;
} #slider-left, #slider-right {
margin-top: 0px;
width: 50%;
float: left;
height: 550px;
z-index: 2;
overflow: hidden;
position: relative;
}
#slider-right .tp-caption {
visibility: hidden;
-webkit-font-smoothing: antialiased !important;
left: 10px;
bottom: 9px;
position: absolute;
}
#slider-left .tp-caption {
visibility: hidden;
-webkit-font-smoothing: antialiased !important;
right: 0px;
bottom: 9px;
position: absolute;
}
.sld-left {
right: 65px;
width: 530px;
bottom: 15px;
position: absolute;
}
.sld-right {
left: 30px;
width: 530px;
bottom: 15px;
position: absolute;
}
.sld-title {
font-weight: 800;
line-height: 68px;
margin-bottom: 20px;
text-transform: uppercase;
box-decoration-break: clone;
-o-box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
padding: 0px 20px;
font-size: 42px;
}
.sld-desc {
margin-top: 20px;
line-height: 34px;
font-weight: 800;
margin-bottom: -5px;
text-transform: uppercase;
color: #fff;
float: left;
display: inline;
font-size: 26px;
}
.sld-date {
margin-top: 16px;
text-transform: uppercase;
color: #fff;
float: left;
width: 500px;
display: block;
opacity: 0.5;
font-size: 14px;
}
.tp-simpleresponsive img { max-width: none }
.noFilterClass { filter: none !important }
.tparrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-o-transition: opacity 0.3s ease-out;
-khtml-opacity: 1;
-ms-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-webkit-transform: translateZ(5000px);
-webkit-transition: opacity 0.3s ease-out;
-webkit-transform-style: flat;
-webkit-backface-visibility: hidden;
opacity: 1;
z-index: 600;
position: relative;
}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/left.png) no-Repeat top left;
margin-left: -20px;
width: 30px;
cursor: pointer;
height: 60px;
z-index: 100;
opacity: 0.7;
position: relative;
}
.tp-rightarrow {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/right.png) no-Repeat top left;
margin-right: -20px;
width: 30px;
cursor: pointer;
height: 60px;
z-index: 100;
opacity: 0.8;
position: relative;
}
.tp-leftarrow:hover, .tp-rightarrow:hover { opacity: 1 }
.tp-simpleresponsive img {
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.tp-simpleresponsive a { text-decoration: none }
.tp-simpleresponsive ul {
list-style: none;
margin: 0;
padding: 0;
}
.tp-simpleresponsive >ul >li {
visibility: hidden;
position: absolute;
list-stye: none;
}
.flex-direction-nav a { display: none }
.flex-control-nav {
text-align: center;
top: 22px;
right: 18px;
float: right;
position: absolute;
}
.flex-control-nav li {
zoom: 1;
margin: 0 4px;
display: inline-block;
*display: inline;
}
.flex-control-paging li a {
background: #fff;
text-indent: -9999px;
border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
width: 8px;
height: 8px;
cursor: pointer;
display: block;
opacity: 0.6;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
background: #fff;
cursor: default;
opacity: 1;
}.one_half { width: 48% }
.one_third { width: 30.66% }
.two_third { width: 65.33% }
.one_fourth { width: 22% }
.three_fourth { width: 74% }
.one_fifth { width: 16.8% }
.two_fifth { width: 37.6% }
.three_fifth { width: 58.4% }
.four_fifth { width: 79.2% }
.one_sixth { width: 13.33% }
.five_sixth { width: 82.67% }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
margin-right: 4%;
margin-bottom: 20px;
float: left;
position: relative;
}
.last {
margin-right: 0;
clear: right;
}
.clearboth {
line-height: 0;
clear: both;
width: 100%;
height: 0;
display: block;
font-size: 0;
} .dropcap {
padding-top: 0;
line-height: 40px;
left: -2px;
float: left;
margin: 0 6px 0 0;
display: block;
position: relative;
font-size: 40px;
} .pullquote_left, .pullquote_right {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/quotes.png) no-repeat scroll 0 0 transparent;
color: #fff;
clear: none;
padding: 0 0 0 30px;
opacity: 0.6;
font-size: 14px;
}
.pullquote_left {
float: left;
width: 30%;
margin: 20px 20px 20px 0;
padding: 0 0 0px 30px;
}
.pullquote_right {
float: right;
width: 29%;
margin: 20px 0 20px 20px;
padding: 0 0 0 30px;
} .highlight {
color: #fff;
padding: 0 3px;
}
.highlight2 {
background: #fff;
color: #000;
padding: 0 3px;
} .space_hr {
margin-bottom: 40px;
width: 100%;
display: block;
} .bar_hr {
margin-top: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 10px;
display: block;
} ul.tabs {
margin: 0;
display: block;
}
ul.tabs .selected {
background: #fff;
color: #000;
}
ul.tabs li {
list-style: none;
display: inline;
}
ul.tabs li a {
line-height: 25px;
text-transform: uppercase;
float: left;
color: #fff;
margin: 0 5px 0px 0;
padding: 3px 15px 1px;
position: relative;
overflow: hidden;
}
ul.tabs li a:hover {
background: #fff;
color: #000;
}
.pane {
background: #fff;
border-style: solid;
margin-bottom: 29px;
clear: both;
color: #000;
display: block;
padding: 20px 20px;
font-size: 12px;
} .trigger {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/toggle-plus.png) no-repeat;
background-position: 0px 5px;
margin: 0 0 20px;
cursor: pointer;
padding: 0px 0px 0px 25px;
}
.trigger a {
font-weight: 800;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
display: block;
font-size: 19px;
}
.trigger.active {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/toggle-minus.png) no-repeat;
background-position: 0px 5px;
}
.trigger.active a { color: #fff }
.toggle_container {
background: #fff;
margin-bottom: 20px;
clear: both;
color: #000;
overflow: hidden;
}
.toggle_container .block {
nowhitespace: afterproperty;
margin: 0;
padding: 20px;
overflow: hidden;
} .button-link {
margin-top: 20px;
margin-bottom: 20px;
}
.button-link a {
text-transform: uppercase;
color: #fff;
padding: 4px 8px 4px 8px;
}
.button-link a:hover {
background: #fff;
color: #000;
} .pretty-photo-sc {
margin: 20px 0 20px 0;
overflow: hidden;
position: relative;
} a#sdc {
margin-top: 10px;
background: rgba(255, 255, 255, 0.9);
line-height: 22px;
font-weight: 800;
margin-bottom: 10px;
border-radius: 3px;
text-transform: uppercase;
color: #000;
padding: 7px 10px;
display: inline-block;
font-size: 18px;
}
a#sdc:hover { color: #fff }.royalSlider {
width: 600px;
height: 400px;
position: relative;
direction: ltr;
}
.royalSlider > * { float: left }
.rsWebkit3d .rsSlide { -webkit-transform: translateZ() }
.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden }
.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none }
.rsOverflow {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
float: left;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
left: 0;
top: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
position: absolute;
left: 0;
top: 0;
}
.rsContainer {
position: relative;
width: 100%;
height: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rsArrow, .rsThumbsArrow { cursor: pointer }
.rsThumb {
float: left;
position: relative;
}
.rsArrow, .rsNav, .rsThumbsArrow {
opacity: 1;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}
.rsGCaption {
width: 100%;
float: left;
text-align: center;
} .royalSlider.rsFullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483647 !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
opacity: 1 !important;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
display: none;
}
.rsSlide {
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
height: 100%;
width: 100%;
}
.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto }
.rsContent {
width: 100%;
height: 100%;
position: relative;
}
.rsPreloader {
position: absolute;
z-index: 0;
}
.rsNav {
-moz-user-select: -moz-none;
-webkit-user-select: none;
user-select: none;
}
.rsNavItem { -webkit-tap-highlight-color: rgba(0,0,0,0.25) }
.rsThumbs {
cursor: pointer;
position: relative;
overflow: hidden;
float: left;
z-index: 22;
}
.rsTabs {
float: left;
background: none !important;
}
.rsTabs, .rsThumbs {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rsVideoContainer {  width: 300px;
height: 300px;
line-height: 0;
position: relative;
}
.rsVideoFrameHolder {
position: absolute;
left: 0;
top: 0;
background: #141414;
opacity: 0;
-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive { opacity: 1 }
.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
position: absolute;
z-index: 50;
left: 0;
top: 0;
width: 100%;
height: 100%;
} .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 44px;
}
img.rsImg { max-width: none }
.grabbing-cursor { cursor: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/grabbing.png) 8 8, move }
.rsNoDrag { cursor: auto }
.rsLink {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
display: block;
z-index: 20;
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/blank.gif);
}  .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
background-color: rgba(0, 0, 0, 0.6);
color: #FFF;
} .rsDefault .rsArrow {
height: 100%;
width: 44px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
}
.rsDefault.rsVer .rsArrow {
width: 100%;
height: 44px;
}
.rsDefault.rsVer .rsArrowLeft {
top: 0;
left: 0;
}
.rsDefault.rsVer .rsArrowRight {
bottom: 0;
left: 0;
}
.rsDefault.rsHor .rsArrowLeft {
left: 0;
top: 0;
}
.rsDefault.rsHor .rsArrowRight {
right: 0;
top: 0;
}
.rsDefault .rsArrowIcn {
width: 32px;
height: 32px;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
position: absolute;
cursor: pointer;
}
.rsDefault .rsArrowIcn:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/galleryL.png) }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/galleryR.png) }
.rsDefault .rsArrowDisabled .rsArrowIcn {
opacity: .2;
filter: alpha(opacity=20);
*display: none;
} .rsDefault .rsBullets {
position: absolute;
z-index: 35;
left: 0;
bottom: 0;
width: 100%;
height: auto;
margin: 0 auto;
background: #000;
background: rgba(0,0,0,0.75);
text-align: center;
line-height: 8px;
overflow: hidden;
}
.rsDefault .rsBullet {
width: 8px;
height: 8px;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #777;
background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span { background-color: #FFF } .rsDefault .rsThumbsHor {
width: 100%;
height: 72px;
}
.rsDefault .rsThumbsVer {
width: 220px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
position: relative;
height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
position: relative;
width: 100%;
}
.rsDefault .rsThumb {
float: left;
overflow: hidden;
width: 96px;
height: 72px;
}
.rsDefault .rsThumb img {
width: 100%;
height: 100%;
}
.rsDefault .rsThumb.rsNavSelected img {
opacity: 0.3;
filter: alpha(opacity=30);
}
.rsDefault .rsTmb { display: block }  .rsDefault .rsThumbsArrow {
height: 100%;
width: 20px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
background: #000;
background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover { background: rgba(0,0,0,0.9) }
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
width: 100%;
height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
top: 0;
left: 0;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
bottom: 0;
left: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
left: 0;
top: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
right: 0;
top: 0;
}
.rsDefault .rsThumbsArrowDisabled { display: none !important } @media screen and (min-width: 0px) and (max-width: 800px) { 
.rsDefault .rsThumb {
width: 59px;
height: 44px;
}
.rsDefault .rsThumbsHor { height: 44px }
.rsDefault .rsThumbsVer { width: 59px }
} .rsDefault .rsTabs {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
overflow: hidden;
padding-top: 12px;
position: relative;
}
.rsDefault .rsTab {
display: inline-block;
cursor: pointer;
text-align: center;
height: auto;
width: auto;
color: #333;
padding: 5px 13px 6px;
min-width: 72px;
border: 1px solid #D9D9DD;
border-right: 1px solid #f5f5f5;
text-decoration: none;
background-color: #FFF;
background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
-webkit-box-shadow: inset 1px 0 0 #fff;
box-shadow: inset 1px 0 0 #fff;
*display: inline;
*zoom: 1;
}
.rsDefault .rsTab:first-child {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
border-right: 1px solid #cfcfcf;
}
.rsDefault .rsTab:active {
border: 1px solid #D9D9DD;
background-color: #f4f4f4;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected {
color: #FFF;
border: 1px solid #999;
text-shadow: 1px 1px #838383;
box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
background: #ACACAC;
background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
background-image: linear-gradient(to bottom, #ACACAC, #BBB);
} .rsDefault .rsFullscreenBtn {
right: 20px;
top: 20px;
width: 32px;
height: 32px;
z-index: 22;
display: block;
position: absolute;
cursor: pointer;
}
.rsDefault .rsFullscreenIcn {
display: block;
width: 32px;
height: 32px;
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/extend.png);
background-color: #000;
} .rsDefault .rsPlayBtn {
width: 128px;
height: 128px;
margin-left: -64px;
margin-top: -64px;
cursor: pointer;
}
.rsDefault .rsBtnCenterer {
position: absolute;
left: 50%;
top: 50%;
}
.rsDefault .rsCloseVideoBtn {
left: 20px;
top: 20px;
width: 32px;
height: 32px;
z-index: 500;
position: absolute;
cursor: pointer;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ();
}
.rsDefault .rsCloseVideoIcn {
width: 32px;
height: 32px;
background: #000 url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/close.png);
opacity: 1;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
} .rsDefault .rsPreloader {
width: 20px;
height: 20px;
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
} .rsDefault .rsGCaption {
position: absolute;
float: none;
bottom: 6px;
left: 6px;
text-align: left;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.75);
color: #FFF;
padding: 2px 8px;
width: auto;
font-size: 12px;
border-radius: 2px;
}

.he-wrap {
zoom: 1;
display: inline-block;
position: relative;
*display: inline;
position: relative;
}
.he-view, .he-zoom {
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
overflow: hidden;
}
.he-zoom img {
top: 0;
left: 0;
position: absolute;
}
.he-zoomstate {
background: #c00;
box-shadow: -1px -1px 1px rgba(204,0,0,.3);
line-height: 16px;
border-radius: 3px 0 0 0;
right: 0;
color: #fff;
bottom: 0;
padding: 0 4px;
position: absolute;
font-size: 12px;
}
.he-view-show { visibility: visible }
.he-sliders { overflow: hidden }
.he-sliders img { display: none }
.he-sliders img:first-child {
*zoom: 1;
display: inline-block;
*display: inline;
}
.he-pre, .he-next {
margin-top: -18px;
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/css/nav.png) no-repeat top left;
top: 50%;
left: 0;
width: 61px;
height: 35px;
cursor: pointer;
position: absolute;
}
.he-next {
background-position: top right;
left: auto;
right: 0;
}
.a0, .a1, .a2, .a3, .a4, .a5, .a6, .a7 {
animation-duration: .6s;
animation-fill-mode: both;
-o-animation-duration: .6s;
-o-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-fill-mode: both;
-webkit-animation-duration: .6s;
-webkit-animation-fill-mode: both;
}
.a1 {
animation-delay: .2s;
-o-animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-delay: .2s;
}
.a2 {
animation-delay: .4s;
-o-animation-delay: .4s;
-moz-animation-delay: .4s;
-webkit-animation-delay: .4s;
}
.a3 {
animation-delay: .6s;
-o-animation-delay: .6s;
-moz-animation-delay: .6s;
-webkit-animation-delay: .6s;
}
.a4 {
animation-delay: .8s;
-o-animation-delay: .8s;
-moz-animation-delay: .8s;
-webkit-animation-delay: .8s;
}
.a5 {
animation-delay: 1s;
-o-animation-delay: 1s;
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
}
.a6 {
animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
}
.a7 {
animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-moz-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
}
@-webkit-keyframes flipInLeft { 
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0.5;
}
60% { -webkit-transform: perspective(400px) rotateY(-10deg) }
80% { -webkit-transform: perspective(400px) rotateY(5deg) }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInLeft { 
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0.5;
}
60% { -moz-transform: perspective(400px) rotateY(-10deg) }
80% { -moz-transform: perspective(400px) rotateY(5deg) }
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInLeft { 
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0.5;
}
60% { -o-transform: perspective(400px) rotateY(-10deg) }
80% { -o-transform: perspective(400px) rotateY(5deg) }
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInLeft { 
0% {
opacity: 0.5;
transform: perspective(400px) rotateY(90deg);
}
60% { transform: perspective(400px) rotateY(-10deg) }
80% { transform: perspective(400px) rotateY(5deg) }
100% {
opacity: 1;
transform: perspective(400px) rotateY(0deg);
}
}
.flipInLeft {
animation-name: flipInLeft;
transform-style: preserve-3d;
transform-origin: 0 50%;
-o-animation-name: flipInLeft;
-o-transform-style: preserve-3d;
-moz-animation-name: flipInLeft;
-o-transform-origin: 0 50%;
-moz-transform-style: preserve-3d;
-moz-transform-origin: 0 50%;
-webkit-animation-name: flipInLeft;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 0 50%;
}
@-webkit-keyframes flipInRight { 
0% {
-webkit-transform: perspective(400px) rotateY(-90deg);
opacity: 0.5;
}
60% { -webkit-transform: perspective(400px) rotateY(10deg) }
80% { -webkit-transform: perspective(400px) rotateY(-5deg) }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInRight { 
0% {
-moz-transform: perspective(400px) rotateY(-90deg);
opacity: 0.5;
}
60% { -moz-transform: perspective(400px) rotateY(10deg) }
80% { -moz-transform: perspective(400px) rotateY(-5deg) }
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInRight { 
0% {
-o-transform: perspective(400px) rotateY(-90deg);
opacity: 0.5;
}
60% { -o-transform: perspective(400px) rotateY(10deg) }
80% { -o-transform: perspective(400px) rotateY(-5deg) }
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInRight { 
0% {
opacity: 0.5;
transform: perspective(400px) rotateY(-90deg);
}
60% { transform: perspective(400px) rotateY(10deg) }
80% { transform: perspective(400px) rotateY(-5deg) }
100% {
opacity: 1;
transform: perspective(400px) rotateY(0deg);
}
}
.flipInRight {
animation-name: flipInRight;
transform-style: preserve-3d;
transform-origin: 100% 50%;
-o-animation-name: flipInRight;
-o-transform-style: preserve-3d;
-moz-animation-name: flipInRight;
-o-transform-origin: 100% 50%;
-moz-transform-style: preserve-3d;
-moz-transform-origin: 100% 50%;
-webkit-animation-name: flipInRight;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 100% 50%;
}
@-webkit-keyframes flipInDown { 
0% {
-webkit-transform: perspective(400px) rotateX(-90deg);
opacity: 0.5;
}
60% { -webkit-transform: perspective(400px) rotateX(10deg) }
80% { -webkit-transform: perspective(400px) rotateX(-5deg) }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInDown { 
0% {
-moz-transform: perspective(400px) rotateX(-90deg);
opacity: 0.5;
}
60% { -moz-transform: perspective(400px) rotateX(10deg) }
80% { -moz-transform: perspective(400px) rotateX(-5deg) }
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInDown { 
0% {
-o-transform: perspective(400px) rotateX(-90deg);
opacity: 0.5;
}
60% { -o-transform: perspective(400px) rotateX(10deg) }
80% { -o-transform: perspective(400px) rotateX(-5deg) }
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInDown { 
0% {
opacity: 0.5;
transform: perspective(400px) rotateX(-90deg);
}
60% { transform: perspective(400px) rotateX(10deg) }
80% { transform: perspective(400px) rotateX(-5deg) }
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
.flipInDown {
animation-name: flipInDown;
transform-style: preserve-3d;
transform-origin: 50% 0%;
-o-animation-name: flipInDown;
-o-transform-style: preserve-3d;
-moz-animation-name: flipInDown;
-o-transform-origin: 50% 0%;
-moz-transform-style: preserve-3d;
-moz-transform-origin: 50% 0%;
-webkit-animation-name: flipInDown;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 0%;
}
@-webkit-keyframes flipInUp { 
0% {
-webkit-transform: perspective(300px) rotateX(90deg);
opacity: 0.5;
}
60% { -webkit-transform: perspective(300px) rotateX(-10deg) }
80% { -webkit-transform: perspective(300px) rotateX(5deg) }
100% {
-webkit-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
}
@-webkit-keyframes flipInUp { 
0% {
-webkit-transform: perspective(300px) rotateX(90deg);
opacity: 0.5;
}
60% { -webkit-transform: perspective(300px) rotateX(-10deg) }
80% { -webkit-transform: perspective(300px) rotateX(5deg) }
100% {
-webkit-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInUp { 
0% {
-moz-transform: perspective(300px) rotateX(90deg);
opacity: 0.5;
}
60% { -moz-transform: perspective(300px) rotateX(-10deg) }
80% { -moz-transform: perspective(300px) rotateX(5deg) }
100% {
-moz-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInUp { 
0% {
-o-transform: perspective(300px) rotateX(90deg);
opacity: 0.5;
}
60% { -o-transform: perspective(300px) rotateX(-10deg) }
80% { -o-transform: perspective(300px) rotateX(5deg) }
100% {
-o-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInUp { 
0% {
opacity: 0.5;
transform: perspective(300px) rotateX(90deg);
}
60% { transform: perspective(300px) rotateX(-10deg) }
80% { transform: perspective(300px) rotateX(5deg) }
100% {
opacity: 1;
transform: perspective(300px) rotateX(0deg);
}
}
.flipInUp {
animation-name: flipInUp;
transform-style: preserve-3d;
transform-origin: 50% 100%;
-o-animation-name: flipInUp;
-o-transform-style: preserve-3d;
-moz-animation-name: flipInUp;
-o-transform-origin: 50% 100%;
-moz-transform-style: preserve-3d;
-moz-transform-origin: 50% 100%;
-webkit-animation-name: flipInUp;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 100%;
}
.flipInV, flipInH {
animation-name: flipInDown;
transform-style: preserve-3d;
transform-origin: 50% 50%;
-o-animation-name: flipInDown;
-o-transform-style: preserve-3d;
-moz-animation-name: flipInDown;
-o-transform-origin: 50% 50%;
-moz-transform-style: preserve-3d;
-moz-transform-origin: 50% 50%;
-webkit-animation-name: flipInDown;
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
.flipInH {
animation-name: flipInLeft;
-o-animation-name: flipInLeft;
-moz-animation-name: flipInLeft;
-webkit-animation-name: flipInLeft;
}
@-webkit-keyframes zoomIn { 
0% {
-webkit-transform: scale(.3);
opacity: 0;
}
50% {
-webkit-transform: scale(1.05);
opacity: 1;
}
70% { -webkit-transform: scale(.9) }
100% { -webkit-transform: scale(1) }
}
@-moz-keyframes zoomIn { 
0% {
-moz-transform: scale(.3);
opacity: 0;
}
50% {
-moz-transform: scale(1.05);
opacity: 1;
}
70% { -moz-transform: scale(.9) }
100% { -moz-transform: scale(1) }
}
@-o-keyframes zoomIn { 
0% {
-o-transform: scale(.3);
opacity: 0;
}
50% {
-o-transform: scale(1.05);
opacity: 1;
}
70% { -o-transform: scale(.9) }
100% { -o-transform: scale(1) }
}
@keyframes zoomIn { 
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% { transform: scale(.9) }
100% { transform: scale(1) }
}
.zoomIn {
animation-name: zoomIn;
-o-animation-name: zoomIn;
-moz-animation-name: zoomIn;
-webkit-animation-name: zoomIn;
}
@-webkit-keyframes zoomInLeft { 
0% {
-webkit-transform: scale(.4) translateX(-1000px);
opacity: .3;
}
70% {
-webkit-transform: scale(1.05);
opacity: 1;
}
90% { -webkit-transform: scale(.95) translateX(0px) }
100% { -webkit-transform: scale(1) }
}
@-moz-keyframes zoomInLeft { 
0% {
-moz-transform: scale(.4) translateX(-1000px);
opacity: .3;
}
70% {
-moz-transform: scale(1.05);
opacity: 1;
}
90% { -moz-transform: scale(.95) translateX(0px) }
100% { -moz-transform: scale(1) }
}
@-o-keyframes zoomInLeft { 
0% {
-o-transform: scale(.4) translateX(-1000px);
opacity: .3;
}
70% {
-o-transform: scale(1.05);
opacity: 1;
}
90% { -o-transform: scale(.95) translateX(0px) }
100% { -o-transform: scale(1) }
}
@keyframes zoomInLeft { 
0% {
opacity: .3;
transform: scale(.4) translateX(-1000px);
}
70% {
opacity: 1;
transform: scale(1.05);
}
90% { transform: scale(.95) translateX(0px) }
100% { transform: scale(1) }
}
.zoomInLeft {
animation-name: zoomInLeft;
-o-animation-name: zoomInLeft;
-moz-animation-name: zoomInLeft;
-webkit-animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight { 
0% {
-webkit-transform: scale(.4) translateX(1000px);
opacity: .3;
}
70% {
-webkit-transform: scale(1.05);
opacity: 1;
}
90% { -webkit-transform: scale(.95) translateX(0px) }
100% { -webkit-transform: scale(1) }
}
@-moz-keyframes zoomInRight { 
0% {
-moz-transform: scale(.4) translateX(1000px);
opacity: .3;
}
70% {
-moz-transform: scale(1.05);
opacity: 1;
}
90% { -moz-transform: scale(.95) translateX(0px) }
100% { -moz-transform: scale(1) }
}
@-o-keyframes zoomInRight { 
0% {
-o-transform: scale(.4) translateX(1000px);
opacity: .3;
}
70% {
-o-transform: scale(1.05);
opacity: 1;
}
90% { -o-transform: scale(.95) translateX(0px) }
100% { -o-transform: scale(1) }
}
@keyframes zoomInRight { 
0% {
opacity: .3;
transform: scale(.4) translateX(1000px);
}
70% {
opacity: 1;
transform: scale(1.05);
}
90% { transform: scale(.95) translateX(0px) }
100% { transform: scale(1) }
}
.zoomInRight {
animation-name: zoomInRight;
-o-animation-name: zoomInRight;
-moz-animation-name: zoomInRight;
-webkit-animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp { 
0% {
-webkit-transform: scale(.4) translateY(-1000px);
opacity: .3;
}
70% {
-webkit-transform: scale(1.05);
opacity: 1;
}
90% { -webkit-transform: scale(.95) translateY(0px) }
100% { -webkit-transform: scale(1) }
}
@-moz-keyframes zoomInUp { 
0% {
-moz-transform: scale(.4) translateY(-1000px);
opacity: .3;
}
70% {
-moz-transform: scale(1.05);
opacity: 1;
}
90% { -moz-transform: scale(.95) translateY(0px) }
100% { -moz-transform: scale(1) }
}
@-o-keyframes zoomInUp { 
0% {
-o-transform: scale(.4) translateY(-1000px);
opacity: .3;
}
70% {
-o-transform: scale(1.05);
opacity: 1;
}
90% { -o-transform: scale(.95) translateY(0px) }
100% { -o-transform: scale(1) }
}
@keyframes zoomInUp { 
0% {
opacity: .3;
transform: scale(.4) translateY(-1000px);
}
70% {
opacity: 1;
transform: scale(1.05);
}
90% { transform: scale(.95) translateY(0px) }
100% { transform: scale(1) }
}
.zoomInUp {
animation-name: zoomInUp;
-o-animation-name: zoomInUp;
-moz-animation-name: zoomInUp;
-webkit-animation-name: zoomInUp;
}
@-webkit-keyframes zoomInDown { 
0% {
-webkit-transform: scale(.4) translateY(1000px);
opacity: .3;
}
70% {
-webkit-transform: scale(1.05);
opacity: 1;
}
90% { -webkit-transform: scale(.95) translateY(0px) }
100% { -webkit-transform: scale(1) }
}
@-moz-keyframes zoomInDown { 
0% {
-moz-transform: scale(.4) translateY(1000px);
opacity: .3;
}
70% {
-moz-transform: scale(1.05);
opacity: 1;
}
90% { -moz-transform: scale(.95) translateY(0px) }
100% { -moz-transform: scale(1) }
}
@-o-keyframes zoomInDown { 
0% {
-o-transform: scale(.4) translateY(1000px);
opacity: .3;
}
70% {
-o-transform: scale(1.05);
opacity: 1;
}
90% { -o-transform: scale(.95) translateY(0px) }
100% { -o-transform: scale(1) }
}
@keyframes zoomInDown { 
0% {
opacity: .3;
transform: scale(.4) translateY(1000px);
}
70% {
opacity: 1;
transform: scale(1.05);
}
90% { transform: scale(.95) translateY(0px) }
100% { transform: scale(1) }
}
.zoomInDown {
animation-name: zoomInDown;
-o-animation-name: zoomInDown;
-moz-animation-name: zoomInDown;
-webkit-animation-name: zoomInDown;
}
@-webkit-keyframes fadeIn { 
0% { opacity: 0 }
100% { opacity: 1 }
}
@-moz-keyframes fadeIn { 
0% { opacity: 0 }
100% { opacity: 1 }
}
@-o-keyframes fadeIn { 
0% { opacity: 0 }
100% { opacity: 1 }
}
@keyframes fadeIn { 
0% { opacity: 0 }
100% { opacity: 1 }
}
.fadeIn {
animation-name: fadeIn;
-o-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-webkit-animation-name: fadeIn;
}
@-webkit-keyframes fadeInLeft { 
0% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0%);
opacity: 1;
}
}
@-moz-keyframes fadeInLeft { 
0% {
-moz-transform: translateX(-100%);
opacity: 0;
}
100% {
-moz-transform: translateX(0%);
opacity: 1;
}
}
@-o-keyframes fadeInLeft { 
0% {
-o-transform: translateX(-100%);
opacity: 0;
}
100% {
-o-transform: translateX(0%);
opacity: 1;
}
}
@keyframes fadeInLeft { 
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-webkit-animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight { 
0% {
-webkit-transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0%);
opacity: 1;
}
}
@-moz-keyframes fadeInRight { 
0% {
-moz-transform: translateX(100%);
opacity: 0;
}
100% {
-moz-transform: translateX(0%);
opacity: 1;
}
}
@-o-keyframes fadeInRight { 
0% {
-o-transform: translateX(100%);
opacity: 0;
}
100% {
-o-transform: translateX(0%);
opacity: 1;
}
}
@keyframes fadeInRight { 
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
.fadeInRight {
animation-name: fadeInRight;
-o-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-webkit-animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp { 
0% {
-webkit-transform: translateY(100%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0%);
opacity: 1;
}
}
@-moz-keyframes fadeInUp { 
0% {
-moz-transform: translateY(100%);
opacity: 0;
}
100% {
-moz-transform: translateY(0%);
opacity: 1;
}
}
@-o-keyframes fadeInUp { 
0% {
-o-transform: translateY(100%);
opacity: 0;
}
100% {
-o-transform: translateY(0%);
opacity: 1;
}
}
@keyframes fadeInUp { 
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
.fadeInUp {
animation-name: fadeInUp;
-o-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown { 
0% {
-webkit-transform: translateY(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0%);
opacity: 1;
}
}
@-moz-keyframes fadeInDown { 
0% {
-moz-transform: translateY(-100%);
opacity: 0;
}
100% {
-moz-transform: translateY(0%);
opacity: 1;
}
}
@-o-keyframes fadeInDown { 
0% {
-o-transform: translateY(-100%);
opacity: 0;
}
100% {
-o-transform: translateY(0%);
opacity: 1;
}
}
@keyframes fadeInDown { 
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
.fadeInDown {
animation-name: fadeInDown;
-o-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
}
@-webkit-keyframes rotateIn { 
0% {
-webkit-transform: rotate(360deg) scale(.1);
opacity: 0;
}
100% {
-webkit-transform: rotate(0deg) scale(1);
opacity: 1;
}
}
@-moz-keyframes rotateIn { 
0% {
-moz-transform: rotate(360deg) scale(.1);
opacity: 0;
}
100% {
-moz-transform: rotate(0deg) scale(1);
opacity: 1;
}
}
@-o-keyframes rotateIn { 
0% {
-o-transform: rotate(360deg) scale(.1);
opacity: 0;
}
100% {
-o-transform: rotate(0deg) scale(1);
opacity: 1;
}
}
@keyframes rotateIn { 
0% {
opacity: 0;
transform: rotate(360deg) scale(.1);
}
100% {
opacity: 1;
transform: rotate(0deg) scale(1);
}
}
.rotateIn {
animation-name: rotateIn;
-o-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-webkit-animation-name: rotateIn;
}
@-webkit-keyframes rotateInLeft { 
0% {
-webkit-transform: translateX(-100%) rotate(-120deg);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@-moz-keyframes rotateInLeft { 
0% {
-moz-transform: translateX(-100%) rotate(-120deg);
opacity: 0;
}
100% {
-moz-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@-o-keyframes rotateInLeft { 
0% {
-o-transform: translateX(-100%) rotate(-120deg);
opacity: 0;
}
100% {
-o-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@keyframes rotateInLeft { 
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
}
.rotateInLeft {
animation-name: rotateInLeft;
-o-animation-name: rotateInLeft;
-moz-animation-name: rotateInLeft;
-webkit-animation-name: rotateInLeft;
}
@-webkit-keyframes rotateInRight { 
0% {
-webkit-transform: translateX(100%) rotate(120deg);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@-moz-keyframes rotateInRight { 
0% {
-moz-transform: translateX(100%) rotate(120deg);
opacity: 0;
}
100% {
-moz-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@-o-keyframes rotateInRight { 
0% {
-o-transform: translateX(100%) rotate(120deg);
opacity: 0;
}
100% {
-o-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@keyframes rotateInRight { 
0% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
}
.rotateInRight {
animation-name: rotateInRight;
-o-animation-name: rotateInRight;
-moz-animation-name: rotateInRight;
-webkit-animation-name: rotateInRight;
}
@-webkit-keyframes rotateInUp { 
0% {
-webkit-transform: translateY(100%) rotate(-120deg);
opacity: 0;
}
100% {
-webkit-transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
@-moz-keyframes rotateInUp { 
0% {
-moz-transform: translateY(100%) rotate(-120deg);
opacity: 0;
}
100% {
-moz-transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
@-o-keyframes rotateInUp { 
0% {
-o-transform: translateY(100%) rotate(-120deg);
opacity: 0;
}
100% {
-o-transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
@keyframes rotateInUp { 
0% {
opacity: 0;
transform: translateY(100%) rotate(-120deg);
}
100% {
opacity: 1;
transform: translateY(0px) rotate(0deg);
}
}
.rotateInUp {
animation-name: rotateInUp;
-o-animation-name: rotateInUp;
-moz-animation-name: rotateInUp;
-webkit-animation-name: rotateInUp;
}
@-webkit-keyframes rotateInDown { 
0% {
-webkit-transform: translateY(-100%) rotate(120deg);
opacity: 0;
}
100% {
-webkit-transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
@-moz-keyframes rotateInDown { 
0% {
-moz-transform: translateY(-100%) rotate(120deg);
opacity: 0;
}
100% {
-moz-transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
@-o-keyframes rotateInDown { 
0% {
-o-transform: translateY(-100%) rotate(120deg);
opacity: 0;
}
100% {
-o-transform: translateY(0px) rotate(0deg);
opacity: 1;
}
}
@keyframes rotateInDown { 
0% {
opacity: 0;
transform: translateY(-100%) rotate(120deg);
}
100% {
opacity: 1;
transform: translateY(0px) rotate(0deg);
}
}
.rotateInDown {
animation-name: rotateInDown;
-o-animation-name: rotateInDown;
-moz-animation-name: rotateInDown;
-webkit-animation-name: rotateInDown;
}
@-webkit-keyframes jellyInDown { 
0% {
-webkit-transform: translateY(-1000px);
opacity: 0;
}
40% {
-webkit-transform: translateY(0px);
opacity: 1;
}
50% { -webkit-transform: scale(1.1, .9) }
60% { -webkit-transform: scale(.95, 1.05) }
70% { -webkit-transform: scale(1.05, .95) }
80% { -webkit-transform: scale(.98, 1.02) }
90% { -webkit-transform: scale(1.02, .98) }
100% { -webkit-transform: scale(1) }
}
@-moz-keyframes jellyInDown { 
0% {
-moz-transform: translateY(-1000px);
opacity: 0;
}
40% {
-moz-transform: translateY(0px);
opacity: 1;
}
50% { -moz-transform: scale(1.1, .9) }
60% { -moz-transform: scale(.95, 1.05) }
70% { -moz-transform: scale(1.05, .95) }
80% { -moz-transform: scale(.98, 1.02) }
90% { -moz-transform: scale(1.02, .98) }
100% { -moz-transform: scale(1) }
}
@-o-keyframes jellyInDown { 
0% {
-o-transform: translateY(-1000px);
opacity: 0;
}
40% {
-o-transform: translateY(0px);
opacity: 1;
}
50% { -o-transform: scale(1.1, .9) }
60% { -o-transform: scale(.95, 1.05) }
70% { -o-transform: scale(1.05, .95) }
80% { -o-transform: scale(.98, 1.02) }
90% { -o-transform: scale(1.02, .98) }
100% { -o-transform: scale(1) }
}
@keyframes jellyInDown { 
0% {
opacity: 0;
transform: translateY(-1000px);
}
40% {
opacity: 1;
transform: translateY(0px);
}
50% { transform: scale(1.1, .9) }
60% { transform: scale(.95, 1.05) }
70% { transform: scale(1.05, .95) }
80% { transform: scale(.98, 1.02) }
90% { transform: scale(1.02, .98) }
100% { transform: scale(1) }
}
.jellyInDown {
animation-name: jellyInDown;
transform-origin: 50% 100%;
-o-animation-name: jellyInDown;
-moz-animation-name: jellyInDown;
-o-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-webkit-animation-name: jellyInDown;
-webkit-transform-origin: 50% 100%;
}
@-webkit-keyframes jellyInUp { 
0% {
-webkit-transform: translateY(1000px);
opacity: 0;
}
40% {
-webkit-transform: translateY(0px);
opacity: 1;
}
50% { -webkit-transform: scale(1.1, .9) }
60% { -webkit-transform: scale(.95, 1.05) }
70% { -webkit-transform: scale(1.05, .95) }
80% { -webkit-transform: scale(.98, 1.02) }
90% { -webkit-transform: scale(1.02, .98) }
100% { -webkit-transform: scale(1) }
}
@-moz-keyframes jellyInUp { 
0% {
-moz-transform: translateY(1000px);
opacity: 0;
}
40% {
-moz-transform: translateY(0px);
opacity: 1;
}
50% { -moz-transform: scale(1.1, .9) }
60% { -moz-transform: scale(.95, 1.05) }
70% { -moz-transform: scale(1.05, .95) }
80% { -moz-transform: scale(.98, 1.02) }
90% { -moz-transform: scale(1.02, .98) }
100% { -moz-transform: scale(1) }
}
@-o-keyframes jellyInUp { 
0% {
-o-transform: translateY(1000px);
opacity: 0;
}
40% {
-o-transform: translateY(0px);
opacity: 1;
}
50% { -o-transform: scale(1.1, .9) }
60% { -o-transform: scale(.95, 1.05) }
70% { -o-transform: scale(1.05, .95) }
80% { -o-transform: scale(.98, 1.02) }
90% { -o-transform: scale(1.02, .98) }
100% { -o-transform: scale(1) }
}
@keyframes jellyInUp { 
0% {
opacity: 0;
transform: translateY(1000px);
}
40% {
opacity: 1;
transform: translateY(0px);
}
50% { transform: scale(1.1, .9) }
60% { transform: scale(.95, 1.05) }
70% { transform: scale(1.05, .95) }
80% { transform: scale(.98, 1.02) }
90% { transform: scale(1.02, .98) }
100% { transform: scale(1) }
}
.jellyInUp {
animation-name: jellyInUp;
transform-origin: 50% 0%;
-o-animation-name: jellyInUp;
-moz-animation-name: jellyInUp;
-o-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-webkit-animation-name: jellyInUp;
-webkit-transform-origin: 50% 0%;
}
@-webkit-keyframes jellyInLeft { 
0% {
-webkit-transform: translateX(-1000px);
opacity: 0;
}
40% {
-webkit-transform: translateX(0px);
opacity: 1;
}
50% { -webkit-transform: scale(.9, 1.1) }
60% { -webkit-transform: scale(1.05, .95) }
70% { -webkit-transform: scale(.95, 1.05) }
80% { -webkit-transform: scale(1.02, .98) }
90% { -webkit-transform: scale(.98, 1.02) }
100% { -webkit-transform: scale(1) }
}
@-moz-keyframes jellyInLeft { 
0% {
-moz-transform: translateX(-1000px);
opacity: 0;
}
40% {
-moz-transform: translateX(0px);
opacity: 1;
}
50% { -moz-transform: scale(.9, 1.1) }
60% { -moz-transform: scale(1.05, .95) }
70% { -moz-transform: scale(.95, 1.05) }
80% { -moz-transform: scale(1.02, .98) }
90% { -moz-transform: scale(.98, 1.02) }
100% { -moz-transform: scale(1) }
}
@-o-keyframes jellyInLeft { 
0% {
-o-transform: translateX(-1000px);
opacity: 0;
}
40% {
-o-transform: translateX(0px);
opacity: 1;
}
50% { -o-transform: scale(.9, 1.1) }
60% { -o-transform: scale(1.05, .95) }
70% { -o-transform: scale(.95, 1.05) }
80% { -o-transform: scale(1.02, .98) }
90% { -o-transform: scale(.98, 1.02) }
100% { -o-transform: scale(1) }
}
@keyframes jellyInLeft { 
0% {
opacity: 0;
transform: translateX(-1000px);
}
40% {
opacity: 1;
transform: translateX(0px);
}
50% { transform: scale(.9, 1.1) }
60% { transform: scale(1.05, .95) }
70% { transform: scale(.95, 1.05) }
80% { transform: scale(1.02, .98) }
90% { transform: scale(.98, 1.02) }
100% { transform: scale(1) }
}
.jellyInLeft {
animation-name: jellyInLeft;
transform-origin: 100% 50%;
-o-animation-name: jellyInLeft;
-moz-animation-name: jellyInLeft;
-o-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-webkit-animation-name: jellyInLeft;
-webkit-transform-origin: 100% 50%;
}
@-webkit-keyframes jellyInRight { 
0% {
-webkit-transform: translateX(1000px);
opacity: 0;
}
40% {
-webkit-transform: translateX(0px);
opacity: 1;
}
50% { -webkit-transform: scale(.9, 1.1) }
60% { -webkit-transform: scale(1.05, .95) }
70% { -webkit-transform: scale(.95, 1.05) }
80% { -webkit-transform: scale(1.02, .98) }
90% { -webkit-transform: scale(.98, 1.02) }
100% { -webkit-transform: scale(1) }
}
@-moz-keyframes jellyInRight { 
0% {
-moz-transform: translateX(1000px);
opacity: 0;
}
40% {
-moz-transform: translateX(0px);
opacity: 1;
}
50% { -moz-transform: scale(.9, 1.1) }
60% { -moz-transform: scale(1.05, .95) }
70% { -moz-transform: scale(.95, 1.05) }
80% { -moz-transform: scale(1.02, .98) }
90% { -moz-transform: scale(.98, 1.02) }
100% { -moz-transform: scale(1) }
}
@-o-keyframes jellyInRight { 
0% {
-o-transform: translateX(1000px);
opacity: 0;
}
40% {
-o-transform: translateX(0px);
opacity: 1;
}
50% { -o-transform: scale(.9, 1.1) }
60% { -o-transform: scale(1.05, .95) }
70% { -o-transform: scale(.95, 1.05) }
80% { -o-transform: scale(1.02, .98) }
90% { -o-transform: scale(.98, 1.02) }
100% { -o-transform: scale(1) }
}
@keyframes jellyInRight { 
0% {
opacity: 0;
transform: translateX(1000px);
}
40% {
opacity: 1;
transform: translateX(0px);
}
50% { transform: scale(.9, 1.1) }
60% { transform: scale(1.05, .95) }
70% { transform: scale(.95, 1.05) }
80% { transform: scale(1.02, .98) }
90% { transform: scale(.98, 1.02) }
100% { transform: scale(1) }
}
.jellyInRight {
animation-name: jellyInRight;
transform-origin: 0% 50%;
-o-animation-name: jellyInRight;
-moz-animation-name: jellyInRight;
-o-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-webkit-animation-name: jellyInRight;
-webkit-transform-origin: 0% 50%;
}
@-webkit-keyframes bounceInLeft { 
0% { -webkit-transform: translateX(-1000px) }
34% {
-webkit-transform: translateX(0px);
-webkit-animation-timing-function: ease-out;
}
52% {
-webkit-transform: translateX(-24px);
-webkit-animation-timing-function: ease-in;
}
70% {
-webkit-transform: translateX(0px);
-webkit-animation-timing-function: ease-out;
}
79% {
-webkit-transform: translateX(-8px);
-webkit-animation-timing-function: ease-in;
}
88% {
-webkit-transform: translateX(0px);
-webkit-animation-timing-function: ease-out;
}
94% {
-webkit-transform: translateX(-3px);
-webkit-animation-timing-function: ease-in;
}
100% { -webkit-transform: translateX(0px) }
}
@-moz-keyframes bounceInLeft { 
0% { -moz-transform: translateX(-1000px) }
34% {
-moz-transform: translateX(0px);
-moz-animation-timing-function: ease-out;
}
52% {
-moz-transform: translateX(-24px);
-moz-animation-timing-function: ease-in;
}
70% {
-moz-transform: translateX(0px);
-moz-animation-timing-function: ease-out;
}
79% {
-moz-transform: translateX(-8px);
-moz-animation-timing-function: ease-in;
}
88% {
-moz-transform: translateX(0px);
-moz-animation-timing-function: ease-out;
}
94% {
-moz-transform: translateX(-3px);
-moz-animation-timing-function: ease-in;
}
100% { -moz-transform: translateX(0px) }
}
@-o-keyframes bounceInLeft { 
0% { -o-transform: translateX(-1000px) }
34% {
-o-transform: translateX(0px);
-o-animation-timing-function: ease-out;
}
52% {
-o-transform: translateX(-24px);
-o-animation-timing-function: ease-in;
}
70% {
-o-transform: translateX(0px);
-o-animation-timing-function: ease-out;
}
79% {
-o-transform: translateX(-8px);
-o-animation-timing-function: ease-in;
}
88% {
-o-transform: translateX(0px);
-o-animation-timing-function: ease-out;
}
94% {
-o-transform: translateX(-3px);
-o-animation-timing-function: ease-in;
}
100% { -o-transform: translateX(0px) }
}
@keyframes bounceInLeft { 
0% { transform: translateX(-1000px) }
34% {
animation-timing-function: ease-out;
transform: translateX(0px);
}
52% {
animation-timing-function: ease-in;
transform: translateX(-24px);
}
70% {
animation-timing-function: ease-out;
transform: translateX(0px);
}
79% {
animation-timing-function: ease-in;
transform: translateX(-8px);
}
88% {
animation-timing-function: ease-out;
transform: translateX(0px);
}
94% {
animation-timing-function: ease-in;
transform: translateX(-3px);
}
100% { transform: translateX(0px) }
}
.bounceInLeft {
animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-webkit-animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight { 
0% { -webkit-transform: translateX(1000px) }
34% {
-webkit-transform: translateX(0px);
-webkit-animation-timing-function: ease-out;
}
52% {
-webkit-transform: translateX(24px);
-webkit-animation-timing-function: ease-in;
}
70% {
-webkit-transform: translateX(0px);
-webkit-animation-timing-function: ease-out;
}
79% {
-webkit-transform: translateX(8px);
-webkit-animation-timing-function: ease-in;
}
88% {
-webkit-transform: translateX(0px);
-webkit-animation-timing-function: ease-out;
}
94% {
-webkit-transform: translateX(3px);
-webkit-animation-timing-function: ease-in;
}
100% { -webkit-transform: translateX(0px) }
}
@-moz-keyframes bounceInRight { 
0% { -moz-transform: translateX(1000px) }
34% {
-moz-transform: translateX(0px);
-moz-animation-timing-function: ease-out;
}
52% {
-moz-transform: translateX(24px);
-moz-animation-timing-function: ease-in;
}
70% {
-moz-transform: translateX(0px);
-moz-animation-timing-function: ease-out;
}
79% {
-moz-transform: translateX(8px);
-moz-animation-timing-function: ease-in;
}
88% {
-moz-transform: translateX(0px);
-moz-animation-timing-function: ease-out;
}
94% {
-moz-transform: translateX(3px);
-moz-animation-timing-function: ease-in;
}
100% { -moz-transform: translateX(0px) }
}
@-o-keyframes bounceInRight { 
0% { -o-transform: translateX(1000px) }
34% {
-o-transform: translateX(0px);
-o-animation-timing-function: ease-out;
}
52% {
-o-transform: translateX(24px);
-o-animation-timing-function: ease-in;
}
70% {
-o-transform: translateX(0px);
-o-animation-timing-function: ease-out;
}
79% {
-o-transform: translateX(8px);
-o-animation-timing-function: ease-in;
}
88% {
-o-transform: translateX(0px);
-o-animation-timing-function: ease-out;
}
94% {
-o-transform: translateX(3px);
-o-animation-timing-function: ease-in;
}
100% { -o-transform: translateX(0px) }
}
@keyframes bounceInRight { 
0% { transform: translateX(1000px) }
34% {
animation-timing-function: ease-out;
transform: translateX(0px);
}
52% {
animation-timing-function: ease-in;
transform: translateX(24px);
}
70% {
animation-timing-function: ease-out;
transform: translateX(0px);
}
79% {
animation-timing-function: ease-in;
transform: translateX(8px);
}
88% {
animation-timing-function: ease-out;
transform: translateX(0px);
}
94% {
animation-timing-function: ease-in;
transform: translateX(3px);
}
100% { transform: translateX(0px) }
}
.bounceInRight {
animation-name: bounceInRight;
-o-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-webkit-animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp { 
0% { -webkit-transform: translateY(1000px) }
34% {
-webkit-transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
}
52% {
-webkit-transform: translateY(24px);
-webkit-animation-timing-function: ease-in;
}
70% {
-webkit-transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
}
79% {
-webkit-transform: translateY(8px);
-webkit-animation-timing-function: ease-in;
}
88% {
-webkit-transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
}
94% {
-webkit-transform: translateY(3px);
-webkit-animation-timing-function: ease-in;
}
100% { -webkit-transform: translateY(0px) }
}
@-moz-keyframes bounceInUp { 
0% { -moz-transform: translateY(1000px) }
34% {
-moz-transform: translateY(0px);
-moz-animation-timing-function: ease-out;
}
52% {
-moz-transform: translateY(24px);
-moz-animation-timing-function: ease-in;
}
70% {
-moz-transform: translateY(0px);
-moz-animation-timing-function: ease-out;
}
79% {
-moz-transform: translateY(8px);
-moz-animation-timing-function: ease-in;
}
88% {
-moz-transform: translateY(0px);
-moz-animation-timing-function: ease-out;
}
94% {
-moz-transform: translateY(3px);
-moz-animation-timing-function: ease-in;
}
100% { -moz-transform: translateY(0px) }
}
@-o-keyframes bounceInUp { 
0% { -o-transform: translateY(1000px) }
34% {
-o-transform: translateY(0px);
-o-animation-timing-function: ease-out;
}
52% {
-o-transform: translateY(24px);
-o-animation-timing-function: ease-in;
}
70% {
-o-transform: translateY(0px);
-o-animation-timing-function: ease-out;
}
79% {
-o-transform: translateY(8px);
-o-animation-timing-function: ease-in;
}
88% {
-o-transform: translateY(0px);
-o-animation-timing-function: ease-out;
}
94% {
-o-transform: translateY(3px);
-o-animation-timing-function: ease-in;
}
100% { -o-transform: translateY(0px) }
}
@keyframes bounceInUp { 
0% { transform: translateY(1000px) }
34% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
52% {
animation-timing-function: ease-in;
transform: translateY(24px);
}
70% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
79% {
animation-timing-function: ease-in;
transform: translateY(8px);
}
88% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
94% {
animation-timing-function: ease-in;
transform: translateY(3px);
}
100% { transform: translateY(0px) }
}
.bounceInUp {
animation-name: bounceInUp;
-o-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-webkit-animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown { 
0% { -webkit-transform: translateY(-1000px) }
34% {
-webkit-transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
}
52% {
-webkit-transform: translateY(-24px);
-webkit-animation-timing-function: ease-in;
}
70% {
-webkit-transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
}
79% {
-webkit-transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
}
88% {
-webkit-transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
}
94% {
-webkit-transform: translateY(-3px);
-webkit-animation-timing-function: ease-in;
}
100% { -webkit-transform: translateY(0px) }
}
@-moz-keyframes bounceInDown { 
0% { -moz-transform: translateY(-1000px) }
34% {
-moz-transform: translateY(0px);
-moz-animation-timing-function: ease-out;
}
52% {
-moz-transform: translateY(-24px);
-moz-animation-timing-function: ease-in;
}
70% {
-moz-transform: translateY(0px);
-moz-animation-timing-function: ease-out;
}
79% {
-moz-transform: translateY(-8px);
-moz-animation-timing-function: ease-in;
}
88% {
-moz-transform: translateY(0px);
-moz-animation-timing-function: ease-out;
}
94% {
-moz-transform: translateY(-3px);
-moz-animation-timing-function: ease-in;
}
100% { -moz-transform: translateY(0px) }
}
@-o-keyframes bounceInDown { 
0% { -o-transform: translateY(-1000px) }
34% {
-o-transform: translateY(0px);
-o-animation-timing-function: ease-out;
}
52% {
-o-transform: translateY(-24px);
-o-animation-timing-function: ease-in;
}
70% {
-o-transform: translateY(0px);
-o-animation-timing-function: ease-out;
}
79% {
-o-transform: translateY(-8px);
-o-animation-timing-function: ease-in;
}
88% {
-o-transform: translateY(0px);
-o-animation-timing-function: ease-out;
}
94% {
-o-transform: translateY(-3px);
-o-animation-timing-function: ease-in;
}
100% { -o-transform: translateY(0px) }
}
@keyframes bounceInDown { 
0% { transform: translateY(-1000px) }
34% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
52% {
animation-timing-function: ease-in;
transform: translateY(-24px);
}
70% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
79% {
animation-timing-function: ease-in;
transform: translateY(-8px);
}
88% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
94% {
animation-timing-function: ease-in;
transform: translateY(-3px);
}
100% { transform: translateY(0px) }
}
.bounceInDown {
animation-name: bounceInDown;
-o-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-webkit-animation-name: bounceInDown;
}
@-webkit-keyframes bounce { 
0% {
-webkit-transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
}
37% {
-webkit-transform: translateY(-24px);
-webkit-animation-timing-function: ease-in;
}
54% {
-webkit-transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
}
68% {
-webkit-transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
}
82% {
-webkit-transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
}
91% {
-webkit-transform: translateY(-3px);
-webkit-animation-timing-function: ease-in;
}
100% { -webkit-transform: translateY(0px) }
}
@-moz-keyframes bounce { 
0% {
-moz-transform: translateY(0px);
-moz-animation-timing-function: ease-out;
}
37% {
-moz-transform: translateY(-24px);
-moz-animation-timing-function: ease-in;
}
54% {
-moz-transform: translateY(0px);
-moz-animation-timing-function: ease-out;
}
68% {
-moz-transform: translateY(-8px);
-moz-animation-timing-function: ease-in;
}
82% {
-moz-transform: translateY(0px);
-moz-animation-timing-function: ease-out;
}
91% {
-moz-transform: translateY(-3px);
-moz-animation-timing-function: ease-in;
}
100% { -moz-transform: translateY(0px) }
}
@-o-keyframes bounce { 
0% {
-o-transform: translateY(0px);
-o-animation-timing-function: ease-out;
}
37% {
-o-transform: translateY(-24px);
-o-animation-timing-function: ease-in;
}
54% {
-o-transform: translateY(0px);
-o-animation-timing-function: ease-out;
}
68% {
-o-transform: translateY(-8px);
-o-animation-timing-function: ease-in;
}
82% {
-o-transform: translateY(0px);
-o-animation-timing-function: ease-out;
}
91% {
-o-transform: translateY(-3px);
-o-animation-timing-function: ease-in;
}
100% { -o-transform: translateY(0px) }
}
@keyframes bounce { 
0% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
37% {
animation-timing-function: ease-in;
transform: translateY(-24px);
}
54% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
68% {
animation-timing-function: ease-in;
transform: translateY(-8px);
}
82% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
91% {
animation-timing-function: ease-in;
transform: translateY(-3px);
}
100% { transform: translateY(0px) }
}
.bounce {
animation-name: bounce;
-o-animation-name: bounce;
-moz-animation-name: bounce;
-webkit-animation-name: bounce;
}
@-webkit-keyframes elasticInLeft { 
0% {
-webkit-transform: translateX(-1000px);
-webkit-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-webkit-transform: translateX(30px);
-webkit-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-webkit-transform: translateX(-10px);
-webkit-animation-timing-function: ease-in-out;
}
100% { -webkit-transform: translateX() }
}
@-moz-keyframes elasticInLeft { 
0% {
-moz-transform: translateX(-1000px);
-moz-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-moz-transform: translateX(30px);
-moz-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-moz-transform: translateX(-10px);
-moz-animation-timing-function: ease-in-out;
}
100% { -moz-transform: translateX() }
}
@-o-keyframes elasticInLeft { 
0% {
-o-transform: translateX(-1000px);
-o-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-o-transform: translateX(30px);
-o-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-o-transform: translateX(-10px);
-o-animation-timing-function: ease-in-out;
}
100% { -o-transform: translateX() }
}
@keyframes elasticInLeft { 
0% {
animation-timing-function: ease-in-out;
opacity: 0;
transform: translateX(-1000px);
}
60% {
animation-timing-function: ease-in-out;
opacity: 1;
transform: translateX(30px);
}
80% {
animation-timing-function: ease-in-out;
transform: translateX(-10px);
}
100% { transform: translateX() }
}
.elasticInLeft {
animation-name: elasticInLeft;
-o-animation-name: elasticInLeft;
-moz-animation-name: elasticInLeft;
-webkit-animation-name: elasticInLeft;
}
@-webkit-keyframes elasticInRight { 
0% {
-webkit-transform: translateX(1000px);
-webkit-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-webkit-transform: translateX(-30px);
-webkit-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-webkit-transform: translateX(10px);
-webkit-animation-timing-function: ease-in-out;
}
100% { -webkit-transform: translateX() }
}
@-moz-keyframes elasticInRight { 
0% {
-moz-transform: translateX(1000px);
-moz-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-moz-transform: translateX(-30px);
-moz-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-moz-transform: translateX(10px);
-moz-animation-timing-function: ease-in-out;
}
100% { -moz-transform: translateX() }
}
@-o-keyframes elasticInRight { 
0% {
-o-transform: translateX(1000px);
-o-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-o-transform: translateX(-30px);
-o-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-o-transform: translateX(10px);
-o-animation-timing-function: ease-in-out;
}
100% { -o-transform: translateX() }
}
@keyframes elasticInRight { 
0% {
animation-timing-function: ease-in-out;
opacity: 0;
transform: translateX(1000px);
}
60% {
animation-timing-function: ease-in-out;
opacity: 1;
transform: translateX(-30px);
}
80% {
animation-timing-function: ease-in-out;
transform: translateX(10px);
}
100% { transform: translateX() }
}
.elasticInRight {
animation-name: elasticInRight;
-o-animation-name: elasticInRight;
-moz-animation-name: elasticInRight;
-webkit-animation-name: elasticInRight;
}
@-webkit-keyframes elasticInUp { 
0% {
-webkit-transform: translateY(1000px);
-webkit-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-webkit-transform: translateY(-30px);
-webkit-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-webkit-transform: translateY(10px);
-webkit-animation-timing-function: ease-in-out;
}
100% { -webkit-transform: translateY() }
}
@-moz-keyframes elasticInUp { 
0% {
-moz-transform: translateY(1000px);
-moz-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-moz-transform: translateY(-30px);
-moz-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-moz-transform: translateY(10px);
-moz-animation-timing-function: ease-in-out;
}
100% { -moz-transform: translateY() }
}
@-o-keyframes elasticInUp { 
0% {
-o-transform: translateY(1000px);
-o-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-o-transform: translateY(-30px);
-o-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-o-transform: translateY(10px);
-o-animation-timing-function: ease-in-out;
}
100% { -o-transform: translateY() }
}
@keyframes elasticInUp { 
0% {
animation-timing-function: ease-in-out;
opacity: 0;
transform: translateY(1000px);
}
60% {
animation-timing-function: ease-in-out;
opacity: 1;
transform: translateY(-30px);
}
80% {
animation-timing-function: ease-in-out;
transform: translateY(10px);
}
100% { transform: translateY() }
}
.elasticInUp {
animation-name: elasticInUp;
-o-animation-name: elasticInUp;
-moz-animation-name: elasticInUp;
-webkit-animation-name: elasticInUp;
}
@-webkit-keyframes elasticInDown { 
0% {
-webkit-transform: translateY(-1000px);
-webkit-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-webkit-transform: translateY(30px);
-webkit-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-webkit-transform: translateY(-10px);
-webkit-animation-timing-function: ease-in-out;
}
100% { -webkit-transform: translateY() }
}
@-moz-keyframes elasticInDown { 
0% {
-moz-transform: translateY(-1000px);
-moz-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-moz-transform: translateY(30px);
-moz-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-moz-transform: translateY(-10px);
-moz-animation-timing-function: ease-in-out;
}
100% { -moz-transform: translateY() }
}
@-o-keyframes elasticInDown { 
0% {
-o-transform: translateY(-1000px);
-o-animation-timing-function: ease-in-out;
opacity: 0;
}
60% {
-o-transform: translateY(30px);
-o-animation-timing-function: ease-in-out;
opacity: 1;
}
80% {
-o-transform: translateY(-10px);
-o-animation-timing-function: ease-in-out;
}
100% { -o-transform: translateY() }
}
@keyframes elasticInDown { 
0% {
animation-timing-function: ease-in-out;
opacity: 0;
transform: translateY(-1000px);
}
60% {
animation-timing-function: ease-in-out;
opacity: 1;
transform: translateY(30px);
}
80% {
animation-timing-function: ease-in-out;
transform: translateY(-10px);
}
100% { transform: translateY() }
}
.elasticInDown {
animation-name: elasticInDown;
-o-animation-name: elasticInDown;
-moz-animation-name: elasticInDown;
-webkit-animation-name: elasticInDown;
}
@-webkit-keyframes shake { 
10% { -webkit-transform: translateX(7px) }
30% { -webkit-transform: translateX(-7px) }
50% { -webkit-transform: translateX(5px) }
70% { -webkit-transform: translateX(-5px) }
90% { -webkit-transform: translateX(3px) }
100% { -webkit-transform: translateX(0px) }
}
@-moz-keyframes shake { 
10% { -moz-transform: translateX(7px) }
30% { -moz-transform: translateX(-7px) }
50% { -moz-transform: translateX(5px) }
70% { -moz-transform: translateX(-5px) }
90% { -moz-transform: translateX(3px) }
100% { -moz-transform: translateX(0px) }
}
@-o-keyframes shake { 
10% { -o-transform: translateX(7px) }
30% { -o-transform: translateX(-7px) }
50% { -o-transform: translateX(5px) }
70% { -o-transform: translateX(-5px) }
90% { -o-transform: translateX(3px) }
100% { -o-transform: translateX(0px) }
}
@keyframes shake { 
10% { transform: translateX(7px) }
30% { transform: translateX(-7px) }
50% { transform: translateX(5px) }
70% { transform: translateX(-5px) }
90% { transform: translateX(3px) }
100% { transform: translateX(0px) }
}
.shake {
animation-name: shake;
-o-animation-name: shake;
-moz-animation-name: shake;
-webkit-animation-name: shake;
}
@-webkit-keyframes pendulum { 
10% { -webkit-transform: rotate(15deg) }
30% { -webkit-transform: rotate(-10deg) }
50% { -webkit-transform: rotate(5deg) }
70% { -webkit-transform: rotate(-5deg) }
90% { -webkit-transform: rotate(2deg) }
100% { -webkit-transform: rotate(0deg) }
}
@-moz-keyframes pendulum { 
10% { -moz-transform: rotate(15deg) }
30% { -moz-transform: rotate(-10deg) }
50% { -moz-transform: rotate(5deg) }
70% { -moz-transform: rotate(-5deg) }
90% { -moz-transform: rotate(2deg) }
100% { -moz-transform: rotate(0deg) }
}
@-o-keyframes pendulum { 
10% { -o-transform: rotate(15deg) }
30% { -o-transform: rotate(-10deg) }
50% { -o-transform: rotate(5deg) }
70% { -o-transform: rotate(-5deg) }
90% { -o-transform: rotate(2deg) }
100% { -o-transform: rotate(0deg) }
}
@keyframes pendulum { 
10% { transform: rotate(15deg) }
30% { transform: rotate(-10deg) }
50% { transform: rotate(5deg) }
70% { transform: rotate(-5deg) }
90% { transform: rotate(2deg) }
100% { transform: rotate(0deg) }
}
.pendulum {
animation-name: pendulum;
-o-animation-name: pendulum;
-moz-animation-name: pendulum;
-webkit-animation-name: pendulum;
}#fap-wrapper {
background: rgba(255,255,255, 0.9);
left: 0;
width: 100%;
z-index: 100000;
padding: 5px 0 2px 0;
position: fixed;
max-width: 100%;
}
#fap-wrapper-switcher {
text-align: center;
background: rgba(255,255,255, 0.9);
font-weight: 600;
right: -34px;
color: #000;
height: 16px;
cursor: pointer;
padding: 3px 5px;
position: absolute;
font-size: 20px;
}
#fap-wrapper-switcher:hover { color: rgba(0,0,0, 0.7) }
#fap-wrapper * {
list-style: none !important;
box-sizing: content-box;
line-height: 12px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
margin: 0;
padding: 0;
outline: none !important;
max-width: 100%;
}
#fap-wrapper-switcher.fap-top { line-height: 18px }
#fap-wrapper-switcher.fap-bottom { 
line-height: 10px; 
padding: 3px 5px; 
}
#fap-init-text {
left: 0;
position: absolute;
font-size: 12px;
}
.fap-wrapper-top #fap-init-text { bottom: 20px }
.fap-wrapper-bottom #fap-init-text { top: 20px }
#fap-main {
width: 1190px;
height: 100%;
position: relative;
} #fap-meta-wrapper {
margin-top: 5px;
margin-right: 40px;
float: left;
width: 420px;
}
#fap-cover-wrapper {
margin-right: 10px;
float: left;
width: 54px;
height: 100%;
}
#fap-current-cover, #fap-cover-replacement {
text-align: center;
font-size: 18px;
}
#fap-track-info {
margin-left: 10px;
height: 100%;
}
#fap-current-title {
margin-top: -2px;
line-height: 18px;
white-space: nowrap;
margin-bottom: 3px;
text-transform: uppercase;
color: #000;
float: left;
width: 348px;
height: 19px;
overflow: hidden;
font-size: 16px;
}
#fap-current-meta {
text-transform: uppercase;
width: 348px;
float: left;
color: rgba(0,0,0, 0.5);
overflow: hidden;
font-size: 14px;
font-size: 14px;
}
#fap-current-meta div {
text-transform: uppercase;
color: rgba(0,0,0, 0.5);
float: left;
width: 348px;
height: 20px;
font-size: 12px;
}
#fap-current-meta a {
background: #000;
line-height: 13px;
margin-bottom: 15px;
margin-bottom: 4px;
text-transform: uppercase;
color: #fff;
float: left;
padding: 2px 5px;
display: inline;
font-size: 12px;
} #fap-player-wrapper {
margin-top: 5px;
float: left;
width: 730px;
height: 62px;
}
#fap-player-controls {
margin-top: -4px;
width: 630px;
float: left;
height: 100%;
position: relative;
min-width: 90px;
}
#fap-playlist-controls {
margin-top: 17px;
float: right;
width: 60px;
}
#fap-main-controls {
margin-right: 10px;
float: left;
width: 100px;
height: 60px;
display: block;
}
#fap-main-controls #fap-play-pause.fa-play {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/player/play.png);
width: 29px;
height: 39px;
}
#fap-main-controls #fap-play-pause:hover, #fap-main-controls #fap-play-pause.fa-play:hover { opacity: 0.7 }
#fap-main-controls #fap-play-pause {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/player/pause.png);
top: 12px;
left: 31px;
width: 29px;
height: 39px;
}
#fap-main-controls #fap-previous, #fap-main-controls #fap-next { top: 19px }
#fap-main-controls #fap-previous {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/player/prev.png);
width: 24px;
height: 24px;
}
#fap-main-controls #fap-previous:hover, #fap-main-controls #fap-next:hover { opacity: 0.7 }
#fap-player-wrapper a, #fap-player-wrapper a:visited, #fap-player-wrapper a:hover { text-decoration: none !important }
#fap-main-controls #fap-next {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/player/next.png);
width: 24px;
height: 24px;
}
#fap-main-controls #fap-next { left: 67px }
#fap-main-controls > a {
display: block;
position: absolute;
}
#fap-volume-bar {
margin-top: 21px;
background: #000;
border-radius: 2px;
padding-right: 10px;
width: 90px;
float: right;
height: 20px;
position: relative;
}
#fap-volume-bar #fap-volume-scrubber {
margin-top: 5px;
margin-left: 5px;
width: 90px;
height: 10px;
}
#fap-time-bar div, #fap-volume-bar * { cursor: pointer }
#fap-volume-sign.volume-on {
margin-top: -3px;
margin-left: -29px;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/player/volume.png);
width: 24px;
float: left;
height: 24px;
}
#fap-volume-sign.volume-off {
margin-top: -3px;
margin-left: -29px;
background-image: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/player/mute.png);
width: 24px;
float: left;
height: 24px;
}
#fap-volume-sign.volume-on:hover, #fap-volume-sign.volume-off:hover { opacity: 0.7 }
#fap-time-bar {
margin-top: 21px;
background: #000;
border-radius: 2px;
padding-right: 10px;
width: 340px;
float: left;
height: 20px;
position: relative;
}
#fap-time-bar #fap-current-time { float: left }
#fap-time-bar #fap-total-time {
margin-right: -10px;
float: right;
}
#fap-time-bar > span {
margin-top: 24px;
color: rgba(0,0,0, 0.9);
font-size: 12px;
}
#fap-time-bar div {
top: 0;
left: 0;
position: absolute;
}
#fap-loading-bar {
margin-top: 5px;
margin-left: 5px;
border-radius: 2px;
height: 10px;
}
#fap-progress-bar {
margin-top: 5px;
margin-left: 5px;
border-radius: 1px;
height: 10px;
}
#fap-volume-scrubber { height: 6px } #fap-volume-scrubber > #fap-volume-indicator {
width: 90px;
height: 10px;
position: absolute;
}
#fap-playlist-shuffle {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/player/shuffle.png);
margin-right: 20px;
margin-bottom: 10px;
width: 20px;
float: left;
height: 20px;
}
#fap-playlist-shuffle:hover, #fap-playlist-toggle:hover { opacity: 0.7 }
#fap-playlist-toggle {
background: url(//comedywarehouse.co.uk/wp-content/themes/beaton/images/player/playlist.png);
margin-bottom: 10px;
width: 20px;
float: left;
height: 20px;
}
#fap-playlist {
margin-top: -20px;
width: 100%;
height: 100%;
}
#fap-playlist li {
margin-right: 10px;
color: #000;
font-size: 16px;
}
#fap-playlist li .fap-remove-track {
line-height: 22px;
float: right;
cursor: pointer;
font-size: 18px;
}
#fap-playlist li > span {
line-height: 24px;
margin-left: 10px;
float: left;
cursor: pointer;
}
#fap-playlist li img, #fap-playlist li .fap-cover-replace-small {
text-align: center;
float: left;
width: 25px;
height: 25px;
}
.fap-xml-playlist span { display: none } .fap-popup-skin #fap-wrapper-switcher {
text-align: center;
display: none;
font-size: 20px;
} .sc-player-engine-container {
top: -200px;
left: -200px;
width: 1px;
height: 1px;
position: fixed;
} .fap-clearfix { zoom: 1 }
.clear { clear: both }
.fap-clearfix:before, .fap-clearfix:after {
height: 0;
content: "\0020";
display: block;
overflow: hidden;
}
.fap-clearfix:after { clear: both } #radio-wz {
width: 100%;
bottom: 0;
z-index: 100;
position: fixed;
}
#radio-wz-source {
background: rgba(255,255,255, 0.9);
text-decoration: none;
width: 100%;
height: 54px;
padding: 10px 0;
}
#radio-wz-hide {
width: 1005px;
margin: 0px auto 0px auto;
}
.radio-wz-open-hidden {
background: rgba(255,255,255, 0.9);
margin-left: 1110px;
font-weight: 600;
width: 22px;
color: #000;
height: 22px;
cursor: pointer;
position: abosolute;
font-size: 20px;
}
.radio-wz-open-hidden:before {
top: -3px;
left: 5px;
content: "\00d7";
position: relative;
}
.radio-wz-open-hidden:hover { color: rgba(0,0,0, 0.7) }
.radio-wz-hidden-open:before { content: "+" }
#radio { margin: 0px auto 0px auto }
#radiovolumecontroller {
background: rgba(0, 0, 0, 0.1);
left: 65px;
}
#radiocanvas { left: 65px }
#radiodevicetext { display: none }
#radiochannelname {
background: #000;
line-height: 20px;
font-weight: 400;
text-transform: uppercase;
top: 3px;
left: 68px;
color: #fff;
height: 21px;
padding: 1px 8px;
position: absolute;
font-size: 18px;
}
#radiostatustext {
background: rgba(255, 255, 255, 0.5);
line-height: 20px;
font-weight: 400;
text-transform: uppercase;
left: 68px;
color: #000;
height: 21px;
bottom: 3px;
padding: 0px 8px;
position: absolute;
font-size: 16px;
}
#radioinfocontainer { background: #000 }
#radiovolumeimg {
top: 6px;
left: 15px;
}
#radiovolumetext {
font-weight: 600;
text-transform: uppercase;
color: #fff;
bottom: 5px;
font-size: 14px;
}