/* Custom style sheet for zimfest.org FONT FAMILIES: Cabin, Merienda, Roboto Condensed, Merienda One (home page only) BODY TEXT: 15px, small 13px COLORS Dark Red: #B43512 Rich Brown: #592408 Forest Green: #406834 Yellow: #FFC000 Cream: #F0E3C0 Body text: #333 Grey text: #555 Border/line: #CCC (border-radius: 6px; buttons 5px) Sidebar background: #EEF4EE Main nav background: #D5E3D5 Main nav bg hover: #0F410F #406834 Main nav border: #ABC7AB Zim Flag: #186618 #FFD928 #FF0009 USEFUL CLASSES .alert .box .nowrap .small .page-help .large .page-intro .small-caps .allcaps .asterisk .required .bodytext h3.h1-subhead ul.intro ul.close ul.wide ul.nobullets a.button a.pdf li.pdf img.performer (float right) div.columns div.columns.last div.columns ul table.horizborder table.noborder table.autowidth table.equalcolumns table.aligntop ***** table.alignmiddle ***** table td.footnote table td.shaded p.footnote div.half-page-width div.columns-sixty-forty TABLE OF CONTENTS Base Styles: Element defaults and frequently-used classes Page Templates Specific Areas on All Pages: Header, Breadcrumbs, Footer Sidebars Plugins Used in Content Areas Site Section-Specific Changes: Blog, Ride Board, Volunteer Page-Specific Changes Archives Section Main Menu (Dropdown) Smaller Devices (Mobile/Narrow Windows) Print Styles */ /**** BASE STYLES - ELEMENT DEFAULTS AND FREQUENTLY-USED CLASSES **********************/ /* PAGE DEFAULTS */ body {background: url(/wp/wp-content/uploads/2015/05/bg-page-cream-texture-ds.png) center top repeat-y; color: #333; font-size: 15px; line-height: 22px; font-family: 'Cabin', sans-serif; font-weight: 400;} /* PAGE & CONTENT-AREA CONTAINTERS */ #container {padding: 0;} #wrapper {margin: 0 auto; border: 0 none; border-color: white; border-radius: 0;} #content, #content-full, #content-blog, #content-archive, #content-sitemap {margin-top: 15px;} /* MISC CLASSES */ .alert {background-color: #FFE8E9; color: #333; border: 1px solid #B33512; padding: 6px 10px; border-radius: 6px;} .box {background-color: #EEE; color: #333; border: 1px solid #CCC; padding: 10px 15px 10px 20px; border-radius: 6px; line-height: 20px;} .nowrap {white-space: nowrap;} .small, .page-help {font-size: 13px; line-height: 19px; letter-spacing: 0;} .large, .page-intro {font-size: 17px; line-height: 25px;} .small-caps {font-size: 12px; text-transform: uppercase;} .asterisk {color: #B43512;} /* form required fields */ .required {color: inherit !important;} /* to override red from theme */ .bodytext {font-size: 15px; line-height: 22px; letter-spacing: 0; font-family: 'Cabin', sans-serif;} .allcaps {text-transform: uppercase; letter-spacing: 0;} .clear {clear: both;} p.footnote {color: #555; font-size: 13px; line-height: 16px; font-style: italic; margin-top: -10px; margin-left: 30px;} sup.footnote {color: #555; font-size: 13px; font-style: italic;} /* COLORS */ h1 {color: #B43512;} h2, h3, h4, h5, h6 {color: #592408;} a {color: #406834;} a:hover, a:focus, a:active {color: #B43512;} #content a, #content-full a, #content-blog a, #content-archive a, #content-sitemap a, #widgets p a {font-weight: 700;} #widgets p.logged-in-as a {font-weight: 400;} #content a[href^="tel:"], #content-full a[href^="tel:"], #content-blog a[href^="tel:"], #content-archive a[href^="tel:"] {color: #333; font-weight: normal; white-space: nowrap;} /* override link styles */ /* FONTS & TYPOGRAPHY */ p, ul, ol, li, h1, h2, h3, h4, h5, h6 {margin-top: 0;} p, ul, ol {margin-bottom: 17px;} p:empty {display: none; margin: 0; padding: 0;} blockquote p {font-size: 15px; line-height: 22px; font-family: 'Cabin', sans-serif;} /* Headings */ h1, h2, h3, h4, h6, h1 a, h2 a, h3 a, h4 a, h6 a {font-family: 'Merienda', cursive; font-weight: 700;} h5, h5 a {font-weight: 700;} /* not Merienda font */ h2, h3, h4 {clear: both;} h1 {letter-spacing: -2px; font-kerning: normal;} h2, h3 {letter-spacing: -1px; font-kerning: normal;} h1 {font-size: 33px; line-height: 40px; margin: 16px 0 25px 0; text-align: center;} h2 {font-size: 23px; line-height: 30px; margin: 35px 0 15px 0;} h3 {font-size: 20px; line-height: 26px; margin: 26px 0 12px 0;} h4 {font-size: 16px; line-height: 22px; margin: 20px 0 8px 0;} h5 {font-size: 16px; line-height: 22px; margin: 18px 0 4px 0;} h2 + h4, h4 + h3, h3 + h2 {margin-top: 0;} /* use directly below another heading */ h2.close, h3.close, h4.close {margin: -0.625em 0 .75em 0; /* need to override .close in bootstrap */ float: none; color: #592408; font-weight: 700; line-height: 1.2; opacity: 1; text-shadow: none;} h2.h3 {font-size: 20px; line-height: 26px; margin: 26px 0 12px 0;} h3.close {font-size: 20px;} h4.close {font-size: 16px;} h3.h1-subhead {color: #B43512; text-align: center; margin: -16px 0 25px 0;} h3.h1-subhead span {white-space: nowrap;} h4.caps {font-family: 'Cabin', sans-serif; text-transform: uppercase; letter-spacing: 0; margin: 35px 0 2px 0;} h4.first-heading {font-family: 'Cabin', sans-serif; text-transform: uppercase; letter-spacing: 0; margin: 0 0 2px 0; padding-top: 30px;} h4.first-heading + h2 {margin-top: 0;} h4.caps {margin-top: 2px;} h2 + h4.caps, h3 + h4.caps {margin-top: -10px; line-height: 26px;} h2.archive-title {color: #B43512; font-size: 23px; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0 0 20px 0;} /* LISTS */ ul, ol, ul, ol, ul ul, ul ol, ol ol, ol ul {margin-left: 30px; padding: 0;} li {margin-bottom: 6px;} p + ul.intro, p + ol.intro {margin-top: -7px;} p + ul.intro.close, p + ol.intro.close {margin-top: -13px;} ul.close > li, ol.close > li {margin-bottom: 0;} /* override .close in bootstrap */ ul.close, ol.close {color: inherit; float: none; font-size: inherit; font-weight: inherit; line-height: inherit; opacity: 1; text-shadow: none;} .close:hover, .close:focus {color: inherit; text-decoration: none; cursor: text; opacity: 1; filter: none;} ul.wide > li, ol.wide > li {margin-bottom: 18px;} ol ol {list-style-type: lower-alpha;} #content ul li ul li, #content-full ul li ul li {list-style: circle;} #content ul li ul li ul li, #content-full ul li ul li ul li {list-style: square;} #content ul li ul li ul li ul li, #content-full ul li ul li ul li ul li {list-style: circle;} ul.toc, ul#toc {list-style: none; margin: 0; padding: 0;} ul.toc li, ul#toc li {margin: 0; padding: 0;} #links-to-sidebar {display: none;} /* this is reversed in media queries for narrow windows; contains ul#toc */ ul.nobullets {list-style: none; margin-left: 0; padding-left: 0;} ul.nobullets li {list-style: none; margin-left: 0; padding-left: 0;} table ul {margin: 0;} table ul li {line-height: 18px; margin-left: 10px; margin-bottom: 6px;} /* TABLES */ table {border: 1px solid #CCC; background-color: white; margin: 0 0 15px 0;} th, td {border: 1px solid #CCC; padding: 4px 10px; text-align: left;} th, th a {font-weight: bold;} table h2, table h3, table h4 {margin: 1em 0 0.5em 0;} table.autowidth {width: auto;} table.noborder, table.noborder th, table.noborder td {border: 0 none; padding-left: 0;} table.noborder table, table.noborder table th, table.noborder table td {border: 1px solid #CCC; padding-left: 10px;} table.noborder h2 {margin: 1em 0 0 0;} table.noborder h3, table.noborder h4 {margin: 0.75em 0 0.25em 0;} table.horizborder, table.horizborder th, table.horizborder td {border-width: 0; padding-left: 0;} table.horizborder td {border-width: 1px 0;} table.horizborder th, table.horizborder td {padding-right: 20px;} table.horizborder th:last-of-type, table.horizborder td:last-of-type {padding-right: 0;} table td.footnote {font-size: 13px; font-style: italic; padding-top: 2px; border-bottom: 0 none;} table.equalcolumns {table-layout: fixed;} table th {vertical-align: bottom;} table.alignmiddle td, table.alignmiddle th {vertical-align: middle;} table.aligntop td, table.aligntop th {vertical-align: top;} table th.shaded, table td.shaded, table tr.shaded th, table tr.shaded td {background-color: #EEE;} table ul {margin: 0;} table ul li {line-height: 18px; margin-left: 10px; margin-bottom: 6px;} /* ICONS */ li.pdf {padding-left: 25px; background: url(/wp/wp-content/uploads/2015/05/icon-pdf-small.png) no-repeat center left; list-style: none;} a.pdf {padding-left: 25px; background: url(/wp/wp-content/uploads/2015/05/icon-pdf-small.png) no-repeat center left;} .nav-external {background-image: url("/wp/wp-content/uploads/2016/06/external-link.png") !important; height: 10px; width: 10px; display: inline-block; position: relative; left: 3px;} ul.icons {list-style: none; margin-left: 0; padding-left: 0;} ul.icons li {list-style: none; margin-left: 0; padding-left: 0;} ul.icons img {margin-right: 10px;} /* IMAGES & CAPTIONS */ .wp-caption {background-color: #EEE; border: 1px solid #CCC; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .wp-caption p.wp-caption-text {font-size: 13px; padding-bottom: 0;} img.performer {float: right; margin: 4px 0 5px 15px; max-width: 50%; height: auto;} .video-responsive {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;} .video-responsive iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .captionboxes-halfwide .wp-caption {padding: 10px 5px 10px 5px;} .captionboxes-halfwide .wp-caption p.wp-caption-text {line-height: 1.3;} /* BUTTONS */ .post-data-comments a.post-data-respond {background-color: #ffc000; background-image: none; padding: 1px 10px; border-radius: 5px; margin-left: 5px; margin-top: 0;} a.post-data-respond:hover {color: #406834;} form input[type=submit], form input[type=button] {background-color: #FFC000; color: #333; background-image: none; border-radius: 5px; margin-top: 10px; margin-right: 30px;} a.btn, a.button {background-color: #FFC000; color: #406834; background-image: none; border-radius: 5px; margin-top: 10px; margin-right: 30px;} a:hover.button, a.button:hover, a.button::-moz-selection {background-color: #FFC000 !important; color: #B43512 !important;} /* FORMS */ form input[type=text], form input[type=email], form input[type=tel] {width: 225px; padding: 3px; border-radius: 0; border-color: #CCC; border-width: 1px; border-style: solid; box-shadow: 0 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.2) inset; box-sizing: border-box; cursor: text;} form textarea {width: 500px; height: 90px;} form input[type=checkbox], form input[type=radio] {margin: 0 5px 0 0;} label {font-weight: bold;} input[type=checkbox] + label {font-weight: normal;} form ul {list-style: none;} form li {margin: 0;} label + input, label + input[type=text], label + input[type=email], input + label {margin-left: 8px;} form input::placeholder, form textarea::placeholder {color: #555; font-size: 13px;} /* COGNITO FORMS */ /* See also the file style-cognitoforms.css on the server in the responsive-child theme folder */ .cognito .c-label label, .cognito .c-label {font-weight: bold;} .cognito .c-forms-logo, .cognito .c-forms-heading .c-forms-form-title {padding-top: 0 !important;} .cognito .c-forms-form .c-forms-heading {padding-bottom: 0 !important;} .cognito .c-forms-form .c-forms-confirmation-message * {color: #B43512 !important; font-size: 18px !important; line-height: 25px !important; font-weight: normal !important;} .cognito .c-forms-form .c-forms-confirmation-message a {color: #406834 !important; font-weight: bold !important;} #survey .c-text-multiplelines textarea {height: 150px;} /* COLUMNS */ div.columns {width: auto; float: left; margin: 0 30px 0 0;} div.columns.last {margin-right: 0;} div.columns ul {width: auto; float: left; margin: 0 30px;} div.columns ul:last-child {margin-right: 0;} div.row-fluid .span4 {float: left; width: 30%; padding-right: 5%;} div.row-fluid .span8 {float: left; width: 60%;} .two-columns.columns {width: 47%;} .three-columns.columns {width: 32%;} .half-page-width {float: left; width: 47.5%; margin-right: 4%;} .half-page-width.last {margin-right: 0;} .columns-sixty-forty {float: left; width: 57.5%; margin-right: 4%;} .columns-sixty-forty.last {width: 37.5%; margin-right: 0;} /* SIDEBAR BOX CLASS - can be insterted into page content area to create sidebar that floats at top-right */ .sidebar-boxes {width: 293px; float: right; margin-top: 43px;} .sidebar-boxes div {background-color: #EEF4EE; border-color: #CCC; padding: 4px 10px 4px 12px; margin-bottom: 20px; border: 1px solid #CCC; border-radius: 6px; line-height: 20px; font-family: "Roboto Condensed";} .sidebar-box div:last-of-type, .sidebar-boxes div ul {margin-top: 4px; margin-bottom: 0;} .sidebar-boxes div ul li {line-height: 16px;} #content-full .sidebar-boxes div ul li a {font-weight: normal;} .sidebar-boxes .current_page_item {color: #B43512;} /* MEDIA BOX CLASS - boxes that contain video or photo above, optional caption below (can include headings, paragraphs) side by side on desktop, above and below on smaller screens */ .media-box {float: left; margin: 10px 30px 20px 0; padding: 0;} .media-box:last-of-type {margin-right: 0;} .media-box .media-box-caption {padding: 0;} /* FAQ SECTIONS */ p.faq-q {margin-bottom: 4px;} p.faq-a {margin-bottom: 22px;} p.faq-q .first-letter, p.faq-a .first-letter {color: #592408; font-size: 23px; font-weight: bold; padding-right: 5px;} /* MISC */ hr {border-bottom: 3px double #FFC000; margin: 25px 0 0 0; background: none; clear: both;} /**** PAGE TEMPLATES - Changes from the Default page template **************************/ /* Full Window Width Page (no sidebar) */ /* (this page template was added to the child theme by Larry) */ body.page-template-full-window-width-page #container, body.page-template-full-window-width-page .menu, body.page-template-full-window-width-page #footer {max-width: none;} /* Pagetop Horizontal Menu */ .pagetop-horiz-menu {background-color: #EEF4EE; padding: 0; margin: -15px 5px 25px 5px; border: 1px solid #A8BAA3; border-radius: 6px;} .pagetop-horiz-menu ul {list-style: none; margin: 0; padding: 0;} .pagetop-horiz-menu li {display: inline-block; margin: 0; padding: 5px 7px; border-right: 1px solid #BAC8B5; font-size: 14px; color: #406834; line-height: 18px; font-family: 'Roboto Condensed';} .pagetop-horiz-menu li:last-of-type {border-right: 0 none;} #content-full .pagetop-horiz-menu a {font-weight: normal;} .pagetop-horiz-menu a:hover, .pagetop-horiz-menu a:focus, .pagetop-horiz-menu a:active {color: #B43512;} .pagetop-horiz-menu .current-menu-item a {color: #B43512;} /* Sidebar Half-Page */ body.page-template-content-sidebar-half-page-php #widgets {margin-top: 133px;} body.page-template-content-sidebar-half-page-php .widget-wrapper {border: 0 none; background-color: white; } /* Left Sidebar */ #widgets.grid-right {margin-top: 30px;} .grid-right .widget_nav_menu {margin-right: 70px;} /* decrease width of boxes in left sidebar */ /**** SPECIFIC AREAS ON ALL PAGES: header, breadcrumbs, footer *************************/ /* HEADER */ /* see also section below: MAIN MENU (Dropdown) */ .skip-container {padding: 0;} #header {position: relative; background-color: white;} /* #logo {margin-top: 0; max-width: 100%; background-color: white; float: none;} #logo img {margin: 0 auto; max-width: 100%; display: block;} */ #logo, #logo a {width: 100%; height: 100px; color: #592408; background-color: white; text-align: left;} #logo {position: relative;} #logo-image {position: absolute; top: 0; left: 0; padding: 10px;} #site-title {position: absolute; top: 33px; left: 110px;} #header-date-location {position: absolute; top: 30px; right: 20px; width: auto;} #site-title {font-size: 40px; line-height: 1; font-weight: normal; font-family: 'Skranji', 'Merienda', cursive;} /* line-height: 36px; */ #header-date, #header-location {font-size: 15px; line-height: 19px; font-weight: bold; white-space: nowrap; font-family: 'Cabin', sans-serif;} #header #donate-button a {position: absolute; bottom: 3px; right: 20px; padding: 3px 8px 2px 8px; background-color: #B43512; color: white; border: 1px solid #F1DAD4; border-radius: 5px; font-family: 'Roboto Condensed'; font-weight: 700; font-size: 14px; line-height: 14px;} #header #donate-button a:hover {background-color: #992D0F; color: white;} /* For a "Top Menu" if it exists (not currently; was used for login items) */ .top-menu {margin: -8px 15px 5px auto; height: 19px; text-align: right; float: none; font-family: 'Roboto Condensed'; line-height: 18px;} .top-menu li {margin: 0; display: inline; list-style-type: none; line-height: inherit;} .top-menu li a {color: #406834; font-size: 14px; line-height: inherit; padding: 0 6px; border: 0 none;} .top-menu li a:hover, .top-menu li a:focus, .top-menu li a:active {color: #B43512;} .top-menu li a:empty {display: none;} #menu-top-log-inout a:not([href]) {color: #666;} /* use if a top-menu exists #logo {margin-top: 18px;} */ @media screen and (max-width: 850px) { #site-title {top: 20px;} #header-date-location {top: 63px; left: 110px; right: auto;} #header-date {float: left; padding-right: 7px; border-right: 1px solid #555; margin-right: 7px;} #header-location {float: left;} #header-date, #header-location {line-height: 1;} } @media screen and (max-width: 650px) { #site-title {top: auto; bottom: 40px; left: 106px; font-size: 5.8vw;} #header-date-location {top: 62px; left: 106px;} } @media screen and (max-width: 570px) { #site-title {bottom: 43px; font-size: 5.7vw;} #header-date-location {top: 61px;} } @media screen and (max-width: 500px) { #site-title {bottom: 45px; left: 102px; margin-right: 10px; font-size: 5.4vw;} #header-date-location {top: 60px; left: 102px;} #header-date {padding-right: 4px; margin-right: 4px;} #header-date, #header-location {font-size: 14px; margin-bottom: 2px;} } @media screen and (max-width: 450px) { #header-date, #header-location {font-size: 13px;} } @media screen and (max-width: 400px) { #site-title {font-size: 20px;} #header-date, #header-location {font-size: 12px;} #header-date {border-right: 0 none; padding-right: 0; margin-right: 12px;} } /* BREADCRUMB NAVIGATION */ .breadcrumb-list {font-size: 13px; margin-bottom: 30px; font-family: 'Roboto Condensed';} .breadcrumb-list .chevron {font-size: 17px; padding: 0 4px;} #content .breadcrumb-list a, #content-full .breadcrumb-list a, #content-blog .breadcrumb-list a, #content-archive .breadcrumb-list a, #content-sitemap .breadcrumb-list a {font-weight: 400;} span.breadcrumb, span.breadcrumb-current {white-space: nowrap;} /* to override bootstrap */ .breadcrumb {background-color: inherit; border-radius: 0; margin: 0; padding: 0;} /* FOOTER */ div.scroll-top, div.powered {display: none;} #footer {height: 150px; background-color: #406834; color: white; font-size: 14px; line-height: 16px; padding: 0; font-family: 'Roboto Condensed'; background-image: url("/wp/wp-content/uploads/2015/05/zimfest-logo-notext-30grey-w120-transp.png"); background-position: center; background-repeat: no-repeat;} #footer-wrapper {margin: 30px 20px 10px 20px; position: relative;} #footer-wrapper .grid.col-540 {width: 150px; margin-bottom: 0; position: relative;} #footer-wrapper .grid.col-380 {width: 300px; margin-bottom: 0; position: absolute; top: 0; right: 0; text-align: right;} #menu-footer-menu {margin: 0 0 10px 0; padding-left: 0;} .footer-menu li, #footer-right-links li {display: block; list-style: none; margin: 0 0 3px 0; padding: 0; font-size: inherit;} #footer a, .footer-menu li a {color: white; border: 0 none; margin: 0; padding: 0;} #footer a:hover, #footer a:focus, #footer a:active {color: white;} #footer-social-icons {margin: 0 0 40px 0;} #footer-social-icons img {margin-left: 10px;} #footer-right-links {margin: 0 0 25px 0;} #footer-contact {margin-bottom: 25px;} #footer-copyright {font-size: 12px; margin-bottom: 4px;} #footer-about {font-size: 12px;} #footer a:hover {text-decoration: underline;} .cn-button.bootstrap {background-color: #739B67; font-weight: bold;} /**** SIDEBARS *************************************************************************/ /*** ALL SIDEBAR WIDGETS ****/ #widgets {font-family: 'Roboto Condensed'; color: #333; margin-top: 175px;} .widget-wrapper {font-size: 14px; line-height: 16px; margin: 0 0 20px 0; padding: 8px 10px 4px 12px; background-color: #EEF4EE; border: 1px solid #CCC; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;} /* Links */ #widgets a:hover {color: #B43512;} #widgets .widget-wrapper li.current_page_item > a {color: #B43512; cursor: text;} /* Lists */ #widgets .widget-wrapper ul {list-style: none; padding: 0; margin: 0;} .widget-wrapper li {line-height: 16px;} /* Headings */ #widgets .widget-title h3 {margin: 0 0 8px 0; letter-spacing: 0;} #widgets .widget-title h3, #widgets .widget-title h3 a {color: #592408; font-size: 16px; line-height: 18px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0; padding: 0;} #widgets .widget-title h3 a:hover {color: #592408; cursor: text;} /* Photos */ /* used in Volunteer Spotlight */ #widgets p.sidebar-photo-caption {text-align: center; margin-top: -5px; margin-bottom: 3px !important;} /* Widgets with class="normal-text" */ #widgets .textwidget .normal-text h2 {margin: 8px 0 12px 0;} #widgets .textwidget .normal-text p, #widgets .textwidget .normal-text td {font-size: 15px; line-height: 20px; font-family: 'Cabin', sans-serif;} #widgets .textwidget .normal-text table {background: inherit;} /**** SPECIFIC WIDGETS (in sidebar) ****/ /* Advanced Sidebar Menu Widget (top widget on most pages, for site-sectional navigation) */ #widgets .advanced-sidebar-menu {margin-top: 4px; padding-top: 4px; padding-bottom: 6px;} #widgets .advanced-sidebar-menu li {margin: 0; padding: 0;} #widgets .advanced-sidebar-menu .parent-sidebar-menu > li > a {font-size: 16px; line-height: 19px; color: #592408; font-weight: 700; text-transform: uppercase; cursor: text;} #widgets .advanced-sidebar-menu a {display: block; font-size: 14px; line-height: 16px; padding: 3px 0;} #widgets .advanced-sidebar-menu .child-sidebar-menu {margin-top: 3px;} #widgets .advanced-sidebar-menu .grandchild-sidebar-menu {margin-top: 0;} #widgets .advanced-sidebar-menu .grandchild-sidebar-menu li {margin-left: 15px;} #widgets .advanced-sidebar-menu .child-sidebar-menu .children li {margin-left: 15px;} /* archives */ #widgets .advanced-sidebar-menu li.current_page_item > a {color: #B43512; cursor: text;} /* #widgets .advanced-sidebar-menu li.current_page_item ul a {color: #B43512; cursor: pointer;} */ body.blog #widgets .advanced-sidebar-menu .current_page_parent > a {color: #B43512; cursor: text;} /* blog main page */ body.blog.single-post #widgets .advanced-sidebar-menu .current_page_parent > a {color: #406834; cursor: pointer;} /* blog single post */ /* body.blog.category-festival-news */ /* Custom Menus Widget */ .widget_nav_menu .widget-title h3 {text-transform: uppercase;} #widgets ul.menu-widget a {font-size: 14px; line-height: 16px; padding: 3px 0;} #widgets ul.menu-widget .sub-menu {margin-top: 3px;} #widgets .widget-wrapper ul.menu-widget ul {margin-left: 15px;} /* Text Widget */ #widgets .textwidget p {line-height: 16px; margin-bottom: 10px;} /* Ultimate Recent Posts Widget */ p#sidebar-subscribe-link {} /* Misc Other Widgets */ .widget-wrapper.widget_siteorigin-panels-image {border: 0 none; padding: 0;} /* Slideshow - Meta Slider Widget */ .widget-wrapper.widget_metaslider_widget {height: 240px; margin: 0; padding: 0; background-color: white; border: 0 none;} .metaslider-nivo .theme-default .nivo-controlNav {padding: 10px 0 !important;} .metaslider-nivo .theme-default .nivo-controlNav a {width: 8px !important; height: 8px !important; margin: 2px !important; background: url("/wp/wp-content/uploads/2015/04/bullet-slider-control.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;} .metaslider-nivo .theme-default .nivo-controlNav a:hover {background-position: 0 -8px !important;} .metaslider-nivo .theme-default .nivo-controlNav a.active {background-position: 0 -16px !important;} #widgets .nivo-caption {display: none !important; opacity: 0;} /* hide captions in sidebar */ /* Subscribe form - Text Widget (most styles are in main Forms section above) */ #widgets #mc-embedded-subscribe-form .text-field label {width: 105px;} #widgets #mc-embedded-subscribe-form input[type=text], #widgets #mc-embedded-subscribe-form input[type=email] {width: 145px;} /* Recent Posts Widget and Subscribe link text widget */ /* make these two widgets appear to be one area */ #recent-posts-10 {border-bottom: 0 none; margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} #text-16 {border-top: 0 none; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;} #recent-posts-11 {border-bottom: 0 none; margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} #text-17 {border-top: 0 none; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;} /* remove the subscribe link widget from the Subscribe page */ body.page-id-2027 #text-16 {display: none;} body.page-id-2027 #recent-posts-10 {border-bottom: 1px solid #CCC; margin-bottom: 20px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} /* DONATE SIDEBAR (Widget) */ /* use div with class="normal-text" */ #widgets #donate-sidebar h2 {text-align: center; margin: 15px 8px 20px 0;} #widgets #donate-sidebar form {text-align: center; margin-bottom: 15px;} /* SIDEBAR WIDGETS NOT IN USE (were tried; code kept in case we use them again) */ /* "Simple Section Nav" Widget */ .simple-section-nav ul.children {display: none;} #widgets .simple-section-nav ul.children {margin-top: 5px;} /* "CSS Nav" Widget */ /* hide wierd/blank first nav blocks */ #widgets div:nth-of-type(1).widget_ccs_nav {display: none;} /* but display them on the Festival Overview and Help: How to Register pages */ .page-id-190 #widgets div:nth-of-type(1).widget_ccs_nav {display: block;} .page-id-296 #widgets div:nth-of-type(1).widget_ccs_nav {display: block;} /**** SIDEBARS ON SPECIFIC PAGES OR SITE-SECTIONS ****/ /* SUBSCRIBE PAGE SIDEBAR */ /* Category Posts Widget */ .cat-post-widget p.post-date {display: none;} .cat-post-widget li:last-of-type p {display: inline; color: #666; margin: 0; white-space: nowrap;} .cat-post-widget p.post-date::before {content: "(";} .cat-post-widget p.post-date::after {content: ")";} #widgets .cat-post-date {white-space: nowrap; color: #777;} /* Subscribe page form errors and other responses */ #mce-responses .response {color: #B43512; font-weight: bold;} /* BOARD MEETING MINUTES SIDEBARS - entire subsection of site */ /* in sidebar menu, hide all links to minutes */ body.board-meeting-minutes ul.grandchild-sidebar-menu {display: none;} /* BLOG SIDEBAR */ /* Blog Menu Sidebar */ .current-cat a, body.blog a#sidebar-link-blog-main, body.category-42 .cat-item-42 a, body.category-44 .cat-item-44 a, body.category-51 .cat-item-51 a, body.category-42 #widgets .cat-item-42 a:hover, body.category-44 #widgets .cat-item-44 a:hover, body.category-51 #widgets .cat-item-51 a:hover {color: #B43512; cursor: text;} #widgets .textwidget a#sidebar-link-blog-main {display: block; margin-bottom: 4px;} /* Blog Sidebar Menu */ #widgets .blog-sidebar-nav {font-size: 16px; line-height: 19px; color: #592408; font-weight: 700; text-transform: uppercase;} #widgets .advanced-sidebar-menu .child-sidebar-menu {margin-top: 3px;} #widgets .blog-sidebar-nav.advanced-sidebar-menu .child-sidebar-menu a, #widgets .blog-sidebar-nav .sidebar-subheading {font-size: 14px; line-height: 16px; padding: 3px 0; text-transform: none;} #widgets .blog-sidebar-nav .nolink {} #widgets .blog-sidebar-nav li.sidebar-subheading {color: #592408; margin: 10px 0 3px 0; padding: 0; font-weight: 700;} #widgets #blog-sidebar-nav-2 {margin-top: 20px;} #widgets .indicates-required {text-align: right; margin: 0 20px 0 0;} #widgets .sidebar-social-media img {margin-right: 10px;} /* Tag Cloud Widget */ #widgets .tagcloud a {line-height: .9; padding: 3px 10px 3px 0;} /**** PLUGINS USED IN CONTENT AREAS ****************************************************/ /* Collapse-O-Matic Show/Hide Areas */ .collapseomatic {color: #406834; margin-top: -10px; /* padding-bottom: 0 !important; */ font-weight: bold; white-space: nowrap;} .colomat-close {color: #406834; margin-bottom: 5px;} /* when open */ .colomat-visited {color: #406834; margin-bottom: 5px; text-decoration: none;} .collapseomatic:focus, .collapseomatic:active {color: #406834; text-decoration: none;} .collapseomatic:hover {color: #B43512; text-decoration: none;} .collapseomatic_content {margin-left: 0 !important;} /**** SITE SECTION-SPECIFIC CHANGES: Blog, Ride Board, Volunteer *************************/ /**** BLOG ****/ /* Headings */ h1.blog-title {margin-top: 0;} body.archive h2.blog-title {color: #B43512; margin: 16px 0 8px 0; text-align: center;} body.blog h2.post-title, body.archive h2.post-title, body.blog h6.title-archive {font-size: 25px; margin-bottom: 2px;} body.blog h2, body.archive h2 {font-size: 22px;} h2#comments {margin-top: 80px;} #respond {padding: 0 20px;} /* Date & Author (post meta) */ .post-meta {color: #333; margin-bottom: 12px; text-transform: uppercase; word-spacing: 1px; font-size: 13px;} #content-blog .post-meta a, body.single-post #content .post-meta a {color: #333; font-weight: normal;} .fa-calendar::before {content: "";} /* remove calendar icon */ .post-meta .timestamp, .post-meta .vcard, .post-meta .byline {border-right: 0 none; padding: 0;} /* remove separators and padding */ .post-meta .fa-calendar {margin-right: 0; border: 0 none;} .post-meta .posted-in {display: none;} /* Categories, Tags & Comment Status */ .post-data {border-top: 1px solid #FFC000; border-bottom: 2px solid #FFC000; padding: 5px 20px; font-size: 13px; line-height: 17px;} .post-data a {white-space: nowrap;} .post-data-comments, .post-data-comments a {font-weight: bold;} /* Navigation to prev & next posts */ .navigation {color: #222; font-size: 18px; margin: 30px 0 20px 0;} /* previous & next post */ .navigation a {color: #406834; font-size: 15px; padding: 2px;} .navigation a:hover {color: #B43512;} /* Comments */ .commentlist {margin: 0 -10px; border-bottom: 0 none;} .commentlist .children {margin-left: 20px; margin-right: 5px;} .commentlist .comment-author .fn {font-weight: bold;} .comment-author .says {color: inherit;} .commentlist li.alt {background-color: #EEE;} .comment-body .comment-meta {margin-bottom: 10px;} .comment-body br {display: block; margin-bottom: 10px; content: " ";} /* break tags within comment body text */ /**** RIDE BOARD (VIA WORDPRESS COMMENTS) ****/ .rideboard-sidebar #respond {padding: 0; border: 0 none; background: none; } .forum-reply-instructions p {margin-bottom: 10px;} .rideboard-sidebar h3 {margin-top: 0;} .rideboard-comment-field textarea {height: 160px; width: 100%;} .rideboard-sidebar form input[type=text] {width: 180px; display: block; margin-top: 4px;} body.rideboard .commentlist .reply {display: none;} /* Ride Board Posts/Comments */ body.rideboard .comment-body br {margin-bottom: 0;} body.rideboard .comment-body p {margin-bottom: 10px;} /* hide the "Post A Reply" that would appear after posting */ body.page-id-6027 div#respond, body.page-id-6029 div#respond {display: none;} /**** VOLUNTEER SIGN-UP SHEETS ****/ /* top matter */ body.page-id-5749.page-template-full-width-page div.columns {width: 30%; margin-top: -15px;} body.page-id-5749.page-template-full-width-page div.columns {} @media screen and (max-width: 980px) { /* 2018 VOLUNTEER */ body.page-id-5749 .dls-sus-sheet-details {width: 350px;} body.page-id-5749.without-shift-tables .dls-sus-sheet-details {width: 100%; float: none; padding-right: 0; margin-bottom: 0;} } @media screen and (max-width: 750px) { body.page-id-5749.page-template-full-width-page div.columns {width: 28%;} } @media screen and (max-width: 600px) { body.page-id-5749.page-template-full-width-page div.columns, body.page-id-5749.page-template-full-width-page div.columns ul {float: none; clear: both; width: 100%; margin-top: 20px;} } body.page-id-5749 .dls-sus-sheet {padding: 0; margin: 0;} body.page-id-5749 p.dls-sus-sheet-date {display: none; height: 0;} .dls-sus-sheet form {margin: 0;} /* headings */ body.page-id-5479 h2 {margin: 0;} body.page-id-5749 h2.task-group {padding-top: 30px; text-transform: uppercase; color: #B43512; clear: both;} body.page-id-5749 h2.entry-title {margin: 5px 0 -15px 0; padding: 15px 0 0 0; font-size: 20px; line-height: 26px;} body.without-shift-tables.page-id-5749 h2.entry-title {padding-bottom: 20px;} /* width of listings */ body.page-id-5749 .dls-sus-sheet-details p {float: left; padding-right: 25px; width: 220px;} body.page-id-5749.page-template-full-width-page .dls-sus-sheet-details p {width: 450px;} body.page-id-5749 .dls-sus-sheet .dls-sus-sheet {float: left;} /* Show/Hide button and when its clicked to hide all shifts */ /* body.page-id-5749 div#show-hide {position: relative; left: 300px; top: -85px; margin-bottom: -70px; width: 150px;} body.page-id-5749 div#show-hide {position: relative; left: 170px; top: -50px; margin-bottom: -70px; width: 150px;} */ body.page-id-5749 p.alert {clear: both;} body.page-id-5749 div#show-hide {clear: both; margin-top: 15px; margin-bottom: -30px;} body.without-shift-tables.page-id-5749 .dls-sus-sheet-details {width: 100%; float: none; padding-right: 0; margin-bottom: 0;} body.without-shift-tables.page-id-5749 table.dls-sus-tasks {display: none;} body.page-id-5749 table.dls-sus-tasks {border-width: 0; padding-left: 0;} body.page-id-5749 table.dls-sus-tasks th, body.page-id-5749 table.dls-sus-tasks td {border-width: 1px 0; padding-left: 0;} /* body.page-id-5749 table.dls-sus-tasks th:last-of-type, */ body.page-id-5749 table.dls-sus-tasks td:last-of-type {padding-right: 0;} body.page-id-5749 table.dls-sus-tasks .dls-sus-spot-2 td, body.page-id-5749 table.dls-sus-tasks .dls-sus-spot-3 td, body.page-id-5749 table.dls-sus-tasks .dls-sus-spot-4 td, body.page-id-5749 table.dls-sus-tasks .dls-sus-spot-5 td, body.page-id-5749 table.dls-sus-tasks .dls-sus-spot-6 td, body.page-id-5749 table.dls-sus-tasks .dls-sus-spot-7 td, body.page-id-5749 table.dls-sus-tasks .dls-sus-spot-8 td, body.page-id-5749 table.dls-sus-tasks .dls-sus-spot-9 td {border-top: 0 none; padding-top: 0;} /* Each Task */ .dls-sus-sheet .dls-sus-sheet-details + h3 {display: none;} .dls-sus-sheet-details {margin-bottom: 20px;} table.dls-sus-tasks {width: auto; margin-bottom: 0;} /* .dls-sus-row td:last-of-type {text-align: left;} */ /* .dls-sus-row td:nth-of-type(2) {text-align: center;} */ table.dls-sus-tasks .dls-sus-spot-1 td {border-top: 1px solid #ccc;} /* table.dls-sus-tasks td, table.dls-sus-tasks th {border-top: 0 none;} changed 2018 */ table.dls-sus-tasks td:nth-of-type(1), table.dls-sus-tasks th:nth-of-type(1) {border-right-color: white;} /* Signup Form Pages - signup sheet form pages (URL includes "task_id=xx" query string) */ /* hide many elements */ body.task_id #intro, body.task_id .alert, body.task_id #task-groups, body.task_id #caution, body.task_id #how-to-read-times, body.task_id #show-hide, body.task_id #show-hide-button, body.task_id h2, body.task_id .dls-sus-sheet > h3, body.task_id em.dls-sus-task-date {display: none;} /* display these elements */ body.task_id .dls-sus-sheet h2, body.task_id h2.entry-title {display: block; color: #333; font-size: 20px; font-family: 'Cabin', sans-serif; letter-spacing: 0;} /* move these elements */ body.task_id p.dls-sus-backlink {margin: -30px 0 35px 0; font-size: 17px; text-transform: capitalize;} body.task_id h2.entry-title {position: relative; top: 105px;} body.task_id .dls-sus-sheet h3 + p {margin-bottom: 60px;} em.dls-sus-task-title {display: block; margin-top: 5px; font-style: normal; font-weight: bold; font-size: 20px;} body.task_id .dls-sus-backlink-from-task {text-transform: capitalize;} /* workaround to remove Date display */ body.task_id.page-id-5749 div.dls-sus-sheet h2 + p, body.task_id.page-id-5749 div.dls-sus-sheet p.updated, body.task_id.page-id-5749 div.dls-sus-sheet p.error {display: block;} body.task_id.page-id-5749 div.dls-sus-sheet h2 + p.updated + p {display: none;} .dls-sus-sheet-date {display: none;} p.dls-sus.error {background-color: #FFE8E9; color: #333; border: 1px solid #B33512; padding-top: 6px; padding-bottom: 6px;} p.dls-sus.updated {background-color: #EEF4EE; color: #333; border: 1px solid #406834; padding-top: 6px; padding-bottom: 6px;} body.dlssus_signup-success .post-entry {position: relative; margin-top: 100px;} body.dlssus_signup-success .page-intro {} .dlsntc-success {position: absolute; top: -80px; background-color: #EEF4EE; color: #333; border: 1px solid #406834; padding-top: 6px; padding-bottom: 6px;} /* .dlsntc-notice {position: absolute; top: -80px;} */ /* form elements */ #fdsus-signup-form {max-width: 450px;} #fdsus-signup-form label.signup_firstname, #fdsus-signup-form label.signup_lastname, #fdsus-signup-form label.signup_email, #fdsus-signup-form label.signup_cell_phone {width: 105px; display: inline-block;} #fdsus-signup-form input[type="text"], #fdsus-signup-form input[type="email"], #fdsus-signup-form select {width: 200px;} #fdsus-signup-form label.signup_contact_preference {display: block;} #fdsus-signup-form .dls-sus-inline-label {font-weight: normal;} .dls-sus-signup-form label.spam_check {display: inline-block;} .dls-sus-signup-form input#spam_check {width: 40px;} #fdsus-signup-form .dls-sus-note {padding-left: 30px; font-size: 13px;} #fdsus-signup-form .submit {margin-top: 30px;} .dls-sus-required-icon {color: #B43512;} /* Volunteer Statistics */ table.dls-sus-sheets {width: auto !important; margin-left: auto; margin-right: auto;} table.dls-sus-sheets .column-timeslots, table.dls-sus-sheets .column-total_spots, table.dls-sus-sheets .column-filled_spots, table.dls-sus-sheets .column-open_spots {text-align: center; width: 45px;} table.dls-sus-sheets th {vertical-align: middle !important;} table.dls-sus-sheets tr.totals {font-weight: bold;} /**** PAGE-SPECIFIC CHANGES ************************************************************/ /**** HOME PAGE ****/ body.page-id-10159 #content-full {margin: 0 !important;} body.page-id-10159 #wrapper {padding: 0; margin-bottom: 0;} body.page-id-10159 .breadcrumb-list {display: none !important;} body.page-id-10159 h1.post-title {display: none !important;} body.page-id-10159 .post-edit {display: none; margin: 0;} body.page-id-10159 .post-entry #home-about, body.page-id-10159 .post-entry #home-status, body.page-id-10159 .post-entry #home-music {padding: 20px;} #home-photo {position: relative; max-height: 260px; overflow: hidden; padding: 0;} /* #home-photo img {max-width: 100%; padding: 0; margin: -100px 0 0 0;} 2021 Quilt */ #home-photo img {max-width: 100%; padding: 0;} #home-photo-text {position: absolute; width: 100%; height: 125px; top: 35px; bottom: 0; margin: auto; text-align: center;} #home-photo img {position: relative; top: 20px;} /* Zimfest 2023 */ #home-photo-text {right: 20%;} /* Zimfest 2023 */ #home-photo-text h3 {font-size: 37px; line-height: 45px; font-family: 'Skranji', 'Merienda', cursive; color: white; font-weight: normal; text-align: center; letter-spacing: 0; white-space: nowrap; letter-spacing: 1px;} #home-photo #home-theme {font-size: 22px; line-height: 30px; font-family: 'Cabin', sans-serif; font-style: italic; color: white; text-align: center; white-space: nowrap; letter-spacing: 1px;} #home-photo-text a {color: white;} #home-photo-text h3 {text-shadow: -2px 0 #592408, 0 -2px #592408, 2px 0 #592408, 0 2px #592408, 2px 4px 6px black; overflow: hidden; text-overflow: ellipsis;} #home-theme {text-shadow: -1px 0 #592408, 0 -1px #592408, 1px 0 #592408, 0 1px #592408, 1px 2px 4px black;} /* 1px 2px 4px black - 1px 2px 4px black, -1px -1px 2px black */ #home-photo img {margin: -100px 0 0 0;} #home-photo img.wp-image-12426 {margin-top: -148px;} #home-photo img.wp-image-12498 {margin-top: -130px;} @media screen and (max-width: 950px) { #home-photo img.wp-image-12498 {margin-top: -13vw;} /* heron painting */ } @media screen and (max-width: 850px) { #home-photo img.wp-image-12426 {margin-top: -9vw;} /* afternoon student marimba band */ #home-photo img.wp-image-8662 {margin-top: -4vw;} /* concert Zim guests in a line */ #home-photo img.wp-image-12498 {margin-top: -10vw;} } @media screen and (max-width: 650px) { #home-photo img {margin-top: -2vw;} #home-photo img.wp-image-12498 {margin-top: -4vw;} } @media screen and (max-width: 550px) { #home-photo img.wp-image-12426 {margin-top: -4vw;} #home-photo img.wp-image-8662 {margin-top: 0;} } body.page-id-10159 .post-entry div h2, body.page-id-10159 .post-entry div h2 a, body.page-id-10159 .post-entry div h3, body.page-id-10159 .post-entry div h3 a {font-family: 'Cabin', sans-serif; letter-spacing: 0; margin: 0;} body.page-id-10159 .post-entry h2 {font-size: 18px; line-height: 28px;} body.page-id-10159 .post-entry h3 {font-size: 16px; line-height: 24px;} body.page-id-10159 .post-entry p {line-height: 19px; margin: 0;} body.page-id-10159 .post-entry p:last-of-type {margin-bottom: 0;} body.page-id-10159 .more {white-space: nowrap;} #home-about {background-color: #B43512;} #home-about p {font-size: 14px; margin-bottom: 5px; color: white;} #home-about a {color: white;} #home-about a.more {text-decoration: underline;} #home-status {background-color: white;} #home-status div {padding: 12px 25px 12px 30px; border: 1px solid #406834; border-radius: 6px;} /* #home-status a {color: #333;} #home-status a:hover {text-decoration: underline;} #home-status a.more {color: #406834;} */ #home-features {display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: flex-start; align-content: flex-start; padding: 0 12px; background-color: white;} .post-entry #home-features > div {width: 135px; height: 135px; margin: 0 9px 25px 10px;} #home-features .tile-top {height: 85px; width: 135px; border-radius: 6px 6px 0 0; background-color: #DDD; background-size: 100%; background-position: center;} #home-features h3 {height: 50px; width: 115px; border-radius: 0 0 6px 6px; background-color: #B43512; color: white; padding: 0 10px; display: table-cell; border-collapse: collapse; text-align: center; vertical-align: middle; font-size: 14px; line-height: 17px; font-weight: bold;} #home-features a {color: white;} #home-features span.break {display: none;} #home-features .tile-top {background-repeat: no-repeat;} body.page-id-10159 #home-features div:nth-of-type(1) .tile-top {background-image: url("/wp/wp-content/uploads/2019/04/photo-2018-21.jpg"); background-size: 150%; background-position: 30% 30%;} body.page-id-10159 #home-features div:nth-of-type(4) .tile-top {background-image: url("/wp/wp-content/uploads/2021/06/photo-tile-market-rob2018.jpg");} body.page-id-10159 #home-features div:nth-of-type(8) .tile-top {background-image: url("/wp/wp-content/uploads/2021/06/photo-tile-meeting-rob2018.jpg");} #home-music {background-color: #4D443F; color: white; border-bottom: 1px solid #7E7773; padding-bottom: 0 !important;} #home-music h3 {color: white; margin-bottom: 5px;} #home-video {position: relative; clear: both; background-color: black; padding-bottom: 20px; height: 100%; min-height: 185px; max-height: 400px;} #home-video iframe {position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: black;} #home-video .ytp-title-text {font-size: 13px;} /* NEED TO ADD HEIGHT @ TABLET WIDTHS */ #home-music h3.sr_it-playlist-title, .tracklist-item-time, .album-title, .track-title {display: none;} #home-music .playlist {width: 100%;} #home-music .iron-audioplayer .playlist ul, #home-music .iron-audioplayer .sonaar_fake_wave, #home-music .iron-audioplayer .player.sr_player__inline .sr_progressbar .wave {margin: 0;} #home-music .sr-playlist-item {padding: 0;} #home-music .iron-audioplayer .player.sr_player__inline .sr_progressbar {margin-left: 20px;} #home-music .iron-audioplayer a.audio-track, /* .tracklist-item-title */ #home-music .iron-audioplayer a.audio-track .track-number {font-size: 14px; font-weight: normal;} #home-music .iron-audioplayer .album-player {margin-top: -10px;} #home-music li {margin-bottom: 0;} #home-music .iron-audioplayer .album-player, #home-music .iron-audioplayer .album-player player, #home-music .iron-audioplayer .album-player control, #home-music .iron-audioplayer .album-player .sr_progressbar {height: 70px;} #home-music .iron-audioplayer .playlist, #home-music .iron-audioplayer .playlist .album-player, #home-music .iron-audioplayer .playlist a.audio-track, #home-music .iron-audioplayer .playlist a.audio-track .track-number, #home-music .iron-audioplayer .track-title, #home-music .iron-audioplayer .album-store, #home-music .iron-audioplayer .sr_it-playlist-title {color: white !important;} #home-music .iron-audioplayer .playlist .audio-track path, #home-music .iron-audioplayer .playlist .audio-track rect, #home-music .iron-audioplayer .control path, #home-music .iron-audioplayer .control rect, #home-music .iron-audioplayer .control polygon {fill: white;} @media screen and (max-width: 991px) { #home-music .iron-audioplayer .playlist {margin-top: 0;} } @media screen and (max-width: 650px) { #home-photo-text h3 {font-size: 6vw; line-height: 1.4;} #home-photo #home-theme {font-size: 3.5vw; line-height: 1.4;} } @media screen and (max-width: 400px) { #home-photo-text h3 {font-size: 20px;} #home-photo #home-theme {font-size: 13px;} #home-status div {padding-left: 15px; padding-right: 10px;} #home-status * {line-height: 1.3;} #home-status h3 {margin-bottom: 4px;} } /* Home Page Column Layout */ /* flexbox */ @media screen and (min-width: 960px) { section#home-1 {display: flex; align-items: center;} #home-about {width: 280px; flex-shrink: 0;} section#home-2 {height: 340px; width: 960px; display: flex; flex-direction: column; flex-wrap: wrap;} #home-music {order: 1; flex-shrink: 0; height: 113px; width: 280px;} #home-video {order: 2; flex-shrink: 0; height: 185px; width: 320px;} #home-features {order: 3; flex-grow: 2; height: 328px; width: 616px;} #home-music .iron-audioplayer .album-player {display: none;} body.page-id-10159 .post-entry #home-status {padding-top: 0; padding-bottom: 0;} body.page-id-10159 .post-entry {background-image: url("/wp/wp-content/uploads/2021/06/homepage-2021-bottom-background.gif"); background-position: left bottom; background-size: 100%; background-repeat: no-repeat;} } /* workaround to get 4 feature tiles above + 4 tiles below; this span is hidden at other screen widths */ @media screen and (min-width: 640px) and (max-width: 959px) { body.page-id-10159 #home-features span.break {display: block; width: 100%; height: 0;} } /* 2 tiles wide, on some narrow phones */ @media screen and (max-width: 335px) { #home-features {padding: 0 0 10px 0;} .post-entry #home-features > div {margin-bottom: 15px;} } @media screen and (min-width: 285px) and (max-width: 335px) { .post-entry #home-features > div {margin: 0 0 15px 0;} } .tooltip { font-size: 12px; line-height: 12px; display: block; z-index: 2; position: relative; height: 0; } .tooltip .tooltip-text { padding: 5px 10px; bottom: 10px; border-radius: 2px; background-color: #EEF4EE; color: #333; font-size: 13px; line-height: 17px; text-align: left; position: absolute; z-index: 3; visibility: hidden; opacity: 0; transition: opacity .5s; } .post-entry .tooltip .tooltip-text p {padding: 5px 0; line-height: 17px;} .tooltip .tooltip-text::after { top: 100%; border-width: 5px; margin-left: -5px; border-style: solid; border-color: #EEF4EE transparent transparent transparent; position: absolute; content: ""; } .tooltip:hover .tooltip-text { visibility: visible; opacity: 1; } #home-music .tooltip {color: #CECCCB; text-align: right; top: -22px;} #home-video .tooltip {color: #666; text-align: center; top: 5px;} #home-music .tooltip .tooltip-text {right: -10px; width: 280px;} #home-video .tooltip .tooltip-text {left: 50%; width: 230px; margin-left: -125px;} /* top: -65px margin-left=width+padding/2 */ #home-music .tooltip .tooltip-text::after {right: 20px;} #home-video .tooltip .tooltip-text::after {left: 50%;} /* See https://www.w3schools.com/css/css_tooltip.asp */ /**** SUMMER 2021 HOME PAGE ****/ body.page-id-11386 #content-full {margin: 0 !important;} body.page-id-11386 #wrapper {padding: 0; margin-bottom: 0;} body.page-id-11386 .breadcrumb-list {display: none !important;} body.page-id-11386 h1.post-title {display: none !important;} body.page-id-11386 .post-edit {display: none; margin: 0;} body.page-id-11386 .post-entry #home-about, body.page-id-11386 .post-entry #home-status, body.page-id-11386 .post-entry #home-music {padding: 20px;} body.page-id-11386 .post-entry #home-features {padding-top: 10px;} /* ... */ body.page-id-11386 .post-entry div h2, body.page-id-11386 .post-entry div h2 a, body.page-id-11386 .post-entry div h3, body.page-id-11386 .post-entry div h3 a {font-family: 'Cabin', sans-serif; letter-spacing: 0; margin: 0;} body.page-id-11386 .post-entry h2 {font-size: 18px; line-height: 28px;} body.page-id-11386 .post-entry h3 {font-size: 16px; line-height: 24px;} body.page-id-11386 .post-entry p {line-height: 19px; margin: 0;} body.page-id-11386 .post-entry p:last-of-type {margin-bottom: 0;} body.page-id-11386 .more {white-space: nowrap;} body.page-id-11386 #home-features div .tile-top {background-size: 100%; background-position: center;} /* body.page-id-11386 #home-features div:nth-of-type(2) .tile-top {background-image: url("/wp/wp-content/uploads/2019/04/photo-2018-21.jpg"); background-size: 150%; background-position: 30% 30%;} */ /* body.page-id-11386 #home-features div:nth-of-type(2) .tile-top {background-image: url("/wp/wp-content/uploads/2021/06/icon-calendar2-black.png");} */ /* body.page-id-11386 #home-features div:nth-of-type(4) .tile-top {background-image: url("/wp/wp-content/uploads/2021/06/icon-donate-black.png");} */ /* body.page-id-11386 #home-features div:nth-of-type(2) .tile-top {background-image: url("/wp/wp-content/uploads/2021/06/photo-tile-market-rob2018.jpg");} body.page-id-11386 #home-features div:nth-of-type(3) .tile-top {background-image: url("/wp/wp-content/uploads/2021/06/photo-tile-meeting-rob2018.jpg");} body.page-id-11386 #home-features div:nth-of-type(4) .tile-top {background-image: url("/wp/wp-content/uploads/2021/06/photo-tile-workshop-mark4058.jpg");} */ body.page-id-11386 #home-features div:nth-of-type(1) .tile-top {background-image: url("/wp/wp-content/uploads/2021/06/photo-tile-welcometofest.jpg");} body.page-id-11386 #home-features div:nth-of-type(2) .tile-top {background-image: url("/wp/wp-content/uploads/2022/04/photo-tile-workshops-mkaunda3.jpg");} body.page-id-11386 #home-features div:nth-of-type(3) .tile-top {background-image: url("/wp/wp-content/uploads/2022/04/photo-tile-concerts-1251.jpg");} body.page-id-11386 #home-features div:nth-of-type(4) .tile-top {background-image: url("/wp/wp-content/uploads/2021/06/photo-tile-meeting-rob2018.jpg");} /* Home Page Column Layout */ /* flexbox */ @media screen and (min-width: 960px) { body.page-id-11386 section#home-2 {height: 205px; width: 960px; display: flex; flex-direction: column; flex-wrap: wrap;} body.page-id-11386 #home-video {order: 2; flex-shrink: 0; height: 185px; width: 320px;} body.page-id-11386 #home-features {order: 3; flex-grow: 2; height: 205px; width: 616px;} body.page-id-11386 .post-entry #home-status {padding-top: 0; padding-bottom: 0;} body.page-id-11386 .post-entry {background-image: url("/wp/wp-content/uploads/2021/06/homepage-2021-bottom-background.gif"); background-position: left bottom; background-size: 100%; background-repeat: no-repeat;} } /* ... */ /* workaround to get 2 feature tiles above + 4 tiles below; this span is hidden at other screen widths */ @media screen and (max-width: 640px) { body.page-id-11386 #home-features span.break {display: block; width: 100%; height: 0;} } /**** OLD HOME PAGE ****/ body.home.page-template-full-width-page #content {margin: 0;} body.home.page-template-full-width-page h1.post-title {display: none;} /* should move this to the template file to remove content */ body.home.page-template-full-width-page #widgets {margin-top: 45px;} /* Headline - Current Festival Status */ #pg-50-0 {margin: 0;} body.page-id-50 #home-headline {font-family: 'Merienda', cursive; color: #592408; text-align: right; text-transform: none; font-size: 23px; line-height: 30px; font-weight: 700; letter-spacing: -1px; padding: 13px 14% 10px 6.5%; margin: 0;} /* body.page-id-50 #home-headline {font-family: 'Roboto Condensed'; font-size: 18px; color: #592408; font-weight: bold; text-align: right; padding: 10px 14% 10px 6.5%; margin: 0;} */ body.page-id-50 #home-headline p {margin: 0;} /* banner photo */ body.page-id-50.page-template-full-width-page-php #wrapper {max-width: 960px; margin: 0; padding: 0; border: 0 none;} body.page-id-50.page-template-full-width-page-php #content-full {margin-top: 0;} body.page-id-50.page-template-full-width-page-php .panel-grid-cell {padding: 0;} #pg-50-1 .nivo-caption {display: none !important;} #pg-50-1 {height: 438px; border-bottom: 6px solid #592408; margin-bottom: 42px;} /* all main text blocks */ body.page-id-50.page-template-full-width-page-php #pg-50-2 .panel-grid-cell, body.page-id-50.page-template-full-width-page-php #pg-50-3 .panel-grid-cell, body.page-id-50.page-template-full-width-page-php #pg-50-4 .panel-grid-cell, body.page-id-50.page-template-full-width-page-php #pg-50-4 .panel-grid-cell {margin: 0 0 25px 0; padding: 0; text-align: center;} /* feature links and location & date */ #pg-50-0, #pg-50-1, #pg-50-2, #pg-50-3, #pg-50-4, #pg-50-4 {margin-left: 0; margin-right: 0; max-width: 960px;} #pg-50-0 .panel-grid-cell, #pg-50-1 .panel-grid-cell, #pg-50-2 .panel-grid-cell, #pg-50-3 .panel-grid-cell, #pg-50-4 .panel-grid-cell, #pg-50-4 .panel-grid-cell {padding-left: 0; padding-right: 0;} /* feature links, both rows */ #pg-50-2 .textwidget, #pg-50-3 .textwidget {color: #592408; font-size: 33px; line-height: 27px; font-family: 'Merienda One', cursive; font-weight: 700; text-transform: uppercase; letter-spacing: -1px; white-space: nowrap;} #pg-50-2 .textwidget a, #pg-50-3 .textwidget a {color: #406834;} #pg-50-2 .textwidget a:hover, #pg-50-3 .textwidget a:hover {color: #B43512;} /* feature links, top row */ #pg-50-2 #pgc-50-2-1 .textwidget {font-size: 35px; letter-spacing: -2px; padding-top: 13px;} #pg-50-2 #pgc-50-2-2 span {font-size: 25px; letter-spacing: 0; word-spacing: -2px; padding-left: 1px;} #pg-50-2 #pgc-50-2-2 .textwidget {margin-top: -7px; letter-spacing: -2px; line-height: 30px;} #pg-50-2 #pgc-50-2-3 span {font-size: 33px; letter-spacing: 2px; padding-left: 7px;} #pg-50-2 #pgc-50-2-3 .textwidget {font-size: 25px;} #pg-50-2 {margin-bottom: 0;} /* feature links, bottom row */ #pg-50-3 #pgc-50-3-1 span {font-size: 33px; letter-spacing: 1px; padding-left: 2px;} #pg-50-3 #pgc-50-3-1 .textwidget {font-size: 25px;} #pg-50-3 #pgc-50-3-2 .textwidget {font-size: 25px; line-height: 27px; margin-top: 3px;} #pg-50-3 #pgc-50-3-3 .textwidget {font-size: 35px; letter-spacing: -2px; padding-top: 14px;} #pg-50-3 {margin-bottom: 25px;} /* location & date */ #pg-50-4 .textwidget h2 a, #pg-50-4 #pgc-50-4-0 .textwidget a {color: #592408;} #pg-50-4 #pgc-50-4-0 .textwidget a:hover {color: #B43512;} #pg-50-4 .textwidget, #pg-50-4 .textwidget h2 {text-align: center; font-family: 'Merienda One', cursive; font-weight: 700; margin: 0;} #pg-50-4 #next {display: block; font-size: 50px; line-height: 50px; text-transform: uppercase; letter-spacing: 1px; color: #B43512; margin-bottom: 8px;} #pg-50-4 #date {display: block; font-size: 45px; line-height: 45px; letter-spacing: -1px; margin-bottom: 16px; text-decoration: line-through;} #pg-50-4 #location {display: block; font-size: 32px; line-height: 32px; letter-spacing: 1px; text-decoration: line-through;} /* #pg-50-4 #next {display: block; font-size: 25px; line-height: 38px; text-transform: uppercase; letter-spacing: 1px;} #pg-50-4 #date {display: block; font-size: 55px; line-height: 55px; letter-spacing: -1px; margin-bottom: 16px;} #pg-50-4 #location {display: block; font-size: 37px; line-height: 37px; letter-spacing: 1px;} */ /* #pg-50-4 #location {display: block; font-size: 25px; line-height: 25px; letter-spacing: 0;} */ #pg-50-4 {margin-bottom: 0px;} #date-bullet {display: none;} #date-dash {padding: 0 2px;} body.page-id-50.page-template-full-width-page .post-edit {margin: 0; display: none;} body.page-id-50.page-template-full-width-page #content-full {margin-bottom: 20px;} /* Link(s) Below (to survey or applications */ /* #panel-50-3-0-1 {display: none;} */ /* HIDE THIS AREA WHEN NOT IN USE */ #panel-50-3-0-1 .textwidget, #panel-50-3-0-1 .textwidget h2 {text-align: center; margin: 20px 0 10px 0;} #pg-50-4 #panel-50-3-0-1 .textwidget a {color: #406834;} #pg-50-4 #panel-50-3-0-1 .textwidget a:hover {color: #B43512;} #panel-50-3-0-1 .textwidget h2 a {font-size: 32px; line-height: 41px; letter-spacing: 0; word-spacing: 0; font-family: 'Merienda One', cursive; font-weight: 700;} /* #panel-50-3-0-1 {padding-top: 10px;} */ #applinks #applink1 a, #applinks #applink2 a {white-space: nowrap; font-weight: normal; font-size: 19px; padding: 0 20px;} /**** SITEMAP PAGE = 879 ****/ #content-sitemap h1 {text-align: left;} #content-sitemap #sitemap-pages {max-width: 430px; width: auto; float: left; margin: 0 40px 0 0;} #content-sitemap #sitemap-blog {max-width: 430px; width: auto; float: left; margin: 0;} #content-sitemap .post-entry {font-family: 'Roboto Condensed'; font-size: 15px;} #content-sitemap ul {list-style: none; margin: 0; padding: 0;} #content-sitemap li {margin: 0 0 25px 0;} #content-sitemap ul ul {margin: 2px 0 0 0;} #content-sitemap ul ul ul {margin: 0 0 5px 0;} #content-sitemap li li {margin: 0;} #content-sitemap li li li {margin: 0 0 0 30px;} #content-sitemap li a {font-size: 20px; font-weight: bold;} #content-sitemap li li a {font-size: 15px; font-weight: normal;} #content-sitemap ul ul.children {padding: 0;} #content-sitemap #sitemap-archives {margin-top: 100px;} #content-sitemap #sitemap-archives > ul > li > a {margin: 7px 0 12px 0; font-size: 17px; font-weight: bold;} #content-sitemap #sitemap-archives > ul > li {margin-top: 25px;} #content-sitemap #sitemap-archives li li {margin: 0;} #content-sitemap #sitemap-archives li li li {margin-left: 30px;} #content-sitemap #sitemap-blog {margin-top: 120px;} #content-sitemap #sitemap-blog ul {margin: 3px 0 0 0;} #content-sitemap #sitemap-blog ul ul {margin: 2px 0 0 0;} #content-sitemap #sitemap-blog li li {margin: 7px 0 12px 0; font-size: 18px; font-weight: bold; color: #592408;} #content-sitemap #sitemap-blog li li li {margin: 0 0 6px 0; line-height: 16px; font-size: 15px; font-weight: normal; color: #333;} #content-sitemap #sitemap-blog li li span {font-weight: normal; font-size: 15px;} #content-sitemap .date {color: #555; padding-left: 0; white-space: nowrap;} #content-sitemap .page-item-950 {padding-bottom: 10px;} /* board minutes list - space below misc items */ /**** SEARCH RESULTS (WP-native site search) ****/ body.search-results #content-search p.search-count {font-size: 17px; color: #999; font-weight: bold; margin: 0 0 20px 0;} h4.search-entry-title, h4.search-entry-title a {margin-bottom: 2px; font-family: 'Cabin', sans-serif;} #content-search p, body.search-results .post-meta {line-height: 17px; margin-bottom: 0;} body.search-results .read-more a {font-weight: 700;} body.search-results #content-search strong {color: #592408;} /**** OVERVIEW SECTION OF SITE ****/ /* OVERVIEW PAGE */ /* 2023 */ div#page-overview-2023 #five-columns .columns {width: 19%; margin-right: 1%; padding-top: 10px;} div#page-overview-2023 #five-columns .columns.last {margin-right: 0;} div#page-overview-2023 #five-columns .wp-caption {margin: 0 0 10px 0; padding: 1px 0 10px 0; clear: right; border-radius: 6px;} div#page-overview-2023 #five-columns .wp-caption-text {min-height: 315px; font-size: 14px; line-height: 16px; text-align: center;} div#page-overview-2023 #five-columns .wp-caption-text .name {height: 42px; display: block; vertical-align: middle;} div#page-overview-2023 #five-columns .wp-caption-text strong {height: 42px; font-size: 15px; line-height: 18px; width: 100%; text-align: center; vertical-align: middle; display: inline-block;} /* 2022 */ div#page-overview-2022 #three-columns .columns {width: 32%; padding-top: 10px; margin-right: 2%;} div#page-overview-2022 #two-columns .columns {width: 47%; padding-top: 40px;} div#page-overview-2022 #three-columns .columns.last {margin-right: 0;} div#page-overview-2022 #three-columns .wp-caption-text {min-height: 180px; font-size: 14px; line-height: 18px; text-align: center;} div#page-overview-2022 .wp-caption-text strong {text-align: center; width: 100%; font-size: 15px; line-height: 32px;} div#page-overview-2022 #three-columns .wp-caption-text strong {display: inline-block;} div#page-overview-2022 #zimbabweans-returning .wp-caption {margin-bottom: 35px;} div#page-overview-2022 #zimbabweans-returning #text-column p {line-height: 19px; margin-bottom: 11px;} @media screen and (max-width: 670px) { div#page-overview-2023 #five-columns .columns, div#page-overview-2022 #three-columns .columns, div#page-overview-2022 #two-columns .columns {width: 100%;} div#page-overview-2023 #five-columns .wp-caption-text {min-height: 180px;} div#page-overview-2023 #five-columns .columns.last, div#page-overview-2022 #three-columns .columns.last {margin-right: 0;} } /* 2022 OVERVIEW IN ARCHIVES */ body.page-id-14112 div#page-overview-2022 #three-columns .wp-caption-text {min-height: 230px; line-height: 16px;} body.page-id-14112 div#page-overview-2022 #three-columns .wp-caption {margin: 0 0 10px 0; padding: 0 0 10px 0; clear: right;} body.page-id-14112 div#page-overview-2022 #zimbabweans-returning .wp-caption {margin: 0 0 20px 20px; padding: 0 0 10px 0; clear: right;} /* 2021 */ div#overview-main-body p, div#overview-main-body ul#features li {max-width: 680px;} div#attachment_11729 {margin-bottom: 50px;} /* photo of Ndomupeshe Chipendo */ /* body.page-id-937 #content-full h3 {clear: none;} body.page-id-937 #content-full .alignright {clear: right; float: right;} body.page-id-937 #content-full ul {padding-left: 15px; overflow: hidden;} */ #overview1 {width: 650px; padding-bottom: 15px; margin-right: 0;} #overview2 {width: 220px; float: right; text-align: center; font-size: 18px; margin: 15px 0 0 0; padding: 8px 5px; background-color: #EEF4EE; border: 1px solid #CCC; border-radius: 6px;} #overview3 {clear: both;} #attachment_8434 {margin-bottom: 50px;} h2#overview-design {clear: none; text-align: left; /* margin-left: 602px;margin-right: 20px; */} /* p#overview-design-text {margin-top: 100px;} */ @media screen and (max-width: 650px) { #overview1 {width: 100%;} } /* logo with headphones */ body.overview img.wp-image-10588.alignleft {margin-bottom: 10px;} /* ONLINE PRESENTATIONS */ /* body.page-id-10576 .collapseomatic {display: inline !important;} */ /* FESTIVAL SCHEDULE */ #festival-schedule table td:last-of-type {white-space: nowrap;} div#festival-schedule table {width: 284px; float: left; margin-right: 17px;} div#festival-schedule th, div#festival-schedule td {padding: 7px 5px;} div#festival-schedule td:first-of-type {border-right: 0 none;} div#festival-schedule td:last-of-type {border-left: 0 none;} /* div#festival-schedule #monday {clear: both;} */ div#festival-schedule table h3 {margin: 0;} div#festival-schedule td {line-height: 17px;} div#festival-schedule h3 {text-align: center;} div#festival-schedule .small {line-height: 13px;} div#festival-schedule .paren {font-size: 14px;} /* 2021 temporary */ div#festival-schedule.schedule-2021 table {width: auto;} div#festival-schedule.schedule-2021 table td {min-width: 150px;} body.page-id-11601 .post-entry > h2 {text-transform: uppercase; padding-top: 20px;} body.page-id-11601 table#concerts td:first-child {white-space: nowrap; width: 130px;} /* CONCERT SCHEDULE=138 */ body.page-id-5752 table td {white-space: nowrap;} body.page-id-5752 h4 {margin-bottom: 3px;} table#concerts {border-collapse: separate; border-spacing: 0 !important;} table#concerts h4 {line-height: 22px; margin-bottom: 0;} table#concerts td {line-height: 18px;} table#concerts td:first-child {white-space: nowrap; width: 130px;} table#concerts tr.showcase td {background-color: #EEE; padding-top: 2px; padding-bottom: 2px;} table#concerts tr.showcase td:first-child {padding-left: 10px; border-left: 1px solid #CCC;} table#concerts tr.showcase td:last-child {padding-right: 10px; border-right: 1px solid #CCC;} table#concerts tr.showcase-first td {padding-top: 5px; font-weight: bold;} table#concerts tr.showcase-last td {padding-bottom: 5px;} table#concerts tr.showcase-first td:first-child {border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-top-left-radius: 6px;} table#concerts tr.showcase-first td:last-child {border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-top-right-radius: 6px;} table#concerts tr.showcase-last td:first-child {border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom-left-radius: 6px;} table#concerts tr.showcase-last td:last-child {border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom-right-radius: 6px;} /* 2023 CONCERTS */ body.page-id-15199 table#concerts td:first-child, body.page-id-15306 table#concerts td:first-child, body.page-id-138 table#concerts td:first-child {width: auto;} /* 2022 CONCERTS */ /* body.page-id-138 table#concerts {margin-top: -20px;} table#concerts td.live, table#concerts td.prerecorded {font-weight: bold; width: 15px;} */ .concerts-2022 h2, .concerts-2022 table.noborder h2 {margin-bottom: 5px;} .concerts-2022 h3 {margin-top: 0;} .concerts-2022 #ticket-info {position: relative; top: 5px; left: -15px;} /* table#concerts-2022 td.live, table#concerts-2022 td.prerecorded {font-weight: bold;} */ .concerts-2022 td {height: 30px;} .concerts-2022 table#concerts td:nth-of-type(1) {width: 95px;} #evening-concerts-2022 td:nth-of-type(2) {width: 15px} #evening-concerts-2022 td:nth-of-type(3) {width: 200px; font-weight: bold;} #evening-concerts-2022 td:nth-of-type(4) {width: 120px;} #afternoon-concerts-2022 td:nth-of-type(2) {width: 200px; font-weight: bold;} #afternoon-concerts-2022 td:nth-of-type(3) {width: 120px;} #afternoon-concerts-2022 .showcase td {height: 20px;} /* 2021 CONCERTS */ body.page-id-11759 table#concerts td {vertical-align: middle;} table#concerts td.pres, table#concerts td.perf {width: 16px; min-height: 15px;} table#concerts td.pres {background: url(/wp/wp-content/uploads/2021/07/icon-chat-64x64-1.png) center left no-repeat; background-size: 16px;} table#concerts td.perf {background: url(/wp/wp-content/uploads/2021/07/icon-music-notes-64x64-1.png) center left no-repeat; background-size: 12px;} /* body.page-id-11797 table#concerts {max-width: 600px;} */ body.page-id-11843 .columns {width: 62%; margin-right: 40px;} body.page-id-11843 .columns.last {width: 33%; margin-right: 0;} table.concerts {border-collapse: separate; border-spacing: 0 !important; margin-bottom: 0;} table.concerts td {line-height: 18px;} body.page-id-11843 table.concerts td:first-child {white-space: normal; width: 200px;} body.page-id-11843 table.concerts td:nth-of-type(2) {white-space: nowrap;} body.page-id-11843 table.concerts td {padding: 7px 20px 7px 0;} body.page-id-11843 table.concerts td:last-child {padding-right: 0;} body.page-id-11843 h2 + h3 {margin-top: -10px;} table.concerts {border-collapse: separate; border-spacing: 0 !important; margin-bottom: 0;} table.concerts td {line-height: 18px;} /* body.page-id-138 .columns {width: 52%; margin-right: 40px;} body.page-id-138 .columns.last {width: 42%; margin-right: 0;} body.page-id-138 table.concerts td:first-child {white-space: normal; width: 200px;} body.page-id-138 table.concerts td:nth-of-type(2) {white-space: nowrap;} body.page-id-138 table.concerts td {padding: 7px 20px 7px 0;} body.page-id-138 table.concerts td:last-child {padding-right: 0;} body.page-id-138 h2 + h3 {margin-top: -10px;} */ /* photos */ .flex-photos .wp-caption {margin-right: 10px; padding: 0 0 10px 0;} .flex-photos > div:last-child {margin-right: 0;} .flex-photos .wp-caption img {display: block; padding: 0; margin: 0; width: 100%; max-width: 100%;} .flex-photos .wp-caption p.wp-caption-text {line-height: 16px;} .flex-photos {display: flex; align-items: flex-end;} .flex-photos .wp-caption {justify-content: space-evenly;} .flex-photos div#attachment_11729 {margin-bottom: 20px;} @media screen and (max-width: 900px) and (min-width: 600px) { body.page-id-138 .columns {width: 60%; margin-right: 5%;} body.page-id-138 .columns.last {width: 34%; margin-right: 0;} .flex-photos .wp-caption {margin-right: 5px;} } @media screen and (max-width: 600px) { body.page-id-138 .columns, body.page-id-138 .columns.last {width: 100%; margin-right: 0;} body.page-id-138 table.concerts td, body.page-id-138 table.concerts td:first-child, body.page-id-138 table.concerts td:nth-of-type(2) {white-space: normal; width: auto;} .flex-photos .wp-caption {width: 100px; flex-basis: auto; flex-shrink: 2;} .flex-photos {flex-wrap: wrap;} } @media screen and (max-width: 900px) and (min-width: 600px) { body.page-id-11843 .columns {width: 60%; margin-right: 5%;} body.page-id-11843 .columns.last {width: 34%; margin-right: 0;} .flex-photos .wp-caption {margin-right: 5px;} } @media screen and (max-width: 600px) { body.page-id-11843 .columns, body.page-id-11843 .columns.last {width: 100%; margin-right: 0;} body.page-id-11843 table.concerts td, body.page-id-11843 table.concerts td:first-child, body.page-id-11843 table.concerts td:nth-of-type(2) {white-space: normal; width: auto;} .flex-photos .wp-caption {width: 100px; flex-basis: auto; flex-shrink: 2;} .flex-photos {flex-wrap: wrap;} } /* PERFORMERS=178, FESTIVAL EVENTS=154, WHAT'S NEW */ body.page-id-154 h2 + h3, body.page-id-154 h2 + h4, body.page-id-154 h3 + h4, body.page-id-178 h2 + h3, body.page-id-178 h2 + h4, body.page-id-178 h3 + h4, body.page-id-188 h2 + h3, body.page-id-188 h2 + h4, body.page-id-188 h3 + h4 {margin: -0.625em 0 .75em 0;} body.page-id-178 h2 + h4 {margin-bottom: 10px;} body.page-id-178 h3 + p {} /* 2021 VIRTUAL MARKETPLACE */ /* top and bottom content */ body.page-id-164 .post-entry > p, body.page-id-164 .post-entry > h2, body.page-id-164 .post-entry > h5 {margin-left: 2%;} body.page-id-164 .post-entry > h5 {font-size: 17px; margin-bottom: 2px;} body.page-id-164 #InstrumentMakers p, body.page-id-164 #InstrumentMakers h2, body.page-id-164 #InstrumentMakers h5 {margin-left: 2%;} body.page-id-164 #InstrumentMakers h5 {font-size: 17px; margin-bottom: 2px;} body.page-id-164 #InstrumentMakers {max-width: 600px;} /* Hover Boxes */ .hover-tiles {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;} .hover-tile {height: 312px; width: 44%; max-width: 450px; min-width: 380px; position: relative; flex-grow: 1; margin: 2%; border: 1px solid #406834; border-radius: 6px; background: white; box-sizing: border-box;} .hover-tile .image {height: 250px; width: 100%; position: absolute; top: 60px; left: 0; overflow: hidden; border-radius: 0 0 6px 6px;} .hover-tile .text {height: 250px; padding: 15px 3% 0 4%; position: absolute; top: 60px; left: 0; background: white; opacity: 0; visibility: hidden; box-sizing: border-box; border-radius: 0 0 6px 6px; -webkit-transition: visibility 0s, opacity 0.6s linear; transition: visibility 0s, opacity 0.6s linear; overflow: hidden;} .hover-tile h5 {height: 60px; width: 100%; position: absolute; top: 0; left: 0; margin: 0; box-sizing: border-box; padding: 21px 3% 0 4%; font-size: 19px;} .hover-tile h5 a {height: 25px; width: 100%; display: block; overflow: hidden; white-space: nowrap;} .hover-tile img.alignnone {width: 100%; height: auto; min-height: 250px; margin: 0; padding: 0; display: block; overflow: hidden; object-fit: cover;} .hover-tile p {margin-bottom: 8px; line-height: 1.2;} #content-full .hover-tile p a {font-weight: normal;} /* reposition a couple images */ .hover-tiles #MBIRA img {position: absolute; bottom: 0; right: 0; margin: 0;} .hover-tiles #Nyaminyami img {position: absolute; bottom: -80px;} /* the hover action! */ .hover-tile:hover .text {visibility: visible; opacity: 0.9;} @media screen and (max-width: 490px) { .hover-tile {width: 100%; min-width: 100%; margin: 10px 0;} } @media screen and (max-width: 400px) { .hover-tile .text {font-size: 14px;} } @media screen and (max-width: 350px) { .hover-tile h5 a {height: 50px;} .hover-tile .text, .hover-tile .image {height: 260px; top: 50px; padding-top: 0;} .hover-tile img {height: 260px;} .hover-tile p {line-height: 1.1; margin-bottom: 4px;} .hover-tile:hover .text {opacity: 1;} } @media screen and (max-width: 300px) { .hover-tile .text {font-size: 13px;} } @media screen and (min-width: 960px) { .hover-tile {width: 423px; max-width: 423px;} } /* MARKETPLACE */ table#marketplace-hours {float: right; margin: 0 5px 20px 25px;} #marketplace-hours th {padding-top: 0;} #marketplace-hours td {padding-right: 10px;} #marketplace-hours td:last-of-type {padding-right: 0;} /* make generic for use elsewhere; used on 2023 housing page */ table.float-right {float: right; margin: 0 0 20px 25px;} table.float-right th {padding-top: 0;} table.float-right td {padding-right: 10px;} table.float-right td:last-of-type {padding-right: 0;} /* FESTIVAL EVENTS */ #marimba-jam-rules p {font-size: 17px; line-height: 25px; margin: 0 0 0 10px;} #marimba-jam-rules ul {margin: 0 0 0 50px;} #marimba-jam-rules p:nth-of-type(4) {margin-left: 70px;} /* COSTS */ h3#evening-concert-tickets {margin-bottom: 0;} #evening-concert-tickets span {font-size: 16px;} /* APPLICATIONS for TEACHER, WORKSHOP, PERFORMER (which use embedded Congnito forms) */ body.teacher-application h1.page-title, /* .entry-title */ body.workshop-proposal h1.page-title, body.performer-application h1.page-title {display: none;} /**** LOCATION SECTION OF SITE ****/ /* ZIMFEST MAP */ iframe#wou-map-page {margin-left: -20px; margin-top: 40px;} /* body.page-id-162 iframe */ body.page-id-173 h5 {margin-bottom: 12px;} /* OFF-CAMPUS HOUSING & DINING */ body.page-id-173 table {border: 0 none;} body.page-id-173 td {border: 0 none; padding: 0 20px 20px 0;} body.page-id-173 td:last-of-type {border: 0 none; padding-right: 0;} /* WOU PARKING (ETC.) PAGE */ body.page-id-5922 h1 {text-wrap: balance;} /* likely future supported value */ /**** WORKSHOPS SECTION OF SITE ****/ /* 2019 WORKSHOP LISTINGS */ body.workshops p#instructions {margin: 0 0 8px 4px;} /* 2019 WORKSHOP GRID */ body.grid, body.grid .grid {float: none; margin-bottom: 0;} /* to override .grid from parent template */ /* OLD PRESENTATIONS PAGE (auto-generated page; not currently in use) */ body.page-id-2667 table td {white-space: normal;} body.page-id-2667 th:nth-of-type(1), body.page-id-2667 td:nth-of-type(1) {white-space: normal; width: 45% !important;} body.page-id-2667 th:nth-of-type(2), body.page-id-2667 td:nth-of-type(3) {white-space: normal; width: 115px;} body.page-id-2667 th:nth-of-type(3), body.page-id-2667 td:nth-of-type(3) {white-space: normal; width: 95px !important;} /* body.page-id-2667 td:nth-of-type(3) a {white-space: nowrap;} */ /* NEW PRESENTATIONS PAGE - static content */ /* "Misc Classes used: .page-intro, .page-help */ .presentation {margin: 30px 0;} .presentation .session {color: #592408; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase;} .presentation h3 {margin: 0;} .presentation .summary {font-weight: bold; margin-bottom: 2px;} /**** REGISTRATION SECTION OF SITE ****/ /* REGISTRATION DEADLINES */ body.page-id-146 td:nth-of-type(1) {white-space: nowrap;} /**** VOLUNTEER SECTION OF SITE ****/ /* VOLUNTEER WHY & HOW - body.page-id-449 */ /* [MailingListSubscribeForm] - form#mc-embedded-subscribe-form */ /* (see also Subscribe text widget, below, under Sidebar) */ #subscribe-desc {margin-bottom: 5px;} #mc-embedded-subscribe-form {margin: 0;} form div.indicates-required {font-size: 13px;} form div.indicates-required .asterisk {font-size: inherit;} #mc-embedded-subscribe-form .text-field label {width: 115px;} #mc-embedded-subscribe-form li {line-height: 18px;} form div.mc-field-group {margin-bottom: 5px;} form div.mc-field-group.input-group {margin-top: 12px;} /* VOLUNTEER TASKS */ a.vol-link {white-space: nowrap;} h2 a.vol-link, h4 a.vol-link {float: right; font-size: 15px; line-height: 22px; font-family: 'Cabin', sans-serif; letter-spacing: 0;} h2 a.vol-link {margin-top: 6px; margin-bottom: 20px;} /* Volunteer Spotlight sidebar */ body.volunteer #widgets .textwidget p {line-height: 20px;} /* ZIMFEST IS FAMILY */ /* body.page-id-10147 img {width: auto; height: auto;} */ /*****/ /**** NEWS SECTION OF SITE ****/ /* See Blog (above) */ /* FESTIVAL UPDATES & WORKSHOP CHANGES */ body.festival-updates h2 {text-transform: uppercase;} .half-page-width {float: left;} #festival-updates-col1 {width: 47%; margin-right: 4.5%;} #festival-updates-col2 {width: 47%; margin-right: 0;} .half-page-width h2:first-of-type {margin-top: 0;} #festival-updates-col2 li {line-height: 19px;} /**** ABOUT SECTION OF SITE ****/ /* PAST FESTIVALS */ table#past-festivals {} #past-festivals, #past-festivals th, #past-festivals td {line-height: 1; border: 0 none; vertical-align: middle; box-sizing: border-box;} #past-festivals th h3 {margin: 0;} h3#thcol2 {display: none;} #past-festivals th, #past-festivals td {padding: 7px 5px;} #past-festivals th:nth-of-type(1), #past-festivals th:nth-of-type(2), #past-festivals td:nth-of-type(1), #past-festivals td:nth-of-type(2) {padding-right: 0;} #past-festivals th:first-of-type, #past-festivals td:first-of-type {max-width: 130px; text-align: center;} #past-festivals td.year {font-size: 50px; line-height: 40px; color: white; text-shadow: 0 0 2px black, 2px 2px 3px #666; font-family: 'Merienda', cursive; font-weight: 700; letter-spacing: -1px; white-space: nowrap;} #past-festivals .city {font-size: 16px; line-height: 18px; font-weight: bold;} #past-festivals .festsite, #past-festivals .date {font-size: 13px; line-height: 15px;} #past-festivals td.arclink {font-size: 13px; line-height: 20px; white-space: nowrap;} #past-festivals td.arclink a {padding-left: 22px;} #y1991, #y2000, #y2008, #y2016 {background-color: #8CB38C;} /* green */ #y1992, #y2001, #y2009, #y2018 {background-color: #FFE776;} /* yellow */ #y1993, #y2002, #y2010, #y2019 {background-color: #FF666B;} /* red */ #y1994, #y2003, #y2011, #y2020 {background-color: #999;} /* black */ #y1995, #y2004, #y2012, #y2021 {background-color: #FF666B;} /* red */ #y1997, #y2005, #y2013, #y2022 {background-color: #FFE776;} /* yellow */ #y1998, #y2006, #y2014, #y2023 {background-color: #8CB38C;} /* green */ #y1999, #y2007, #y2015, #y2024 {background-color: white;} /* white */ #y1999 td.year, #y2007 td.year, #y2015 td.year, #y2024 td.year {color: #CCC;} #y1999 td.year, #y2007 td.year, #y2015 td.year, #y2024 td.year {border-left: 1px solid #CCC; padding-left: 4px;} #y1999 td.arclink, #y2007 td.arclink, #y2015 td.arclink, #y2024 td.arclink {border-right: 1px solid #CCC; padding-right: 4px;} #y1991 td.arclink a, #y1998 td.arclink a, #y2000 td.arclink a, #y2006 td.arclink a, #y2008 td.arclink a, #y2014 td.arclink a, #y2016 td.arclink a, #y2023 td.arclink a {color: #186618;} /* darker green link color */ #y1991 td.arclink a:hover, #y1998 td.arclink a:hover, #y2000 td.arclink a:hover, #y2006 td.arclink a:hover, #y2008 td.arclink a:hover, #y2014 td.arclink a:hover, #y2016 td.arclink a:hover, #y2023 td.arclink a:hover {color: #B43512;} /* MEMBERSHIP and SUPPORT ZIMFEST */ #donate-paypal-button input#amount, #membership-paypal-button input#amount {width: 60px;} #donate-paypal-button input[type=image], #membership-paypal-button input[type=image] {margin-top: 15px;} body.page-id-2556 iframe {margin-top: 20px;} #membership-paypal-button, #donate-paypal-button {position: relative;} #membership-button-image, #donate-button-image {position: absolute; top: -18px; left: 150px;} div.columns #donate-button-image {display: block; left: 0; position: static;} h2#project-kudzana {clear: both;} .ss-form-container * {color: #333; font-family: 'Cabin', sans-serif;} h2.ss-section-title {color: #333; font-size: 22px; line-height: 22px; font-family: 'Cabin', sans-serif; font-weight: bold; margin: 25px 0 10px 0;} .ss-q-title {font-weight: bold; margin-top: 18px;} .ss-form-container ol {margin-left: 0;} .ss-form-container form {margin: 0;} .required-message {display: none;} .ss-form-container div {margin-bottom: 8px;} .ss-secondary-text {color: #777;} div.ss-required-asterisk, .ss-required-asterisk {color: #B43512; font-weight: normal;} .required {color: inherit !important;} /* to override red from theme */ .ss-choice-label {} .ss-section-description {color: #777;} .ss-form-entry {} div.ss-form-entry > input {background-color: white;} .ss-form-container table, .ss-form-container table td {border: 0 none;} #entry_1867007568, #entry_525397437 {width: 90%;} /* MEMBERSHIP USER GUIDE */ body.page-id-12094 #content p {clear: both;} body.page-id-12094 #content h2 {padding-top: 20px;} body.page-id-12094 #content img {border: 1px solid #FFC000; margin-top: -3px; margin-bottom: 40px;} body.page-id-12094 #content img.nomargin {margin-top: 0; margin-bottom: 3px;} /* ZIMFEST ASSOCIATION MEMBERS */ body.page-id-208 td {line-height: 15px; padding-bottom: 8px;} table#members td {text-align: center; vertical-align: middle; line-height: 18px; width: 30%;} table#members td h2 {text-align: left;} div.columns.members {margin-right: 0; margin-bottom: 20px;} div.columns.members ul {width: 180px; list-style: none; margin-left: 0;} div.columns.members li {line-height: 18px; text-align: center; vertical-align: middle; margin-bottom: 11px;} /* BOARD MEETING MINUTES - main page */ body.page-id-21 .post-entry ul {list-style: none; margin: 0; padding: 0;} body.page-id-21 .post-entry li {margin-bottom: 6px; line-height: 17px;} body.page-id-21 ul.columns {min-height: 380px; width: auto; float: left; margin: 0 30px 0 0;} /**** ARCHIVES *************************************************************************/ body.zimfest-2015-performers h2 + h4, body.zimfest-2016-performers h2 + h4, body.zimfest-2015-festival-events h2 + h4, body.zimfest-2016-festival-events h2 + h4 {margin: -0.625em 0 10px 0;} /**** 2015 ARCHIVES ****/ /**** 2015 SITE HOME PAGE - might still be in use (?) ****/ #home-2015-sidebar-nav li {margin: 0; padding: 0;} #widgets #text-13 ul {list-style: disc; padding: 0 0 0 20px;} #widgets #text-13 li {margin-bottom: 3px;} #widgets #text-13 li:nth-of-type(7) {display: none;} /* 2015 OVERVIEW */ #featured-containter ul {margin-left: 25px;} #featured-containter li {line-height: 18px;} #featured-zimbabweans {width: 53%; float: left; padding-right: 10px;} #north-american-performers {width: 45%; float: right;} #featured-zimbabweans li {margin-bottom: 6px;} #north-american-performers li {margin-bottom: 2px;} /**** DJANGO-GENERATED PAGES OR SITE-SECTIONS ****/ /* USED IN 2015 & 2016 ARCHIVES */ /* TEACHERS LIST */ #page-teachers img {float: right; margin: 0 0 10px 15px;} #page-teachers p {text-indent: 0; margin: 0;} #page-teachers p + p {text-indent: 30px;} /* WORKSHOPS - LIST & EACH WORKSHOP */ .row-fluid .span4 p {margin-bottom: 8px;} .row-fluid .span4 table {margin-top: 20px; margin-bottom: 10px;} .row-fluid .span4 table.table.sortable {width: auto;} .row-fluid .span4 table.table.sortable td:last-of-type {white-space: nowrap;} /* WORKSHOPS LIST 2015 & 2016 */ #toc h3, #levels h2 {margin-top: 20px;} .workshop-list-header, #section-workshop-list h2 {text-transform: uppercase; margin-top: 60px;} #section-workshop-list .span4 {width: 40%;} #section-workshop-list .span8 {width: 54%;} #section-workshop-list h2 + #section-workshop-list h3 {margin-top: 0; padding-top: 0;} #section-workshop-list .span4 p {margin-bottom: 2px;} #section-workshop-list .span8 p {line-height: 18px;} #section-workshop-list table {margin-top: 10px;} /* 2016 */ #section-workshop-list .panel-body p {margin-bottom: 6px;} #section-workshop-list .panel-body p {line-height: 18px;} #section-workshop-list table {width: auto;} /* can target with .well (not on each workshop's page) */ .well .span8 table {border: 0 none;} .well .span8 table td {border: 0 none; padding: 0;} /* CAN'T TARGET LEVELS TO GET RID OF BORDERS */ .span8 p img {padding-left: 20px;} .well .span8 table:nth-of-type(2) p {margin-bottom: 0;} .well .row-fluid .span4 table.table.sortable td:first-of-type a {display: inline;} #template-workshop-list {} #section-list-intro {} #table-workshop-topics {} #workshop-levels {} #list-symbols {} .section-list-workshop {} /* WORKSHOPS - EACH WORKSHOP (only; not list) */ .row-fluid .span4 table.table.sortable td:first-of-type a {display: block;} /* WORKSHOP GRID - ALL YEARS */ #page-workshop-grid th, #page-workshop-grid td {font-size: 13px !important; line-height: 15px; padding: 5px;} #page-workshop-grid #legend {width: auto; border: 0 none; margin-bottom: 15px;} #page-workshop-grid #legend th, #page-workshop-grid #legend td {border-width: 0; padding: 2px 8px 0 0;} #page-workshop-grid #legend tr:nth-of-type(2) td, #page-workshop-grid #legend tr:nth-of-type(4) td {padding-top: 8px;} #page-workshop-grid #legend th {font-size: 15px !important;} #page-workshop-grid #legend tr td:nth-of-type(2), #page-workshop-grid #legend tr td:nth-of-type(4) {padding-right: 30px;} #page-workshop-grid #gridtable {table-layout: fixed;} #page-workshop-grid #gridtable, #page-workshop-grid #gridtable th, #page-workshop-grid #gridtable td {border: 1px solid #DDD;} #page-workshop-grid #gridtable td:nth-of-type(1) {border-left: 1px solid #999; font-weight: 700;} #page-workshop-grid #gridtable th {border-top: 1px solid #999; border-bottom: 1px solid #999;} #page-workshop-grid #gridtable th:nth-of-type(1) {border-left: 1px solid white; border-top: 1px solid white;} /* 2015 WORKSHOP GRID = body.page-id-5274 */ #page-workshop-grid th, #page-workshop-grid td {font-size: 13px !important; line-height: 15px; padding: 5px;} #page-workshop-grid #legend {width: auto; border: 0 none; margin-bottom: 15px;} #page-workshop-grid #legend th, #page-workshop-grid #legend td {border-width: 0; padding: 2px 8px 0 0;} #page-workshop-grid #legend tr:nth-of-type(2) td, #page-workshop-grid #legend tr:nth-of-type(4) td {padding-top: 8px;} #page-workshop-grid #legend th {font-size: 15px !important;} #page-workshop-grid #gridtable {table-layout: fixed;} #page-workshop-grid #gridtable, #page-workshop-grid #gridtable th, #page-workshop-grid #gridtable td {border: 1px solid #DDD;} #page-workshop-grid #gridtable td:nth-of-type(1) {border-left: 1px solid #999; font-weight: 700;} #page-workshop-grid #gridtable th {border-top: 1px solid #999; border-bottom: 1px solid #999;} #page-workshop-grid #gridtable th:nth-of-type(1) {border-left: 1px solid white; border-top: 1px solid white;} body.page-id-5274 #page-workshop-grid #gridtable th:nth-of-type(1), body.page-id-5274 #page-workshop-grid #gridtable td:nth-of-type(1), body.page-id-5274 #page-workshop-grid #gridtable th:nth-of-type(4), body.page-id-5274 #page-workshop-grid #gridtable td:nth-of-type(4), body.page-id-5274 #page-workshop-grid #gridtable th:nth-of-type(7), body.page-id-5274 #page-workshop-grid #gridtable td:nth-of-type(7), body.page-id-5274 #page-workshop-grid #gridtable th:nth-of-type(9), body.page-id-5274 #page-workshop-grid #gridtable td:nth-of-type(9) {border-right: 1px solid #999;} body.page-id-5274 #page-workshop-grid #gridtable tr:nth-of-type(7) td, body.page-id-5274 #page-workshop-grid #gridtable tr:nth-of-type(11) td, body.page-id-5274 #page-workshop-grid #gridtable tr:nth-of-type(12) td, body.page-id-5274 #page-workshop-grid #gridtable tr:nth-of-type(13) td, body.page-id-5274 #page-workshop-grid #gridtable tr:nth-of-type(14) td, body.page-id-5274 #page-workshop-grid #gridtable tr:nth-of-type(15) td, body.page-id-5274 #page-workshop-grid #gridtable tr:nth-of-type(16) td, body.page-id-5274 #page-workshop-grid #gridtable tr:nth-of-type(17) td {border-bottom: 1px solid #999;} /* 2016 WORKSHOP GRID = body.page-id-6596 */ body.page-id-6596 #page-workshop-grid #gridtable th:nth-of-type(1), body.page-id-6596 #page-workshop-grid #gridtable td:nth-of-type(1), body.page-id-6596 #page-workshop-grid #gridtable th:nth-of-type(4), body.page-id-6596 #page-workshop-grid #gridtable td:nth-of-type(4), body.page-id-6596 #page-workshop-grid #gridtable th:nth-of-type(7), body.page-id-6596 #page-workshop-grid #gridtable td:nth-of-type(7), body.page-id-6596 #page-workshop-grid #gridtable th:nth-of-type(9), body.page-id-6596 #page-workshop-grid #gridtable td:nth-of-type(9) {border-right: 1px solid #999;} body.page-id-6596 #page-workshop-grid #gridtable tr:nth-of-type(7) td, body.page-id-6596 #page-workshop-grid #gridtable tr:nth-of-type(10) td, body.page-id-6596 #page-workshop-grid #gridtable tr:nth-of-type(11) td, body.page-id-6596 #page-workshop-grid #gridtable tr:nth-of-type(12) td, body.page-id-6596 #page-workshop-grid #gridtable tr:nth-of-type(13) td, body.page-id-6596 #page-workshop-grid #gridtable tr:nth-of-type(14) td, body.page-id-6596 #page-workshop-grid #gridtable tr:nth-of-type(15) td, body.page-id-6596 #page-workshop-grid #gridtable tr:nth-of-type(16) td, body.page-id-6596 #page-workshop-grid #gridtable tr:nth-of-type(17) td {border-bottom: 1px solid #999;} /* 2018 WORKSHOP GRID = body.zimfest-2018-workshop-grid */ body.zimfest-2018-workshop-grid, body.zimfest-2018-workshop-grid .grid {float: none; margin-bottom: 0;} /* to override .grid from parent template */ body.zimfest-2018-workshops p#instructions {margin: 0 0 8px 4px;} /* 2018 OVERVIEW */ body.page-id-8098 #content ul {padding-left: 15px; overflow: hidden;} /* Zim guest bullets */ /**** MAIN MENU (Dropdown) *************************************************************/ ul#menu-main-menu-complete, #menu-main-menu-complete ul { list-style: none; } .menu { background-color: #406834; background-image: -webkit-gradient(linear, left top, left bottom, from(#579057), to(#406834)); background-image: -webkit-linear-gradient(top, #579057, #406834); background-image: -moz-linear-gradient(top, #579057, #406834); background-image: -ms-linear-gradient(top, #579057, #406834); background-image: -o-linear-gradient(top, #579057, #406834); background-image: linear-gradient(top, #579057, #406834); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#579057, endColorstr=#406834); font-family: 'Roboto Condensed'; font-weight: 400; } /* #menu-main-menu-complete > li > a, */ .main-nav > ul > li > a { font-size: 15px; } /* MAY BE NEEDED WITH RESPONSIVE 4.xx .menu li { padding: 0 2px; } */ .menu ul li a:hover, .menu li li a:hover { color: white; } .menu a { color: white; border-left: 1px solid #81AC81; height: 28px; line-height: 28px; padding: 0 8px; } .menu a:hover { text-decoration: none; color: white; background-color: #0F410F; background-image: -webkit-gradient(linear, left top, left bottom, from(#2D742D), to(#0F410F)); background-image: -webkit-linear-gradient(top, #2D742D, #0F410F); background-image: -moz-linear-gradient(top, #2D742D, #0F410F); background-image: -ms-linear-gradient(top, #2D742D, #0F410F); background-image: -o-linear-gradient(top, #2D742D, #0F410F); background-image: linear-gradient(top, #2D742D, #0F410F); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2D742D, endColorstr=#363636); } ul.menu > li:hover { color: white; background-color: #0F410F; background-image: -webkit-gradient(linear, left top, left bottom, from(#2D742D), to(#0F410F)); background-image: -webkit-linear-gradient(top, #2D742D, #0F410F); background-image: -moz-linear-gradient(top, #2D742D, #0F410F); background-image: -ms-linear-gradient(top, #2D742D, #0F410F); background-image: -o-linear-gradient(top, #2D742D, #0F410F); background-image: linear-gradient(top, #2D742D, #0F410F); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2D742D, endColorstr=#363636); } .menu > .current_page_item > a, .menu > .current-menu-item > a { color: white; background-color: #406834; } .menu li li { color: #406834; background-color: #D5E3D5; background-image: none; border: 1px solid #ABC7AB; } .menu li li a { color: #406834; font-size: 14px; font-weight: 700; height: 18px; line-height: 18px; padding: 5px 10px; } .menu li li a:hover { color: white; background-color: #406834 !important; background-image: none; border: medium none; } .menu li li:hover { background-color: #406834 !important; color: white; } .menu-item-has-children::after {content: "";} /* MAIN MENU - Responsive (Mobile) Design */ /* @media screen and (max-width: 750px) { .js .main-nav #responsive_current_menu_item { display: block; padding: 5px 40px 5px 10px; } } @media screen and (max-width: 750px) { .js .main-nav .menu { display: none; position: absolute; width: 100%; top: 30px; z-index: 1000; } } */ @media screen and (max-width: 650px) { /* main menu reduces here - need to adjust to between 650-768 based on dropdown width */ .js .main-nav { background-color: #406834; background-image: -webkit-gradient(linear, left top, left bottom, from(#579057), to(#406834)); background-image: -webkit-linear-gradient(top, #579057, #406834); background-image: -moz-linear-gradient(top, #579057, #406834); background-image: -ms-linear-gradient(top, #579057, #406834); background-image: -o-linear-gradient(top, #579057, #406834); background-image: linear-gradient(top, #579057, #406834); color: white; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#579057, endColorstr=#406834); } .js .main-nav .menu li { background: #D5E3D5; color: white; border: none; } .js .main-nav .menu li a { font-size: 14px; font-weight: 700; height: 27px; line-height: 27px; padding: 0 15px; color: #406834; border: none; border-bottom: 1px solid #ABC7AB; } .js ul.menu > li:hover, .js .main-nav ul.menu > li:hover, .js .main-nav .menu li a:hover { color: #406834 !important; background-color: #D5E3D5 !important; } .js .main-nav .menu li.current_page_item, .js .menu .current_page_item a, .js .menu .current-menu-item a { color: #406834; background: #D5E3D5; } .js .main-nav .menu li li:hover { background-color: #D5E3D5 !important; } .js .main-nav .menu li li a { padding: 0 10px 0 43px; } .js .main-nav .menu li li li a { padding: 0 10px 0 53px; } .js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover { color: white !important; background-color: #406834 !important; } .js .main-nav .menu li li a::before { left: 30px; content: "\2013"; } .js .main-nav .menu li li li a::before { left: 30px; content: "\2013"; } .js .main-nav .menu li li li a::after { left: 40px; content: "\2013"; } .js .main-nav .menu li ul { background-color: #D5E3D5; } .js .main-nav a#responsive_menu_button { width: 23px; height: 30px; margin-left: -30px; } } /**** SMALLER DEVICES (MOBILE/NARROW WINDOWS) ******************************************/ /* sidebar moves to the bottom at this size */ @media screen and (max-width: 960px) { #pg-50-1 {height: auto;} body.rideboard #links-to-sidebar {display: block;} } @media screen and (max-width: 900px) { .row-fluid .span4 {width: 40%; margin-right: 5%;} .row-fluid .span8 {width: 52%; margin-left: 0;} .row-fluid .span4 table.table.sortable td:first-of-type a {display: block;} /* volunteer shifts */ } /* #pg-50 and #pgc-50 are objects on the home page */ @media screen and (max-width: 830px) { #pgc-50-2-0, #pgc-50-2-4, #pgc-50-3-0, #pgc-50-3-4 {width: 5% !important;} #pgc-50-2-1, #pgc-50-2-2, #pgc-50-2-3 {width: 30% !important;} #pgc-50-3-2, #pgc-50-3-3, #pgc-50-3-4 {width: 30% !important;} } @media screen and (max-width: 780px) { #pgc-50-2-0, #pgc-50-2-4, #pgc-50-3-0, #pgc-50-3-4 {display: none; margin: 0;} #pgc-50-2-1, #pgc-50-2-2, #pgc-50-2-3 {width: auto !important; margin-left: 0; margin-right: 0;} #pgc-50-3-2, #pgc-50-3-3, #pgc-50-3-4 {width: auto !important; margin-left: 0; margin-right: 0;} /* 2018 VOLUNTEER */ body.page-id-5749 .dls-sus-sheet-details {width: 40%; padding-right: 4%;} body.page-id-5749 table.dls-sus-tasks {width: 55%;} } @media screen and (max-width: 770px) { .top-menu {margin: 0 26px 5px auto;} /* display: block; text-align: right; position: relative; top: 0; right: 0; float: none; */ /* .top-menu li {display: inline;} */ body.registration #shift-groups table.tasks .span8 span {width: 70%;} /* volunteer shifts */ body.registration #shift-groups table.shifts td:nth-of-type(1), body.registration #shift-groups table.shifts td:nth-of-type(2), body.registration #shift-groups table.shifts td:nth-of-type(3) {width: auto;} } @media screen and (max-width: 720px) { #header #donate-button {display: none;} #footer {background-position: 35% 50%;} } /* main menu reduces here */ @media screen and (max-width: 650px) { .footer-menu li {text-align: left;} #widgets {margin-top: 40px !important;} /* home page */ body.page-id-50 #home-headline {text-align: center; padding-left: 14%;} #pg-50-4 #date {font-size: 39px; line-height: 39px; margin: 0 10px 10px 10px;} #pg-50-4 #location {font-size: 26px; line-height: 26px; margin: 0 10px 0 10px;} #applinks #applink1, #applinks #applink2 {display: block; margin-top: 7px;} /* Home page aux links near bottom */ /* other pages & COLUMNS */ .half-page-width, .columns-sixty-forty, .columns-sixty-forty.last, #festival-updates-col1, #festival-updates-col2 {width: 100%; margin-right: 0;} .half-page-width h2:first-of-type {margin-top: 15px;} /* h2:first-of-type {margin-top: 0;} */ .well .span4 {width: 47%; margin-right: 5%;} .well .span8 {width: 47%; margin-left: 0;} #shift-groups h2:first-of-type {margin-top: 35px;} /* 2018 VOLUNTEER */ body.page-id-5749 .dls-sus-sheet-details {width: 28%; padding-right: 5%;} body.page-id-5749 table.dls-sus-tasks {width: 66%;} body.page-id-5749 #show-hide a.button:focus, body.page-id-5749 #show-hide a.button:active, body.page-id-5749 #show-hide a.button::-moz-selection {background-color: #FFC000 !important;} } @media screen and (max-width: 550px) { #footer {background-size: 80px 80px; background-position: 120px 30px;} #past-festivals th:first-of-type, #past-festivals td:first-of-type {display: none;} h3#thcol2 {display: block;} #past-festivals th:nth-of-type(2), #past-festivals td:nth-of-type(2) {padding-left: 10px;} .well .row-fluid .span4 table.table.sortable td:first-of-type a {display: block;} #featured-zimbabweans {width: auto; float: none; padding-right: 0;} #north-american-performers {width: auto; float: none;} table#marketplace-hours {float: none; margin: 0 auto 15px 0;} /* volunteer shifts */ body.registration #shift-groups table.tasks {margin: 20px 0;} body.registration #shift-groups table.tasks th {display: block; width: auto; padding: 0;} body.registration #shift-groups table.tasks .span8 span {width: auto;} body.registration #shift-groups table.tasks .span8 {padding: 0;} body.registration #shift-groups table.tasks .span8 div {position: static;} body.registration #shift-groups table.shifts td {min-width: 50px;} body.registration #shift-groups table.shifts + span {float: none !important; margin-bottom: 20px;} /* 2018 VOLUNTEER */ body.page-id-5749 .dls-sus-sheet-details {width: 100%; padding-right: 0; float: none;} body.page-id-5749 table.dls-sus-tasks {width: auto; float: none;} body.page-id-5749 div#show-hide {position: static !important; margin-bottom: 0 !important; left: 0; top: 0 !important;} body.page-id-5749 div#show-hide a.button {margin-top: 0; margin-bottom: 20px;} } @media screen and (max-width: 500px) { #pg-50-4 #date {letter-spacing: -2px;} #pg-50-4 #location {letter-spacing: 0;} h2 a.vol-link, h4 a.vol-link {display: block; float: none;} } @media screen and (max-width: 450px) { #footer {background-image: none;} body.page-id-50 #home-headline {padding-left: 10px; padding-right: 10px;} .row-fluid .span4 {float: none; width: 100%; margin-right: 0;} .row-fluid .span8 {float: none; width: 100%;} .well .row-fluid .span4 table.table.sortable td:first-of-type a {display: inline;} .row-fluid .span4 p {margin-bottom: 5px;} .row-fluid .span4 table {margin-top: 12px; margin-bottom: 12px;} .row-fluid .span8 p {margin-top: 20px;} .well .row-fluid .span8 p {margin-top: 0;} table.workshop-enrollment td {text-align: left;} table.workshop-enrollment td:last-of-type {width: 120px; white-space: nowrap;} table.workshop-enrollment td:last-of-type p {display: inline;} table.workshop-enrollment td:last-of-type .progress {width: 70px !important;} body.page-id-173 td {display: block; padding: 0 0 15px 0;} } @media screen and (max-width: 420px) { #footer-wrapper {margin-top: 15px;} #footer-social-icons {margin-bottom: 55px;} #pg-50-4 #date {font-size: 39px;} #pg-50-4 #location {font-size: 26px;} } /* @media screen and (max-width: 380px) { #footer {background-size: 100px 100px; background-position: 50% 40%;} } */ @media screen and (max-width: 320px) { #widgets {margin-top: 40px;} body.page-id-443 #content-full table#legend {float: none; margin: 10px auto 10px 0;} #footer {background-image: none;} } /**** PRINT changes ********************************************************************/ @media print { .skip-container, #menu-top-log-inout, .main-nav, #donate-button, .breadcrumb-list, #widgets, #footer {display: none !important;} body, #container, #header, #logo {margin: 0; padding: 0;} #content, #content-full, #content-blog, #content-archive, #content-sitemap {width: 100%; margin: 0; padding: 0;} #header a[href]:after, body.registration table:not(.sortable) th a[href]:after, body.registration table:not(.sortable) td a[href]:after {content: none;} /* try to force printing of workshop grid "Full" images (only works in some browsers) */ body.registration table:not(.sortable) td {-webkit-print-color-adjust: exact;} h2, h3, h4 {page-break-after: avoid;} body.workshops #instructions {display: none;} }