/* * Theme Name : uua-congregation Child Theme * Theme URI : http://www.bruu.org/gallery/uua-congregation/ * Description : uua-congregation Child Theme * Author : BRUU * Author URI : https://www.bruu.org * Template : uua-congregation * Version : 1.0.0 * * Add Your Custom CSS Below This Line ---------------------------------------------------------------- */ /**************************/ /* Banner on every page * */ /* Header logo area */ .logo-area { background-image : url(banner-left.png); background-position : right bottom; background-size : cover; } /* Right area for tag line .header-right { text-transform : inherit; } .header-right .header-text-field , .header-right .social-media-links { margin : 0; } .header-right .header-text-field h4 { margin : 0; } */ /* Small Devices, Tablets @media only screen and (min-width: 768px) { .header-right { background-image : none; height : auto; } } */ /* Medium Devices, Desktops @media only screen and (min-width: 992px) { .header-right { background-image : url(banner-right.png); background-position : right bottom; background-size : cover; height : 110px; } .header-right .header-text-field { position : absolute; bottom : 0; right : 0; } */ /* The slogan in the banner area .cls-tagline { font-size : 2.0em; } } */ /**************************/ /* All links */ .primary-content a:not(.btn) , .right-sidebar a:not(.btn) { border : 3px solid transparent; text-decoration : underline; } .primary-content a:not(.btn):hover , .right-sidebar a:not(.btn):hover { color : #153377; text-decoration : none; } .primary-content a:not(.btn):visited , .right-sidebar a:not(.btn):visited { color : #016088; } .primary-content a:not(.btn):focus , .right-sidebar a:not(.btn):focus { outline : #0099CC solid 2px; } .primary-content a:not(.btn):focus img , .right-sidebar a:not(.btn):focus img { outline : #0099CC solid 2px; } /* Links that open a new tab or window * We have added a message that displays on hover & focus. * See footer.php JavaScript */ a[target="_blank"] { position:relative; z-index:24; } a[target="_blank"]:hover , a[target="_blank"]:focus , a[target="_blank"]:active { z-index:25; background-color:#ff0 } /* We have injected a message span into each link with target="_blank". * Usually hide the message span by showing it off-screen * The span is still "visible" to screen readers */ @media screen { a[target="_blank"]{ border : 1px solid red; } a[target="_blank"] .cls-link-window-message { position : absolute; left : -9000px; width : 0; overflow : hidden; } /* Show the message when needed */ a[target="_blank"]:hover .cls-link-window-message , a[target="_blank"]:focus .cls-link-window-message , a[target="_blank"]:active .cls-link-window-message { background-color: #fcfff2; border : 1px solid #0cf; border-radius : 0.5em; box-shadow : -0.2em -0.2em 1em #607523 inset, 0.1em 0.1em 0.3em #607523 inset; color : #000; display : block; font-size : initial; font-weight : initial; font-style : initial; padding : 0.2em; position : absolute; top : 1em; left : 1em; width : initial; } } /* The footer.php file has a template image with this ID attribute. * We clone it to every external link. * We want the template image itself to not display. */ img.cls-link-external-icon#id-link-external-template { display : none; } /* Every external link gets a clone of the template icon image with this class name. */ a img.cls-link-external-icon { font-size : initial; /* Keep the icon from scaling with the element's font size */ height : 0.7em; margin-left : 0.2em; } /* in a P tag, let the icon scale with font size */ p a img.cls-link-external-icon { font-size : 0.7em; } /* Stop adding outline to the icon when the link gets focus by tabbing */ a.cls-link-external:focus img.cls-link-external-icon { outline : none; } a.cls-link-external { position : relative; } /** * In the logo area in the fourth footer sidebar area, the external link icon wraps for UUA logo, * so we make it a little smaller and move the external link icon to the left. */ .affiliation-logos .uua-flag { width: 95%; } .affiliation-logos .cls-link-external-icon { margin-left: -1.0em; } /**************************/ /* Horizontal rule * The original color (#eeeeee) is too light. */ hr { border-color : #aaa; } /**************************/ /* Page titles */ .page-header h1 { /* Multiple background images * The first is on top of thge second * The second is the horizontal line across the entire element * The first is the primary image at the far right * The combined image covers any size element */ background-image : url(page-header-prime.png), url(page-header-left.png); background-position : right bottom, right bottom; background-size : auto 1.0em, auto 1.0em; background-repeat : no-repeat, repeat-x; } /**************************/ /* Figure element for images with captions * !important to override the element attribute */ figure { width : initial !important; } div.cls-choir-schedule-container table td , div.cls-choir-schedule-container table th { padding : 0.2em 0.5em; vertical-align : top; } div.cls-choir-schedule-container h3 { border-bottom : 1px solid black; } div.cls-choir-schedule-container table td:first-of-type { min-width : 3em; text-align : right; } /* Control word break keeping groups of words together */ span.cls-preferred-break { display : inline-block; } /* For speaker description for UUA Service speaker taxonomy archive pages */ .cls-uu-speaker-description { border : 2px solid #0092b5; border-radius : 0.5em; padding : 0.5em; font-size : 0.9em; overflow : hidden; /* Keeps floated images inside the container */ } /* Alerts, such as on the 404 page */ .alert-warning { border-radius : 0.5em; color : rgb(55, 56, 57); } .alert-warning .cls-alert-message { color : #607523; font-size : 1.5em; } /* Video -- make it be full width, but stay in proportion in height */ div#id-custom-video { padding-bottom : 65%; position : relative; width : 100%; } div#id-custom-video iframe { height : 90%; width : 90%; position : absolute; top : 2%; bottom : 8%; left : 5%; right : 5%; } /* The copyright line */ div#id-custom-video > p.cls-copyright { font-size : 0.6em; margin : 0; position : absolute; bottom : 0; right : 2.0em; } /* On the RE page this displays colored bars */ .cls-re-class-path-1 , .cls-re-class-path-2 , .cls-re-class-path-3 , .cls-re-class-path-4 { margin-top : -12px; padding : 0 0.5em; font-size : 0.8em; } .cls-re-class-path-1 { background : orange; color : black; } .cls-re-class-path-2 { background : yellow; color : black; } .cls-re-class-path-3 { background : green; color : white; } .cls-re-class-path-4 { background : blue; color : white; } /* ******************************************************** */ /* NEW STUFF */ /* Highlight Pie Register form shortcode */ xxx#main .piereg_container #pie_register_reg_form ul#pie_register { border: 1px solid gray; border-radius: 1rem; padding: 1rem; } #id-bruu-register .piereg_container.pieregWrapper , #id-bruu-register #pie_register_reg_form { padding: 0; } /* Small Devices, Tablets */ /* Right area for tag line */ .header-right { xxxfont-size : inherit; text-transform : inherit; } .header-right .header-text-field , .header-right .social-media-links { margin : 0; } .header-right .header-text-field h4 { font-size : 1.5em;; margin : 0; } /* Medium Devices */ @media only screen and (min-width: 768px) { .header-right { background-image : none; height : auto; } .header-right .header-text-field h4 { margin : 0; } } .navbar-brand img { height: 50px; } /* Full-size Devices */ @media only screen and (min-width: 992px) { .header-right { background-image : url(banner-right.png); background-position : right bottom; background-size : cover; xxxfont-size : inherit; height : 110px; } .header-right .header-text-field { margin-top : 35px; } .header-right .header-text-field h4 { font-size : 3.0em;; } .navbar-brand img { height: 83px; } } /* To allow search field to display popup DIV with page hits * Else popup is covered by next DIV -- div.row.masthead-header */ body{ height: 100%; position: relative; } #content { position: relative; } form.search-form { float: right; } button.search-submit { z-index: 2; } .slide-search.active { background: #9ae4fae6; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; } /* Fix position in wp-includes/css/admin-bar.min.css?ver=5.4 * which has position: absolute; */ @media only screen and (max-width: 600px) { #wpadminbar { position: fixed; } } /* We can place an announcement with the page header. */ x.cls-site-announcement { border : 8px solid orange; background-color: lightyellow; padding : 1em; } /* Message on Forgot Password form */ #piereg_forgotpassword .piereg_warning.fp_desc { background-color: rgba(142, 209, 252, 0.5); border : 2px solid rgba(142, 209, 252); color : inherit; } form#piereg_login_form p input[type="submit"] , form#pie_regiser_form #pie_register input[type="submit"] , #piereg_login form#piereg_lostpasswordform p input[type="submit"] { background-color: #5cb85c; border : 2px solid #4cae4c; color : #fff; } form#piereg_login_form p input[type="submit"]:hover , form#piereg_login_form p input[type="submit"]:focus , form#pie_regiser_form #pie_register input[type="submit"]:hover , form#pie_regiser_form #pie_register input[type="submit"]:focus , #piereg_login form#piereg_lostpasswordform p input[type="submit"]:hover , #piereg_login form#piereg_lostpasswordform p input[type="submit"]:focus { background-color: #449d44; border : 2px solid #398439; color : #fff; } #piereg_forgotpassword .piereg_warning.fp_desc , form#piereg_login_form #pie_register .fields .input_fields , form#piereg_login_form p input[type="submit"] , form#pie_regiser_form #pie_register input.input_fields , form#pie_regiser_form #pie_register input[type="submit"] , form#pie_regiser_form #pie_register input[type="button"] , #piereg_login form#piereg_lostpasswordform p input.input_fields , #piereg_login form#piereg_lostpasswordform p input[type="submit"] { border-radius : 0.5em; } .pieregWrapper #pie_register .fields input[type="button"].piereg_cancel_profile_edit_btn { border: 2px solid #000; } .pieregWrapper #pie_register .fields input[type="button"].piereg_cancel_profile_edit_btn:hover { background-color : #464646; } xxxdiv.piereg_container p.piereg_login_error { position: fixed; right: 0; top: 20%; } /* Remove the UUA logo link from the footer */ footer section.affiliation-logos { display: none; } /* Add an icon to each email address link */ a[href^="mailto:"]::before { color: blueviolet; content: '✉ '; font-size: 1.1em; } /* Kadence plugin modifications */ .kt-tab-title-active { font-weight: bold; } /* Show or hide based on screen size derived from Bootstrap 3 conventions xs (for phones - screens less than 768px wide) sm (for tablets - screens equal to or greater than 768px wide) md (for small laptops - screens equal to or greater than 992px wide) lg (for laptops and desktops - screens equal to or greater than 1200px wide) */ .cls-bruu-xs-show { display: unset; } .cls-bruu-xs-none { display: none; } .cls-bruu-sm-show , .cls-bruu-md-show , .cls-bruu-lg-show{ display: none; } .cls-bruu-sm-none , .cls-bruu-md-none , .cls-bruu-lg-none{ display: unset; } @media only screen and (min-width: 768px) { .cls-bruu-xs-none { display: none; } .cls-bruu-xs-none { display: unset; } .cls-bruu-sm-show { display: unset; } .cls-bruu-sm-none { display: none; } } @media only screen and (min-width: 992px) { .cls-bruu-md-show { display: unset; } .cls-bruu-md-none { display: none; } } @media only screen and (min-width: 1200px) { .cls-bruu-lg-show { display: unset; } .cls-bruu-lg-none { display: none; } } /* Show or hide based on screen size derived from Bootstrap 4 conventions xs (for portrait phones - screens < 576px wide) sm (for landscape phones - screens >= than 576px wide) md (for tablets - screens >= 768px wide) lg (for laptops - screens >= 992px wide) xl (for desktops - screens >= 1200px wide) Code copied from Bootstrap 4 CSS */ .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } } /* Simple classes for shortcode styling * To display on page use this construct: [bruu_add_css class='-xxx']content[/bruu_add_css] * where xxx is the class suffix, like 'mono' for 'cls-bruu-mono' */ .cls-bruu-fixed , .cls-bruu-mono { font-family: monospace; } /* Custom icons * WordPress loads the font for dashicons used for its Admin side. * To use those on a page, you can just add the right class to an empty SPAN tag. * such as * * Some plugins provide there own icon as CSS with a background image using base64 encoding. * For those custom icons we make our own class * - Copy the encoded value and decode it using an online service * - Edit the SVG setting the fill from white to black (#fff --> #000) * - Encode the edited SVG code for our CSS * * To display on page use this construct: [bruu_add_css class='-icon-duplicator' /] */ span.cls-bruu-icon-duplicator { background-repeat: no-repeat; background-position: center; background-size: auto 1.0em; display: inline-block; height: 1.0em; margin: 0 0 -0.2em; text-align: center; } span.cls-bruu-icon-duplicator { content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1NiAyNTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xNzIuMTAzLDM1LjIyM2wtMS4zOTUtMjQuMDk3TDE1My4zNiw2LjQ3OGwtMTMuMjUzLDIwLjE3MWMtNi43NDItMC42NzUtMTMuNTM1LTAuNjk2LTIwLjI3Ni0wLjA0MgoJCQlMMTA2LjQ2Nyw2LjI3bC0xNy4zNDgsNC42NDdsLTEuNCwyNC4yMDRjLTYuMDczLDIuNzI0LTExLjkzLDYuMDc0LTE3LjQ4NSwxMC4wMzlMNDguNDAzLDM0LjE4M0wzNS43MDQsNDYuODgybDEwLjkxLDIxLjcwMQoJCQljLTQuMDExLDUuNTIyLTcuMzk2LDExLjM1Mi0xMC4xNywxNy4zOTdsLTI0LjM2NywxLjQxbC00LjY0OCwxNy4zNDhsMjAuMjQxLDEzLjNjLTAuNzA4LDYuNzM0LTAuNzg1LDEzLjUyMy0wLjE2NiwyMC4yNjUKCQkJbC0yMC4yODQsMTMuMzNsNC42NDgsMTcuMzQ4bDIzLjMyNCwxLjM0OWwwLjIyNy0wLjgyNmw5LjEwNi0zMy4xNzZjLTIuMTI1LTI0LjMzMyw2LjEwNC00OS4zOTcsMjQuNzI5LTY4LjAyMwoJCQljMjcuMzkzLTI3LjM5Myw2OC43MS0zMi4zMTUsMTAxLjE0NS0xNC44MzNMNTQuNDIyLDE2OS40NDdsLTIuNTg1LTMyLjM1NUwzMC44OSwyMTMuMzk4bDMxLjYxNC0zMS42MTRMMTgyLjczNSw2MS41NTMKCQkJbDQuMjA0LTQuMjA2bDcuOTc4LTcuOTc4QzE4Ny44MzYsNDMuNTU3LDE4MC4xNSwzOC44NTcsMTcyLjEwMywzNS4yMjN6Ii8+CgkJPHBhdGggZmlsbD0iIzAwMCIgZD0iTTEwNS4yMTQsOS41NThsMTIuMjMxLDE4LjYxNGwwLjk0NSwxLjQ0bDEuNzE1LTAuMTY2YzMuMTgyLTAuMzA4LDYuNDIzLTAuNDY1LDkuNjM0LTAuNDY1CgkJCWMzLjM0NywwLDYuNzM2LDAuMTcsMTAuMDgyLDAuNTA2bDEuNzE5LDAuMTcybDAuOTUtMS40NDRsMTIuMTIyLTE4LjQ0OWwxMy4zNjUsMy41ODFsMS4yNzQsMjIuMDQxbDAuMTAxLDEuNzI0bDEuNTczLDAuNzExCgkJCWM3LjAzNiwzLjE3NSwxMy42NTIsNy4xMzYsMTkuNzExLDExLjc5MWwtNS43MTcsNS43MThsLTQuMjAzLDQuMjAzTDYwLjQ4NSwxNzkuNzY2bC0yMy45OTEsMjMuOTkybDEzLjc5Mi01MC4yNDRsMS4yOTIsMTYuMTYyCgkJCWwwLjQ5Myw2LjE1OWw0LjM2OS00LjM2N0wxNzIuNDE2LDU1LjQ5bDIuNzA5LTIuNzExbC0zLjM3Mi0xLjgxOGMtMTIuODI5LTYuOTE1LTI3LjM0OS0xMC41NzEtNDEuOTk0LTEwLjU3MQoJCQljLTIzLjYyLDAtNDUuODIzLDkuMTk4LTYyLjUyMiwyNS44OTdDNDguODMzLDg0LjY5LDM5LjUyLDExMC4wOTUsNDEuNjM5LDEzNi4wNjFsLTguNTg3LDMxLjI4OGwtMTguOTYyLTEuMDk5bC0zLjU4MS0xMy4zNjMKCQkJbDE4LjU2Mi0xMi4xOThsMS40MzEtMC45NDJsLTAuMTU2LTEuNzA0Yy0wLjU5Mi02LjQzNi0wLjUzOC0xMy4wNjUsMC4xNjEtMTkuNzA2bDAuMTgyLTEuNzI4bC0xLjQ1Mi0wLjk1NWwtMTguNTE4LTEyLjE2NwoJCQlsMy41ODEtMTMuMzY2bDIyLjMwOS0xLjI5MWwxLjcxMi0wLjA5OGwwLjcxNy0xLjU1OWMyLjcyOS01Ljk0OCw2LjA1NS0xMS42MzksOS44ODUtMTYuOTEzbDEuMDIxLTEuNDA2bC0wLjc3OS0xLjU1MgoJCQlsLTkuOTg0LTE5Ljg1OWw5Ljc4NC05Ljc4NGwxOS45ODgsMTAuMDQ5bDEuNTM4LDAuNzc0bDEuNDAxLTEuMDAxYzUuMzQzLTMuODExLDExLjA2MS03LjA5NCwxNi45OTctOS43NTdsMS41ODEtMC43MTJsMC4xLTEuNzI4CgkJCWwxLjI4MS0yMi4xNDVMMTA1LjIxNCw5LjU1OCBNMTA2LjQ2Nyw2LjI3bC0xNy4zNDgsNC42NDdsLTEuNCwyNC4yMDRjLTYuMDczLDIuNzI2LTExLjkzLDYuMDc0LTE3LjQ4NiwxMC4wMzlsLTIxLjgzLTEwLjk3NgoJCQlsLTEyLjcsMTIuNzAxbDEwLjkxLDIxLjY5OWMtNC4wMTEsNS41MjItNy4zOTYsMTEuMzUzLTEwLjE3LDE3LjM5N2wtMjQuMzY3LDEuNDFsLTQuNjQ4LDE3LjM0OGwyMC4yNCwxMy4zCgkJCWMtMC43MDgsNi43MzQtMC43ODQsMTMuNTIzLTAuMTY1LDIwLjI2NWwtMjAuMjg0LDEzLjMzbDQuNjQ4LDE3LjM0OGwyMy4zMjQsMS4zNDlsMC4yMjctMC44MjZsOS4xMDYtMzMuMTc2CgkJCWMtMi4xMjUtMjQuMzMzLDYuMTA0LTQ5LjM5NywyNC43MjktNjguMDIzYzE2LjcxLTE2LjcxMSwzOC42MDctMjUuMDYsNjAuNTA1LTI1LjA2YzEzLjk5OCwwLDI3Ljk5MiwzLjQxMSw0MC42NCwxMC4yMjcKCQkJTDU0LjQyMiwxNjkuNDQ5bC0yLjU4NS0zMi4zNTdMMzAuODksMjEzLjM5OGwzMS42MTQtMzEuNjE0TDE4Mi43MzUsNjEuNTUzbDQuMjAzLTQuMjA0bDcuOTc5LTcuOTc5CgkJCWMtNy4wODMtNS44MTUtMTQuNzY3LTEwLjUxMy0yMi44MTQtMTQuMTQ3bC0xLjM5NS0yNC4wOTdMMTUzLjM2LDYuNDc4bC0xMy4yNTQsMjAuMTdjLTMuNDQ3LTAuMzQ2LTYuOTA3LTAuNTItMTAuMzY2LTAuNTIKCQkJYy0zLjMwNywwLTYuNjE0LDAuMTYtOS45MSwwLjQ3OUwxMDYuNDY3LDYuMjdMMTA2LjQ2Nyw2LjI3eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iIzAwMCIgZD0iTTg3LjgwMiwyMjIuMjFsMS4zOTQsMjQuMDk3bDE3LjM0OCw0LjY0OWwxMy4yNTUtMjAuMTdjNi43NDIsMC42NzUsMTMuNTMzLDAuNjkzLDIwLjI3NCwwLjA0MQoJCQlsMTMuMzY1LDIwLjMzNWwxNy4zNDctNC42NDZsMS4zOTktMjQuMjAyYzYuMDczLTIuNzI1LDExLjkzLTYuMDc0LDE3LjQ4Ni0xMC4wMzhsMjEuODMxLDEwLjk3NGwxMi42OTktMTIuNjk4bC0xMC45MS0yMS43MDEKCQkJYzQuMDEyLTUuNTIxLDcuMzk2LTExLjM1MiwxMC4xNjktMTcuMzk4bDI0LjM2OS0xLjQwOGw0LjY0Ni0xNy4zNDhsLTIwLjIzOS0xMy4zYzAuNzA4LTYuNzM2LDAuNzg0LTEzLjUyMywwLjE2NC0yMC4yNjYKCQkJbDIwLjI4NC0xMy4zMjhsLTQuNjQ3LTE3LjM0OGwtMjMuMzIzLTEuMzQ5bC0wLjIyOCwwLjgyNWwtOS4xMDcsMzMuMTc1YzIuMTI3LDI0LjMzMi02LjEwNCw0OS4zOTctMjQuNzI5LDY4LjAyNAoJCQljLTI3LjM5MiwyNy4zOTMtNjguNzA5LDMyLjMxNS0xMDEuMTQ0LDE0LjgzMUwyMDUuNDgsODcuOTg0bDIuNTg2LDMyLjM1NmwyMC45NDgtNzYuMzA1bC0zMS42MTUsMzEuNjEzTDc3LjE2OSwxOTUuODgKCQkJbC00LjIwNiw0LjIwNWwtNy45NzgsNy45NzlDNzIuMDY4LDIxMy44NzYsNzkuNzUyLDIxOC41NzUsODcuODAyLDIyMi4yMXoiLz4KCQk8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMjIzLjQwOSw1My42NzZsLTEzLjc5Myw1MC4yNGwtMS4yOS0xNi4xNmwtMC40OTQtNi4xNTlsLTQuMzY4LDQuMzdMODcuNDg3LDIwMS45NDJsLTIuNzA5LDIuNzEyCgkJCWwzLjM3MywxLjgxOGMxMi44MjgsNi45MTQsMjcuMzUxLDEwLjU2OCw0MS45OTcsMTAuNTY4YzIzLjYxOCwwLDQ1LjgyMS05LjE5NSw2Mi41Mi0yNS44OTYKCQkJYzE4LjQwMy0xOC40MDIsMjcuNzE3LTQzLjgwNywyNS41OTgtNjkuNzc1bDguNTg4LTMxLjI4M2wxOC45NjEsMS4wOTdsMy41ODIsMTMuMzY0bC0xOC41NjMsMTIuMTk3bC0xLjQzLDAuOTQxbDAuMTU1LDEuNzA1CgkJCWMwLjU5Miw2LjQzNiwwLjUzOSwxMy4wNjctMC4xNiwxOS43MDZsLTAuMTgzLDEuNzI3bDEuNDUxLDAuOTU0bDE4LjUyMSwxMi4xNzFsLTMuNTgyLDEzLjM2NWwtMjIuMzExLDEuMjkxbC0xLjcxMiwwLjA5OQoJCQlsLTAuNzE2LDEuNTZjLTIuNzI3LDUuOTQ0LTYuMDUzLDExLjYzMy05Ljg4NiwxNi45MTFsLTEuMDIsMS40MDRsMC43OCwxLjU1NGw5Ljk4MywxOS44NTlsLTkuNzg1LDkuNzgzbC0xOS45OS0xMC4wNQoJCQlsLTEuNTM2LTAuNzcybC0xLjQwMiwwLjk5OWMtNS4zNDEsMy44MTQtMTEuMDU5LDcuMDk2LTE2Ljk5NCw5Ljc1OGwtMS41ODIsMC43MWwtMC4wOTksMS43MjlsLTEuMjgzLDIyLjE0NmwtMTMuMzYzLDMuNTgxCgkJCWwtMTIuMjMzLTE4LjYxNWwtMC45NDYtMS40MzhsLTEuNzEzLDAuMTYzYy0zLjE4LDAuMzEtNi40MTcsMC40NjUtOS42MjYsMC40NjVjLTMuMzQ4LDAtNi43NDMtMC4xNjktMTAuMDktMC41MDVsLTEuNzE5LTAuMTcxCgkJCWwtMC45NSwxLjQ0M2wtMTIuMTIyLDE4LjQ0OGwtMTMuMzY2LTMuNTgxbC0xLjI3NS0yMi4wMzhsLTAuMS0xLjcyN2wtMS41NzQtMC43MDljLTcuMDM1LTMuMTgtMTMuNjUzLTcuMTM5LTE5LjcxLTExLjc5MgoJCQlsNS43MTYtNS43MTVsNC4yMDUtNC4yMDdMMTk5LjQxOCw3Ny42NjZMMjIzLjQwOSw1My42NzYgTTIyOS4wMTUsNDQuMDM2bC0zMS42MTUsMzEuNjEzTDc3LjE2OSwxOTUuODhsLTQuMjA2LDQuMjA1bC03Ljk3Nyw3Ljk3OQoJCQljNy4wOCw1LjgxMiwxNC43NjUsMTAuNTExLDIyLjgxNCwxNC4xNDZsMS4zOTQsMjQuMDk3bDE3LjM0OCw0LjY0OWwxMy4yNTQtMjAuMTczYzMuNDQ4LDAuMzQ4LDYuOTEyLDAuNTIzLDEwLjM3NCwwLjUyMwoJCQljMy4zMDQsMCw2LjYwNy0wLjE2Miw5LjktMC40NzlsMTMuMzY1LDIwLjMzNWwxNy4zNDctNC42NDZsMS4zOTktMjQuMjAyYzYuMDczLTIuNzI1LDExLjkzMS02LjA3NywxNy40ODYtMTAuMDM4bDIxLjgzMSwxMC45NzQKCQkJbDEyLjY5OS0xMi42OThsLTEwLjkxLTIxLjcwMWM0LjAxMi01LjUyMSw3LjM5Ni0xMS4zNTIsMTAuMTY5LTE3LjM5OGwyNC4zNjktMS40MDhsNC42NDktMTcuMzQ4bC0yMC4yNDItMTMuMwoJCQljMC43MDgtNi43MzYsMC43ODQtMTMuNTIzLDAuMTY0LTIwLjI2NmwyMC4yODUtMTMuMzI4bC00LjY0OC0xNy4zNDhsLTIzLjMyNC0xLjM0OWwtMC4yMjcsMC44MjVsLTkuMTA3LDMzLjE3NQoJCQljMi4xMjcsMjQuMzMyLTYuMTA0LDQ5LjQwMS0yNC43MjksNjguMDI0Yy0xNi43MDksMTYuNzEtMzguNjA0LDI1LjA2MS02MC41MDEsMjUuMDYxYy0xMy45OTgsMC0yNy45OTUtMy40MS00MC42NDMtMTAuMjI5CgkJCUwyMDUuNDgsODcuOTg0bDIuNTg2LDMyLjM1NkwyMjkuMDE1LDQ0LjAzNkwyMjkuMDE1LDQ0LjAzNnoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K"); } /* Make Gutenberg code block stand out a little */ pre.wp-block-code { background-color : #F5F7F9; border-left : 0.4em solid #ab1b42; padding : 0.4em; } /* Add icons to the search results to show the post type */ article.type-post h2:before , article.type-page h2:before , article.type-attachment h2:before , article.type-epkb_post_type_1 h2:before { font-family: "dashicons"; display: inline-block; padding-right: 3px; vertical-align: middle; } article.type-post h2:before { content: "\f481"; name:clipboard; } article.type-page h2:before { content: "\f121"; name:text page; } article.type-attachment h2:before { content: "\f128"; name:image; } article.type-epkb_post_type_1 h2:before { content: "\f118"; name:welcome-learn-more; } /* END icons to the search results to show the post type */ /* Some border to images inserted using block editor */ .wp-block-image img{ border: 1px solid black; } /* Styles for evergreen directory page */ .cls-bruu-email-target-anon { background-color: #cf03; } table.cls-bruu-evergreen-directory .cls-bruu-evergreen-mailbox::after { content: ' 📫'; } /* END Styles for evergreen directory page */ /* Styles for service podcast pages */ h2.cls-bruu-service-date { display : inline-block; font-size : 1.0em; margin : 0; min-width : 7em; padding-top : 1em; vertical-align : top; } .cls-bruu-service-info { border-left: 0.2em solid #ab1b42; border-top: 0.1em solid #ab1b42; display : inline-block; padding-left : 0.5em; xxxpadding-top : 1.0em; width : 70%; } xxx.cls-bruu-service-info * { text-align : initial; } .cls-bruu-service-title { display : block; font-size : 1.2em; } .cls-bruu-service-person { display : block; text-align : right; } .cls-bruu-service-description { xxxfont-size : 0.8em; } /* END Styles for service podcast pages */