.joan-now-playing {
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
padding: 16px;
margin: 10px 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
position: relative;
} .joan-show-info {
margin-bottom: 15px;
} .current-show {
font-size: 1.3em;
font-weight: bold;
margin: 0 0 8px 0;
color: #333;
line-height: 1.3;
}
.current-show a {
color: #0073aa;
text-decoration: none;
transition: color 0.2s ease;
}
.current-show a:hover {
color: #005a87;
text-decoration: underline;
} .joan-jock {
font-style: italic;
color: #666;
margin-bottom: 5px;
font-size: 0.95em;
} .show-time {
color: #555;
font-weight: 600;
font-size: 0.9em;
font-family: "Courier New", monospace;
} .joan-image-standard,
.joan-image-large {
margin: 15px 0 0 0;
text-align: center;
} .joan-thumb {
max-width: 250px;
height: auto;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
transition: transform 0.2s ease;
}
.joan-thumb:hover {
transform: scale(1.02);
} .joan-thumb-large {
max-width: 300px;
height: auto;
border-radius: 8px;
box-shadow: 0 3px 12px rgba(0,0,0,0.2);
}  .joan-image-constrained {
margin: 15px 0 0 0;
text-align: center;
}
.joan-image-constrained .joan-thumb,
.joan-image-constrained .joan-thumb-large {
max-width: 250px; width: 100%;
height: auto;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
transition: transform 0.2s ease;
}
.joan-image-constrained .joan-thumb-large {
max-width: 300px; width: 100%;
border-radius: 8px;
box-shadow: 0 3px 12px rgba(0,0,0,0.2);
} .joan-image-full-width {
margin: 15px 0 0 0;
text-align: center;
width: 100%;
}
.joan-image-full-width .joan-thumb,
.joan-image-full-width .joan-thumb-large {
max-width: 100%;
width: 100%;
height: auto;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
transition: transform 0.2s ease;
object-fit: cover;
}
.joan-image-full-width .joan-thumb-large {
border-radius: 8px;
box-shadow: 0 3px 12px rgba(0,0,0,0.2);
} .joan-image-custom {
margin: 15px 0 0 0;
text-align: center;
}
.joan-image-custom .joan-thumb,
.joan-image-custom .joan-thumb-large { height: auto;
border-radius: 6px;
transition: transform 0.2s ease;
} @media (max-width: 768px) {
.joan-image-full-width .joan-thumb,
.joan-image-full-width .joan-thumb-large {
max-width: 100%;
width: 100%;
}
.joan-image-constrained .joan-thumb,
.joan-image-constrained .joan-thumb-large {
max-width: 200px;
}
}
@media (max-width: 480px) {
.joan-image-constrained .joan-thumb,
.joan-image-constrained .joan-thumb-large {
max-width: 150px;
}
}    .upcoming-show {
margin-top: 15px;
padding-top: 12px;
border-top: 1px solid #eee;
font-size: 0.9em;
color: #666;
}
.upcoming-show strong {
color: #333;
}
.upcoming-time {
display: block;
font-family: "Courier New", monospace;
font-size: 0.85em;
color: #777;
margin-top: 3px;
} .joan-current-time {
text-align: center;
font-size: 0.85em;
color: #777;
margin-bottom: 10px;
font-family: "Courier New", monospace;
} .joan-timezone-selector {
margin-bottom: 15px;
text-align: center;
font-size: 0.9em;
padding: 10px;
background: #f8f9fa;
border-radius: 6px;
border: 1px solid #e9ecef;
}
.joan-timezone-selector label {
color: #666;
margin-right: 8px;
font-weight: 500;
}
.joan-timezone-selector select {
padding: 4px 8px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 0.9em;
background: white;
} .joan-timezone-selector .joan-timezone-time {
margin-top: 8px;
font-size: 0.85em;
color: #555;
font-family: "Courier New", monospace;
font-weight: 600;
} .joan-dark-mode-toggle {
position: absolute;
top: 8px;
right: 8px;
background: transparent;
border: 1px solid #ddd;
border-radius: 4px;
padding: 4px 8px;
font-size: 12px;
cursor: pointer;
transition: all 0.2s ease;
z-index: 10;
}
.joan-dark-mode-toggle:hover {
background: #f0f0f0;
border-color: #999;
} .joan-center-title {
text-align: center;
} .joan-jock-only-mode .current-show,
.joan-jock-only-mode .joan-jock {
display: none;
}
.joan-jock-only-mode .show-time {
text-align: center;
font-size: 1.1em;
margin-bottom: 10px;
} .joan-status-message {
text-align: center;
padding: 20px;
color: #666;
}
.joan-status-icon {
font-size: 1.5em;
margin-right: 8px;
} .joan-status-suspended {
background: #fff3cd;
border-color: #ffeaa7;
}
.joan-status-off_air {
background: #f8d7da;
border-color: #f5c6cb;
} .joan-loading {
text-align: center;
padding: 20px;
color: #999;
font-style: italic;
}
.joan-error {
text-align: center;
padding: 20px;
color: #d63638;
background: #ffeaea;
border: 1px solid #f0c2c2;
border-radius: 4px;
}
.joan-error a {
color: #d63638;
font-weight: bold;
} .joan-hide-images .joan-thumb,
.joan-hide-images .joan-image-standard,
.joan-hide-images .joan-image-large,
.joan-hide-images .joan-image-constrained,
.joan-hide-images .joan-image-full-width,
.joan-hide-images .joan-image-custom {
display: none;
}
.joan-hide-upcoming .upcoming-show {
display: none;
}  .joan-schedule-container {
margin: 20px 0;
} .joan-schedule-day-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 15px 20px;
margin: 25px 0 0 0;
border-radius: 8px 8px 0 0;
font-size: 18px;
font-weight: 600;
text-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} .joan-schedule-day-header:first-child {
margin-top: 0;
} .joan-schedule-day-table {
width: 100%;
border-collapse: collapse;
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
border-radius: 0 0 8px 8px;
overflow: hidden;
margin-bottom: 5px;
} .joan-sunday-header {
background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
}
.joan-monday-header {
background: linear-gradient(135deg, #a8e6cf 0%, #dcedc8 100%);
}
.joan-tuesday-header {
background: linear-gradient(135deg, #ffd3a5 0%, #ffeebc 100%);
}
.joan-wednesday-header {
background: linear-gradient(135deg, #a8c8ec 0%, #c3d5f5 100%);
}
.joan-thursday-header {
background: linear-gradient(135deg, #c8a2c8 0%, #e1bee7 100%);
}
.joan-friday-header {
background: linear-gradient(135deg, #ffb3ba 0%, #ffcccc 100%);
}
.joan-saturday-header {
background: linear-gradient(135deg, #bae1ff 0%, #d4f1ff 100%);
} .joan-sunday-table th {
background-color: #ff6b87;
color: white;
}
.joan-monday-table th {
background-color: #4caf50;
color: white;
}
.joan-tuesday-table th {
background-color: #ff9800;
color: white;
}
.joan-wednesday-table th {
background-color: #2196f3;
color: white;
}
.joan-thursday-table th {
background-color: #9c27b0;
color: white;
}
.joan-friday-table th {
background-color: #f44336;
color: white;
}
.joan-saturday-table th {
background-color: #00bcd4;
color: white;
} table.joan-schedule {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
border-radius: 6px;
overflow: hidden;
}
table.joan-schedule th {
background: #0073aa;
color: white;
padding: 12px;
text-align: left;
font-weight: 600;
}
table.joan-schedule td {
padding: 10px 12px;
border-bottom: 1px solid #eee;
}
table.joan-schedule tr:hover {
background: #f8f9fa;
}
table.joan-schedule tr:nth-child(even) {
background: #fafafa;
}
table.joan-schedule tr:nth-child(even):hover {
background: #f0f0f0;
} table.joan-schedule.joan-filtered-schedule,
.joan-filtered-schedule table.joan-schedule {
border-radius: 6px;
}
.joan-filtered-schedule table.joan-schedule th {
background: #28a745; } .joan-schedule-day-table th {
padding: 12px;
text-align: left;
font-weight: 600;
border: none;
}
.joan-schedule-day-table td {
padding: 10px 12px;
border-bottom: 1px solid #eee;
border-left: none;
border-right: none;
}
.joan-schedule-day-table tr:hover {
background: rgba(0,0,0,0.02);
}
.joan-schedule-day-table tr:nth-child(even) {
background: rgba(0,0,0,0.01);
}
.joan-schedule-day-table tr:nth-child(even):hover {
background: rgba(0,0,0,0.03);
} .joan-schedule-empty-day {
text-align: center;
padding: 30px 20px;
color: #666;
font-style: italic;
background: #f9f9f9;
border: 2px dashed #ddd;
border-radius: 0 0 8px 8px;
} .joan-today-highlight {
background: #e7f3ff !important;
border-left: 4px solid #0073aa;
}
.joan-current-show-highlight {
background: #d1ecf1 !important;
border-left: 4px solid #17a2b8;
font-weight: bold;
} .joan-schedule-controls {
margin: 20px 0 15px 0;
text-align: center;
padding: 15px;
background: #f8f9fa;
border-radius: 6px;
border: 1px solid #e9ecef;
}
.joan-schedule-controls label {
font-weight: 600;
margin-right: 10px;
color: #495057;
}
.joan-schedule-controls select {
padding: 6px 12px;
border: 1px solid #ced4da;
border-radius: 4px;
background: white;
color: #495057;
font-size: 14px;
min-width: 150px;
} .joan-upcoming-shows {
margin: 20px 0;
}
.joan-upcoming-item {
margin-bottom: 15px;
padding: 10px;
background: #f9f9f9;
border-radius: 5px;
border-left: 3px solid #0073aa;
}  .joan-dark-mode .joan-now-playing {
background: #2c3e50;
border-color: #34495e;
color: #ecf0f1;
}
.joan-dark-mode .current-show {
color: #ecf0f1;
}
.joan-dark-mode .current-show a {
color: #3498db;
}
.joan-dark-mode .current-show a:hover {
color: #2980b9;
}
.joan-dark-mode .joan-jock,
.joan-dark-mode .upcoming-show {
color: #bdc3c7;
}
.joan-dark-mode .show-time {
color: #95a5a6;
}
.joan-dark-mode .upcoming-show {
border-top-color: #34495e;
}
.joan-dark-mode .joan-timezone-selector select {
background: #34495e;
color: #ecf0f1;
border-color: #4a5c6a;
}
.joan-dark-mode .joan-timezone-selector {
background: #34495e;
border-color: #4a5c6a;
color: #ecf0f1;
}
.joan-dark-mode .joan-timezone-selector .joan-timezone-time {
color: #bdc3c7;
}
.joan-dark-mode .joan-dark-mode-toggle {
background: #34495e;
border-color: #4a5c6a;
color: #ecf0f1;
}
.joan-dark-mode .joan-dark-mode-toggle:hover {
background: #4a5c6a;
border-color: #5a6c7a;
}
.joan-dark-mode .joan-schedule-day-table,
.joan-dark-mode table.joan-schedule {
background: #2c3e50;
color: #ecf0f1;
}
.joan-dark-mode .joan-schedule-day-table th,
.joan-dark-mode table.joan-schedule th {
background: #34495e;
}
.joan-dark-mode .joan-schedule-day-table td,
.joan-dark-mode table.joan-schedule td {
border-bottom-color: #4a5c6a;
}
.joan-dark-mode .joan-schedule-day-table tr:hover,
.joan-dark-mode table.joan-schedule tr:hover {
background: #34495e;
}
.joan-dark-mode .joan-schedule-day-table tr:nth-child(even),
.joan-dark-mode table.joan-schedule tr:nth-child(even) {
background: #2c3e50;
}
.joan-dark-mode .joan-schedule-empty-day {
background: #34495e;
border-color: #4a5c6a;
color: #bdc3c7;
}
.joan-dark-mode .joan-schedule-controls {
background: #34495e;
border-color: #4a5c6a;
color: #ecf0f1;
}
.joan-dark-mode .joan-schedule-controls select {
background: #2c3e50;
border-color: #4a5c6a;
color: #ecf0f1;
}
.joan-dark-mode .joan-schedule-controls label {
color: #ecf0f1;
}
.joan-dark-mode .joan-loading {
color: #bdc3c7;
}
.joan-dark-mode .joan-error {
background: #4a2c2a;
border-color: #6a4c4a;
color: #e74c3c;
}
.joan-dark-mode .joan-error a {
color: #e74c3c;
}
.joan-dark-mode .joan-status-message {
color: #bdc3c7;
}
.joan-dark-mode .joan-upcoming-item {
background: #34495e;
border-left-color: #3498db;
color: #ecf0f1;
} .joan-dark-mode .joan-today-highlight {
background: #34495e !important;
border-left-color: #3498db;
}
.joan-dark-mode .joan-current-show-highlight {
background: #2c3e50 !important;
border-left-color: #1abc9c;
} .joan-dark-mode .joan-schedule-day-header {
background: #34495e !important;
color: #ecf0f1 !important;
}
.joan-dark-mode .joan-sunday-header {
background: #34495e !important;
}
.joan-dark-mode .joan-monday-header {
background: #34495e !important;
}
.joan-dark-mode .joan-tuesday-header {
background: #34495e !important;
}
.joan-dark-mode .joan-wednesday-header {
background: #34495e !important;
}
.joan-dark-mode .joan-thursday-header {
background: #34495e !important;
}
.joan-dark-mode .joan-friday-header {
background: #34495e !important;
}
.joan-dark-mode .joan-saturday-header {
background: #34495e !important;
}  .joan-light-mode .joan-now-playing {
background: #f9f9f9 !important;
border-color: #ddd !important;
color: #333 !important;
}
.joan-light-mode .current-show {
color: #333 !important;
}
.joan-light-mode .current-show a {
color: #0073aa !important;
}
.joan-light-mode .current-show a:hover {
color: #005a87 !important;
}
.joan-light-mode .joan-jock,
.joan-light-mode .upcoming-show {
color: #666 !important;
}
.joan-light-mode .show-time {
color: #555 !important;
}
.joan-light-mode .upcoming-show {
border-top-color: #eee !important;
}
.joan-light-mode .upcoming-show strong {
color: #333 !important;
}
.joan-light-mode .joan-timezone-selector {
background: #f8f9fa !important;
border-color: #e9ecef !important;
color: #666 !important;
}
.joan-light-mode .joan-timezone-selector select {
background: white !important;
color: #333 !important;
border-color: #ccc !important;
}
.joan-light-mode .joan-timezone-selector .joan-timezone-time {
color: #555 !important;
}
.joan-light-mode .joan-dark-mode-toggle {
background: transparent !important;
border-color: #ddd !important;
color: #333 !important;
}
.joan-light-mode .joan-dark-mode-toggle:hover {
background: #f0f0f0 !important;
border-color: #999 !important;
}
.joan-light-mode .joan-today-highlight {
background: #e7f3ff !important;
border-left-color: #0073aa !important;
}
.joan-light-mode .joan-current-show-highlight {
background: #d1ecf1 !important;
border-left-color: #17a2b8 !important;
}
.joan-light-mode .joan-schedule-day-header {
color: white !important;
}
.joan-light-mode .joan-sunday-header {
background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%) !important;
}
.joan-light-mode .joan-monday-header {
background: linear-gradient(135deg, #a8e6cf 0%, #dcedc8 100%) !important;
}
.joan-light-mode .joan-tuesday-header {
background: linear-gradient(135deg, #ffd3a5 0%, #ffeebc 100%) !important;
}
.joan-light-mode .joan-wednesday-header {
background: linear-gradient(135deg, #a8c8ec 0%, #c3d5f5 100%) !important;
}
.joan-light-mode .joan-thursday-header {
background: linear-gradient(135deg, #c8a2c8 0%, #e1bee7 100%) !important;
}
.joan-light-mode .joan-friday-header {
background: linear-gradient(135deg, #ffb3ba 0%, #ffcccc 100%) !important;
}
.joan-light-mode .joan-saturday-header {
background: linear-gradient(135deg, #bae1ff 0%, #d4f1ff 100%) !important;
}
.joan-light-mode .joan-schedule-day-table,
.joan-light-mode table.joan-schedule {
background: white !important;
color: #333 !important; color-scheme: light;
} .joan-light-mode .joan-schedule-header {
background: #0073aa !important;
color: #ffffff !important;
color-scheme: light;
} .joan-light-mode.joan-light-mode .joan-schedule-header {
background: #0073aa !important;
color: #ffffff !important;
color-scheme: light;
} .joan-dark-mode .joan-schedule-header {
background: #34495e !important;
color: #ffffff !important;
}
.joan-dark-mode.joan-dark-mode .joan-schedule-header {
background: #34495e !important;
color: #ffffff !important;
}
.joan-light-mode .joan-schedule-day-table th,
.joan-light-mode table.joan-schedule th { background: #0073aa !important;
color: #ffffff !important;
}
.joan-light-mode .joan-schedule-day-table td,
.joan-light-mode table.joan-schedule td {
border-bottom-color: #eee !important;
}
.joan-light-mode .joan-schedule-day-table tr:hover,
.joan-light-mode table.joan-schedule tr:hover {
background: #f8f9fa !important;
}
.joan-light-mode .joan-schedule-day-table tr:nth-child(even),
.joan-light-mode table.joan-schedule tr:nth-child(even) {
background: #fafafa !important;
}
.joan-light-mode .joan-schedule-day-table tr:nth-child(even):hover,
.joan-light-mode table.joan-schedule tr:nth-child(even):hover {
background: #f0f0f0 !important;
}
.joan-light-mode .joan-schedule-empty-day {
background: #f9f9f9 !important;
border-color: #ddd !important;
color: #666 !important;
}
.joan-light-mode .joan-schedule-controls {
background: #f8f9fa !important;
border-color: #e9ecef !important;
color: #495057 !important;
}
.joan-light-mode .joan-schedule-controls select {
background: white !important;
border-color: #ced4da !important;
color: #495057 !important;
}
.joan-light-mode .joan-schedule-controls label {
color: #495057 !important;
}
.joan-light-mode .joan-loading {
color: #999 !important;
}
.joan-light-mode .joan-error {
background: #ffeaea !important;
border-color: #f0c2c2 !important;
color: #d63638 !important;
}
.joan-light-mode .joan-error a {
color: #d63638 !important;
}
.joan-light-mode .joan-status-message {
color: #666 !important;
}
.joan-light-mode .joan-upcoming-item {
background: #f9f9f9 !important;
border-left-color: #0073aa !important;
color: #333 !important;
} .joan-light-mode .joan-sunday-table th {
background-color: #ff6b87 !important;
color: white !important;
}
.joan-light-mode .joan-monday-table th {
background-color: #4caf50 !important;
color: white !important;
}
.joan-light-mode .joan-tuesday-table th {
background-color: #ff9800 !important;
color: white !important;
}
.joan-light-mode .joan-wednesday-table th {
background-color: #2196f3 !important;
color: white !important;
}
.joan-light-mode .joan-thursday-table th {
background-color: #9c27b0 !important;
color: white !important;
}
.joan-light-mode .joan-friday-table th {
background-color: #f44336 !important;
color: white !important;
}
.joan-light-mode .joan-saturday-table th {
background-color: #00bcd4 !important;
color: white !important;
} .joan-light-mode .joan-filtered-schedule table.joan-schedule th {
background: #28a745 !important; color: white !important;
}  .joan-light-mode table.joan-schedule th {
background: #0073aa !important;
color: #ffffff !important;
} .joan-light-mode.joan-light-mode table.joan-schedule th {
background: #0073aa !important;
color: #ffffff !important;
} .joan-light-mode .joan-schedule-day-table th {
background: #0073aa !important;
color: #ffffff !important;
} .joan-light-mode.joan-light-mode .joan-schedule-day-table th {
background: #0073aa !important;
color: #ffffff !important;
} .joan-light-mode .joan-current-time {
color: #777 !important;
}
.joan-light-mode .upcoming-time {
color: #777 !important;
}
.joan-light-mode .joan-status-suspended {
background: #fff3cd !important;
border-color: #ffeaa7 !important;
}
.joan-light-mode .joan-status-off_air {
background: #f8d7da !important;
border-color: #f5c6cb !important;
} .joan-light-mode .joan-schedule-day-table th {
color: white !important;
background-color: inherit !important;
}
.joan-light-mode .joan-schedule-day-table td {
color: #333 !important;
background: white !important;
}
.joan-light-mode .joan-schedule-day-table tr:nth-child(even) td {
background: #fafafa !important;
color: #333 !important;
}
.joan-light-mode .joan-schedule-day-table tr:hover td {
background: #f8f9fa !important;
color: #333 !important;
}
.joan-light-mode .joan-schedule-day-table tr:nth-child(even):hover td {
background: #f0f0f0 !important;
color: #333 !important;
} .joan-light-mode table.joan-schedule td {
color: #333 !important;
background: white !important;
}
.joan-light-mode table.joan-schedule tr:nth-child(even) td {
background: #fafafa !important;
color: #333 !important;
}
.joan-light-mode table.joan-schedule tr:hover td {
background: #f8f9fa !important;
color: #333 !important;
}
.joan-light-mode table.joan-schedule tr:nth-child(even):hover td {
background: #f0f0f0 !important;
color: #333 !important;
} .joan-light-mode.joan-light-mode .joan-schedule-day-table {
background: white !important;
color: #333 !important;
}
.joan-light-mode.joan-light-mode .joan-schedule-day-table th {
color: white !important;
}
.joan-light-mode.joan-light-mode .joan-schedule-day-table td {
color: #333 !important;
background: white !important;
border-bottom-color: #eee !important;
}
.joan-light-mode.joan-light-mode .joan-schedule-day-table tr {
background: white !important;
color: #333 !important;
}
.joan-light-mode.joan-light-mode .joan-schedule-day-table tr:nth-child(even) {
background: #fafafa !important;
color: #333 !important;
}
.joan-light-mode.joan-light-mode .joan-schedule-day-table tr:hover {
background: #f8f9fa !important;
color: #333 !important;
}
.joan-light-mode.joan-light-mode .joan-schedule-day-table tr:nth-child(even):hover {
background: #f0f0f0 !important;
color: #333 !important;
} .joan-light-mode.joan-light-mode table.joan-schedule {
background: white !important;
color: #333 !important;
}
.joan-light-mode.joan-light-mode table.joan-schedule th {
color: white !important;
}
.joan-light-mode.joan-light-mode table.joan-schedule td {
color: #333 !important;
background: white !important;
border-bottom-color: #eee !important;
}
.joan-light-mode.joan-light-mode table.joan-schedule tr {
background: white !important;
color: #333 !important;
}
.joan-light-mode.joan-light-mode table.joan-schedule tr:nth-child(even) {
background: #fafafa !important;
color: #333 !important;
}
.joan-light-mode.joan-light-mode table.joan-schedule tr:hover {
background: #f8f9fa !important;
color: #333 !important;
}
.joan-light-mode.joan-light-mode table.joan-schedule tr:nth-child(even):hover {
background: #f0f0f0 !important;
color: #333 !important;
}  @media (prefers-color-scheme: dark) {
.joan-now-playing:not(.joan-light-mode) {
background: #2c3e50;
border-color: #34495e;
color: #ecf0f1;
}
.joan-now-playing:not(.joan-light-mode) .current-show {
color: #ecf0f1;
}
.joan-now-playing:not(.joan-light-mode) .current-show a {
color: #3498db;
}
.joan-now-playing:not(.joan-light-mode) .current-show a:hover {
color: #2980b9;
}
.joan-now-playing:not(.joan-light-mode) .joan-jock,
.joan-now-playing:not(.joan-light-mode) .upcoming-show {
color: #bdc3c7;
}
.joan-now-playing:not(.joan-light-mode) .show-time {
color: #95a5a6;
}
.joan-now-playing:not(.joan-light-mode) .upcoming-show {
border-top-color: #34495e;
}
.joan-now-playing:not(.joan-light-mode) .joan-timezone-selector select {
background: #34495e;
color: #ecf0f1;
border-color: #4a5c6a;
}
.joan-now-playing:not(.joan-light-mode) .joan-timezone-selector {
background: #34495e;
border-color: #4a5c6a;
color: #ecf0f1;
}
.joan-now-playing:not(.joan-light-mode) .joan-timezone-selector .joan-timezone-time {
color: #bdc3c7;
}
.joan-schedule-day-table:not(.joan-light-mode),
table.joan-schedule:not(.joan-light-mode) {
background: #2c3e50;
color: #ecf0f1;
}
.joan-schedule-day-table:not(.joan-light-mode) th,
table.joan-schedule:not(.joan-light-mode) th {
background: #34495e;
}
.joan-schedule-day-table:not(.joan-light-mode) td,
table.joan-schedule:not(.joan-light-mode) td {
border-bottom-color: #4a5c6a;
}
.joan-schedule-day-table:not(.joan-light-mode) tr:hover,
table.joan-schedule:not(.joan-light-mode) tr:hover {
background: #34495e;
}
.joan-schedule-day-table:not(.joan-light-mode) tr:nth-child(even),
table.joan-schedule:not(.joan-light-mode) tr:nth-child(even) {
background: #2c3e50;
}
.joan-schedule-empty-day:not(.joan-light-mode) {
background: #34495e;
border-color: #4a5c6a;
color: #bdc3c7;
}
.joan-schedule-controls:not(.joan-light-mode) {
background: #34495e;
border-color: #4a5c6a;
color: #ecf0f1;
}
.joan-schedule-controls:not(.joan-light-mode) select {
background: #2c3e50;
border-color: #4a5c6a;
color: #ecf0f1;
} .joan-today-highlight:not(.joan-light-mode) {
background: #34495e !important;
border-left-color: #3498db;
}
.joan-current-show-highlight:not(.joan-light-mode) {
background: #2c3e50 !important;
border-left-color: #1abc9c;
} .joan-schedule-day-header:not(.joan-light-mode) {
background: #34495e !important;
color: #ecf0f1 !important;
}
.joan-sunday-header:not(.joan-light-mode),
.joan-monday-header:not(.joan-light-mode),
.joan-tuesday-header:not(.joan-light-mode),
.joan-wednesday-header:not(.joan-light-mode),
.joan-thursday-header:not(.joan-light-mode),
.joan-friday-header:not(.joan-light-mode),
.joan-saturday-header:not(.joan-light-mode) {
background: #34495e !important;
}
} @media (max-width: 768px) {
.joan-now-playing {
padding: 12px;
font-size: 14px;
}
.current-show {
font-size: 1.2em;
}
.joan-thumb,
.joan-thumb-large {
max-width: 200px;
}
.joan-dark-mode-toggle {
position: static;
display: block;
margin: 0 auto 10px auto;
width: auto;
} .joan-schedule-day-header {
padding: 12px 15px;
font-size: 16px;
}
.joan-schedule-day-table,
table.joan-schedule {
font-size: 14px;
}
.joan-schedule-day-table th,
.joan-schedule-day-table td,
table.joan-schedule th,
table.joan-schedule td {
padding: 8px;
}
.joan-timezone-selector {
font-size: 0.8em;
}
.joan-timezone-selector select {
width: 100%;
max-width: 200px;
}
.joan-timezone-selector {
padding: 8px;
margin: 10px 0;
}
.joan-timezone-selector .joan-timezone-time {
font-size: 0.8em;
margin-top: 6px;
}
.joan-schedule-controls {
padding: 10px;
}
.joan-schedule-controls select {
width: 100%;
max-width: 200px;
margin-top: 5px;
}
}
@media (max-width: 480px) {
.joan-now-playing {
padding: 10px;
margin: 5px 0;
}
.joan-thumb,
.joan-thumb-large {
max-width: 150px;
}
.joan-schedule-day-header {
padding: 10px 12px;
font-size: 15px;
}
.joan-schedule-day-table,
table.joan-schedule {
font-size: 12px;
} .joan-schedule-day-table th:nth-child(n+4),
.joan-schedule-day-table td:nth-child(n+4),
table.joan-schedule th:nth-child(n+4),
table.joan-schedule td:nth-child(n+4) {
display: none;
}
.joan-schedule-empty-day {
padding: 20px 15px;
font-size: 14px;
}
} @media print {
.joan-now-playing {
box-shadow: none;
border: 2px solid #000;
}
.joan-timezone-selector,
.joan-schedule-controls,
.joan-dark-mode-toggle {
display: none;
}
.current-show a {
color: #000 !important;
text-decoration: none;
}
.current-show a:after {
content: " (" attr(href) ")";
font-size: 0.8em;
font-weight: normal;
}
.joan-schedule-day-header {
background: #000 !important;
color: #fff !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
} .joan-now-playing:focus-within {
outline: 2px solid #0073aa;
outline-offset: 2px;
}
.current-show a:focus {
outline: 2px solid #0073aa;
outline-offset: 1px;
border-radius: 2px;
}
.joan-schedule-controls select:focus,
.joan-dark-mode-toggle:focus {
outline: 2px solid #0073aa;
outline-offset: 1px;
} @media (prefers-reduced-motion: reduce) {
.joan-thumb,
.current-show a,
.joan-dark-mode-toggle {
transition: none;
}
.joan-thumb:hover {
transform: none;
}
} @media (prefers-contrast: high) {
.joan-now-playing {
border-width: 2px;
border-color: #000;
}
.current-show a {
text-decoration: underline;
}
.joan-thumb {
border: 2px solid #000;
}
.joan-schedule-day-header {
border: 2px solid #000;
}
.joan-schedule-day-table,
table.joan-schedule {
border: 2px solid #000;
}
.joan-dark-mode-toggle {
border-width: 2px;
}
} .joan-timezone-selector,
.joan-schedule-controls {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
margin: 15px 0;
}
.joan-timezone-selector select,
.joan-schedule-controls select {
display: inline-block !important;
visibility: visible !important;
} .wpb_wrapper .joan-timezone-selector,
.wpb_wrapper .joan-schedule-controls,
.vc_column_container .joan-timezone-selector,
.vc_column_container .joan-schedule-controls {
display: block !important;
} .joan-light-mode .joan-schedule-header,
.joan-light-mode.joan-light-mode .joan-schedule-header {
background: #0073aa !important;
color: #ffffff !important;
color-scheme: light;
}
.joan-dark-mode .joan-schedule-header,
.joan-dark-mode.joan-dark-mode .joan-schedule-header {
background: #34495e !important;
color: #ffffff !important;
}body,
code,
html,
kbd,
pre,
samp {
font-family: Lato, 'helvetica neue', helvetica, arial
}
hr,
img,
legend {
border: 0
}
legend,
td,
th {
padding: 0
}
pre,
textarea {
overflow: auto
}
address,
blockquote,
p {
margin: 0 0 1.5em
}
img,
pre,
select {
max-width: 100%
}
body {
color: #000
}
a {
color:#fab526;
text-decoration:underline;
}
.aligncenter,
.clear:after,
.clearfix:after,
.comment-content:after,
.entry-content:after,
.page-links,
.site-content:after,
.site-footer:after,
.site-header:after {
clear: both
}
ins,
mark {
text-decoration: none
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
box-sizing: border-box
}
body {
font-weight: 400;
font-size: 16px;
line-height: 1.625;
margin: 0;
background-color: #eee
}
.archive .page-header h1, .blogposts-list h2 a, .blogposts-list h2 a:hover, .blogposts-list h2 a:active, .search-results h1.page-title {
color:#000;
}
.entry-meta a {
color:#000;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
abbr[title] {
border-bottom: 1px dotted
}
b,
optgroup,
strong {
font-weight: 700
}
cite,
dfn,
em,
i {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
height: auto
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
background-color: #ccc;
height: 1px;
margin-bottom: 1.5em
}
code,
kbd,
pre,
samp {
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
margin: 0;
color: #333;
font-size: 16px;
font-size: 1rem;
line-height: 1.5
}
code,
kbd,
pre,
tt,
var {
font-family: Lato, 'helvetica neue', helvetica, arial
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
textarea {
width: 100%
}
form label {
width: 100%;
margin-bottom: 10px;
display: inline-block;
text-transform: uppercase
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-weight: 400;
margin-bottom: 15px
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
color: #000;
line-height: 140%;
font-weight: 400;
margin-bottom: 15px;
font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
}
pre {
background: #eee;
font-size: 15px;
font-size: .9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
padding: 1.6em
}
#smobile-menu.show .main-navigation ul li ul.sub-menu{
display:block !important;
}
code,
kbd,
tt,
var {
font-size: 15px;
font-size: .9375rem
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help
}
ins,
mark {
background: #fff9c0
}
big {
font-size: 125%
}
*,
:after,
:before {
box-sizing: inherit
}
blockquote {
background: rgba(0, 0, 0, 0.1);
border-left: 6px solid rgba(0, 0, 0, 0.2);
padding: .5em 10px
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: ""
}
ol,
ul {
margin: 0 0 1.5em 1em
}
ul {
list-style: disc
}
ol {
list-style: decimal
}
li>ol,
li>ul {
margin-bottom: 0;
margin-left: 10px
}
article li>ol,
article li>ul {
padding-left:0px;
}
article ol, article ul {
padding-left:0;
margin-left:25px;
}
dt {
font-weight: 700
}
dd {
margin: 0 1.5em 1.5em
}
figure {
margin: 1em 0
}
table {
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 1.5em;
width: 100%
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
color: #fff;
font-size: 16px;
line-height: 1.5;
padding: 10px 20px;
font-weight: 700;
border: none;
border-radius: 3px;
background: #06C
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
opacity: .9;
border-color: #ccc #bbb #aaa
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
input[type=number],
input[type=search],
textarea {
color: #666;
border: 1px solid #e5e6e9;
padding: 16px
}
select {
border: 1px solid #ccc
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
color: #111
}
a {
transition: all .10s linear
}
.main-navigationigation {
display: block;
float: left;
width: 100%
}
.main-navigationigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0
}
.main-navigationigation ul li {
float: left;
position: relative
}
.main-navigationigation ul li a {
display: block;
text-decoration: none
}
.main-navigationigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999
}
.main-navigationigation ul ul ul {
left: -999em;
top: 0
}
.main-navigationigation ul ul a {
width: 200px
}
.main-navigationigation ul li.focus>ul,
.main-navigationigation ul li:hover>ul {
left: auto
}
.main-navigationigation ul ul li.focus>ul,
.main-navigationigation ul ul li:hover>ul {
left: 100%
}
@media screen and (min-width:37.5em) {
.nav-#secondary-site-navigation {
display: none
}
.main-navigationigation ul {
display: block
}
}
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
margin: 0 0 1.5em;
overflow: hidden
}
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
float: left;
width: 50%
}
.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
float: right;
text-align: right;
width: 50%
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.hentry,
.page-links {
margin: 0 0 1.5em
}
.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
content: "";
display: table;
table-layout: fixed
}
.sticky {
display: block
}
.updated:not(.published) {
display: none
}
.comment-content a {
word-wrap: break-word
}
.comment-form label {
margin-bottom: 10px;
display: inline-block;
text-transform: uppercase
}
.bypostauthor {
display: block
}
.comments-area {
width: 100%
}
.comment-respond .comment-form {
width: 100%;
box-sizing: border-box
}
.comments-area .comment-meta,
.comments-area .comment-respond {
position: relative
}
.comments-area .comments-title {
margin-bottom: 30px;
color: #222;
font-size: 30px
}
.comments-area .comment-meta .comment-metadata a {
color: #999
}
.comment-meta .vcard img {
float: left;
margin-right: 14px
}
.comments-area .comment-author {
line-height: normal;
font-size: 16px;
font-weight: 700;
margin-bottom: 0
}
.comments-area .comment-author .fn a {
color: #222
}
.comments-area .comment-content {
padding: 20px 0 0 45px;
}
.comments-area .reply .comment-reply-link i {
font-size: 12px
}
.comments-area .comment-content p {
margin-bottom: 5px
}
.comments-area p.form-submit {
margin-bottom: 0;
padding-bottom: 10px
}
.comments-area p.form-submit input {
background: #fab526;
border: none;
color: #fff;
font-size: 14px;
font-weight: 400;
border-radius:30px;
padding: 15px 35px;
text-shadow: none;
box-shadow: none;
margin: 0;
transition: background .25s linear
}
.comments-area ol.comment-list>li:last-child {
margin-bottom: 0
}
.comments-area ol.comment-list>li {
width: 100%;
border-bottom: 3px solid #000
}
#comments li.comment.parent article .reply,
.author-highlight li.bypostauthor article .reply {
padding-bottom: 0
}
.comments-area ol.comment-list ol.children li  {
padding-top: 20px;
margin-left:0;
margin-top:20px;
padding-left: 10px;
margin-bottom: 0;
list-style:none;
border-top:1px solid rgba(0,0,0,0.1);
border-bottom: 0px;
padding-bottom: 0px;
}
ol.children {
margin-left: 0;
padding-left: 5px;
}
.comments-area ol.comment-list li li.bypostauthor {
position: relative
}
.comments-area.author-highlight ol.comment-list li.bypostauthor {
border-bottom: 3px solid #f00000;
padding: 40px;
background: #f5f5f5
}
#comments li.comment .comment-respond {
margin-top: 10px;
position: relative
}
.comment-reply-title {
position: relative;
color: #3498DB;
margin: 0 0 16px;
padding-bottom: 20px
}
p.comment-form-email, p.comment-form-author {
max-width: 49%;
float: left;
display: inline-block;
}
p.comment-form-email {
margin-left: 2%;
}
.comment-form-wrap .comment-respond,
.main-navigation ul li,
.sheader {
position: relative
}
a#cancel-comment-reply-link {
display: block;
font-size: 17px;
opacity: 0.6;
}
.comments-area .comment-respond * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.comment-respond .logged-in-as a {
color: #000;
}
.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url] {
background: #fff;
padding: 8px 14px;
width: 100%;
max-width: 430px;
margin-bottom: 6px
}
.wp-caption,
embed,
iframe,
object {
max-width: 100%
}
.comments-area .comment-respond textarea {
width: 100%;
margin-bottom: 0
}
.comments-area p {
margin-bottom: 12px
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none
}
.infinity-end.neverending .site-footer {
display: block
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0
}
.custom-logo-link {
display: inline-block
}
.wp-caption {
margin-bottom: 1.5em
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption .wp-caption-text {
margin: .8075em 0
}
.wp-caption-text {
text-align: center
}
.gallery {
margin-bottom: 1.5em
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%
}
.gallery-columns-2 .gallery-item {
max-width: 50%
}
.gallery-columns-3 .gallery-item {
max-width: 33.33333%
}
.gallery-columns-4 .gallery-item {
max-width: 25%
}
.gallery-columns-5 .gallery-item {
max-width: 20%
}
.gallery-columns-6 .gallery-item {
max-width: 16.66667%
}
.gallery-columns-7 .gallery-item {
max-width: 14.28571%
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
max-width: 11.11111%
}
.gallery-caption {
display: block
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
height: 0
}
#site-header,
#site-header img,
.clearfix,
.site-branding {
display: inline-block
}
.clearfix {
width: 100%
}
* html .clearfix {
height: 1%
}
.widget li a {
text-decoration:none;
}
.entry-header h2 a,
.site-info a:hover,
.site-title a {
text-decoration: none
}
.fbox {
width: 100%;
margin-bottom: 30px;
padding: 25px;
border-radius: 1px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fbox h1,
.fbox h2,
.fbox h3 {
margin-top: 0;
color: #222
}
.page-header h1 {
margin-bottom: 0
}
.container {
width: 100%
}
.content-wrap {
width: 1180px;
max-width: 90%;
margin: 0 auto 
}
.sheader {
width: 100%;
margin: 0;
}
.primary-menu ul li ul.children,
.primary-menu ul li ul.sub-menu {
background: #fff;
color:#000;
}
.image-banner {
margin-bottom: 35px;
}
.site-branding {
padding: 35px 0 40px;
text-align: center;
width: 100%;
margin-top:30px;
background:#fff;
}
#secondary .widget a, #secondary a, #secondary .widget li a, #secondary span.sub-arrow {
color:#000;
}
.super-menu, .pmenu {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.branding-logo .custom-logo {
display: block;
width: auto
}
.site-branding .site-title {
font-size: 48px;
line-height: 150%;
padding: 0;
margin: 0;
font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
}
.site-title a {
color: #000222
}
.site-branding .logo-image {
margin-top: 0
}
.site-description {
font-size: 16px;
color: #000222;
padding: 0;
margin: 0
}
.featured-sidebar #main .search-field, .header-widget #main .search-field {
width: 100%;
height: 46px;
border-radius: 0;
line-height: 46px;
padding: 16px;
border: 1px solid #000;
border-radius: 3px;
background:rgba(0,0,0,0);
}
.header-widget .search-field {
width:100%;
}
.header-widget .search-form label {
width:100%;
}
.ads-top {
width: 70%;
float: right;
padding: 22px 0;
overflow: hidden
}
.ads-top .textwidget img {
display: block
}
.featured-sidebar .widget_search input.search-field {
width: 100%;
}
.featured-sidebar .widget_search label {
width: auto;
display: inline-block;
float: left;
max-width: 60%;
}
.featured-sidebar .widget_search input.search-submit {
max-width: 40%;
width: 100%;
float: left;
background-color:#fab526;
border-radius: 0px;
line-height: 38px;
}
.ads-top .search-field {
width: 220px;
padding: 15px;
float: right;
margin: 14px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px
}
.ads-top label {
float: right
}
#smobile-menu {
display: none
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0
}
.main-navigation ul li a {
font-size: 15px;
text-transform: uppercase;
display: block
}
.main-navigation ul li.current-menu-ancestor>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current-menu-parent>a,
.main-navigation ul li.current_page_ancestor>a,
.main-navigation ul li:hover>a,
.main-navigation ul li>a:hover {
text-decoration: none
}
.main-navigation ul li .sub-arrow {
width: 50px;
line-height: 50px;
position: absolute;
right: -20px;
top: 0;
color: #000;
font-size: 14px;
text-align: center;
cursor: pointer
}
.main-navigation ul ul li .sub-arrow {
right:-10px;
}
.mobile-menu .fa-bars {
float: right;
margin-top: 3px
}
.main-navigation ul li .arrow-sub-menu::before {
font-size: 12px
}
.primary-menu {
margin: 0;
position: relative;
z-index: 2
}
.primary-menu ul li a {
color: #fff;
padding: 16px
}
.primary-menu ul li .fa-chevron-right {
color: #fff
}
.primary-menu ul ul li .fa-chevron-right {
color: #010101
}
.primary-menu ul li ul.children li,
.primary-menu ul li ul.sub-menu li {
border-bottom: 1px solid rgba(255, 255, 255, .1)
}
.secondary-menu {
width: 100%;
float: left;
border-top: 1px solid #e5e6e9;
position: relative
}
.secondary-menu .smenu ul li a,
.secondary-menu ul.smenu li a {
color: #333;
padding: 24px 16px
}
.secondary-menu ul.smenu li a:hover,
.secondary-menu ul.smenu li.current-menu-item a {
color: #06C
}
.secondary-menu ul.smenu ul li {
border-bottom: 1px solid #e5e6e9
}
.secondary-menu ul.smenu ul li a {
padding: 16px
}
.secondary-menu ul.smenu>li:first-child {
border: none
}
.secondary-menu .arrow-menu {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
text-align: center;
display: none;
width: 42px;
height: 42px;
line-height: 44px;
border-left: 1px solid rgba(0, 0, 0, .2)
}
.secondary-menu ul.smenu li.btn-right {
float: right;
border: none;
margin: 16px 0
}
.secondary-menu ul.smenu li.btn-right a {
padding: 9px 25px 11px;
font-weight: 500;
background: #06C;
text-align: center;
text-transform: capitalize;
display: block;
line-height: 1.25;
box-sizing: border-box;
color: #fff;
border-radius: 3px
}
.secondary-menu .btn-right a:hover {
opacity: .8;
color: #fff
}
.search-style-one {
width: 100%;
position: fixed;
overflow: hidden;
height: 90px;
z-index: 9;
left: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
transition: -webkit-transform .4s linear, visibility .1s;
transition: transform .4s linear, visibility .1s
}
.overlay {
background: rgba(0, 0, 0, .7);
width: 100%
}
.search-style-one.open {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.search-row {
position: relative;
margin: 0 auto
}
.overlay .overlay-close {
width: 50px;
height: 52px;
line-height: 52px;
position: absolute;
right: 8%;
top: 15px;
font-size: 20px;
overflow: hidden;
border: none;
padding: 0 17px;
color: #3a5795;
background: rgba(255, 255, 255, .9);
z-index: 100;
cursor: pointer;
border-radius: 2px
}
.search-style-one .search-row input#s {
width: 100%;
height: 82px;
line-height: 82px;
padding: 20px 30px;
color: #fff;
font-size: 18px;
background: 0 0;
border: none;
box-sizing: border-box
}
#site-header {
width: 100%;
text-align: center;
position: relative;
z-index: 3;
margin: 0;
background: #fff
}
#site-header a {
display: block
}
#site-header img {
width: auto;
line-height: 20px;
margin: 0;
vertical-align: top
}
.site-info {
line-height: normal
}
.site-header ul ul {
list-style: none;
min-width: 240px;
display: none;
position: absolute;
top: inherit;
left: 0;
margin: 0;
padding: 0;
z-index: 9;
}
.site-header ul ul li {
float: none
}
.site-header ul ul ul {
top: 0;
left: 238px
}
.site-content {
width: 100%;
display: block
}
.featured-content {
width: 70%;
margin-right: 0%;
float: left
}
.featured-thumbnail img {
width:100%;
max-width:100%;
height:auto;
}
.featured-thumbnail {
float: left;
display: inline-block;
width: 100%;
margin-bottom:10px;
text-align:center;
}
.posts-entry .entry-content p:last-child {
margin-bottom: 0
}
.posts-entry .entry-footer {
width: 100%;
display: inline-block;
margin: 1.5em 0 0;
font-size: 12px;
text-align: center;
background: #f1f1f1;
padding: 5px 20px
}
.single .posts-entry .entry-footer {
text-align: left;
background: 0 0;
padding: 0
}
.entry-meta {
margin-bottom: 14px;
font-family: Lato, 'helvetica neue', helvetica, arial
}
.post-item-grid-view .entry-meta {
margin-bottom: 0
}
.entry-footer span {
padding-right: 16px;
position: relative
}
.entry-footer span:after {
content: "";
height: 12px;
overflow: hidden;
border-right: 1px solid #4169e1;
position: absolute;
right: 8px;
top: 1px
}
.entry-footer span:last-child:after {
content: "";
display: none
}
.site-info,
.site-info a {
color: #fff
}
.site-footer {
width: 100%;
float: left;
background: #000
}
.site-info {
float: left;
font-size: 14px
}
.site-info a:hover {
border-bottom: dotted 1px
}
.site-info p {
padding: 0
}
.pagination:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden
}
.nav-links {
width: 100%;
display: inline-block
}
#load-posts a {
background: #fff;
display: inline-block;
line-height: 1;
color: #333;
padding: 2% 4%;
box-sizing: border-box;
margin: 0;
text-decoration: none
}
.nav-links .nav-next,
.nav-links .nav-previous {
max-width: 40%;
border-radius: 1px
}
.nav-links .nav-previous {
float: left;
text-align: left
}
.nav-links .nav-next {
float: right;
text-align: right
}
.paging-navigation .nav-links .nav-next a,
.posts-navigation .nav-next a {
float: right
}
.nav-links span.meta-nav {
font-size: 18px
}
#load-more-wrap {
width: 100%;
text-align: center
}
#load-more-wrap a {
background: #f3f2f2;
padding: 10px;
display: block
}
.posts-related,
.posts-related ul {
width: 100%;
display: inline-block
}
.posts-related ul {
list-style: none;
margin: 0;
padding: 0
}
.posts-related ul.grid-related-posts li {
width: 31.3%;
float: left;
margin: 0 3% 3% 0
}
.posts-related ul.grid-related-posts li:nth-child(3n) {
margin-right: 0
}
.posts-related ul.grid-related-posts li:nth-child(3n+1) {
clear: left
}
.posts-related ul.list-related-posts {
margin-bottom: 0
}
.posts-related ul.list-related-posts li {
width: 100%;
float: left;
display: block;
margin: 0 0 2%;
padding-bottom: 2%;
border-bottom: 1px solid #f5f5f5
}
.posts-related ul.list-related-posts li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none
}
.posts-related .list-related-posts .featured-thumbnail {
max-width: 160px;
max-height: 160px
}
.posts-related .list-related-posts .featured-thumbnail img {
width: 100%;
height: 100%;
display: block
}
.posts-related ul.list-related-posts .related-data a {
color: #3498DB;
display: block;
margin-bottom: 5px
}
.posts-related ul.nothumb-related-posts {
width: 100%;
display: inline-block;
margin-bottom: 0;
padding: 0
}
.posts-related ul.nothumb-related-posts li {
line-height: 34px
}
.featured-sidebar {
width: 30%;
float: left;
margin-top:4px;
}
.widget {
width: 100%;
padding: 8.8%;
float: left;
clear: both
}
.swidget {
width: 100%;
display: inline-block;
margin-bottom: 20px;
float:left;
}
.swidget h3 {
width: auto;
display: inherit;
font-size: 20px;
color: #000;
text-transform: uppercase;
padding-bottom: 15px;
margin: 0
}
.fmenu,
.fmenu ul li {
display: inline-block
}
.widget ul {
padding: 0;
margin-bottom: 0;
list-style-position: inside
}
.widget>ul {
margin: 0
}
.widget ul li {
display: inline-block;
float: left;
width: 100%;
border-bottom: 1px solid #e6e6e6;
padding:10px 0;
}
.widget ul li a {
margin:0;
padding: 0;
}
.widget .popular-post-meta,
.widget .recent-post-meta {
font-size: 12px;
line-height: normal
}
.widget .post-img {
float: left;
margin-right: 10px
}
#wp-calendar {
margin-bottom: 0
}
#wp-calendar thead th {
padding: 0;
text-align: center
}
#wp-calendar td {
text-align: center;
padding: 7px 0
}
#wp-calendar caption {
font-size: 16px;
padding-bottom: 10px;
font-weight: 700
}
#wp-calendar tfoot {
margin-top: 30px
}
#wp-calendar #prev {
text-align: left;
padding: 0 0 0 12px
}
#wp-calendar #next {
text-align: right;
padding: 0 12px 0 0
}
#wp-calendar #next a,
#wp-calendar #prev a {
text-decoration: none
}
.fmenu {
width: 100%;
text-align: center;
margin-top: 10px
}
.fmenu ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
line-height: normal
}
.fmenu ul li {
float: none
}
.fmenu ul li a {
color: #fff;
text-transform: none;
margin: 0 8px;
font-size: 14px;
line-height: normal
}
.fmenu ul li a:hover {
text-decoration: none
}
@media (min-width:1024px) {
.super-menu,
.toggle-mobile-menu {
display: none
}
}
@media (min-width:992px) {
.fmenu,
.footer-menu ul {
float: right
}
.arrow-menu,
.footer-menu ul li .arrow-sub-menu {
display: none
}
.fmenu {
width: auto;
margin-top: 0;
text-align: right
}
.footer-menu {
width: 100%
}
.footer-menu ul li {
float: left;
line-height: 14px
}
.footer-menu ul ul {
margin-left: 0;
list-style: none;
border-left: 1px solid #ccc
}
.footer-menu ul>li:first-child {
border: none
}
.footer-menu ul li.main-navigation-item-has-children a,
.footer-menu ul li.main-navigation-item-has-children ul {
float: left
}
.secondary-menu .smenu ul ul.children,
.secondary-menu .smenu ul ul.sub-menu {
box-shadow: 0 2px 5px -2px #9baac2
}
.secondary-menu .smenu ul ul.children li,
.secondary-menu .smenu ul ul.sub-menu li {
border-bottom: 1px solid #f5f5f5
}
}
@media screen and (max-width:1023px) {
.main-navigation ul li .sub-arrow {
right:0px;
}
.ads-top,
.site-branding {
text-align: center;
width: 100%
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.ads-top .textwidget img {
display: inline
}
.main-container-wrap {
position: relative;
left: 0;
}
#mobile-menu-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
cursor: pointer;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(0, 0, 0, .5)
}
#page {
position: relative;
left: 0;
top: 0;
}
.main-navigation,
.smenu-hide {
display: none
}
.mobile-menu-active .smenu-hide {
display: block;
color: #000
}
.mobile-menu-active #mobile-menu-overlay {
display: block
}
.mobile-menu-active #page {
width: 100%;
max-width: 100%;
position: fixed;
top: 0;
right: 300px;
transition: left .5s ease;
-ms-transform: translate(70%, 0);
-webkit-transform: translate(70%, 0);
transform: translate(70%, 0)
}
#smobile-menu {
background-color: #fff;
position: fixed;
width: 70%;
top: 0;
bottom: 0;
left: -70.1%;
z-index: 5999998;
overflow-x: hidden;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
#smobile-menu .content-wrap,
#smobile-menu .primary-menu ul {
width: 100%;
max-width: 100%;
margin: 0
}
#smobile-menu.show {
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
#smobile-menu.show .main-navigation {
width: 100%;
float: left;
display: block;
margin: 0
}
#smobile-menu.show .main-navigation ul li {
width: 100%;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}
#smobile-menu.show .main-navigation ul li a {
padding: 12px 20px
}
#smobile-menu.show .main-navigation ul ul.children,
#smobile-menu.show .main-navigation ul ul.sub-menu {
display: none
}
#smobile-menu.show .main-navigation ul ul.children.active,
#smobile-menu.show .main-navigation ul ul.sub-menu.active {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
#smobile-menu.show .main-navigation ul ul.children li:last-child,
#smobile-menu.show .main-navigation ul ul.sub-menu li:last-child {
border: none
}
#smobile-menu.show .main-navigation ul li .sub-arrow {
display: block
}
.toggle-mobile-menu {
display: inline-block;
width: 100%;
margin: auto;
position: relative;
color: #fff;
text-align: right;
z-index: 1;
padding: 12px 20px
}
.toggle-mobile-menu:hover {
color: #fff
}
.toggle-mobile-menu:before {
font-family: FontAwesome;
content: "\f0c9";
font-size: 18px;
line-height: 50px;
margin-right: 10px;
position: absolute;
color:#000;
left: 0;
top: 0
}
.mobile-only .toggle-mobile-menu {
text-decoration: none
}
.mobile-only .toggle-mobile-menu:before {
left: 20px
}
.super-menu {
background:#fff;
}
.super-menu-inner {
width: 1120px;
max-width: 90%;
margin: 0 auto
}
.super-menu .toggle-mobile-menu {
padding: 10px 0;
color: #000;
text-decoration: none
}
.super-menu .main-navigation-toggle:before {
left: 0
}
}
@media (max-width:992px) {
.featured-content,
.featured-sidebar {
width: 100%;
margin: 0
}
.site-info {
width: 100%;
text-align: center
}
}
.widget ul li {
display:inline-block;
float:left;
width:100%;
}
.widget ul {
display:inline-block;
float:left;
width:100%;
}
.widget ul:first-of-type li:first-of-type {
margin-top:0px;
padding-top:0px;
}
.widget ul:last-of-type li:last-of-type {
margin-bottom:0px;
border-bottom:0px;
padding-bottom:0px;
}
.text-center {
text-align:center;
}
.primary-menu .pmenu {
margin: auto;
display: inline-block;
float:left;
width:100%;
text-align:center;
background:#fff;
}
.main-navigation ul li {
position: relative;
display: inline-block;
}
.main-navigation ul li a {
color: #000;
font-weight: 400;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 15px 1rem;
text-decoration: none;
}
.main-navigation ul li.current-menu-item>a {
font-weight:500;
}
.primary-menu {
float:left;
}
.site-branding.branding-logo {
width: 100%;
text-align: center;
}
.sheader {
background-size:cover;
background-position:top center;
}
.site-branding .site-description {
line-height:150%;
}
.site-header ul ul {
text-align: left;
}
.primary-menu ul li ul.children li, .primary-menu ul li ul.sub-menu li {
width:100%;
max-width: 100%;
}
.site-header ul ul li a {
font-size: 14px;
opacity: 0.8;
}
.site-header ul ul li:first-of-type a {
border-top:0px solid #000;
}
.swidgets-wrap {
padding: 20px 20px;
text-align: left;
margin-top: 0;
}
.swidgets-wrap h3 {	
display: inline-block;
line-height:130%;
font-size: 17px;
font-weight: 500;
color: #2b2b2b;
margin-bottom: 5px;
padding:0;
}	
.widget time.rpwe-time.published {
width: 100% !important;
display: block !important;
font-size: 12px;
}
#secondary .widget {
font-size: 15px;
color: #333;
}
.widget_archive ul:last-of-type li:last-of-type {
margin-bottom:0px;
}
.widget h3.rpwe-title {
font-size: 14px !important;
padding: 0px !important;
display: block !important;
}
.widget img.rpwe-thumb {
border: 0px #fff !important;
box-shadow: 0px 0px 0px #fff !important;
padding: 0px !important;
margin-top: 0px !important;
}
.site-info {
float: left;
font-size: 14px;
width: 100%;
text-align: center;
opacity: 0.8;
padding:20px;
border-top:1px solid #fff;
}
.footer-column-three {
display: inline-block;
float: left;
width: 100%;
max-width: 33%;
color: #fff;
padding: 50px 0;
}
.footer-column-three .widget {
padding:0;
background:rgba(0,0,0,0);
font-size:14px;
margin:0;
}
.footer-column-three h3 {
background: rgba(0,0,0,0);
color: #fff;
padding: 0;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
font-family:'lato';
letter-spacing: 2px;
}
.footer-column-three p {
font-size: 14px;
color: #656565;
}
.footer-column-three a {
color: #fff;
}
.footer-column-three h3:after {
display: block;
height: 2px;
width: 40px;
content: ' ';
background: rgba(255, 255, 255, 0.24);
margin-top: 7px;
}
.footer-column-left {
padding-right:10px;
}
.footer-column-middle {
padding-right:10px;
padding-left:10px;
}
.footer-column-right {
padding-left:10px;
}
.footer-column-three .widget {
margin-bottom: 40px;
overflow:hidden;
}
.footer-column-three .widget:last-of-type {
margin-bottom: 0;
}
.footer-column-three input.search-submit {
background: rgba(0,0,0,0);
border: 1px solid #fff;
padding: 10px 15px;
font-size:13px;
}
.footer-column-three input.search-field {
background: rgba(0,0,0,0);
border: 1px solid #ffff;
border-right: 0px;
padding-bottom: 18px;
color: #fff;
font-size:13px;
padding: 10px;
}
.footer-column-three p:last-of-type {
margin-bottom:0px;
}
.entry-meta {
display: inline-block;
margin: auto;
text-align: center;
font-size: 17px;
color: #000;
margin-bottom: 5px;
padding: 0px 20px;
font-weight: 100;
}
h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
font-family: Merriweather;
font-weight: 400;
color: #000;
font-size: 30px;
text-align: center;
line-height: 150%;
margin-top: 0px;
}
.entry-meta {
display: inline-block;
margin: auto;
text-align: center;
font-size: 17px;
color: #000;
margin-bottom: 5px;
padding: 0px 20px;
width: 100%;
font-weight: 400;
}
.entry-meta a{
text-decoration:none;
}
article .entry-content {
font-family: 'lato', lato, 'helvetica neue', helvetica, arial, sans-serif;
line-height: 150%;
color: #656565;
font-size: 16px;
}
.single article .entry-content, .page article .entry-content {
color:#000;
}
.blog-data-wrapper {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 10px;
position: relative;
min-height: 24px;
}
.post-data-text {
display: inline-block;
margin: auto;
text-align: center;
font-size: 17px;
color: #000;
margin-bottom: 5px;
padding: 0px 20px;
}
.blogpost-button {
padding: 15px 35px;
border-radius: 0px;
background: #fab526;
font-weight: 700;
border-radius:30px;
font-size: 15px;
color: #fff;
margin: auto;
display:inline-block;
text-decoration: none;
}
.page-numbers li {
display: inline-block;
list-style:none;
}
ul.page-numbers {
display: inline-block;
padding: 0;
height: auto;
margin: 10px auto 20px auto;
}
.page-numbers li a{
background: #000000;
padding: 10px 17px;
transition: all 0.4s;
font-size: 14px;
color: #fff;
margin: 0 5px;
text-decoration: none;
border: 1px solid #000;
font-weight:600;
display: inline-block;
border-radius:2px;
float: left;
}
.page-numbers li a:hover {
background:rgba(0,0,0,0);
color:#000;
}
.page-numbers.current {
background: rgba(0,0,0,0);
padding: 10px 17px;
transition: all 0.4s;
font-weight:600;
font-size: 14px;
color: #000;
margin: 0 5px;
text-decoration: none;
border: 1px solid #000;
display: inline-block;
float: left;
border-radius:2px;
}
td, th {
padding: 10px;
text-align: left;
}
tr {
border-bottom: 1px solid #000;
}
.error404 main#main,
.search-no-results section.fbox.no-results.not-found {
background:#fff;
margin-bottom:50px;
text-align: center;
}
.search-no-results h1, .error404 h1 {
font-size: 28px;
line-height: 150%;
padding: 0;
margin: 0;
font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
}
.search-results h1.page-title {
text-align: center;
font-size: 35px;
border-top: 4px double #000;
border-bottom: 4px double #000;
font-weight: 400;
line-height: 150%;
padding: 10px 0 15px;
font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
}
.comments-area .comments-title {
font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
}
.search-no-results #main .search-form label, .error404 #main .search-form label {
float: none;
margin-right: -5px;
border: 1px solid #000;
border-right: 0px solid #fff;
padding: 0;
}
.error404 #main .search-form label, .search-no-results #main .search-form label {
float: none;
margin-right: -5px;
border: 1px solid #000;
border-right: 0px solid #fff;
padding: 0;
}
.error404 input.search-submit, .search-no-results input.search-submit {
padding: 11px;
border: 1px solid #000;
background: rgba(0,0,0,0);
color: #000;
}
.error404 input.search-field, .search-no-results input.search-field {
color:#000;
padding: 10px;
}
.archive .page-header h1 {
text-align: center;
font-size: 30px;
border-top: 4px double #000;
border-bottom: 4px double #000;
margin-bottom: 40px;
line-height: 150%;
margin: 25px;
padding:10px;
}
.archive header.fbox.page-header {
padding: 0;
}
.comments-area .comment-author .fn a {
text-decoration:none;
}
.comment span.edit-link {
float: right;
}
.website-content {
display: inline-block;
float: left;
padding-top:20px;
width: 100%;
margin-top: -7px;
background: #fff;
margin-bottom:50px;
}
.comments-area .comment-meta .comment-metadata a {
text-decoration: none;
font-size: 14px;
}
#comments ol.comment-list {
padding-left: 0;
margin-left: 0;
list-style:none;
}
.comments-area ol.comment-list .comment {
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.1);
margin-bottom: 40px;
padding-bottom:40px;
}
span.page-numbers.dots {
padding: 10px 17px;
transition: all 0.4s;
font-size: 14px;
color: #000;
margin: 0 5px;
text-decoration: none;
border: 1px solid #000;
font-weight: 600;
display: inline-block;
float: left;
}
.comments-area .reply {
padding-left: 45px;
font-size: 14px;
padding-bottom: 0
}
div#respond {
text-align: center;
}
p.comment-form-url {
display: none;
}
#comments h3#reply-title {
font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
font-size: 26px;
margin-bottom: 0px;
padding-bottom: 10px;
text-align: center;
}
.calendar_wrap tr {
border-bottom: 0px solid #000;
}
.header-widgets-three {
display: inline-block;
float: left;
margin-bottom: 40px;
width: 100%;
max-width: 33.3%;
}
.header-widgets-three .swidget {
margin-bottom: 10px;
}
#secondary .swidget {
border-bottom:1px solid #000;
}
.header-widgets-three figure.wp-caption.alignnone {
margin:0;
}
.header-widgets-left {
padding-right:10px;
}
.header-widgets-middle {
padding-right:10px;
padding-left:10px;
}
.header-widgets-right {
padding-left:10px;
}
.header-widgets-wrapper {
display: inline-block;
float: left;
width: 100%;
}
.header-widgets-three .header-widget p:last-of-type {
margin-bottom:0;
}
.header-widget {
margin-bottom: 40px;
}
.header-widget:last-of-type {
margin-bottom: 0px;
}
.bottom-header-wrapper {
background: #333;
text-align: center;
color: #fff;
padding: 100px 0;
font-size:18px;
float:left;
width:100%;
background-size: cover !important;
background-position: center !important;
display:inline-block;
margin-bottom:45px;
margin-top:-47px;
}
.bottom-header-wrapper * {
color:#fff;
}
.header-widget .textwidget h1, .header-widget .textwidget h2, .header-widget .textwidget h3, .header-widget .textwidget h4 .header-widget .textwidget h5{
padding:0px;
margin-top:0;
text-align:left;	
}
span.bottom-header-title {
display: inline-block;
width: 100%;
float: left;
font-size: 55px;
font-weight: 500;
}
span.bottom-header-tagline {
margin-bottom: 10px;
display: inline-block;
width: 100%;
float: left;
}
span.bottom-header-below-title {
margin-top: 10px;
display: inline-block;
width: 100%;
float: left;
}
.header-widgets-three p {
font-size: 15px;
color: #333;
}
.header-widgets-three h3 {
width:100%;
text-align:center;
font-weight:600;
}
header.fbox.page-header .archive-description {
margin: 25px;
}
@media screen and (max-width: 1023px) {
.smenu-hide.toggle-mobile-menu.menu-toggle {
border-bottom:1px solid rgba(255, 255, 255, 0.1)
}
.main-navigation ul li a {
text-align:left;
}
#smobile-menu.show .main-navigation ul li a {
text-align:left;
}
#smobile-menu.show .main-navigation ul ul.sub-menu li {
padding-left: 20px;
opacity: 0.8;
}
ul.page-numbers {
margin-bottom:50px;
}
}
@media screen and (max-width: 900px) {
.footer-column-three {
max-width:100%;
}
.footer-column-left {
padding-right:0;
}
.footer-column-middle {
padding-right:0;
padding-left:0;
}
.footer-column-right {
padding-left:0;
}
.header-widgets-three {
max-width:100%;
}
.header-widgets-left {
padding-right:0;
}
.header-widgets-middle {
padding-right:0;
padding-left:0;
}
.header-widgets-right {
padding-left:0;
}
}
@media screen and (max-width: 700px) {
h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
font-size:20px;
}
.post-data-text {
font-size: 15px;
}
.bottom-header-wrapper {
padding:60px 0;
font-size:16px;
}
.archive .page-header h1  {
font-size:25px;
}
article .entry-content {
margin-top:10px;
font-size:14px;
}
span.bottom-header-title {
font-size:28px;
}
.site-branding .site-title {
font-size:29px;
}
.site-branding .site-description {
font-size:14px;
}
.site-branding {
}
.page-numbers li {
display:inline;
}
.page-numbers li a, span.page-numbers.dots {
display: none;
}
.page-numbers li a.prev {
display: inline-block;
}
.page-numbers li a.next {
display: inline-block;
}
} p.comment-form-cookies-consent {
display: inline-block;
text-transform: none !important;
width: auto;
max-width: 100%;
margin: auto;
float: none;
}
.comment-form-cookies-consent label {
text-transform: none !important;
color: #a2a2a2;
width: 100%;
float: left;
display: inline-block;
}
input#wp-comment-cookies-consent {
float: left;
display: inline-block;
}
.comment-form-cookies-consent label {
text-transform: none !important;
color: #a2a2a2;
width: 100%;
float: left;
display: inline-block;
width: auto;
margin-top: 0;
margin-left: 20px;
font-size: 12px;
}
input#wp-comment-cookies-consent {
float: left;
display: inline-block;
margin-bottom: -28px;
margin-top: 3px;
}
.main-navigation ul li:hover>ul.sub-menu,
.main-navigation ul li a:focus ~ ul.sub-menu,
.main-navigation ul li a:focus > ul.sub-menu,
.main-navigation ul li a:focus ul.sub-menu,
.primary-menu ul li ul.sub-menu:focus-within,
.primary-menu ul li ul.sub-menu:focus-within,
.pmenu a:focus ~ .sub-menu,
.main-navigation ul li a:focus ~ ul,
.main-navigation ul li:hover>ul,
.pmenu li:focus-within> .sub-menu {
display:block;
} #secondary a.wp-block-button__link, a.wp-block-button__link { color: #fff; }
.wp-block-search__button, #secondary .wp-block-search__button { background: #000; color: #fff; margin: 0; border-color: #000; border-bottom-left-radius: 0; border-top-left-radius: 0; padding: 0 20px; }
.wp-block-social-links li { display: inline-block !important; width: auto !important; padding: 0px !important; margin: 5px !important; -webkit-box-shadow: 0px 0px 0px #fff !important; box-shadow: 0px 0px 0px #fff !important;} #secondary .wp-block-social-links.wp-block-social-links li a { color: #fff;} .wp-block-social-links.wp-block-social-links li a { color: #fff;}
.widget .widget { padding: 0px; }ul.spbrposts-ul li:first-of-type { padding-top: 0px !important; }h3.spbrposts-title { line-height: 1; }.wp-block-social-link { border-bottom: 0px solid #fff !important; }.single-post p.comment-form-url { display: inline-block; width: 100%; max-width: 100%; } .single-post p.comment-form-author, .single-post p.comment-form-email { max-width: 49%; float: none; display: inline-block; width: 100%; } .single-post p.comment-form-email label, .single-post p.comment-form-author label, .single-post p.comment-form-comment label, .single-post p.comment-form-url label { margin-bottom: 2px; text-align: left; margin-top: 5px; display: inline-block; width: 100%; } .single-post .comments-area .comment-respond input[type="email"], .single-post .comments-area .comment-respond input[type="text"], .single-post .comments-area .comment-respond input[type="url"] { max-width: 100% !important; } .single-post p.comment-form-email { margin-left: 1%; } .single-post p.comment-form-cookies-consent {text-align:left; display: inline-block; max-width: 100%;  } @media screen and (max-width: 900px) { .single-post p.comment-form-email { margin-left: 0%; } .single-post p.comment-form-author, .single-post p.comment-form-email { max-width: 100%; float: none; display: inline-block; width: 100%; } }.wpcf7 input, textarea { border-color: #000; width: 100%; padding: 10px 15px; }.wpcf7 input.wpcf7-submit { background: #000; padding: 15px; }
.wp-block-cover .wp-block-cover__inner-container p { line-height: 140%; }