.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.qem {
margin-bottom: 40px;
vertical-align: top;
clear: both;
}
.qem::after {
clear: both;
}
.qem p, .qem_title h2, .qem_date h3 {
margin: 0 0 8px 0 !important;
padding: 0 !important;
}
h2.qem_title {
clear: none;
}
h2.qem_title:before {
content: none;
}
.qem_title h2, .qem_date h3 {
display: inline-block;
}
.qem a, input#submit.qem-register {
cursor: pointer;
}
.qem-icon {
float: left;
}
.qem_title h2, .qem_date h3 {
display: inline;
}
.qem-icon .qem-calendar-small {
width: 56px;
}
.qem-small {
margin-left: 64px;
}
.qem-icon .qem-calendar-medium {
width: 76px;
}
.qem-medium {
margin-left: 84px;
}
.qem-icon .qem-calendar-large {
width: 96px;
}
.qem-large {
margin-left: 104px;
}
.qem-calendar-large {
color: #343838;
text-align: center;
width: 80px;
}
.qem-calendar-large .day {
font-size: 140%;
color: white;
display: block;
padding: 4px 0;
}
.qem-calendar-large .nonday {
padding: 0 0 4px 0;
}
.qem-calendar-large .day span {
font-size: 90%;
display: block;
padding: 0 0 4px 0;
}
.qem-calendar-large .month {
font-size: 160%;
display: block;
padding: 5px 0;
}
.qem-calendar-medium {
color: #343838;
text-align: center;
width: 60px;
}
.qem-calendar-medium .day {
background: red;
font-size: 120%;
color: white;
display: block;
padding: 3px 0;
}
.qem-calendar-medium .nonday {
padding: 0 0 3px 0;
}
.qem-calendar-medium .day span {
font-size: 80%;
display: block;
padding: 0 0 3px 0;
}
.qem-calendar-medium .month {
font-size: 150%;
display: block;
padding: 3px 0;
}
.qem-calendar-small {
color: #343838;
text-align: center;
width: 40px;
}
.qem-calendar-small .day {
background: #343838;
font-size: 90%;
color: white;
display: block;
padding: 2px 0;
}
.qem-calendar-small .nonday {
font-size: 90%;
padding: 0 0 2px 0;
}
.qem-calendar-small .day span {
font-size: 70%;
display: block;
padding: 0 0 2px 0;
}
.qem-calendar-small .month {
font-size: 110%;
display: block;
padding: 2px 0;
text-align: center;
}
.qemright, .qemlistright {
max-width: 60%;
width: 300px;
height: auto;
overflow: hidden;
margin: 0 0 10px 10px;
float: right;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.qemmap {
margin: 0 0 10px 0;
height: auto;
overflow: hidden;
}
.qem_input {
width: 100%;
border: 1px solid #415063;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
#qem-calendar {
margin: 0 0 12px 0;
width: 100%;
height: auto;
overflow: hidden;
}
#qem-calendar .caltop {
margin-bottom: 4px;
}
#qem-calendar .calday {
text-align: center;
padding: 3px;
background: #EBEFC9;
font-weight: bold
}
#qem-calendar .day {
height: 3em;
padding: 0 2px 4px 2px;
text-align: left;
background: #EBEFC9;
}
#qem-calendar .oldday {
background: #CCC;
padding: 0 2px 4px 2px;
}
#qem-calendar .eventday {
background: #EED1AC;
padding: 0 2px 4px 2px;
}
#qem-calendar .event {
position: relative;
z-index: 0;
}
#qem-calendar .day span {
font-size: 160%;
color: #D75231;
}
#qem-calendar h2 {
padding: 0 4px 8px 4px;
margin: 0;
text-align: left;
}
#qem-calendar .eventday a {
display: block;
margin: 3px 2px;
padding: 4px;
text-decoration: none;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 90%;
}
#qem-calendar table {
width: 100%;
border: none;
}
@media screen and (max-width: 768px) {
#qem-calendar table {
max-width: 100%;
}
}
#qem-calendar td {
width: 14.2%;
vertical-align: top;
padding: 0;
margin: 0;
}
#qem-calendar td a:hover {
background: #F2F2E6;
}
#qem-calendar td img {
max-width: 80px;
height: auto;
overflow: hidden;
}
#qem-calendar a.calnav {
text-decoration: none;
padding: 4px;
border: 1px solid #CCC;
display: block;
text-align: center;
}
#qem-calendar .calmonth {
width: 71.6%;
}
#qem-calendar .calmonth h2 {
text-align: center;
padding: 0;
margin: 0;
}
.qempop {
max-width: 800px;
min-width: 280px;
height: auto;
text-align: left;
padding: 10px;
border: 5px solid #343838;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #FFF;
-webkit-box-shadow: 5px 5px 5px #415063;
-moz-box-shadow: 5px 5px 5px #415063;
box-shadow: 5px 5px 5px #415063;
position: relative;
z-index: 99;
}
.qemeventpop {
max-width: 80%;
min-width: 500px;
text-align: left;
padding: 10px;
border: 5px solid #343838;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #FFF;
-webkit-box-shadow: 5px 5px 5px #415063;
-moz-box-shadow: 5px 5px 5px #415063;
box-shadow: 5px 5px 5px #415063;
position: relative;
z-index: 99;
}
@media screen and (
max-width: 768px) {
.qem-options {
width: calc(100% - 20px);
}
.qemeventpop {
min-width: 500px;
}
}
#xlightbox .qem {
width: auto;
}
#xlightbox {
text-align: left;
padding: 10px;
border: 5px solid #343838;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #FFF;
-webkit-box-shadow: 5px 5px 5px #415063;
-moz-box-shadow: 5px 5px 5px #415063;
box-shadow: 5px 5px 5px #415063;
}
#xlightbox {
position: absolute;
top: 0;
left: 50%;
width: 40%;
margin-left: -20%;
background: #fff;
z-index: 1001;
display: none;
}
#xlightbox-shadow {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
}
@media screen and (max-width: 768px) {
.qem-options {
width: calc(100% - 20px);
}
#xlightbox {
width: 90%;
margin-left: -45%;
}
}
.qem-register .hidden {
display: none
}
.qem-register .shown {
display: block
}
.qem-register .validator {
margin-left: -999px;
height: 0;
}
@media only screen and (max-width: 700px) {
img.qem-image, img.qem-list-image, .qemmap {
width: 100%;
height: auto;
overflow: hidden;
}
.qemtrim img {
display: none;
}
}
@media only screen and (max-width: 600px) {
.qem-large, .qem-medium {
margin-left: 50px;
}
.qem-icon .qem-calendar-large, .qem-icon .qem-calendar-medium {
font-size: 80%;
width: 40px;
margin: 0 0 10px 0;
padding: 0 0 2px 0;
}
.qem-icon .qem-calendar-large .day, .qem-icon .qem-calendar-medium .day {
padding: 2px 0;
}
.qem-icon .qem-calendar-large .month, .qem-icon .qem-calendar-medium .month {
font-size: 140%;
padding: 2px 0;
}
#qem-calendar td {
width: 14%;
}
#qem-calendar .eventday a {
text-align: center;
}
.qemeventpop {
min-width: 400px;
}
}
p a.qem_ics_button {
background: #343848;
color: #FFF !important;
padding: 6px 12px;
margin: 6px 0;
text-decoration: none;
}
p a.qem_ics_button:hover {
background: #1e73be;
}
#qem-calendar-widget #qem-calendar .calday {
text-align: center;
padding: 1px;
font-weight: normal
}
#qem-calendar-widget #qem-calendar a.calnav {
padding: 1px;
}
#qem-calendar-widget td a {
text-align: center;
}
#qem-calendar-widget #qem-calendar .oldday, #qem-calendar-widget #qem-calendar .eventday {
padding: 1px;
}
#qem-widget table {
margin-bottom: 20px;
}
#qem-widget td {
border-top: 1px solid #005F6B;
padding: 5px 10px 5px 0;
max-width: 400px;
vertical-align: top;
}
#qem-widget td b {
color: #005F6B;
}
#qem-widget th {
padding: 5px 10px 5px 0;
max-width: 400px;
text-align: left;
color: #005F6B;
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.qem-category, .qem-caption {
float: left;
padding: 4px;
margin: 0 4px 8px 0;
}
.qem-category a {
color: #343848;
text-decoration: none;
padding: 4px;
}
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
}
[data-tooltip]:before {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
[data-tooltip]:before {
position: absolute;
bottom: 100%;
left: 0;
margin-bottom: 5px;
padding: 7px;
width: 140px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: left;
font-size: 90%;
}
[data-tooltip]:hover:before {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.tooltip-left:before {
right: 0;
bottom: 100%;
left: auto;
}
div.qem-columns {
display: inline-block;
width: 30%;
vertical-align: top;
margin: 0 1% 1em 1%;
background: #FFF;
padding: 6px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
div.qem-columns {
width: 30%;
}
}
@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
div.qem-columns {
width: 47%;
}
}
@media only screen and (max-width: 768px) {
div.qem-columns {
width: 47%;
}
}
@media only screen and (max-width: 480px) {
div.qem-columns {
width: 100%;
margin-right: 0
}
}
.qem-grid-image {
width: 100%;
height: auto;
overflow: hidden;
}
div#qem {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 1em;
}
div.qem-masonry {
background: #FFF;
padding: 6px;
margin: 0 0 1em 0;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
@media only screen and (max-width: 1024px) {
div#qem {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
div#qem {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media only screen and (max-width: 768px) {
div#qem {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media only screen and (max-width: 480px) {
div#qem {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
.qem-guestpost input[type=text], .qem-guestpost select, .qem-guestpost textarea, .qem-guestpost #submit {
margin: 5px 0 7px 0;
padding: 4px;
color: #465069;
font-family: inherit;
font-size: inherit;
height: auto;
border: 1px solid #415063;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.qem-guestpost input[type=text].required, .qem-guestpost select.required, .qem-guestpost textarea.required {
border: 2px solid green;
}
.qem-guestpost input[type=text].error, .qem-guestpost select.error, .qem-guestpost textarea.error {
border: 2px solid red;
}
.qem-guestpost p {
margin: 4px 0 !important;
}
.qem-guestpost #submit {
padding: 6px 26px;
height: auto;
font-size: 1em;
border: 1px solid #415063;
color: #FFF;
background: #343838;
text-align: center;
cursor: pointer;
}
.qem-video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.qem-video-container iframe, .qem-video-container object, .qem-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#qem_validating, .qem_validating_form, #qem_processing {
display: none;
}
.wp-qemnavi {
clear: both;
}
.wp-qemnavi a, .wp-qemnavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 8px;
margin: 2px;
color: #343848;
}
.wp-qemnavi a:hover, .wp-qemnavi span.current {
border-color: #000;
background: #343848;
color: #FFFFFF;
}