/* Theme Name: Christus Health Locations Theme URI: https://www.linkedin.com/in/tymnichols Version: 1.0 Description: Custom WordPress theme for Christus Health Locations. Author: Tri-FFECTA Productions, LLC. Author URI: https://www.linkedin.com/in/tymnichols template: bb-theme */ /* Add your custom styles here... */ /* DATE: 10-2-18 TIME: 5:21 PM */ /*********************** COLOR PALATTE (Main) Purple #671E75 (Main) Light Purple #BE98BE (Secondary) Purple #470A68 Dark Gray #63666A Light Gray #BBBCBC Red #EE2737 Dark Orange #d04c29 Orange #F6BE00 Yellow #f7d11d Green #00816D Light Green #43B02A Lime #CEDC00 Blue #0072CE Gold #e2a64a Off-White #f7f7f4 ***********************/ /**************************/ /*** HOSTED FONT FILES ***/ /* Quick Reference font-family: 'hosted_Raleway'; font-family: 'hosted_Raleway_ITALIC'; font-family: 'hosted_Raleway_MEDIUM'; font-family: 'hosted_Raleway_SemiBOLD'; font-family: 'hosted_Raleway_BOLD'; font-family: 'hosted_Raleway_BLACK'; font-family: 'hosted_Open_Sans'; font-family: 'hosted_Open_Sans_ITALIC'; font-family: 'hosted_Open_Sans_BOLD'; font-family: 'hosted_Open_Sans_ExtraBOLD'; */ /* Raleway */ @font-face { font-family: 'hosted_Raleway'; src: url(fonts/Raleway/Raleway-Regular.ttf); } @font-face { font-family: 'hosted_Raleway_ITALIC'; src: url(fonts/Raleway/Raleway-Italic.ttf); } @font-face { font-family: 'hosted_Raleway_MEDIUM'; src: url(fonts/Raleway/Raleway-Medium.ttf); } @font-face { font-family: 'hosted_Raleway_SemiBOLD'; src: url(fonts/Raleway/Raleway-SemiBold.ttf); } @font-face { font-family: 'hosted_Raleway_BOLD'; src: url(fonts/Raleway/Raleway-Bold.ttf); } @font-face { font-family: 'hosted_Raleway_BLACK'; src: url(fonts/Raleway/Raleway-Black.ttf); } /* Open Sans */ @font-face { font-family: 'hosted_Open_Sans'; src: url(fonts/Open_Sans/OpenSans-Regular.ttf); } @font-face { font-family: 'hosted_Open_Sans_SemiBOLD'; src: url(fonts/Open_Sans/OpenSans-SemiBold.ttf); } @font-face { font-family: 'hosted_Open_Sans_BOLD'; src: url(fonts/Open_Sans/OpenSans-Bold.ttf); } @font-face { font-family: 'hosted_Open_Sans_ITALIC'; src: url(fonts/Open_Sans/OpenSans-Italic.ttf); } @font-face { font-family: 'hosted_Open_Sans_ExtraBOLD'; src: url(fonts/Open_Sans/OpenSans-ExtraBold.ttf); } /************************ Font Awesome Settings Define a pseudo-element in CSS There are four important parts to this. 1) Set display: none; so that the actual pseudo element isn’t visible (we only need it for style reference) 2)Set the font-family to font-family: "Font Awesome 5 Solid"; font-family: "Font Awesome 5 Regular"; font-family: "Font Awesome 5 Light"; font-family: "Font Awesome 5 Brands"; 3) Set the content to the unicode value of one of our icons 4) Set the pseudo-element to either ::before or ::after .login::before { font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f007"; } STYLE STYLE PREFIX @font-face WEIGHT CODE Solid fas 900 Regular far 400 Light fal 300 Brands fab 400 */ /* Set Font Awesome 5 */ .fa, .fab, .fal, .far, .fas { /*font-family: Font Awesome\ 5 Pro;*/ font-family: "Font Awesome 5 Pro" !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /* Light Weight */ .fal { font-weight: 300; } /* Regular Weight */ .far, .fab { font-weight: 400; } /* Solid Weight */ .fa, .fas { font-weight: 900; } /* Brands */ .fab { font-family: "Font Awesome 5 Brands" !important; } /* UABB Icons .ua-icon { font-family: 'Ultimate-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } */ body { background-color: #ffffff; color: #5a5a5a; font-family: 'hosted_Raleway_SemiBOLD'; font-size: 18px; font-weight: 400; line-height: 1.75; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } /* Standard Text Styles */ /* Bold Text */ b, strong { font-weight: normal; Font-family: 'hosted_Raleway_BLACK'; } em { font-family: 'hosted_Raleway_ITALIC'; font-style: normal; } /* User Selection */ ::selection { color: #000000 !important; background: #CEDC00 !important; } ::-moz-selection { color: #000000 !important; background: #CEDC00 !important; } /**************/ /*** Links ***/ /**************/ a, .fl-rich-text a, .fl-callout-title a, .fl-post-meta.fl-post-meta-bottom a, .type-post p a, .type-page p a, .fl-post-content ul li a, .fl-post-content ol li a, /* Links in Gravity Forms */ .gform_wrapper a, .gform_wrapper label a, .gfield_description a, /* Global Footer */ #globalFooter .fl-rich-text a { -webkit-transition: color 1.0s ease-in-out, border-bottom-color 1.0s ease-in-out; -moz-transition: color 1.0s ease-in-out, border-bottom-color 1.0s ease-in-out; -o-transition: color 1.0s ease-in-out, border-bottom-color 1.0s ease-in-out; -ms-transition: color 1.0s ease-in-out, border-bottom-color 1.0s ease-in-out; transition: color 1.0s ease-in-out, border-bottom-color 1.0s ease-in-out; } a, a:visited, .pp-content-post .pp-post-title a, .pp-content-post .pp-post-title a:visited { color: #0072CE; } a:hover { text-decoration: none !important; } a:focus { text-decoration: underline !important; } .fl-rich-text a, /*.fl-callout-title a,*/ .fl-post-meta.fl-post-meta-bottom a, .type-post p a, .type-page p a, .fl-post-content ul li a, .fl-post-content ol li a, /* Links in Gravity Forms */ .gform_wrapper a, .gform_wrapper label a, .gfield_description a, /* Event Calendar List Title & Meta Links */ .tribe-events-list .tribe-events-list-event-title a, .tribe-events-list .tribe-events-venue-details a { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CEDC00; } .fl-rich-text a:hover, .fl-callout-title a:hover, .fl-cta-text-content a:hover, .fl-post-meta.fl-post-meta-bottom a:hover, .type-post p a:hover, .type-page p a:hover, .fl-post-content ul li a:hover, .fl-post-content ol li a:hover, /* Links in Gravity Forms */ .gform_wrapper a:hover, .gform_wrapper label a:hover, .gfield_description a:hover, /* Event Calendar List Title & Meta Links */ .tribe-events-list .tribe-events-list-event-title a:hover, .tribe-events-list .tribe-events-venue-details a:hover { color: #0072CE /*#671E75*/; border-bottom-color: #d04c29; } /*************** PP Posts Grid */ .pp-content-post .pp-post-title a { color: #671E75; border: none; } .pp-content-post .pp-post-title a:hover { color: #d04c29; } /********************/ /*** ALL BUTTONS ***/ /********************/ /* All Button Transiton Effects */ a.button, a.button:visited, a.fl-button, .fl-builder-content a.fl-button, a.uabb-button, /* Post Excerpt "Read More" Buttons */ a.fl-post-more-link, a.fl-post-more-link:visited, /* Previous & Next Post Buttons*/ .fl-post-nav-prev a, .fl-post-nav-next a, /* Post Archive Pagination */ .fl-archive-nav-prev a, .fl-archive-nav-next a, /* Bottom Meta Links */ .fl-post-meta.fl-post-meta-bottom a, .fl-post-meta.fl-post-meta-bottom a:visited, /* Gravity Forms Buttons */ .row .gform_button, .row .gform_button:visited, .gform_wrapper button, .gform_wrapper button:visited, .gform_wrapper input[type=button], .gform_wrapper input[type=button]:visited, .gform_wrapper input[type=submit], .gform_wrapper input[type=submit]:visited, /*Mini Headers */ .miniHeader .fl-heading-text, /* Accordion Section Headers */ .uabb-adv-accordion-item-active .uabb-adv-accordion-button, .uabb-adv-accordion-button, /* Blackbaud Form Buttons */ .BBFormSubmitbutton, .BBFormSubmitbutton:visited, /* Editor Buttons */ p .buttonWrap, p .buttonWrap:visited, /* Expandable Row Using a Button */ .rowButtonExpandable .bb-er-row:not(.bber-expanded), .rowButtonExpandable .bb-er-row:not(.bber-expanded):visited, /* Calendar Links */ #tribe-events a.tribe-events-button, #tribe-events a.tribe-events-button:visited, .tribe-events-nav-previous a, .tribe-events-nav-previous a:visited, .tribe-events-nav-next a:visited, .tribe-events-nav-next a, .tribe-events-back a, .tribe-events-back a:visited, a.tribe-events-read-more, a.tribe-events-read-more:visited, #tribe-bar-form .tribe-bar-submit input[type=submit], #tribe-bar-form .tribe-bar-submit input[type=submit]:visited { -webkit-transition: color 0.75s ease-in-out, background 0.75s ease-in-out !important; -moz-transition: color 0.75s ease-in-out, background 0.75s ease-in-out !important; -o-transition: color 0.75s ease-in-out, background 0.75s ease-in-out !important; -ms-transition: color 0.75s ease-in-out, background 0.75s ease-in-out !important; transition: color 0.75s ease-in-out, background 0.75s ease-in-out !important; /*-moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;*/ border-top-left-radius: 0 !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 25px !important; /*} a.button, a.button:visited, a.fl-button, a.fl-button:visited, a.uabb-button, a.uabb-button:visited, .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited, .BBFormSubmitbutton, .BBFormSubmitbutton:visited, p .buttonWrap, p .buttonWrap:visited {*/ font-family: 'hosted_Open_Sans_ExtraBOLD'; font-size: 20px !important; background: #0072CE !important; color: #ffffff !important; border: none !important; padding: 15px 25px !important; } .btnPurple a.fl-button { /*color: #671e75 !important;*/ background: #671e75 !important; } a.uabb-button { visibility: visible; padding: 10px 20px !important; } .uabb-button-text { font-size: 15px; } /* Expandable Row Using a Button */ .rowButtonExpandable .bb-er-row:not(.bber-expanded), .rowButtonExpandable .bb-er-row:not(.bber-expanded):visited { margin-bottom: 40px; } a.button:hover, a.fl-button:hover, a.uabb-button:hover, .fl-builder-content a.fl-button:hover, /* Post Excerpt "Read More" Buttons */ a.fl-post-more-link:hover, /* Previous & Next Post Buttons*/ .fl-post-nav-prev a:hover, .fl-post-nav-next a:hover, /* Post Archive Pagination */ .fl-archive-nav-prev a:hover, .fl-archive-nav-next a:hover, /* Bottom Meta Links */ .fl-post-meta.fl-post-meta-bottom a:hover, /* Gravity Forms Buttons */ .row .gform_button:hover, .gform_wrapper button:hover, .gform_wrapper input[type=button]:hover, .gform_wrapper input[type=submit]:hover, /* Blackbaud Form Buttons */ .BBFormSubmitbutton:hover, /* Editor Buttons */ p .buttonWrap:hover, /* Expandable Row Using a Button */ .rowButtonExpandable .bb-er-row:not(.bber-expanded):hover, /* Calendar Links */ #tribe-events a.tribe-events-button:hover, .tribe-events-nav-previous a:hover, .tribe-events-nav-next a:hover, .tribe-events-back a:hover, a.tribe-events-read-more:hover, #tribe-bar-form .tribe-bar-submit input[type=submit]:hover { background: #d04c29 !important; border: none; } /* Buttons for Blog Posts */ p .buttonWrap, p .buttonWrap:visited { display: inline-block; font-weight: bold; /*-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/ margin: 25px 10px; text-align: center; padding: 12px 24px !important; } /* Read More Button on Archive Post Lists */ a.fl-post-more-link { font-size: 18px !important; padding: 5px 20px !important; float: right; margin-right: 2%; } /* Post Nav Buttons */ .fl-post-nav { border: none; } .fl-post-nav a { font-size: 17px !important; padding: 10px !important; } /*********************** Main Header /**********************/ /*.fl-page-header, .fl-page-header-fixed { background-color: #671E75; }*/ .fl-page-header li a { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .fl-page-header li::before { display: none; } .fl-page-nav-right .fl-page-header-wrap, .fl-page-header-fixed { /* border-bottom-color: #BE98BE; border-width: 4px;*/ border: none; } .fl-page-nav-right .fl-page-header-wrap { background-color: #57187e; background: -webkit-linear-gradient(top,#3f185a 0,#57187e 50%); background: linear-gradient(to bottom,#3f185a 0,#57187e 50%); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.25); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.25); box-shadow: 0 5px 5px rgba(0,0,0,.25); } /*********************** Navigation /**********************/ /* Main, Top Level Navigation #menu-main-menu { max-height: 40px; position: relative; left: 87px; }*/ .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a { font-family: 'hosted_Open_Sans_BOLD'; } .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a, /* Contact Icon */ .fl-page-nav-right .fl-page-nav-wrap .navbar-nav i, /* Search Icon */ .fl-page-nav-right .fl-page-nav-search a.fa-search { color: #ffffff; } /* Nav Item Icons */ .fl-submenu-indicator .fl-page-nav ul.navbar-nav > li.menu-item-has-children > a::after { content: '\f0d7'; color: #d04c29; } .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a:hover, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a:focus, /* Contact Icon */ .fl-page-nav-right .fl-page-nav-wrap .navbar-nav i:hover, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav i:focus, /* Search Icon */ .fl-page-nav-right .fl-page-nav-search a.fa-search:hover, .fl-page-nav-right .fl-page-nav-search a.fa-search:focus, /* Current Page */ .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor > a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent > a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item > a{ color: #f7d11d; } /* Search Icon */ /*.fl-page-nav-right .fl-page-nav-search a.fa-search { position: relative; top: 0; left: 100px; z-index: 1; }*/ .fl-page-nav-right .fl-page-nav-search a.fa-search { padding: 13px 0 13px 0px; margin-left: 30px; } .fl-page-nav-right .fl-page-nav-search a.fa-search::before { font-weight: 100; } /* Search Form */ .fl-page-nav-search form { background-color: #BE98BE; border-top: 3px solid #d04c29; /*right: -100px;*/ } .fl-page-nav-search form input.fl-search-input { border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } /* Contact Icon */ .menu-item a i { font-size: 20px; } .menu-item a { padding-right: 0px; } /* Hide Icon Arrows After Menu Items that Are Icons */ .fl-submenu-indicator .fl-page-nav ul.navbar-nav > .menu-item.menu-item-has-children a i > a::after { visibility: hidden; } /* All Nav Items */ .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a, /* Nav Icons */ .fl-submenu-indicator .fl-page-nav ul.navbar-nav > li.menu-item-has-children > a::after, /* Search Icon */ .fl-page-nav-right .fl-page-nav-search a.fa-search { text-shadow: 2px 2px #222222; } /************************/ /*** SUB Navigation ***/ .fl-page-nav ul.sub-menu { /*background-color: #BE98BE;*/ border-top: 3px solid #d04c29; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } .fl-page-nav ul.sub-menu { padding: 0px; } .fl-page-nav ul.sub-menu li:first-child { border-top-right-radius: 50px; } .fl-page-nav ul.sub-menu li:last-child { border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > ul.sub-menu a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > ul.sub-menu a i { color: #671E75; text-shadow: none; } /* Menu Items with Icons - Icon Size */ .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > ul.sub-menu a i { font-size: 13px; } .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > ul.sub-menu a:hover, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > ul.sub-menu a:hover i, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > ul.sub-menu .fl-sub-menu-open a { color: #ffffff; } .fl-submenu-indicator .fl-page-nav ul.sub-menu li.menu-item-has-children > a::after { font-family: "Font Awesome 5 Pro"; font-weight: 900; content: '\f0da'; } /* SUB Navigation */ /*.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > ul.sub-menu a:hover { color: #ffffff; }*/ .fl-page-nav ul.sub-menu li:hover { background-color: #d04c29; } /***************************/ /*** SUB-SUB Navigation ***/ .fl-page-nav ul li.fl-sub-menu-open > ul.sub-menu li.fl-sub-menu-open > ul.sub-menu a { color: #671E75; } .fl-page-nav ul li.fl-sub-menu-open > ul.sub-menu li.fl-sub-menu-open > ul.sub-menu a:hover { color: #ffffff; } /*************************** /**** Donate Menu Item ****/ /* Full Header */ .fl-page-nav-right .fl-page-header-wrap, /* Shrunk Header */ .fl-shrink-header.fl-page-nav-right { -webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; } /* Donate Button at Full Header */ .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child, /* Donate Button at Shrunk Header */ .fl-shrink-header.fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { -webkit-transition: top 0.5s ease-in-out, margin-top 0.5s ease-in-out; -moz-transition: top 0.5s ease-in-out, margin-top 0.5s ease-in-out; -o-transition: top 0.5s ease-in-out, margin-top 0.5s ease-in-out; -ms-transition: top 0.5s ease-in-out, margin-top 0.5s ease-in-out; transition: top 0.5s ease-in-out, margin-top 0.5s ease-in-out; position: fixed; left: 50%; transform: translate(-50%, -50%); } /* DONATE BUTTON POSITION ADJUSTMENT BREAKPOINTS */ /* Donate Button at Full Header */ .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { top: 112px; } /* Donate Button at Shrunk Header */ .fl-shrink-header.fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { top: calc(112px - 26px); } /* When Logged In */ /* Donate Button at Full Header */ .logged-in .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { top: 144px; } /* Donate Button at Shrunk Header */ .logged-in .fl-shrink-header.fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { top: calc(144px - 26px); } @media (min-width: 992px) { /* Fix Full Nav Header Height */ .fl-page-nav-right .fl-page-header-wrap { height: 93px !important; } /* Fix Shrunk Nav Header Height */ .fl-shrink-header.fl-page-nav-right .fl-page-header-wrap { height: 67px !important; } /* Donate Button at Full Header .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { }*/ /* Donate Button at Shrunk Header .fl-shrink-header.fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { }*/ } @media (min-width: 769px) and (max-width: 825px) { /* Donate Button at Full Header */ .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { top: 61px; } /* Donate Button at Shrunk Header .fl-shrink-header.fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { } */ } @media (min-width: 826px) and (max-width: 991px) { /* Donate Button at Full Header */ .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { top: 67px; } /* Donate Button at Shrunk Header .fl-shrink-header.fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { } */ } /* END DONATE BUTTON POSITION ADJUSTMENT BREAKPOINTS */ .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a, .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a::before, .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a::after { -webkit-transition: color 0.75s ease-in-out, background 0.75s ease-in-out, border-color 0.75s ease-in-out; -moz-transition: color 0.75s ease-in-out, background 0.75s ease-in-out, border-color 0.75s ease-in-out; -o-transition: color 0.75s ease-in-out, background 0.75s ease-in-out, border-color 0.75s ease-in-out; -ms-transition: color 0.75s ease-in-out, background 0.75s ease-in-out, border-color 0.75s ease-in-out; transition: color 0.75s ease-in-out, background 0.75s ease-in-out, border-color 0.75s ease-in-out; } .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a { font-family: 'hosted_Open_Sans_ExtraBOLD'; text-transform: uppercase; font-size: 14px; text-shadow: none; /* font-variant: small-caps; */ /* text-align: center; */ color: #ffffff; /* background: #d04c29; */ /* width: 83px !important; */ max-width: 115px; /*margin: 0 83% 0 auto;*/ padding: 10px 15px; position: relative; /*z-index: 1;*/ } .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a::before, .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a::after { content: ""; position: absolute; display: block; background: #d04c29; /*border: .125em solid #d04c29;*/ border-width: .125em; border-style: solid; border-color: #d04c29; width: 4.9em /*1.6em*/ /*1.125em*/; height: 100%; top: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; transform-origin: bottom left; z-index: -1; } .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a::after { right: -.6em; -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); transform: skewX(-20deg); border-left: none; border-bottom-right-radius: 10px; -webkit-box-shadow: 3px 1px 5px rgba(0,0,0,.25); -moz-box-shadow: 3px 1px 5px rgba(0,0,0,.25); box-shadow: 3px 1px 5px rgba(0,0,0,.25); } .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a::before { left: -.6em; -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); transform: skewX(20deg); border-right: none; border-bottom-left-radius: 10px; -webkit-box-shadow: -3px 2px 5px rgba(0,0,0,.25); -moz-box-shadow: -3px 2px 5px rgba(0,0,0,.25); box-shadow: -3px 2px 5px rgba(0,0,0,.25); } /* GREEN DONATE */ .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a:hover { color: #00816D; } .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a:hover::before, .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a:hover::after { background: #CEDC00; border-color: #CEDC00; } /************************* Hompage Slideshow Section /************************/ /*#homepageSlideshow > .fl-row-content-wrap::after { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1.005) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1.00) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1.00) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); }*/ /* Tagline #homepageTagline { text-shadow: 3px 3px #222222; } */ /************************/ /* Highlights, Latest News & Events */ /* Post-Event Titles */ .pp-post-tile-text .pp-post-tile-info h3.pp-post-tile-title a, /* Post/Event Meta */ .pp-post-tile-text .pp-post-tile-meta h3.pp-post-tile-date a { text-shadow: 2px 2px #222222; } /* Post/Event Meta */ .pp-post-tile-text .pp-post-tile-meta .pp-post-tile-date, /* Post/Event Category-Tag */ .pp-post-tile-text .pp-post-tile-category { visibility: hidden; } /*********************** Rows /**********************/ .gradientRowFadeBottomToTop > .fl-row-content-wrap::after { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1.005) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1.00) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1.00) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); } /*********************** Headers /**********************/ h1 , h2 , h3 , h4 , h5 , h6 a h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'hosted_Open_Sans_ExtraBOLD'; } .miniHeader .fl-heading-text { background-color: #CEDC00 !important; font-family: 'hosted_Open_Sans_ExtraBOLD'; font-size: 20px; font-variant: small-caps; color: #671E75 /*#ffffff*/ !important; /*text-shadow: 2px 2px #222222;*/ padding: 0px 13px 7px 13px !important; } /*.miniHeader.fl-heading-text:hover { background-color: #0072CE; }*/ .HeaderOnImageDropShadow { text-shadow: 3px 3px #222222; } /* Page Subtitles */ .pageSubtitle * { font-weight: normal; font-family: 'hosted_Open_Sans_ITALIC'; font-size: 30px; } /*************************/ /* Fine Print Text Note */ .finePrint { -webkit-transition: color 1.0s ease-in-out, background-color 1.0s ease-in-out, border-color 1.0s ease-in-out; -moz-transition: color 1.0s ease-in-out, background-color 1.0s ease-in-out, border-color 1.0s ease-in-out; -o-transition: color 1.0s ease-in-out, background-color 1.0s ease-in-out, border-color 1.0s ease-in-out; -ms-transition: color 1.0s ease-in-out, background-color 1.0s ease-in-out, border-color 1.0s ease-in-out; transition: color 1.0s ease-in-out, background-color 1.0s ease-in-out, border-color 1.0s ease-in-out; position: relative; top: 0; left: 0; display: inline-block; font-family: 'hosted_Lato_BOLD'; font-family: 'hosted_Open_Sans_BOLD'; font-size: 14px; letter-spacing: 0.05em; padding: 5px 20px 7px 15px; /* border-top: 4px solid; */ /* border-color: #e9ebed; */ background-color: #f5f8cc; color: #3d3d3d; width: 100%; border-top-left-radius: 0 !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 25px !important; } .finePrint:hover { /*border-color: #e5e594;*/ background-color: #f2ecf2 /*#0072CE*/; /*color: #ffffff;*/ } /* Add "(tap to view text)" on mobile */ @media (max-width: 991px) { .finePrint::after { -webkit-transition: display 0.5s ease-in-out; -moz-transition: display 0.5s ease-in-out; -o-transition: display 0.5s ease-in-out; -ms-transition: display 0.5s ease-in-out; transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out; visibility: visible; opacity: 1; font-family: 'hosted_Raleway_SemiBOLD'; display: inline-block; /*width: 100%;*/ content: "[Highlight]"; color: #0072CE; font-size: 10px; font-variant: small-caps; text-align: right; /*font-style: italic;*/ margin-top: 3px; float: right; } /* Hide "(tap to view text)" on tapped */ .finePrint:hover::after { visibility: hidden; opacity: 0; } } /* Icon on Fine Print Post Notes */ .finePrint::before { -webkit-transition: border-width 1.0s ease-in-out; -moz-transition: border-width 1.0s ease-in-out; -o-transition: border-width 1.0s ease-in-out; -ms-transition: border-width 1.0s ease-in-out; transition: border-width 1.0s ease-in-out; /*-webkit-box-shadow: 0 1px 0px rgba(0,0,0,0.2), 1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2), 1px 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 0px rgba(0,0,0,0.2), 1px 1px 1px rgba(0,0,0,0.2);*/ /*position: relative; display: block;*/ font-family: "Font Awesome 5 Pro"; content: '\f05a \00a0'; font-weight: 900; color: #0072CE; /*top: -4px; left: 0; border-width: 0 0 10px 10px; border-style: solid; border-color: #e9ebed #ffffff;*/ /*width: 0;*/ } /* Fine Print Note ON HOVER */ .finePrint:hover::before { color: #671E75 /*#ffffff*/; /*border-width: 0 0 15px 15px; border-color: #cece85 #ffffff;*/ } /* END Fine Print Text Note */ /****************************/ /********************/ /*** ALL LISTS ***/ /********************/ /*.fl-rich-text ul li, .type-page ul li, .type-post ul li { list-style: none; line-height: 1.75; } .fl-rich-text ul li, .type-page ul li, .type-post ul li, .fl-rich-text ul li::before, .type-page li::before, .type-post li::before { -webkit-transition: color 0.75s ease-in-out; -moz-transition: color 0.75s ease-in-out; -o-transition: color 0.75s ease-in-out; -ms-transition: color 0.75s ease-in-out; transition: color 0.75s ease-in-out; } .fl-rich-text ul li::before, .type-page ul li::before, .type-post ul li::before { font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 12px; content: '\f654'; display: block; position: relative; max-width: 0; max-height: 0; left: -20px; top: 5px; color: #7d6bb1; } ul li a:hover { color: #671E75; } ul li:hover::before { color: #d04c29; }*/ /*********************** Call to Action /**********************/ /* Photo Callouts */ .fl-callout-title, .fl-callout-title-link, .fl-callout-title-text { font-family: 'hosted_Open_Sans_ExtraBOLD'; color: #7d6bb1; padding: 10px 0 10px 0 !important; } /* If Callout is on a Reg. Img, Parallax Image, or Color Overlay BG */ .fl-row-bg-photo .fl-callout-title-text, .fl-row-bg-parallax .fl-callout-title-text, .fl-row-bg-overlay .fl-callout-title-text { color: #BE98BE; } .fl-callout-photo img, a.fl-callout-title-link { -webkit-transition: color 0.75s ease-in-out, border-bottom-color 0.75s ease-in-out; -moz-transition: color 0.75s ease-in-out, border-bottom-color 0.75s ease-in-out; -o-transition: color 0.75s ease-in-out, border-bottom-color 0.75s ease-in-out; -ms-transition: color 0.75s ease-in-out, border-bottom-color 0.75s ease-in-out; transition: color 0.75s ease-in-out, border-bottom-color 0.75s ease-in-out; } .fl-callout-photo img { border-bottom: 5px solid #BE98BE; -webkit-box-shadow: 0 10px 0 -5px #be6700, 0 20px 0 -10px #6cf, 0 30px 0 -16px #dedcb9; -moz-box-shadow: 0 10px 0 -5px #be6700, 0 20px 0 -10px #6cf, 0 30px 0 -16px #dedcb9; box-shadow: 0 10px 0 -5px #fdaa92, 0 20px 0 -10px #CEDC00, 0 30px 0 -16px #eeeeee; } .fl-callout-photo img:hover { border-bottom: 5px solid #0072CE; } a.fl-callout-title-link { color: #0072CE; } a.fl-callout-title-link:hover { color: #d04c29; } /* Non-Photos Callouts */ .fl-cta-title { font-family: 'hosted_Open_Sans_ExtraBOLD'; } /* UABB Number Counter */ .fl-row-bg-photo .fl-module-uabb-numbers .fl-module-content, /* Parallax Rows */ .fl-row-bg-parallax .fl-module-uabb-numbers .fl-module-content { background-color: #46175f; background-color: rgba(70,23,95,.75); background: -webkit-linear-gradient(top,rgba(142,22,201,.75) 0,rgba(70,23,95,.75) 100%); background: linear-gradient(to bottom,rgba(142,22,201,.75) 0,rgba(70,23,95,.75) 100%); border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; padding: 30px 35px; } /*****************************************************************/ /* Default Call to Action when on a row using a background image */ /* Header if link */ .CalltoActionPhotoRow .fl-callout-title-link { color: #CEDC00; } .CalltoActionPhotoRow .fl-callout-title-link:hover { color: #f7d11d; } /* Image */ .CalltoActionPhotoRow .fl-callout-photo-left .fl-callout-photo { width: 15%; } /* Desription Text */ .CalltoActionPhotoRow .fl-callout-text { color: #ffffff; font-size: 22px; font-weight: bold; } /* CTA Button */ .CalltoActionPhotoRow a.fl-button { background: #671E75 !important; } /********************/ /*** TABS Modules ***/ /********************/ .fl-tabs-panels, .fl-tabs-label, .fl-tabs-label.fl-tab-active, .fl-tabs-horizontal .fl-tabs-label.fl-tab-active, .fl-tabs-vertical .fl-tabs-label.fl-tab-active { border: none; } /* Active and Non ActiveTab Labels */ .fl-tabs-label, .fl-tabs-label.fl-tab-active { padding: 12px 18px !important; } .fl-tabs-horizontal .fl-tabs-label, .fl-tabs-vertical .fl-tabs-label { font-family: 'hosted_Open_Sans_ExtraBOLD'; letter-spacing: 0.05em; font-variant: small-caps; } .fl-tabs-horizontal .fl-tabs-label, .fl-tabs-vertical .fl-tabs-label { -webkit-transition: color 0.75s ease-in-out, background-color 0.75s ease-in-out !important; -moz-transition: color 0.75s ease-in-out, background-color 0.75s ease-in-out !important; -o-transition: color 0.75s ease-in-out, background-color 0.75s ease-in-out !important; -ms-transition: color 0.75s ease-in-out, background-color 0.75s ease-in-out !important; transition: color 0.75s ease-in-out, background-color 0.75s ease-in-out !important; background-color: #0072CE /*#f6bd47*/ /*#4A9EAA*/ /*#aa002e*/; /*background: -moz-linear-gradient(top, rgba(208,17,38,1) 0%, rgba(119,23,39,1) 68%); background: -webkit-linear-gradient(top, rgba(208,17,38,1) 0%,rgba(119,23,39,1) 68%); background: linear-gradient(to bottom, rgba(208,17,38,1) 0%,rgba(119,23,39,1) 68%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d01126', endColorstr='#771727',GradientType=0);*/ color: #ffffff /*#4A9EAA*/; /*broder: none;*/ /*border: solid; border-top-color: #c8e1e5; border-left-color: #c8e1e5; border-right-color: #c8e1e5;*/ border-top-right-radius: 25px; } /*.fl-tabs-vertical .fl-tabs-label { background-color: #aa002e; }*/ .fl-tabs-horizontal .fl-tabs-label{ border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-color: #4A9EAA !important; } .fl-tabs-vertical .fl-tabs-label { border-top-width: 1px; border-right-width: 0; border-bottom-width: 1px; border-left-width: 1px; } /* Current and On-Hover Label */ .fl-tabs-horizontal .fl-tabs-label.fl-tab-active, .fl-tabs-horizontal .fl-tabs-label.fl-tab-active:hover, .fl-tabs-vertical .fl-tabs-label.fl-tab-active, .fl-tabs-vertical .fl-tabs-label.fl-tab-active:hover { font-family: 'hosted_Open_Sans_ExtraBOLD'; /*background-color: #4a9eaa; color: #ecf5f6;*/ background-color: #43B02A /*#f7ebe7*/; color: #ffffff; /*border-style: solid; border-color: #4A9EAA;*/ border: none !important; /*border-left-style: double; border-left-color: #397077;*/ /*border-bottom-style: solid; border-bottom-color: #397077;*/ /*background: -moz-linear-gradient(top, rgba(74,158,170,1) 0%, rgba(52,112,121,1) 68%); background: -webkit-linear-gradient(top, rgba(74,158,170,1) 0%,rgba(52,112,121,1) 68%); background: linear-gradient(to bottom, rgba(74,158,170,1) 0%,rgba(52,112,121,1) 68%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a9eaa', endColorstr='#347079',GradientType=0);*/ cursor: default; } .fl-tabs-horizontal .fl-tabs-label.fl-tab-active, .fl-tabs-horizontal .fl-tabs-label.fl-tab-active:hover { border-top-width: 5px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .fl-tabs-vertical .fl-tabs-label.fl-tab-active, .fl-tabs-vertical .fl-tabs-label.fl-tab-active:hover { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 5px; } .fl-tabs-horizontal .fl-tabs-label { border-bottom-color: #daebee; } .fl-tabs-vertical .fl-tabs-label { border-right-color: #daebee; } .fl-tabs-label:hover { background-color: #d04c29 /*#aa002e*/ /*#f6bd47*/ /*#ca0036*/; color: #ffffff /*#f6bd47*/ /*#31250e*/; /*background: -moz-linear-gradient(top, rgba(253,189,17,1) 0%, rgba(220,140,33,1) 68%); background: -webkit-linear-gradient(top, rgba(253,189,17,1) 0%,rgba(220,140,33,1) 68%); background: linear-gradient(to bottom, rgba(253,189,17,1) 0%,rgba(220,140,33,1) 68%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbd11', endColorstr='#dc8c21',GradientType=0);*/ } /*.fl-tabs-labels > .fl-tabs-label:nth-child(2n+1) { background-color: #FEBE10; color: #000000; } .fl-tabs-labels > .fl-tabs-label:nth-child(2n+2) { background-color: #4a9eaa; color: #ffffff; }*/ /*.fl-tabs-labels > .fl-tabs-label:nth-child(4n+2) { background: #3f4d51; }*/ /* Panels */ .fl-tabs-panels { border: none !important; background-color: transparent; } .fl-tabs-horizontal .fl-tabs-panel-content.fl-tab-active, .fl-tabs-vertical .fl-tabs-panel-content.fl-tab-active { background-color: #fdfdf4 /*#ffffff*/ /*#CEDC00*/ /*#f7ebe7*/; /*border: 5px;*/ /*border-left-style: double; border-left-color: #397077;*/ /*border-bottom-style: solid; border-bottom-color: #397077;*/ /*border-style: solid; border-color: #CEDC00; border-top-color: #43b02a;*/ border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } .fl-tabs-horizontal .fl-tabs-panel-content.fl-tab-active { border-top-width: 5px; border-right-width: 2px; border-bottom-width: 10px; border-left-width: 5px; } .fl-tabs-vertical .fl-tabs-panel-content.fl-tab-active { border-top-width: 1px; border-right-width: 5px; border-bottom-width: 1px; border-left-width: 1px; } @media (min-width: 769px) { /* Active and Non ActiveTab Labels */ .fl-tabs-horizontal .fl-tabs-label, .fl-tabs-horizontal .fl-tabs-label.fl-tab-active { margin-right: 7px; max-height: 124px; } /* Active Tab Labels .fl-tabs-horizontal .fl-tabs-label.fl-tab-active { } */ /* Non-Active Tab Labels */ .fl-tabs-horizontal .fl-tabs-label { position: relative; /*top: 6px;*/ -webkit-box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.2); box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.2); } .fl-tabs-vertical .fl-tabs-label { margin-top: 3px; -moz-box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.4); -webkit-box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.4); box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.4); } .fl-tabs-vertical .fl-tabs-label:first-child, .fl-tabs-vertical .fl-tabs-label.fl-tab-active:first-child { margin-top: 0; } /* Current and On-Hover Label */ .fl-tabs-horizontal .fl-tabs-label.fl-tab-active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fl-tabs-vertical .fl-tabs-label.fl-tab-active { -webkit-box-shadow: 1px 8px 6px -6px rgba(0,0,0,0.4); -moz-box-shadow: 1px 8px 6px -6px rgba(0,0,0,0.4); box-shadow: 1px 8px 6px -6px rgba(0,0,0,0.4); } .fl-tabs-horizontal .fl-tabs-label.fl-tab-active, .fl-tabs-horizontal .fl-tabs-label.fl-tab-active:hover, .fl-tabs-horizontal .fl-tabs-label:hover { /*height: 55px;*/ top: 0px !important; } .fl-tabs-horizontal .fl-tabs-label:hover { top: 0; } } /* Adjust Tab Text Size at on Medium Devices */ @media (min-width: 769px) and (max-width: 1192px) { .fl-tabs-horizontal .fl-tabs-label, .fl-tabs-vertical .fl-tabs-label { font-size: 13px; } } @media (max-width: 768px) { /* Active and Non ActiveTab Labels */ .fl-tabs-horizontal .fl-tabs-label, .fl-tabs-horizontal .fl-tabs-label.fl-tab-active { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } /* Active Tab Labels */ .fl-tabs-horizontal .fl-tabs-label.fl-tab-active { /*border-top-right-radius: 50px;*/ margin-top: 10px; margin-bottom: 0px; } /* Non-Active Tab Labels */ .fl-tabs-horizontal .fl-tabs-label { /*border-radius: 0px;*/ border: none; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-bottom: 3px } .fl-tabs-panel, .fl-tabs-label, .fl-tabs-label.fl-tab-active, .fl-tabs-horizontal .fl-tabs-label.fl-tab-active, .fl-tabs-vertical .fl-tabs-label.fl-tab-active { width: 100%; border: none; } .fl-tabs-vertical .fl-tabs-label.fl-tab-active { border-bottom: none !important; border-right: solid !important; } /* Opened Content */ .fl-tabs-panel-content.fl-tab-active { border-top: none; padding-top: 10px; margin-bottom: 10px; border-top-right-radius: 0px !important; } .fl-tabs-horizontal .fl-tabs-label.fl-tab-active, .fl-tabs-horizontal .fl-tabs-label.fl-tab-active:hover, .fl-tabs-vertical .fl-tabs-label.fl-tab-active, .fl-tabs-vertical .fl-tabs-label.fl-tab-active:hover{ border-top-width: 5px; border-right-width: 1px !important; border-bottom-width: 0px !important; border-left-width: 1px; } .fl-tabs-horizontal .fl-tabs-panel-content.fl-tab-active, .fl-tabs-vertical .fl-tabs-panel-content.fl-tab-active { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 5px; border-left-width: 1px; } /* Hide Pluse Sign for Open on Tabs on Mobile .fl-tab-active i { visibility: hidden; } */ } /*********************** Accordions /**********************/ .uabb-adv-accordion-button, .uabb-adv-accordion-content { position: relative; } /* Section Titles */ .uabb-adv-accordion-item-active .uabb-adv-accordion-button, .uabb-adv-accordion-button, h4.uabb-adv-accordion-button-label { font-family: 'hosted_Open_Sans_ExtraBOLD'; color: #671E75 /*#ffffff*/; z-index: 1; } .uabb-adv-accordion-button i { color: #671E75 !important; } .uabb-adv-accordion-button:hover i, .uabb-adv-accordion-button:hover h4.uabb-adv-accordion-button-label { color: #ffffff !important; } /* Open Accordion */ .uabb-adv-accordion-item-active i, .uabb-adv-accordion-item-active h4.uabb-adv-accordion-button-label { color: #ffffff !important; } .uabb-adv-accordion-item-active:hover i, .uabb-adv-accordion-item-active:hover h4.uabb-adv-accordion-button-label { color: #f7d11d; } .uabb-adv-accordion-button { background-color: #BE98BE !important; } .uabb-adv-accordion-item-active .uabb-adv-accordion-button, .uabb-adv-accordion-item-active .uabb-adv-accordion-button:hover { /*background-color: #671E75 !important;*/ background-color: rgba(70,23,95,.75) !important; background: -webkit-linear-gradient(top,rgba(142,22,201,.75) 0,rgba(70,23,95,.75) 100%) !important; background: linear-gradient(to bottom,rgba(142,22,201,.75) 0,rgba(70,23,95,.75) 100%) !important; } .uabb-adv-accordion-button:hover { background-color: #d04c29 !important; } /* Section Icons .uabb-adv-accordion-button-icon { line-height: 17px !important; }*/ /* Section Content */ .uabb-adv-accordion-content { background-color: #efefeb; background: -webkit-linear-gradient(rgba(239,239,235,0) 0%, rgba(239,239,235,1) 55px, rgba(239,239,235,1) 100%); background: -o-linear-gradient(rgba(239,239,235,0) 0%, rgba(239,239,235,1) 55px, rgba(239,239,235,1) 100%); background: linear-gradient(rgba(239,239,235,0) 0%, rgba(239,239,235,1) 55px, rgba(239,239,235,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefeb', endColorstr='#efefeb',GradientType=0 ); padding-top: 70px !important; margin-top: -30px; border-bottom-right-radius: 50px !important; z-index: 0; } #AccordionDonate .uabb-adv-accordion-item:nth-child(2) .uabb-adv-accordion-content { background-color: #ffffff; } /* Automaitcally Split Lists Featured in Accordions into Columns */ .uabb-adv-accordion ul { -moz-column-count: 2; -moz-column-gap: 50px; -webkit-column-count: 2; -webkit-column-gap: 50px; column-count: 2; column-gap: 50px; padding-left: 25px; } .uabb-adv-accordion li { break-inside: avoid; } .uabb-adv-accordion ul li::before { /*font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 20px;*/ content: '\f0da \00a0' !important; /* display: block; */ /* position: relative; */ /*max-width: 0; max-height: 0;*/ /* left: -20px; */ /* top: -1px; */ /*color: #7d6bb1;*/ } /*********************** Tables /**********************/ /************** Psuedo-Tables */ /* Corporate Parteners List */ #ListCorporatePartners { visibility: visible; } .LogoCorporatePartner .fl-callout-photo-left .fl-callout-photo { vertical-align: middle; } .LogoCorporatePartner .fl-callout-photo img { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*********************** Content Toggle /**********************/ .uabb-rbs-toggle { /*width: 27%;*/ max-width: 320px; margin: 0 auto; padding-left: 10px; padding-right: 10px; border-radius: 10px/30px; border-width: 2px; border-style: solid !important; border-color: #CEDC00; position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .uabb-rbs-toggle::before, .uabb-rbs-toggle::after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .uabb-rbs-toggle::after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /* Toggle Switch */ .uabb-toggle input[type="checkbox"] + label { top: 5px; } /* Toggle Switch Dot */ .uabb-toggle input[type="checkbox"] + label:after { -webkit-transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), background-color 0.5s ease-in-out; -moz-transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), background-color 0.5s ease-in-out; -o-transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), background-color 0.5s ease-in-out; -ms-transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), background-color 0.5s ease-in-out; transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), background-color 0.5s ease-in-out; } .uabb-toggle:hover input[type="checkbox"] + label:after { background-color: #d04c29; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /* Animate Toggle Dot Color */ .uabb-toggle input[type="checkbox"] + label:after { background-color: #0072CE; animation-name: color; animation-duration: 6.5s; animation-iteration-count: infinite; } @-webkit-keyframes color { 0% { background-color: #0072CE; } 50% { background-color: #d04c29; } 100% { background-color: #0072CE; } } @-moz-keyframes color { 0% { background-color: #0072CE; } 50% { background-color: #d04c29; } 100% { background-color: #0072CE; } } @-o-keyframes color { 0% { background-color: #0072CE; } 50% { background-color: #d04c29; } 100% { background-color: #0072CE; } } /*@-ms-keyframes color { 0% { background-color: #0072CE; } 50% { background-color: #d04c29; } 100% { background-color: #0072CE; } }*/ @keyframes color { 0% { background-color: #0072CE; } 50% { background-color: #d04c29; } 100% { background-color: #0072CE; } } /* Toggle Swtich Text */ .uabb-rbs-head-1, .uabb-rbs-head-2 { font-variant: small-caps; } /*********************** Testimomnials /**********************/ /****************** Clinic Providers */ .ClinicProviders .pp-testimonials .layout-2 { text-align: left; } .ClinicProviders .pp-testimonials-wrap { background-color: #efe8f1; padding: 10px 20px; border-bottom-right-radius: 50px; } /******* Staff */ #carouselStaff .pp-testimonials-wrap { background-color: rgba(255, 255, 255, 0.85); background-image: url(/wp-content/themes/bb-theme-child/images/logo_CHRISTUS_Foundation_for_HealthCare.png) !important; background-repeat: no-repeat !important; background-attachment: inherit !important; background-position: 98% 96% !important; background-size: 10% !important; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; padding: 0 0 20px 0; } #carouselStaff .pp-testimonial.layout-3 .pp-content-wrapper { width: calc(100% - 276px); } /* Reverse / Flip order of Testimonial and Title */ #carouselStaff div.pp-content-wrapper { /*position: absolute; width:50px; text-align: left; float: left;*/ -webkit-transform: scaleY(-1); transform: scaleY(-1); } #carouselStaff div.pp-content-wrapper > div { /*width: 50px; height: 50px;*/ position: relative; /*float: left;*/ display: block; -webkit-transform: scaleY(-1); transform: scaleY(-1); } /* END Flip order of Testimonial and Title */ /* Section Title */ #carouselStaff .pp-testimonials-wrap .pp-testimonials-heading { text-align: left; width: 100%; background-color: #7d6bb1; padding: 10px 20px 10px 15px; } #carouselStaff .pp-testimonials-title { margin: 0; } /* Staff Carousel Desings on Contact Page (.page-id-214) Only */ .page-id-214 #carouselStaff .fl-module-content { margin: 13px 20px 20px 20px; } /* Background color and spacing */ .page-id-214 #carouselStaff .pp-testimonials-wrap { background-color: transparent/*#eeeeee*/; } .page-id-214 #carouselStaff .pp-testimonials-wrap .pp-testimonials-heading { font-size: 40px; color: #470a68 /*#ffffff*/; background-color: transparent /*#470a68*/; /*text-align: center;*/ margin-top: 0px; /*padding-top: 0px;*/ } .page-id-214 #carouselStaff .pp-testimonials-wrap { background-image: none !important; } /*********************** All Forms /**********************/ /* Gravity Forms - WIDGET */ .gform_widget, /* Blackbaud Forms */ .BBFormSection { max-width: 100% !important; background-color: rgb(245, 248, 204, 0.95); border-width: 4px; border-style: solid; border-color: #CEDC00; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; padding-left: 25px; padding-bottom: 25px; /*position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/ } /* Gravity Form SECTION Title */ .gform_widget .gsection_title, /* Blackbaud Form Title */ .BBFormTitle, /* Blackbaud Form SECTION Title */ .BBFormSectionHeading { font-family: 'hosted_Open_Sans_ExtraBOLD' !important; font-variant: small-caps; /*font-weight: bold;*/ font-size: 30px !important; color: #d04c29; /*border-bottom: 4px #CEDC00 solid !important;*/ border: none !important; } /* Paginated Sections - Footer Buttons */ .gform_wrapper .gform_page_footer { text-align: center; } /****************** Blackbaud Forms **/ .BBFormContainer, .BBFormPricingTable { background-image: none !important; background-color: transparent !important; border: none !important; } .BBFormSubTitle, .BBFormTableHeader div, .BBFormPriceName, .BBFormFieldLabel, .BBFormPriceAmt, .BBFormTotal, .BBFormColQty select option, .BBTableRowCellFinePrint, .BBFormAddedDonation label, .BBFormAddedDonation input, .BBFormTableFooter div, .BBFormSubSectionHeading label { font-family: 'hosted_Open_Sans_ExtraBOLD'; color: #5a5a5a !important; } .BBFormTotal, .BBFormTableFooter div { color: #43B02A !important; font-size: 30px !important; } .BBFormSubSectionHeading label { font-size: 20px; color: #671E75 !important; text-decoration: underline; } .BBFormChecklist { background-color: white; opacity: 0.8; } /*.BBFormSection::before, .BBFormSection::after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .BBFormSection::after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); }*/ .BBFormFieldLabel { font-family: 'hosted_Open_Sans_ExtraBOLD'; width: 320px !important; text-align: right; margin-left: 0; } .BBFormRadioLabelGivingLevelNotSelected, .BBFormRadioPaymentNotSelected { background: transparent !important; color: #43b02a !important; border-color: #43b02a !important; } .BBFormRadioLabelGivingLevelNotSelected:hover, .BBFormRadioPaymentNotSelected:hover { color: #ffffff !important; background: #43b02a !important; border-color: #43b02a !important; } .BBFormFieldContainerGivingLevels { text-align: center !important; } .BBFormRadioLabelGivingLevelSelected, .BBFormRadioPaymentSelected { background: #43B02A !important; border: 1px solid #43B02A !important; } .BBFieldSecurityCode .BBFormFieldLabel { width: 60px !important; text-align: left !important; } #bboxdonation_comment_fldComments { padding-top: 20px !important; } .BBDFormSectionComments .BBFormTextArea { margin-left: 0 !important; } .BBFormButtonRow { background-color: transparent; border: none !important; } /****************** Gravity Forms **/ /* Gravity Form Title */ .gform_widget .widgettitle { color: #671E75; } /* Gravity Form Section */ .gform_wrapper .gsection { border: none !important; } /* Gravity Form SECTION Title */ .gform_widget .gsection_title { font-size: 25px !important; } /* Gravity Form Field Main Label */ .gform_wrapper .top_label .gfield_label { color: #000; font-weight: bold; } /* Gravity Form Submit Button */ .gform_wrapper .gform_footer { text-align: center; } /* Grvity Forms - Require Asterik */ .gform_wrapper .gfield_required { color: #d04c29 !important; font-size: 19px !important; } /* Contact Us */ .gform_wrapper .checkboxMailingList { margin-top: 0 !important; margin-bottom: 25px !important; } .gform_wrapper .checkboxMailingList .gfield_label { display: none !important; } /*****************************/ /* Gravity Forms Paginatiomn */ /* Page Section Steps .gform_wrapper .gf_page_steps { text-align: center; }*/ /* Previous button */ .gform_wrapper .gform_page_footer .button.gform_previous_button { border-top-left-radius: 50px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 25px !important; border-bottom-left-radius: 50px !important; } /*********************** Expandable Rows /**********************/ /* Using a Button */ .rowButtonExpandable:not(.bber-expanded) { text-align: center; } .rowButtonExpandable .bb-er-row:not(.bber-expanded) { width: auto; display: inline-block; } /*.rowButtonExpandable .bb-er-row .bber-expanded { width: 100%; display: block; }*/ /*********************** Single Page Parallax /**********************/ /*.pp-dotnav { right: 15px !important; }*/ .pp-dotnav .pp-dot .pp-label { -webkit-box-shadow: 0 8px 6px -6px #000000; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 8px 6px -6px #000000; /* Firefox 3.5 - 3.6 */ box-shadow: 0 8px 6px -6px #000000; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } /**.pp-dotnav .pp-dot .pp-label::before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }*/ .pp-dotnav ul li::before { display: none; } .pp-dotnav .pp-dot .pp-label { font-family: 'hosted_Open_Sans_ExtraBOLD'; font-weight: bold; font-size: 18px !important; } /*********************** Comments /**********************/ .fl-comments { display: none; visibility: hidden; } /*******************/ /*** BLOG POSTS ***/ /*******************/ /*.single-post .fl-page-content { background-color: #BBBCBC; } .single-post .fl-content { background-color: #ffffff; padding: 40px; margin: 0; } .single-post #FooterRoof { background-color: transparent; }*/ /* Donate Page */ .page-id-3067 .fl-page-content, /*.blog .fl-page-content,*/ .uabb-blog-post-content, /*.archive .fl-page-content,*/ .fl-archive .fl-post, .single-post .fl-page-content { position: relative; overflow: hidden; } /* Navigation Sub Menu */ ul.sub-menu::before, /* Donate Page */ .page-id-3067 .fl-page-content::before, /*.blog .fl-page-content::before,*/ .uabb-blog-post-content::before, /*.archive .fl-page-content::before,*/ .fl-archive .fl-post::before, .single-post .fl-page-content::before, /* Event Calendar */ .single-tribe_events .fl-page-content::before, .post-type-archive-tribe_events .fl-page-content::before { content: ""; position: absolute; /* Fixed with Scroll width: 200%; height: 200%; top: -50%; left: -50%;*/ /* Not Fixed with scroll */ width: 100%; height: 100%; /*top: -6%;*/ /*max-height: 575px;*/ max-height: 800px; top: 0; /* left: -50%; */ /*z-index: -1;*/ background-color: #ffffff; /* background by SVGBackgrounds.com */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.35'%3E%3Cpath fill='%23ffffff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffffff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffffff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffffff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffffff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23f2eaf2' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23e5d6e5' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23d8c1d8' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23cbadcb' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23be98be' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); /*background-attachment: fixed; background-size: cover; background-repeat: no-repeat;*/ /*-webkit-transform: rotate(30deg); transform: rotate(30deg);*/ /*background-attachment: local;*/ background-size: cover; background-repeat: no-repeat; /* FLIP SVG BG -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; */ } /* Navigation Sub Menu */ ul.sub-menu::before { background-size: cover; max-height: 73px; bottom: 0; top: initial; opacity: 0.6; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; } /* FLIP BG HORIZONTALLY */ /*.blog .fl-page-content::before,*/ .uabb-blog-post-content::before, /*.archive .fl-page-content::before,*/ .fl-archive .fl-post::before { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* FLIP BG VERTICALLY */ /* Navigation Sub Menu */ ul.sub-menu::before { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .uabb-blog-post-content::before, .fl-archive .fl-post::before { visibility: visible; z-index: -1; right: 0; top: 0px; } .uabb-blog-post-content::before { background-color: #BE98BE; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 25px; border-bottom-left-radius: 50px; } /* If no Feature Image .uabb-empty-img .uabb-blog-post-content::before { border-top-left-radius: 25px; }*/ .fl-archive .fl-post::before { border-top-left-radius: 50px; border-top-right-radius: 5px; border-bottom-right-radius: 25px; border-bottom-left-radius: 50px; } .uabb-blog-posts-shadow:hover .uabb-blog-post-content::before, .fl-archive .fl-post:hover::before { background-color: #470a68; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%234d0e6b' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%2354126d' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%235a1670' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23611a72' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23671e75' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23611a72' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%235a1670' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%2354126d' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%234d0e6b' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23470a68' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); } /*.single-post .fl-page-content::before { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }*/ /* Latest Posts Page - CHIRSTUS NEWS */ /* Category Drop Down */ select.uabb-masonary-filters, .uabb-masonary-filters-wrapper::after { color: #ffffff /* #0072CE */ !important; } select.uabb-masonary-filters { webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out, border 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out, border 0.25s ease-in-out; transition: background 0.25s ease-in-out, border 0.25s ease-in-out; max-width: 320px; width: 100% !important; font-family: 'hosted_Open_Sans_ExtraBOLD'; font-size: 16px !important; background: #0072CE /*#ffffff*/ /*none*/ !important; margin-bottom: 0 !important; border: solid 4px #0072CE !important; border-top-left-radius: 0 !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 25px !important; padding: 5px 15px !important; } select.uabb-masonary-filters:hover { background: #d04c29 !important; color: #ffffff !important; border: solid 4px #d04c29 !important; } /*.uabb-masonary-filters-wrapper::before { content: 'Filter: '; font-family: 'hosted_Open_Sans_ExtraBOLD'; }*/ .uabb-masonary-filters-wrapper::after { display: inline-block; content: '\f078'; font-family: "Font Awesome 5 Pro" !important; font-weight: 900; color: #0072CE; right: 15px; top: -44px; /* height: 34px; */ font-size: 25px; /* padding: 15px 0px 0px 8px; */ /* border-left: 1px solid #0ebeff; */ position: relative; pointer-events: none; } .uabb-masonary-filters-wrapper:hover::after { color: #ffffff; } /* IE11 hide native button (thanks Matt!) */ select::-ms-expand { display: none; } select.uabb-masonary-filters { -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Add some styling display: block; width: 100%; max-width: 320px; height: 50px; float: right; margin: 5px 0px; padding: 0px 24px; font-size: 16px; line-height: 1.75; color: #333; background-color: #ffffff; background-image: none; border: 1px solid #0ebeff; -ms-word-break: normal; word-break: normal;*/ } /* Animate Filter Select Box */ .uabb-masonary-filters-wrapper { /*display: inline-block;*/ position: relative; -moz-animation: select 1s linear infinite; -o-animation: select 1s linear infinite; -webkit-animation: select 1s linear infinite; animation: select 1s linear infinite; /*animation-duration: 4s;*/ animation-delay: 2s; animation-iteration-count: 7; width: 320px; margin: 0 auto; } @-webkit-keyframes select { 0% { top: 0; } 33% { top: -0.1em; } 66% { top: -0.2em; } 100% { top: 0; } } @-moz-keyframes select { 0% { top: 0; } 33% { top: -0.1em; } 66% { top: -0.2em; } 100% { top: 0; } } @-o-keyframes select { 0% { top: 0; } 33% { top: -0.1em; } 66% { top: -0.2em; } 100% { top: 0; } } /*@-ms-keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } }*/ @keyframes select { 0% { top: 0; } 33% { top: -0.1em; } 45% { top: -0.15em; } 66% { top: -0.2em; } 100% { top: 0; } } /* END Animate Filter Select Box */ /* Per Post Container */ .uabb-blog-posts-shadow { /*background: #ebe0eb !important;*/ /*border-top-left-radius: 0; border-top-right-radius: 25px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px;*/ border-radius: 0 25px 50px; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #ebe0eb; } /*.uabb-post-wrapper:hover .uabb-blog-posts-shadow { background: #671E75 !important; }*/ /* Post Image */ /*.uabb-post-thumbnail img { border-top-right-radius: 25px !important; }*/ .uabb-post-thumbnail { text-align: left; border-right: 1px inset #ebe0eb; border-top-right-radius: 25px; } /* Date Tag */ .uabb-posted-on { background: rgb(206, 220, 0, 0.9) /*#CEDC00*/ /*#d04c29*/ !important; color: #671E75; border-bottom-right-radius: 25px; } .uabb-date-month { font-size: 0.5em !important; } .uabb-date-year { display: none !important; } .uabb-post-wrapper:hover .uabb-posted-on { background: rgb(103, 30, 117, 0.9) !important; color: #CEDC00; } /* Post Title */ h3.uabb-post-heading { color: #470A68; } .uabb-post-wrapper:hover h3.uabb-post-heading { color: #ffffff; } h3.uabb-post-heading:hover { color: #F6BE00 !important; } /* Post Content */ .uabb-blog-posts-description { webkit-transition: color 1.0s ease-in-out; -moz-transition: color 1.0s ease-in-out; -o-transition: color 1.0s ease-in-out; transition: color 1.0s ease-in-out; color: #671E75 !important; } .uabb-post-wrapper:hover .uabb-blog-posts-description { color: #ffffff !important; } /* Post "Read More" Button */ .uabb-post-wrapper .uabb-button-left { text-align: center !important; } /*.uabb-post-wrapper:hover a.uabb-button { background: #ffffff; color: #671E75; } .uabb-post-wrapper a.uabb-button:hover { background: #d04c29; color: #ffffff; }*/ /* Hide Standard WordPress Posts on Main Blog Page */ .blog .fl-archive.container { display: none; } /* POST HEADER - Contatins Post Title and Meta Data */ /* ARCHIVE POST LISTS .fl-archive */ .fl-archive .fl-post .fl-post-header { text-align: left; /*border-bottom: 3px solid #ddd;*/ background: none; border: none; margin-bottom: 10px; padding-right: 60px; } /* SINGLE POST */ .fl-post .fl-post-header { /*text-align: center;*/ /*border-bottom: 3px solid #ddd;*/ /* For Single Posts Only */ /*background: #e8eaed;*/ padding: 15px 0 0 0; margin-bottom: 47px; display: table; vertical-align: middle; width: 100%; /*border-bottom: 2px solid #ded8c8;*/ } /*.single-post .fl-post-content { position: relative; background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0) 100%); background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); } .single-post .fl-post-content::before, .single-post .fl-post-content::after { z-index: -1; position: absolute; content: ""; bottom: 25px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 35px 20px #777; -moz-box-shadow: 0 35px 20px #777; box-shadow: 0 35px 20px #777; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } .single-post .fl-post-content::after { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); right: 10px; left: auto; }*/ /* Post Titles */ .fl-archive .fl-post .fl-post-title { font-family: 'hosted_Open_Sans_SemiBOLD'; display: block; font-size: 36px; margin-bottom: 0; border: none; } .fl-archive .fl-post .fl-post-title a { color: #470A68; border: none; /*font-variant: small-caps;*/ } .fl-archive .fl-post .fl-post-title a:hover { color: #f7d11d !important; } /* SINGLE POST */ .fl-post .fl-post-title { font-family: 'hosted_Open_Sans_ExtraBOLD'; display: inline /*table-cell*/; font-size: 45px; color: #470A68; margin-bottom: 0; /*border-bottom: 2px solid;*/ /*font-variant: small-caps;*/ /*float: left;*/ width: 100%; } /* Post Meta */ /* ARCHIVE POST LISTS .fl-archive */ .fl-archive .fl-post .fl-post-meta { display: block; text-align: right; /*font-variant: all-petite-caps;*/ font-weight: bold; color: #9FA1A4; padding: 0px; float: none; } .fl-archive .fl-post .fl-post-author, .fl-archive .fl-post .fl-sep, .fl-archive .fl-post .fl-post-date { background: none; padding: 5px 15px 10px 0px; display: inline-block; vertical-align: middle; margin: 0; } .fl-archive .fl-post .fl-post-author, .fl-archive .fl-post .fl-sep { display: none; } /* SINGLE POST */ .fl-post .fl-post-meta { text-align: right; /*font-variant: all-petite-caps;*/ font-weight: bold; color: #63666A; } .fl-post .fl-post-meta-top { display: table-cell /*table-caption*/ /*inline-block*/; /*caption-side: bottom;*/ /*margin: 20px auto;*/ padding-top: 10px; float:right; /*width: 26%;*/ } .fl-post .fl-post-author, .fl-post .fl-sep, .fl-post .fl-post-date { background: none /*#ffffff */; padding: 7px 15px 10px 15px; /*display: table-cell;*/ vertical-align: middle; margin: 0; } .fl-post .fl-post-author, .fl-post .fl-sep { display: none; } .fl-post .fl-post-date { font-family: 'hosted_Raleway_BLACK'; } /* Center Meta on Single Post for Mobile */ @media (max-width: 768px) { .fl-post .fl-post-meta-top { display: block; float: none; text-align: center; } /* Left Align on Archive PAges */ .fl-archive .fl-post .fl-post-meta-top { text-align: left; } } /* Set Icon Use In Meta*/ span.fl-post-author::before, span.fl-post-date::before { font-family: "Font Awesome 5 Pro"; font-size: 18px; font-weight: 300; } /* Post Author */ /* ARCHIVE POST LISTS .fl-archive */ .fl-archive span.fl-post-author::before, .fl-archive span.fl-post-author a { color: #9c8f6a; } .fl-archive span.fl-post-author a:hover { border-color: #e7e8eb; } /* SINGLE POST */ span.fl-post-author::before { content: "\f2bb \00a0"; color: #3d3c3d /*#F2BF49*/ /*#aa002e*/; } span.fl-post-author a { -webkit-transition: color 1.0s ease-in-out, border-color 1.0s ease-in-out; -moz-transition: color 1.0s ease-in-out, border-color 1.0s ease-in-out; -o-transition: color 1.0s ease-in-out, border-color 1.0s ease-in-out; -ms-transition: color 1.0s ease-in-out, border-color 1.0s ease-in-out; transition: color 1.0s ease-in-out, border-color 1.0s ease-in-out; border: none; /* Remove Bottom Border */ color: #3d3c3d /*#ffffff*/; font-size: 17px; border-bottom: 2px solid #e8e9ec; padding-bottom: 0px; } span.fl-post-author a:hover { color: #aa002e; border-color: #ffffff; text-decoration: none; /*Remove Underline On-Hover */ } span.fl-post-author { font-variant: small-caps; border: none; } /* Meta Item Separator */ /* SINGLE POST */ .fl-sep { display: none; } /*.fl-sep::before { content: "\2014"; /* EM Dash: &mdash */ /* ARCHIVE POST LISTS .fl-archive */ .fl-archive .fl-sep { display: inline; } /* Post Date */ /* ARCHIVE POST LISTS .fl-archive */ /*.fl-archive span.fl-post-date::before { content: "\f073 \00a0"; }*/ .fl-archive span.fl-post-date { text-transform: uppercase; color: #671E75; } .fl-archive .type-post:hover span.fl-post-date, .fl-archive .type-page:hover span.fl-post-date { color: #CEDC00; } /* SINGLE POST */ /*span.fl-post-date::before { content: "\f073 \00a0 \00a0"; }*/ span.fl-post-date { text-transform: uppercase; color: #671E75 /*#F2BF49*/; } /* Feature Image Thumbnail At Begining of Post */ .fl-post-thumb img { display: block; margin-left: auto; margin-right: auto; padding-bottom: 35px; } /* Post Images */ .type-post img { /*-moz-box-shadow: 0 8px 6px -6px #000000; -webkit-box-shadow: 0 8px 6px -6px #000000; box-shadow: 0 8px 6px -6px #000000;*/ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Block Format Class for Removing Drop/Box Shadows on Post & Page Images */ .removeImgDropShadow img, .removeImgDropShadow div { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Image with Captions */ .wp-caption { display: table; background: none; border: none; padding: 0px; /*-moz-box-shadow: 0 -4px 10px -4px #000000; -webkit-box-shadow: 0 -4px 10px -4px #000000; box-shadow: 0 -4px 10px -4px #000000;*/ } .wp-caption img { display: table-cell; width: 100%; } /* Post Image Captions Text */ .wp-caption p.wp-caption-text { /*display: table-caption; caption-side: bottom;*/ background: none /*#ffffff*/ /*#f5f5f7*/ /*#e8e9ec*/; font-family: 'Lato', sans-serif; font-size: 17px; color: #333333 /*#888888*/; font-style: italic; font-weight: normal; text-align: left; padding: 10px 10px 15px 10px; border-width: 4px; border-style: solid; border-bottom: none; border-left: none; border-right: none; } /* Center Aligned Image with Caption */ .wp-caption.aligncenter { margin: 55px auto 25px auto; } .wp-caption.aligncenter p.wp-caption-text { border-color: #d04c29; } /* Left & Right Aligned Image with Caption */ .wp-caption.alignleft, .wp-caption.alignright { margin: 5px 20px 10px 20px; } /* Left Aligned Image with Caption */ /* LEFT DROP SHADOW .wp-caption.alignleft { -moz-box-shadow: 4px -2px 10px -6px #000000; -webkit-box-shadow: 4px -2px 10px -6px #000000; box-shadow: 6px -2px 10px -6px #000000; }*/ .wp-caption.alignleft p.wp-caption-text { border-color: #d04c29; } /* Right Aligned Image with Caption */ /* RIGHT DROP SHADOW.wp-caption.alignright { -moz-box-shadow: -4px -2px 10px -6px #000000; -webkit-box-shadow: -4px -2px 10px -6px #000000; box-shadow: -4px -2px 10px -6px #000000; }*/ .wp-caption.alignright p.wp-caption-text { border-color: #d04c29; } /* Adjust Space for Wrapping on Image with Captions for MOBILE */ @media (max-width: 622px) { .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin: 20px auto 20px auto; width: auto !important; } } /* Post Text */ .fl-post-content p { font-size: 20px; /*margin: 0 25px 25px 0;*/ } .single-post .fl-post-content p { color: #470A68; } /******************************/ /* Pull-Quotes / Blockquotes */ /* Add Quotation Mark ICONS or HTML Symbols */ .type-post blockquote::before, .rightBlockquote::before, .leftBlockquote::before, .type-post blockquote::after, .rightBlockquote::after, .leftBlockquote::after { /* Font Awesome Icons*/ font-family: "Font Awesome 5 Pro"; font-size: 20px; font-weight: 900; /*font-size: 50px;*/ line-height: 1; margin-top: 20px; /*position: relative; top: 15px;*/ color: #671E75; } /* Begining & Ending Blockquote Quotation Mark Only */ .rightBlockquote::before, .leftBlockquote::before, .rightBlockquote::after, .leftBlockquote::after { display: inline; } /* Beginning Quotation Mark */ .type-post blockquote::before, .rightBlockquote::before, .leftBlockquote::before { padding-right: 10px; content: "\f086"; /* Font Awsome */ position: relative; top: -10px; } /* Ending Quotation Mark .type-post blockquote::after, .rightBlockquote::after, .leftBlockquote::after { padding-left: 10px; line-height: 0.5; content: "\f10e"; }*/ /* All Pull Quotes */ .type-post blockquote, .rightBlockquote, .leftBlockquote { /*display: inline-block;*/ text-align: center; font-family: 'hosted_Open_Sans_ITALIC'; font-size: 28px; font-style: italic; font-weight: 400; line-height: 1.8; /*border-style: solid; border-color: #75b0bc; border-width: 2px;*/ margin-bottom: 25px; /* Color BG Gradient Settings border: none; color: white; text-shadow: 1px 1px #555555;*/ background-color: #ebe0eb; /*border-top: 3px solid #ae9f76; border-left: none; border-right: none;*/ border: none; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } /* Centered Blockquote */ .type-post blockquote { padding: 10px 30px 10px 30px; width: 80%; margin-left: auto; margin-right: auto; margin-top: 40px; /*border-color: #f58a64;*/ /*border-left: none; border-right: none;*/ /*border-top: none; border-bottom: none;*/ /*-moz-box-shadow: 0 -6px 8px -8px #000000; -webkit-box-shadow: 0 -6px 8px -8px #000000; box-shadow: 0 -6px 8px -8px #000000;*/ /* Gray BG Gradient background: -moz-linear-gradient(top, rgba(231,233,236,1) 0%, rgba(231,233,236,0) 40%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(231,233,236,1) 0%,rgba(231,233,236,0) 40%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(231,233,236,1) 0%,rgba(231,233,236,0) 40%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e9ec', endColorstr='#00ffffff',GradientType=0 );*/ /* Orange BG Gradient Settings background: -moz-linear-gradient(top, rgba(245,138,100,1) 1%, rgba(245,138,100,0.61) 40%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(245,138,100,1) 1%,rgba(245,138,100,0.61) 40%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(245,138,100,1) 1%,rgba(245,138,100,0.61) 40%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58a64', endColorstr='#00ffffff',GradientType=0 );*/ } .type-post blockquote p { display: inline; } /* Wrapped Pull-Quotes */ .rightBlockquote, /* Right Blockquote */ .leftBlockquote /* Left Blockquote */ { /*font-size: 24px; font-style: italic;*/ padding: 15px 25px 25px 25px; margin-top: 25px; width: 33%; border-bottom: none; } /*Wrapped, Right Aligned Pull-Quote */ .rightBlockquote { float: right; margin-left: 25px; border-right: none; /*border-color: #75b0bc;*/ /*-moz-box-shadow: -4px -2px 10px -6px #000000; -webkit-box-shadow: -4px -2px 10px -6px #000000; box-shadow: -4px -2px 10px -6px #000000;*/ /* Gray BG Gradient background: -moz-linear-gradient(-45deg, rgba(231,233,236,1) 0%, rgba(231,233,236,0) 40%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(-45deg, rgba(231,233,236,1) 0%,rgba(231,233,236,0) 40%,rgba(255,255,255,0) 100%); background: linear-gradient(135deg, rgba(231,233,236,1) 0%,rgba(231,233,236,0) 40%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e9ec', endColorstr='#00ffffff',GradientType=1 ); */ /* Teal BG Gradient Settings background: -moz-linear-gradient(-45deg, rgba(117,176,188,1) 1%, rgba(117,176,188,0) 40%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(-45deg, rgba(117,176,188,1) 1%,rgba(117,176,188,0) 40%,rgba(255,255,255,0) 100%); background: linear-gradient(135deg, rgba(117,176,188,1) 1%,rgba(117,176,188,0) 40%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b0bc', endColorstr='#00ffffff',GradientType=1 );*/ } /*Wrapped, Left ALigned Pull-Quote */ .leftBlockquote { float: left; margin-right: 25px; border-left: none; /*border-color: #828bc4;*/ /*-moz-box-shadow: 4px -2px 10px -6px #000000; -webkit-box-shadow: 4px -2px 10px -6px #000000; box-shadow: 4px -2px 10px -6px #000000;*/ /* Gray BG Gradient background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(231,233,236,0) 60%, rgba(231,233,236,1) 100%); background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(231,233,236,0) 60%,rgba(231,233,236,1) 100%); background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(231,233,236,0) 60%,rgba(231,233,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e7e9ec',GradientType=1 ); */ /* Purple BG Gradient Settings background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(130,139,196,0) 60%, rgba(130,139,196,1) 100%); background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(130,139,196,0) 60%,rgba(130,139,196,1) 100%); background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(130,139,196,0) 60%,rgba(130,139,196,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#828bc4',GradientType=1 ); */ } @media (max-width: 414px) { .rightBlockquote, .leftBlockquote { display: block; width: auto; margin-left: auto; margin-right: auto; } } /* END Pull-Quotes / Blockquotes */ /*********************************/ /* Categories and Tags */ .fl-post-meta.fl-post-meta-bottom { float: left; position: relative; /*top: -55px;*/ display: block; font-family: 'hosted_Open_Sans_ExtraBOLD'; font-size: 13px; text-align: center; font-style: normal; /*font-variant: small-caps;*/ letter-spacing: 0.05em; padding: 10px 0 30px 0; border: none; } .fl-post-meta.fl-post-meta-bottom a { font-size: 12px !important; padding: 5px 7px !important; display: inline-block; } /* DropCap Styling .single-post .fl-post-content > a:not(:first-child), .single-post .fl-post-content > img:not(:first-child), .single-post .fl-post-content > p:first-of-type::first-letter { color: #d04e28; float: left; font-family: 'hosted_Raleway_BLACK'; font-weight: 400; font-size: 72px; line-height: 40px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }*/ /***CONTENT GRID ****/ /********************/ /* Center Category Filters & Pagination */ ul.pp-post-filters { text-align: center !important; } ul.pp-post-filters li { -webkit-transition: color .5s ease-in-out, background .5s ease-in-out, border .5s ease-in-out; -moz-transition: color .5s ease-in-out, background .5s ease-in-out, border .5s ease-in-out; -o-transition: color .5s ease-in-out, background .5s ease-in-out, border .5s ease-in-out; -ms-transition: color .5s ease-in-out, background .5s ease-in-out, border .5s ease-in-out; transition: color .5s ease-in-out, background .5s ease-in-out, border .5s ease-in-out; font-family: "Lato", sans-serif !important; font-weight: bold !important; font-size: 13px !important; letter-spacing: 0.5px; } /* On-Hover Filter */ ul.pp-post-filters li:hover { background: #ca0036 !important; border-color: #ca0036 !important; color: #ffffff !important; } /* Active Filter */ ul.pp-post-filters li.pp-filter-active, .pp-content-grid-pagination li span.current { background: #76b0ba !important; border-color: #76b0ba !important; color: #ffffff !important; cursor:default; } /**************************************************/ /* Based off "Style 4" - Filterable Post Gallery */ /* Container Height, Will Need to Adjust Based on Number of Columns */ /* 3 Collums - Set Post Container Parameters */ .custom3ColPostGallery .pp-content-post, .custom3ColPostGallery .pp-content-post .pp-content-post.pp-grid-style-4 .pp-post-image, .pp-content-grid-image.pp-post-image { max-height: 425px; } /* Position Post Text Elements */ /* Prep Elements */ /* Post Title */ .customPostGallery .pp-content-post h3.pp-content-grid-title.pp-post-title, /* Post Meta .customPostGallery .pp-content-post .pp-post-meta,*/ /* Post Description/Excerpt .customPostGallery .pp-content-post .pp-content-grid-content.pp-post-content */ /* Read More Button .customPostGallery div.pp-content-post:hover .pp-content-grid-more-link*/ /* Post Content */ .customPostGallery .pp-content-grid-inner.pp-content-body { position: relative; padding: 0 20px; /*width: 100%;*/ z-index: 0; } /* Move Elements */ /* Post Title */ .customPostGallery .pp-content-post h3.pp-content-grid-title.pp-post-title { top: -330px; /*top: 50%;*/ /*transform: translateY(-50%);*/ /*z-index: 1;*/ /*opacity: 0; transition: opacity 0.4s ease-in-out 0s;*/ } /* Post Meta .customPostGallery .pp-content-post .pp-post-meta,*/ /* Post Description/Excerpt .customPostGallery .pp-content-post .pp-content-grid-content.pp-post-content */ /* Read More Button .customPostGallery div.pp-content-post:hover .pp-content-grid-more-link*/ /* Post Content */ .customPostGallery .pp-content-grid-inner.pp-content-body { top: -250px; /*top: 50%;*/ /*transform: translateY(-50%);*/ /*z-index: 1;*/ /*opacity: 0; transition: opacity 0.4s ease-in-out 0s;*/ } /* END Position Post Text Elements*/ /* Add Post Overlay On-Hover */ .customPostGallery a.pp-post-link { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; background: #ae9f76; opacity: 0; } .customPostGallery a.pp-post-link:hover { opacity: 0.5; } /* END Add Post Overlay On-Hover */ /* Fade-In Post Title Link On Hover */ .customPostGallery h3.pp-content-grid-title.pp-post-title a { -webkit-transition: color 1.0s ease-in-out; -moz-transition: color 1.0s ease-in-out; -o-transition: color 1.0s ease-in-out; -ms-transition: color 1.0s ease-in-out; transition: color 1.0s ease-in-out; } /* BOX MODE - Add Pseudo "Read More" Button - Methods */ /* Prep Elements */ .customPostGallery div a.pp-post-link::after, .customPostGallery .pp-content-grid-inner.pp-content-body::after { position: relative; content: "Read More"; display: block; width: 30%; margin: 0 auto; font-family: 'hosted_Open_Sans_BOLD'; font-size: 14px; font-weight: bold; letter-spacing: 1px; text-align: center; color: #ffffff !important; border-width: 4px !important; border-color: #ffffff !important; } /* Position Elements */ /* After the "a" */ .customPostGallery div a.pp-post-link::after { top: 320px; } /* After the Post Content ".pp-content-grid-inner.pp-content-body" */ .customPostGallery .pp-content-grid-inner.pp-content-body::after { top: 320px; } /* After the Post Content ".pp-content-grid-inner.pp-content-body" */ .customPostGallery div a.pp-post-link:hover::after { background: #c60038 !important; border-color: #c60038 !important; opacity: 1; } /* CTA Mode .customPostGallery a.pp-content-grid-more.pp-more-link-button { font-family: 'hosted_Montserrat'_BOLD; font-size: 14px; font-weight: bold; color: #ffffff !important; border-width: 4px !important; border-color: #ffffff !important; } .customPostGallery a.pp-content-grid-more.pp-more-link-button:hover { border-width: 4px #c60038 !important; border-color: #c60038 !important; } */ /*****************************************************/ /* Style 6 - Circle Date Over Image and Post Content */ /* Circle Dates */ .pp-content-post.pp-grid-style-6 .pp-post-image .pp-content-post-date { background-color: #75b0bc; /*border: 2px solid #ae9f76;*/ } /* Left Align Post Excerpt */ .pp-content-grid-content.pp-post-content p { text-align: left; padding-bottom: 10px; } /* Hide Categories from Content Grid*/ li[data-filter=".category-call-toward-tomorrow"], li[data-filter=".category-presidents-messages"], li[data-filter=".category-presentations"], li[data-filter=".category-memos"], li[data-filter=".category-uncategorized"] { display: none !important; visibility: hidden !important; } /*** LIST VIEW ***/ .fl-post-feed .fl-post-feed-header, .fl-post-feed .fl-post-feed-title, .fl-post-feed .fl-post-feed-meta { margin: 0; } /* Post Title */ .fl-post-feed .fl-post-feed-title a { color: #aa002e; } /* Meta Data */ .fl-post-feed .fl-post-feed-date { font-weight: bold; color: #9a8c6c; } /*List View on modile */ @media (max-width: 991px) { .fl-post-feed .fl-post-feed-header { padding: 0 10px 10px 10px; } } /* GRID-TABLE Layout Code */ /*First 3 Post Items .fl-post-feed .fl-post-feed-post:nth-child(-n+3) { float: left; display: block; width: 48%; padding-right: 20px; margin-right: 20px; }*/ /*Last 3 Post Items .fl-post-feed .fl-post-feed-post:nth-child(n+3) { float: right; display: block; width: 48%; padding-right: 20px; margin-right: -20px; }*/ /* Post Title Links */ .pp-content-grid-title .pp-post-title { color: #aa002e; } /******************/ /* Post Galleries */ /* Center Gallery */ /*.tiled-gallery*/ .gallery-row { margin: 0 auto; } /* END BLOG POSTS */ /******************/ /**************/ /* Author Box */ /**************/ /* Author Box Container Styling */ .author_bio_section { /*position: relative;*/ background: #ffffff /*#f8f4f8*/; padding: 15px 30px 5px 40px; border-top: 4px solid #BE98BE; border-right: 1px solid #BE98BE; /* border-left: 1px solid #BE98BE; */ /* border-bottom: 1px solid #BE98BE; */ margin: 45px auto 0 auto; text-align: right; /*max-width: 320px;*/ border-radius: 50px; float: right; } /*.author_bio_section::after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); }*/ /* Author Box Text Color */ .author_line, .author_name, p.author_details { letter-spacing: 0.05em; } /* "About the Author" & Author Name */ .author_line, .author_name { font-family: 'hosted_Raleway_BOLD'; font-variant: small-caps; } /* "About the Author" */ .author_line { font-size: 13px; } /* Author Name */ .author_name { font-size: 20px; color: #470A68; } /* Author Photo - Gravatar */ .author_details img { border: 3px solid #ffffff /*#d5cdba*/; border-radius: 50%; /* Round Author Pic */ float: left; margin: 0 10px 10px 0; width: 90px; display: none; } /* Author Bio */ p.author_details { color: #671E75; font-size: 15px; /*padding-top: 15px;*/ } /* "View All Stories" Link */ .author_links { text-align: right; font-size: 13px; display: none; } .author_links a { color: #3d3d3d ; background-color: #d6cfba; padding: 5px 10px 5px 10px !important; font-family: 'hosted_Raleway_BOLD'; font-size: 12.5px; font-variant: small-caps; letter-spacing: 0.05em; text-decoration: none; border: 2px solid; border-bottom-width: 2px !important; border-color: #d5cdba !important; /*border-top-color: #d5cdba; border-right-color: #d5cdba; border-left-color: #d5cdba; border-bottom-color: #d5cdba !important;*/ } /*.author_links a:hover { color: #aa002e !important; background-color: #febe10 !important; }*/ /*************************************/ /* Set Author Box Transition Effects .author_bio_section, .author_bio_section .author_details img, .author_bio_section .author_line, .author_bio_section .author_name, .author_bio_section p.author_details, .author_bio_section .author_links a { -webkit-transition: background-image 1.0s ease-in-out, color 1.0s ease-in-out, background-color 1.0s ease-in-out, border-color 1.0s ease-in-out; -moz-transition: background-image 1.0s ease-in-out, color 1.0s ease-in-out, background-color 1.0s ease-in-out, border-color 1.0s ease-in-out; -o-transition: background-image 1.0s ease-in-out, color 1.0s ease-in-out, background-color 1.0s ease-in-out, border-color 1.0s ease-in-out; -ms-transition: background-image 1.0s ease-in-out, color 1.0s ease-in-out, background-color 1.0s ease-in-out, border-color 1.0s ease-in-out; transition: background-image 1.0s ease-in-out, color 1.0s ease-in-out, background-color 1.0s ease-in-out, border-color 1.0s ease-in-out; } */ /* Fade in Official Red on BG of Author Box .author_bio_section:hover { background-color: #aa002e; background-image: url(/wp-content/themes/bb-theme-child/images/crest_GoldWireframe.png); background-repeat: no-repeat; background-attachment: inherit; background-position: 97% 8%; background-size: 4%; }*/ /* Fade in Border Color: Author Box .author_bio_section:hover { border-color: #febe10; }*/ /* Fade in Font Color: "About the Author" & Bio text .author_bio_section:hover .author_name, .author_bio_section:hover p.author_details { color: #ffffff; }*/ /* Fade in Font Color: Author Name .author_bio_section:hover .author_line { color: #febe10; }*/ /* Fade in Border Color: Author Avatar .author_bio_section:hover .author_details img { border-color: #ffffff; }*/ /* Fade in "View all Stories" Button Color .author_bio_section:hover .author_links a { color:#ffffff; background-color: #aa002e; padding-bottom: 5px !important; border-bottom-width: 2px !important; } .author_bio_section:hover .author_links a { color: #febe10; background-color: #aa002e; border-color: #febe10 !important; }*/ /*******************************************************************************/ /* Archive (Category, Tag, Search) Listings Design, Spacing between Blog Posts */ /*******************************************************************************/ .fl-archive .type-post, .fl-archive .type-page { position: relative; z-index: 0; /*Drop Shadow -webkit-box-shadow: 0 -5px 14px -7px #777777; -moz-box-shadow: 0 -5px 14px -7px #777777; box-shadow: 0 -5px 14px -7px #777777;*/ /* background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 50%); background: -webkit-linear-gradient(top, #e3e3e3 0%,#ffffff 50%); background: linear-gradient(to bottom, #e3e3e3 0%, #ffffff 50%);*/ border-width: 1px 1px 0 1px; border-style: solid; border-color: #671E75; /* Faded Left Border -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#ae9f76), to(rgba(232,233,236,0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #ae9f76, rgba(232,233,236,0)) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #ae9f76, rgba(232,233,236,0)) 1 100%; -o-border-image: -o-linear-gradient(bottom, #ae9f76, rgba(232,233,236,0)) 1 100%; border-image: linear-gradient(to bottom, #ae9f76, rgba(232,233,236,0)) 1 100%; */ /* Rounder Corners */ border-top-left-radius: 5px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; margin: 0 2% 8% 2%; -webkit-box-shadow: 0 10px 0 -5px #be6700, 0 20px 0 -10px #6cf, 0 30px 0 -16px #dedcb9; -moz-box-shadow: 0 10px 0 -5px #be6700, 0 20px 0 -10px #6cf, 0 30px 0 -16px #dedcb9; box-shadow: 0 10px 0 -5px #fdaa92, 0 20px 0 -10px #CEDC00, 0 30px 0 -16px #eeeeee; } /* Change Faded Left Border ON HOVER*/ .fl-archive .type-post:hover, .fl-archive .type-page:hover { border-color: #CEDC00; /* Starting color needs to Match !ABOVE! -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#a60031), to(rgba(232,233,236,0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #a60031, rgba(232,233,236,0)) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #a60031, rgba(232,233,236,0)) 1 100%; -o-border-image: -o-linear-gradient(bottom, #a60031, rgba(232,233,236,0)) 1 100%; border-image: linear-gradient(to bottom, #a60031, rgba(232,233,236,0)) 1 100%; */ } /****************************************************/ /* Folded Corner & Faded Borders on Posts and Pages */ /* Folded Corner on Archive List of Posts */ .fl-archive .type-post::before, .fl-archive .type-page::before { /*-webkit-transition: border-width .5s ease-in-out; -moz-transition: border-width .5s ease-in-out; -o-transition: border-width .5s ease-in-out; -ms-transition: border-width .5s ease-in-out; transition: border-width .5s ease-in-out; content: ""; position: absolute; top: 0; left: 0; border-width: 0 0 40px 40px; border-style: solid; border-color: #dddddd #ae9f76; display: block; width:0;*/ /*-webkit-box-shadow: 0 -1px 0px rgba(0,0,0,0.0), -0.1em -0.2em 0.15em rgba(0,0,0,0.1); -moz-box-shadow: 0 -1px 0px rgba(0,0,0,0.0), -0.1em -0.2em 0.15em rgba(0,0,0,0.1); box-shadow: 0 -1px 0px rgba(0,0,0,0.0), -0.1em -0.2em 0.15em rgba(0,0,0,0.1);*/ } /* Corner Post Triangle ON HOVER */ .fl-archive .type-post:hover::before, .fl-archive .type-page:hover::before { /*border-width: 0 0 45px 45px; border-color: #dddddd #a60031; */ } /* END Folded Corner & Faded Borders on Posts and Pages */ /********************************************************/ /* Faded Top Border */ .fl-archive .type-post::after, .fl-archive .type-page::after { /*display: none; content: ""; position: absolute; top: 0; left: 0; right: -3px; height: 7px; width:75%;*/ /*background: -webkit-gradient(linear, 0 0, 100% 0, from(#ae9f76), to(transparent)); background: -webkit-linear-gradient(left, #ae9f76, transparent); background: -moz-linear-gradient(left, #ae9f76, transparent); background: -o-linear-gradient(left, #ae9f76, transparent);*/ /*-webkit-transition: opacity 3s ease-in-out; -moz-transition: opacity 3s ease-in-out; -o-transition: opacity 3s ease-in-out; -ms-transition: opacity 3s ease-in-out; transition: opacity 1.5s ease-in-out; opacity: 0.9;*/ } /* Faded Top Border ON HOVER */ .fl-archive .type-post:hover::after, .fl-archive .type-page:hover::after { /*background: -webkit-gradient(linear, 0 0, 100% 0, from(#a60031), to(transparent)); background: -webkit-linear-gradient(left, #a60031, transparent); background: -moz-linear-gradient(left, #a60031, transparent); background: -o-linear-gradient(left, #a60031, transparent);*/ /*opacity: 1;*/ } /************************************************************************************/ /* END Archive (Category, Tag, Search) Listings Design, Spacing between Blog Posts */ /**********************************************************************************/ /* Archive (Category, Tag, Search) Article Item Spacing */ /* Archive Page Titles */ .fl-archive .fl-archive-title { text-align: left; font-variant: small-caps; font-size: 32px; border: none; color: #671E75; } .fl-archive .fl-post, .fl-archive .fl-post:last-child { border-bottom: none; padding: 40px 40px 30px 40px; /*background: #e8e9ec;*/ background-color: #faf8fa /*#ffffff*/ /*#decbde*/ /*#eadfea*/; /*background-image: url(/wp-content/themes/bb-theme-child/images/crest.png); background-repeat: no-repeat; background-attachment: inherit; background-position: 97% 8%;*/ /*background: url(/wp-content/themes/bb-theme-child/images/archive-post-dome-bg.png) 100% -8% no-repeat, -moz-linear-gradient(top, rgba(231,232,235,1) 0%, rgba(231,232,235,1) 50%, rgba(255,255,255,0) 100%); background: url(/wp-content/themes/bb-theme-child/images/archive-post-dome-bg.png) 100% -8% no-repeat, -webkit-linear-gradient(top, rgba(231,232,235,1) 0%,rgba(231,232,235,1) 50%,rgba(255,255,255,0) 100%); background: url(/wp-content/themes/bb-theme-child/images/archive-post-dome-bg.png) 100% -8% no-repeat, linear-gradient(to bottom, rgba(231,232,235,1) 0%,rgba(231,232,235,1) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );*/ /*background-size: 5%;*/ } /* Fade-In-Out Color of Post Titles */ .fl-archive .fl-post, .fl-archive .fl-post .fl-post-title a, .fl-archive .fl-post:last-child .fl-post-title a, .fl-archive .fl-post .fl-post-author, .fl-archive .fl-post .fl-sep, .fl-archive .fl-post .fl-post-date { -webkit-transition: color 0.5s ease-in-out, border 0.5s ease-in-out, background-color 0.5s ease-in-out, background-image 0.5s ease-in-out, border-color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out, border 0.5s ease-in-out, background-color 0.5s ease-in-out, background-image 0.5s ease-in-out, border-color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out, border 0.5s ease-in-out, background-color 0.5s ease-in-out, background-image 0.5s ease-in-out, border-color 0.5s ease-in-out; -ms-transition: color 0.5s ease-in-out, border 0.5s ease-in-out, background-color 0.5s ease-in-out, background-image 0.5s ease-in-out, border-color 0.5s ease-in-out; transition: color 0.5s ease-in-out, border 0.5s ease-in-out, background-color 0.5s ease-in-out, background-image 0.5s ease-in-out, border-color 0.5s ease-in-out; } .fl-archive .fl-post:hover, .fl-archive .fl-post:hover .fl-post-title a, .fl-archive .fl-post:hover:last-child .fl-post-title a { background-color: transparent; color: #ffffff; } .fl-archive .fl-post:hover .fl-post-title a { background-color: transparent; } /* Post/Page List Meta Section */ .fl-archive .type-post .fl-post-header, .fl-archive .type-page .fl-post-header { text-align: left; padding-top: 0; } /* End Post/Page List Meta Section */ /* Post/Page List feature Images */ /*.fl-archive .fl-post .fl-post-thumb img,*/ .fl-archive .fl-post .fl-post-thumb img { max-width: 320px; margin-left: 35px; margin-bottom: 110px; padding-bottom: 0px; border-radius: 5px; border-width: 2px; border-style: solid; border-color: #BE98BE; /*-webkit-box-shadow: 0 8px 6px -6px #000000; -moz-box-shadow: 0 8px 6px -6px #000000; box-shadow: 0 8px 6px -6px #000000;*/ } /*.fl-archive .type-post .fl-post:hover .fl-post-thumb img,*/ .fl-archive .fl-post:hover .fl-post-thumb img { border-color: #CEDC00; /*-webkit-box-shadow: 0 8px 6px -6px #000000; -moz-box-shadow: 0 8px 6px -6px #000000; box-shadow: 0 8px 6px -6px #000000;*/ } /*.type-post .fl-post-thumb img:hover, .type-page .fl-post-thumb img:hover { border: 4px solid #a60031; }*/ /* Adjust BG on Mobile for Archive Article Items */ /* END Post/Page List feature Images */ /* Center "Read More" Button on Mobile */ @media (max-width: 414px) { /* Adjust Crest Background Image */ .fl-archive .fl-post, .fl-archive .fl-post:last-child { background-position: -150% 0; /*background-size: 20%;*/ } .fl-archive .fl-post { border: none; } .fl-archive .fl-post { border: none; /* Remove Post Side Border */ } /* Center Title and Meta Section of Post Article Item */ .fl-archive .type-post .fl-post-header, .fl-archive .type-page .fl-post-header { text-align: center; margin-bottom: 30px; margin-top: 20px; padding-right: 0px; } /* Post Title */ .fl-archive .fl-post .fl-post-title a { font-size: 24px; font-variant: normal; } /* Meta Mobile Font-Size, Spacing & Border */ .fl-archive .fl-post .fl-post-meta { font-size: 15px; padding-bottom: 5px; /*border-bottom: 10px double #ccc;*/ } /* Hide Meta Separator */ .fl-archive .fl-post .fl-sep { display: none; } /* Put Meta Items on their own Lines */ .fl-archive .fl-post .fl-post-author, .fl-archive .fl-post .fl-post-date { display: block; text-align: center; padding-bottom: 0; } /* Post Date */ .fl-archive .fl-post-date { font-size: 19px; } /* Post Thumbnaill Image */ .fl-archive .type-post .fl-post-thumb img, .fl-archive .type-page .fl-post-thumb img { margin: 0 auto 35px auto; } /* Center Align Post Excerpt .fl-post-content p{ text-align: center; } */ .fl-archive a.fl-post-more-link { float: none; display: block; text-align: center; margin: 0; } } /* END Mobile Archive (Category, Tag, Search) Listings Design, Spacing between Blog Posts */ /* Remove All post Listing Designs from Single Posts and Pages .single .fl-post, .page .fl-post { background: none; border: none; box-shadow: none; } .single .fl-post::before, .single .fl-post::after, .page .fl-post::before, .page .fl-post::after { display: none; } */ /* END Remove All post Listing Designs from Single Posts and Pages */ /***********************************************************************************/ /* END Archive (Category, Tag, Search) Listings Design, Spacing between Blog Posts */ /***********************************************************************************/ /*********************** Event Calender Styling /**********************/ @media (min-width: 769px) { #tribe-events-pg-template, .tribe-events-pg-template { padding-left: 80px; padding-right: 80px; } } /*.tribe-events-page-template .fl-page-content { padding-top: 75px; }*/ .tribe-events-single { position: relative; } .tribe-events-page-title { color: #470A68; } .tribe-events-page-title:before { font-family: "Font Awesome 5 Pro" !important; font-weight: 400; content: "\f073 \00a0"; } /************************* Event Calendar Icon Use */ /* Event Archive Page Titles */ .tribe-events-page-title:before, /* Calendar Dropdown List Icons */ span.tribe-icon-month::before, span.tribe-icon-list::before, span.tribe-icon-day::before, /* Archive Event List - Date and Time */ .tribe-events-list .tribe-event-schedule-details::before, /* Archive Event List - Event Meta */ .tribe-events-list .tribe-events-venue-details::before, /* Archive Event List - Event Cost */ .tribe-events-event-cost span:before, /* Archive Event List - Google Maps Link */ .tribe-events-list a.tribe-events-gmap::before, /*Single Event Page */ .single-tribe_events .tribe-events-schedule h2::before, .single-tribe_events .tribe-events-cost::before, /*Calendar View Dropdown List Arrow */ #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-active a span::after { font-family: "Font Awesome 5 Pro"; } /* Solid (Bold) Font-Size Icons */ /* Calendar Dropdown List Icons */ span.tribe-icon-month::before, span.tribe-icon-list::before, span.tribe-icon-day::before, /* Archive Event List - Date and Time */ .tribe-events-list .tribe-event-schedule-details::before, /* Archive Event List - Event Meta */ .tribe-events-list .tribe-events-venue-details::before, /* Archive Event List - Google Maps Link */ .tribe-events-list a.tribe-events-gmap::before, /*Single Event Page */ .single-tribe_events .tribe-events-schedule h2::before, .single-tribe_events .tribe-events-cost::before { font-weight: 900; } /* Regular Font-Size Icons */ /* Event Archive Page Titles */ .tribe-events-page-title:before { font-weight: 400; } /* Light Font-Size Icons */ /*Calendar View Dropdown List Arrow */ #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-active a span::after { font-weight: 300; } /* END Event Calendar Icon Use /*****************************/ /* Event Cost Line */ /* Archive Event Page */ .tribe-events-event-cost span:before, /* Single Event Page */ .single-tribe_events .tribe-events-cost::before { content: "\f53a \00a0"; /*font-family: 'hosted_Raleway_BLACK'; content: "Cost:\00a0";*/ font-size: 1em; } /* Archive Event Page */ .tribe-events-event-cost span::after, /* Single Event Page */ .single-tribe_events .tribe-events-cost::after { content: "\00a0 per ticket"; font-family: 'hosted_Raleway_ITALIC'; font-size: 0.75em; } /************ Month View */ /***************/ /* Search Form */ /*#tribe-events-bar * { border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; }*/ #tribe-bar-form { background: #f7f7f7 /*#f2ecf2*/; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } #tribe-bar-form .tribe-bar-filters { border-bottom-left-radius: 25px; border-width: 1px 0 0 2px; border-style: solid; border-top-color: #eeeeee; border-left-color: #eeeeee; } /* View Dropdown Selector */ /* Drop Down Background */ #tribe-bar-form #tribe-bar-views, .tribe-bar-views-inner { border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } #tribe-bar-form #tribe-bar-views { background: #671E75; z-index: 0; } /* Dropdown List UL */ #tribe-bar-form #tribe-bar-views ul.tribe-bar-views-list { border-left: 5px solid #671E75; padding: 0px; } /* Active Item */ #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-active a { border-top-left-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 15px; border-bottom-left-radius: 25px; /*width: 99%;*/ } #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-active a:hover { border-bottom-left-radius: 0px; } #tribe-bar-form #tribe-bar-views.tribe-bar-views-open .tribe-bar-views-list .tribe-bar-active a, #tribe-bar-form #tribe-bar-views.tribe-bar-views-open .tribe-bar-views-list .tribe-bar-active a:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } /*Calendar View Dropdown List Arrow */ #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-active a span::after { content: "\f103"; float: right; font-size: 22px; } /* All Items */ .tribe-bar-views-inner, #tribe-bar-form #tribe-bar-views .tribe-bar-views-inner, #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { -webkit-transition: color 0.5s ease-in-out, background 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out, background 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out, background 0.5s ease-in-out; -ms-transition: color 0.5s ease-in-out, background 0.5s ease-in-out; transition: color 0.5s ease-in-out, background 0.5s ease-in-out; background: #BE98BE; } #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover { background: #671E75 /*#d04c29*/; } /* #tribe-bar-form #tribe-bar-views, #tribe-bar-form #tribe-bar-views .tribe-bar-views-inner, #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a, #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { color: #671E75; border-top-right-radius: 50px; border-bottom-right-radius: 50px; } #tribe-bar-views .tribe-bar-views-list { padding: 0px; border-left: 5px solid #671E75; } #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover, #tribe-bar-form #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover { color: #ffffff; background: #d04c29; } /* View Type Icons */ /* Remove Tribe's Image-Based Icons */ .tribe-bar-views-list span[class^=tribe-icon-], .tribe-select2-results-views span[class^=tribe-icon-] { background-image: none !important; padding-left: 0px; } /* Calendar Dropdown List Icons */ span.tribe-icon-month::before, span.tribe-icon-list::before, span.tribe-icon-day::before { font-family: "Font Awesome 5 Pro" !important; font-weight: 900; } span.tribe-icon-month::before { content: "\f073"; } span.tribe-icon-list::before { content: "\f46d"; } span.tribe-icon-day::before { content: "\f185"; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover::before { color: #ffffff; } /* END View Type Icons */ /* END View Dropdown Selector */ #tribe-bar-form .tribe-bar-submit input[type=submit], #tribe-bar-form .tribe-bar-submit input[type=submit]:visited { font-size: 15px !important; padding: 8px 25px !important; } /* END Search Form */ /*******************/ #tribe-events-content table.tribe-events-calendar { border-collapse: separate; border: none; } .tribe-events-calendar th:last-child { border-top-right-radius: 50px; border-right: none; } /*#tribe-events-content .tribe-events-calendar td { border: none; }*/ .tribe-events-calendar tr:last-child td:last-child { border-bottom-right-radius: 50px; } .tribe-events-calendar tr:last-child td:first-child { border-bottom-left-radius: 25px; } /* Table Header Row */ .tribe-events-calendar thead th { background-color: #470A68; } /* Day Cell Headers */ .tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-].tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a { font-family: 'hosted_Open_Sans_ExtraBOLD'; background-color: #BE98BE; color: #671E75; } /* Day Contents */ #tribe-events-content .tribe-events-calendar td:hover { border: 2px solid #CEDC00; } #tribe-events-content .tribe-events-calendar td h1 a, #tribe-events-content .tribe-events-calendar td h2 a, #tribe-events-content .tribe-events-calendar td h3 a, #tribe-events-content .tribe-events-calendar td h4 a, #tribe-events-content .tribe-events-calendar td h5 a, #tribe-events-content .tribe-events-calendar td h6 a { color: #333333; } .monthEventTitle, .monthEventVenue, .monthEventVenueAddress, .monthEventDate, .monthEventStartTime, .monthEventEndTime { -webkit-transition: border-bottom-width 0.5s ease-in-out; -moz-transition: border-bottom-width 0.5s ease-in-out; -o-transition: border-bottom-width 0.5s ease-in-out; -ms-transition: border-bottom-width 0.5s ease-in-out; transition: border-bottom-width 0.5s ease-in-out; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; } .monthEventDate { display: block; font-style: normal; } .monthEventTitle { display: block; text-transform: uppercase; font-family: 'hosted_Open_Sans_ExtraBOLD'; } .monthEventVenue, .monthEventVenueAddress { display: block; font-family: 'hosted_Raleway_MEDIUM'; font-style: italic; } .monthEventStartTime, .monthEventEndTime { display: inline-block; font-family: 'hosted_Raleway_SemiBOLD'; } /* Hide Month/Date and Venue Address on Calendar Grid */ .tribe-events-month-event-title .monthEventDate, .tribe-events-month-event-title .monthEventVenueAddress { display: none; } /* On-Hover Effects */ #tribe-events-content .tribe-events-calendar td:hover a { color: #0072CE; } #tribe-events-content .tribe-events-calendar td:hover .monthEventTitle, #tribe-events-content .tribe-events-calendar td:hover .monthEventVenue, #tribe-events-content .tribe-events-calendar td:hover .monthEventVenueAddress, #tribe-events-content .tribe-events-calendar td:hover .monthEventStartTime, #tribe-events-content .tribe-events-calendar td:hover .monthEventEndTime { /*color: #d04c29;*/ border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CEDC00; } /* Current Day on Calendar */ .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] { background-color: #671E75; } /* Past Events */ .tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title a, .tribe-events-calendar td.tribe-events-past .tribe-events-viewmore a, .tribe-events-calendar td.tribe-events-past .tribe-events-viewmore { /*display: none; Hide Past Events */ } .events-archive.events-gridview #tribe-events-content table.tribe-events-calendar td.tribe-events-past .type-tribe_events { border: none; box-shadow: none; opacity: 0.5; } .tribe-events-calendar .tribe-events-past .tribe_events { background-color: inherit !important; } /* END Past Events */ /*************************/ /* Tool-tip Event Pop-Up */ .tribe-events-calendar .tribe-events-tooltip { /*left: -340px !important;*/ padding: 0; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } .tribe-events-tooltip .tribe-events-arrow, .tribe-events-tooltip.tribe-events-tooltip-flipdown:before { display: none !important; visibility: hidden !important; /*left: 313px; bottom: 15px !important; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);*/ } /*div.tribe-events-calendar .tribe-events-tooltip { display: block !important; }*/ .tribe-events-calendar .tribe-events-tooltip h4, .tribe-events-calendar .tribe-events-tooltip .tribe-event-description { margin: 0 !important; padding: 10px !important; -webkit-transition: border-bottom-color 0.5s ease-in-out; -moz-transition: border-bottom-color 0.5s ease-in-out; -o-transition: border-bottom-color 0.5s ease-in-out; -ms-transition: border-bottom-color 0.5s ease-in-out; transition: border-bottom-color 0.5s ease-in-out; } .tribe-events-calendar .tribe-events-tooltip h4 { border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #BE98BE; } .tribe-events-calendar .tribe-events-tooltip h4:hover { text-decoration: none; border-bottom-color: #d04c29; } /* Remove Border Underlines on Summary Items */ .tribe-events-calendar .tribe-events-tooltip .monthEventTitle, .tribe-events-calendar .tribe-events-tooltip .monthEventVenue, .tribe-events-calendar .tribe-events-tooltip .monthEventVenueAddress, .tribe-events-calendar .tribe-events-tooltip .monthEventDate, .tribe-events-calendar .tribe-events-tooltip .monthEventStartTime, .tribe-events-calendar .tribe-events-tooltip .monthEventEndTime { border: none !important; } /*#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-footer .tribe-events-sub-nav li, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-header .tribe-events-sub-nav li { margin: 15px 0; }*/ /* Summary Background */ .tribe-events-calendar .tribe-events-tooltip .summary::before { content: ""; position: absolute; /* Fixed with Scroll width: 200%; height: 200%; top: -50%; left: -50%;*/ /* Not Fixed with scroll */ width: 100%; height: 100%; /*top: -6%;*/ /*max-height: 575px;*/ /*max-height: 800px;*/ top: 0; left: 0; z-index: -1; background-color: #ffffff; background-color: #470a68; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%234d0e6b' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%2354126d' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%235a1670' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23611a72' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23671e75' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23611a72' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%235a1670' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%2354126d' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%234d0e6b' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23470a68' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); background-size: cover; background-repeat: no-repeat; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } /* Show Month and Date on Tool Tip */ .tribe-events-tooltip .monthEventDate { color: #ffffff; text-transform: lowercase; font-variant: small-caps; font-size: 20px; padding: 5px 25px 10px 0; text-align: right; } /* Tool Tip Event Title */ .tribe-events-tooltip .monthEventTitle { color: #f7d11d; font-size: 22px; } /* Tool Tip Event Venue */ .tribe-events-tooltip .monthEventVenue, .tribe-events-tooltip .monthEventVenueAddress { color: #ffffff; font-style: normal; } .tribe-events-tooltip .monthEventVenue { font-size: 15px; font-family: 'hosted_Open_Sans_BOLD'; } /* Venue Address */ .tribe-events-tooltip .monthEventVenueAddress { font-size: 13px; font-family: 'hosted_Open_Sans'; font-weight: normal; } /* Add separator in address */ .tribe-street-address::after { content: "," /*content: "\00a0 |"*/ } /* Remove Line Break in full address */ .tribe-address br { display: none; } /* Remove Browser Added Underline on State Abbreviations */ abbr[title] { border-bottom: none !important; cursor: inherit !important; text-decoration: none !important; } /* Tool Tip Event Start & End Time */ .tribe-events-tooltip .monthEventStartTime, .tribe-events-tooltip .monthEventDurationSeparator, .tribe-events-tooltip .monthEventEndTime { /*display: none;*/ color: #ffffff; font-size: 18px; } /* Tool Tip Event Date + Start & End Time */ .tribe-events-tooltip .tribe-event-duration { display: none; } /* Tool Tip Event Thum Image */ .tribe-events-tooltip .tribe-events-event-thumb img { padding-left: 10px; } /* Tool Tip Event Description */ .tribe-events-tooltip .tribe-events-event-body { background-color: #f2ecf2; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } .tribe-events-tooltip .tribe-event-description { font-size: 15px; } /* Past Events Tool Tip */ .events-archive.events-gridview #tribe-events-content table.tribe-events-calendar td.tribe-events-past .type-tribe_events .tribe-events-tooltip { visibility: hidden; } /* End Month View */ /*******************/ /* Calendar Prev & Next Month Links */ .tribe-events-nav-previous a, .tribe-events-nav-previous a:visited, .tribe-events-nav-next a:visited, .tribe-events-nav-next a { font-size: 14px !important; padding: 7px 13px !important; } /************ List View */ /* Month & Year Separator */ .tribe-events-list-separator-month { text-align: left; font-variant: small-caps; margin-bottom: 25px; /*background-color: #BE98BE;*/ color: #ffffff; padding: 0px; } .tribe-events-list-separator-month span { background-color: #671E75; padding: 7px 13px; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; } .tribe-events-list-separator-month:after { border-bottom: 2px solid #BE98BE; /*height: 25px; display: none;*/ } /* Event Meta */ .tribe-events-loop .tribe-events-event-meta, .tribe-events-event-cost span { color: #671E75; } .tribe-events-loop .tribe-events-event-meta { font-size: 20px; margin-top: 10px !important; margin-bottom: 0 !important; } .tribe-events-loop .tribe-events-event-meta, .tribe-events-event-cost span { margin-left: 10px !important; } /* Event Read More Link */ a.tribe-events-read-more, a.tribe-events-read-more:visited { float: right; font-size: 16px !important; padding: 7px 13px !important; } .tribe-events-list .tribe-events-list-event-title a/*, .tribe-events-list .tribe-events-venue-details a*/ { color: #0072CE; } .tribe-events-list .tribe-events-venue-details a { color: #470A68; border: none; } /* Event Cost */ .tribe-events-event-cost span { border: none; padding: 8px 12px 8px 0px; } /* END List View ****************/ /********************* Event Archives View */ /* Archive Event List - ndent Eventsi List */ .tribe-events-loop div.tribe-clearfix { background-color: rgb(242, 236, 242, 0.5); margin-left: 14px; padding: 25px 30px !important; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } .post-type-archive-tribe_events .tribe-events-page-title a { color: #671E75; } .events-list .tribe-events-loop { max-width: 100%; } /* Archive Event List - Header - Previous Events Button */ .tribe-events-list #tribe-events-header { display: none; } .tribe-events-list .type-tribe_events { padding-top: 0 !important; margin-top: 0 !important; } /* Archive Event List - Date and Time */ .tribe-events-list .tribe-event-schedule-details { font-family: 'hosted_Open_Sans_BOLD'; } .tribe-events-list .tribe-event-schedule-details::before, /*Single Event Page */ .single-tribe_events .tribe-events-schedule h2::before { content: "\f017"; font-size: 16px; } /* Archive Event List - Meta */ /* Archive Event List - Meta - Date & Time */ .tribe-events-list .tribe-events-venue-details { font-size: 14px; font-style: normal; line-height: 1.5; margin: 0; } /* Archive Event List - Meta - Venue Address */ .tribe-events-list .tribe-events-venue-details::before { content: "\f3c5"; font-size: 19px; margin-right: 5px; } .tribe-events-list .tribe-event-schedule-details::before, .tribe-events-list .tribe-events-venue-details::before { margin-left: 4px; } /* Archive Event List - Google Maps Link */ .tribe-events-list a.tribe-events-gmap { /*display: inline-block; */ /*float: right; */ margin: 10px 0 20px 10px; border: none; color: #0072CE; } .tribe-events-list a.tribe-events-gmap:hover { color: #d04c29; } .tribe-events-list a.tribe-events-gmap::before { content: "\f5a0"; font-size: 16px; } .tribe-events-list .tribe-events-event-image img { border-bottom-left-radius: 25px; } /* Archive Event List - Description */ .tribe-events-list .tribe-events-content p { margin: 15px 0 10px !important; } /* END Event Archives View **************************/ .tribe-events-back { margin: 40px 0 20px; } /********************/ /* Single Event Page */ /* Single Event Title */ .single-tribe_events .tribe-events-single-event-title { display: inline-block; color: #470A68; background-color: #BE98BE; padding: 7px 25px; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; } .single-tribe_events .tribe-events-single-event-title::affter { content: ""; border-bottom: 2px solid #BE98BE; height: 1px; width: 100%; display: block; position: absolute; top: 50%; left: 0; z-index: -1; } /* Single Event Meta */ .single-tribe_events .tribe-events-schedule { margin: 10px 0 15px 15px; font-size: 0.85em; } .single-tribe_events .tribe-events-schedule h2 { margin: 0; color: #5a5a5a; } .single-tribe_events .tribe-events-schedule h2::before { margin: 0 3px; } /* Single Event Cost */ .single-tribe_events .tribe-events-cost { display: block; } .single-tribe_events .tribe-events-cost::before { /*font-family: "Font Awesome 5 Pro"; content: "\f53a \00a0";*/ font-size: 17px; } /* Recurring Event Line */ #tribe-events .recurringinfo { font-size: 13px; text-transform: lowercase; font-variant: small-caps; display: block; } .tribe-events-divider { padding: 0 5px; display: none !important; } .tribe-events-list .recurringinfo { display: none !important; } /* Hide Recurring Info Tooltip */ .recurring-info-tooltip { display: none !important; } /* Event Details Labels */ .single-tribe_events #tribe-events-content .tribe-events-event-meta dt { font-family: 'hosted_Open_Sans_ExtraBOLD'; } /* Map Embed .single-tribe_events .tribe-events-meta-group+.tribe-events-meta-group+.tribe-events-meta-group-gmap .tribe-events-venue-map { border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; }*/ /* END Single Event Page */ /************************/ /* Export Events and Back Buttons */ #tribe-events a.tribe-events-ical, #tribe-events a.tribe-events-gcal, .tribe-events-back a { font-family: 'hosted_Open_Sans_BOLD'; font-size: 13px !important; padding: 5px 10px !important; margin-bottom: 50px; /*display: none !important;*/ } /* Footer Buttons */ #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-footer .tribe-events-sub-nav li, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-header .tribe-events-sub-nav li { padding: 7px; } /*****************************/ /* Calendar pages on Mobile */ @media (min-width: 769px) { .tribe-events-page-title { padding-top: 75px; } } /* Tablet 768px */ @media (max-width: 768px) { /* Table Header Columns in Month View */ .tribe-events-calendar thead th { padding: 1em 0; } /* Previous & Next Month Buttons */ #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous, /* iCal Buttons */ #tribe-events a.tribe-events-ical, #tribe-events a.tribe-events-gcal, .tribe-events-back a { width: auto; } /* iCal Buttons */ #tribe-events a.tribe-events-ical, #tribe-events a.tribe-events-gcal, .tribe-events-back a { width: 130px; padding: 0 10px !important; font-size: 10px !important; } .tribe-events-calendar td.tribe-events-present, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.mobile-active, .tribe-events-calendar td.tribe-events-present.mobile-active { background-color: #671E75; color: #ffffff; } #tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover, .tribe-events-calendar td.tribe-events-present.mobile-active, .tribe-events-calendar td.mobile-active, #tribe-events-content .tribe-events-calendar .mobile-active:hover { background-color: #BE98BE; border: 2px solid #671E75; } .tribe-events-calendar .mobile-active div[id*=tribe-events-daynum-], .tribe-events-calendar .mobile-active div[id*=tribe-events-daynum-] a, #tribe-events-content .tribe-events-calendar td:hover a { background-color: transparent; color: #470A68; } /* Event Icons on Mobile */ #tribe-events-content .tribe-events-calendar td { text-align: center; } .tribe-events-calendar .tribe-events-has-events:after { content: "\f022"; font-size: 21px; display: inline-block; height: 0; width: 0; padding: 0; border-radius: 0px; background-color: transparent; margin: 0 20px 0 auto; font-family: "Font Awesome 5 Pro" !important; color: #d04c29; } .tribe-events-calendar td.tribe-events-present.mobile-active .tribe-events-has-events:after { color: #ffffff; } /* Mobile Event Listings - Month and List View */ #tribe-mobile-container .type-tribe_events { background-color: rgb(242, 236, 242, 0.5); margin-left: 14px; padding: 25px 30px !important; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } /* Hide Duplicate Date and Start & End Time */ #tribe-mobile-container .tribe-event-date-start { visibility: hidden; } } /************************** END Event Calender Styling /*************************/ /*********************** Maps /**********************/ /* Embedded HTML Maps */ .googlemapwrap { float: right; width: 70%; padding: 7px; } /*********************** Footer /**********************/ /* Global Footer */ /* PP Social Icons */ .pp-social-icon i { -webkit-transition: color 0.75s ease-in-out; -moz-transition: color 0.75s ease-in-out; -o-transition: color 0.75s ease-in-out; -ms-transition: color 0.75s ease-in-out; transition: color 0.75s ease-in-out; } #globalFooter { color: #ffffff; } #globalFooter .fl-rich-text a { color: #ffffff /*#CEDC00*/; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #BE98BE; } #globalFooter .fl-rich-text a:hover { color: #f7d11d; border-bottom-color: #d04c29; } footer.fl-page-footer-wrap { display: none; visibility: hidden; } /*********************** AddThis Share Buttons /**********************/ @media (min-width: 992px) { .atss, .atss .at-share-btn, .atss a { width: 2.25pc !important; } .at-shfs-small { display: none !important; visibility: hidden !important; } } .atss a:hover { width: 3pc !important; } /* Share Buttons */ .at-share-btn, .at-icon-wrapper { -webkit-transition: opacity 0.75s ease-in-out, color 0.75s ease-in-out, background-color 0.75s ease-in-out, fill 0.75s ease-in-out; -moz-transition: opacity 0.75s ease-in-out, color 0.75s ease-in-out, background-color 0.75s ease-in-out, fill 0.75s ease-in-out; -o-transition: opacity 0.75s ease-in-out, color 0.75s ease-in-out, background-color 0.75s ease-in-out, fill 0.75s ease-in-out; -ms-transition: opacity 0.75s ease-in-out, color 0.75s ease-in-out, background-color 0.75s ease-in-out, fill 0.75s ease-in-out; transition: opacity 0.75s ease-in-out, color 0.75s ease-in-out, background-color 0.75s ease-in-out, fill 0.75s ease-in-out; } /* Label Text */ .at4-share-title, /* Share Buttons */ .at-share-btn { opacity: 0.85; } .at-share-btn:hover { opacity: 1; border-bottom-right-radius: 5px; border-top-right-radius: 5px; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.25); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.25); box-shadow: 0 5px 5px rgba(0,0,0,.25); background-color: #671E75 !important; fill: rgb(247, 209, 29) !important; } /* Label Text */ .at4-share-title { color: #ffffff; background-color: #671E75; font-family: 'hosted_Open_Sans_ExtraBOLD'; font-size: 10px /*13px*/; text-align: center; font-variant: small-caps; /* text-shadow: 1px 1px #222222; */ letter-spacing: 1px; border-top-right-radius: 5px; } /* Share Buttons */ .at-icon-wrapper:hover { background-color: #671E75 !important; } .at-icon-wrapper:hover svg { /* Gold */ color: #f7d11d !important; fill: rgb(247, 209, 29) !important; /* White color: #ffffff !important; fill: rgb(255, 255, 255) !important; */ } .at-svc-compact { border-bottom-right-radius: 5px; } /*********************** Top-top button /**********************/ #fl-to-top, #fl-to-top i { -webkit-transition: color 0.75s ease-in-out, background-color 0.75s ease-in-out; -moz-transition: color 0.75s ease-in-out, background-color 0.75s ease-in-out; -o-transition: color 0.75s ease-in-out, background-color 0.75s ease-in-out; -ms-transition: color 0.75s ease-in-out, background-color 0.75s ease-in-out; transition: color 0.75s ease-in-out, background-color 0.75s ease-in-out; } #fl-to-top { background-color: rgba(208,76,41,0.8); width: 57px !important; height: 45px !important; border-radius: 25px; } #fl-to-top:hover { background-color: rgba(206,220,0,0.9); } #fl-to-top:hover i, #fl-to-top i:hover { color: #00816D; } .fa-chevron-up::before { content: "\f0d8"; font-size: 32px; } /*********************** Per Page Settings /**********************/ /************************** Donate Page page-id-3067 */ /* Hide Donation Button on Donate Page */ .page-id-3067 .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child, .page-id-3067 #fixedMobileDonate { visibility: hidden; } /********************** Mobile Media Queries /*********************/ @media (min-width: 992px) and (max-width: 1049px) { .fl-page-header-container { padding-left: 20px !important; padding-right: 20px !important; } } @media (max-width: 1028px) { .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a { font-size: 13px; } } /* Standardize Left & Right Gutter Space for Full width Row on Desktop */ @media (min-width: 992px) { .fl-row-full-width .fl-row-content-wrap { padding-left: 80px !important; padding-right: 80px !important; } /* Show Search on Mobile */ .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse .fl-page-nav-search { display: block; z-index: 99999; position: relative; top: -45px; right: 0; padding-right: 15px; } /* Search Box .fl-page-nav-search form { top: -4px; right: 74px; width: 227px; padding: 0px; border-left: 4px solid #F2BF49 ; }*/ /* Current Page Style on Mobile */ ul.navbar-nav > li.current-menu-item > a { border: none; color: #f6bd47 !important; } /* Post Carousels */ /* SHOW Pagination Dots on DESKTOP in Favor of Arrows - LINE ~5870 */ /* NEXT ARROW */ .pp-content-post-carousel .owl-theme .owl-nav button.owl-next, /* PREV ARROW */ .pp-content-post-carousel .owl-theme .owl-nav button.owl-prev { display: none; } } /*@media (width: 1024px) { .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { top: 129px; } .fl-shrink-header.fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { top: 118px; } }*/ @media (max-width: 991px) { .fl-page-content { margin-top: 40px; } /* Center Search Nav bar with Search Icon */ .fl-page-nav-right .fl-page-nav ul.navbar-nav { display: inline-block; } .fl-page-nav-right .fl-page-nav-search { float: none !important; } /* Reverse / Flip order of Nav Items & Serach Icon on Medium Size Screens */ .navbar-collapse.collapse { /*position: absolute; width:50px; text-align: left; float: left;*/ -webkit-transform: scaleX(-1); transform: scaleX(-1); } .navbar-collapse.collapse > * { /*width: 50px; height: 50px;*/ position: relative; /*float: left;*/ display: block; -webkit-transform: scaleX(-1); transform: scaleX(-1); } /* END Flip order of Nav Items & Serach Icon on Medium Size Screens */ /* Remove Borders from Menu Items */ .fl-page-nav-wrap { border: none; } /* Fixate Header */ .fl-page-header { position: fixed !important; width: 100%; } /* Adjust Header Padding */ .fl-page-nav-right .fl-page-header-container { padding: 5px 0 5px 5px; } /* Logo Column */ .fl-page-header-logo-col { width: 25%; padding-right: 0px; padding-top: 2px; padding-left: 20px; /* Add Bottom Border to Logo Row Column */ /*border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #3f095d;*/ /*-moz-box-shadow: 0 8px 6px -6px #3f095d; -webkit-box-shadow: 0 8px 6px -6px #3f095d; box-shadow: 0 8px 6px -6px #3f095d;*/ } .fl-page-nav-right .fl-page-header-logo { padding: 0px; } .fl-col-small { max-width: none; } /* Make Animated Text Headlines & BB Headlines Responsive */ .pp-animated-headlines .pp-headline, .fl-row-bg-photo:not(.staticPhotoSection) .fl-heading { white-space: normal; font-size: 20px !important; } /* Hide BG Slideshow Images on Mobile */ #homepageSlideshow .fl-slideshow .fl-slideshow-image img { visibility: hidden !important; } /* Set BG to White */ #homepageSlideshow > .fl-row-content-wrap::after { background: #BE98BE; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(190,152,190,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(190,152,190,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(190,152,190,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#be98be',GradientType=0 ); } /* Adjust Tagline Colors for White BG */ .home .pp-headline { color: #671E75; text-shadow: none; } /* Adjust Tagline Underline Color for White BG */ .home .pp-headline-dynamic-wrapper path { stroke: #d04c29; } /* Remove Top Padding on First Module on Hompage */ .home #homepageSlideshow .fl-row-content-wrap { padding-top: 0px; } /* Adjust Logo */ .fl-logo-img { max-height: none; /*float: left;*/ } /* Post Carousels */ /* Hide Paginatin Dots on Mobile in Favor of Arrows - LINE ~5523 */ .pp-posts-wrapper .owl-dots { display: none; } /* Prev & Next Arrow */ .pp-content-post-carousel .owl-theme .owl-nav button svg { width: 40px !important; height: 70px !important; } /* NEXT ARROW */ .pp-content-post-carousel .owl-theme .owl-nav button.owl-next, /* PREV ARROW */ .pp-content-post-carousel .owl-theme .owl-nav button.owl-prev { display: inline-block; } /* NEXT ARROW */ .pp-content-post-carousel .owl-theme .owl-nav button.owl-next svg { padding-right: 0px; } /* PREV ARROW */ .pp-content-post-carousel .owl-theme .owl-nav button.owl-prev svg { padding-left: 0px; } /******************* Mobile Navigation */ /* Nav Items Column */ /* Add Bottom Padding to Menu Items */ .fl-page-nav-col { position: inherit; /*padding-bottom: 10px;*/ width: 75%; } /* Item Padding */ .fl-page-nav .navbar-nav li > a { padding: 10px; font-family: 'hosted_Open_Sans_SemiBOLD'; font-size: 12px; letter-spacing: 0.06em; } /* Center Menu Items */ #menu-main-menu { left: 0; z-index: -1; } /* Donate Button */ .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { /*top: 61px;*/ /* Center Button Better*/ transform: translate(-135%, -50%); } .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a::before, .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a::after { width: 4.95em } /* Gobal Footer */ #globalFooter .fl-row-content-wrap { padding-left: 20px; padding-right: 20px; padding-bottom: 80px; } #globalFooter * { text-align: center !important; } /* To Top Button */ #fl-to-top { bottom: 45px; } } @media (max-width: 855px) { .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a, .menu-item a i, .fl-page-nav-right .fl-page-nav-search a.fa-search { font-size: 12px; } .fl-page-nav-right .fl-page-nav-search a.fa-search { margin-left: 10px; } } @media (max-width: 767px) { .fl-page-content { margin-top: 40px; } /* Adjust Header Padding */ .fl-page-nav-right .fl-page-header-container { padding: 5px 0 0 5px; } .fl-content, .fl-sidebar { margin: 80px 0; } .fl-page-header-logo-col, .fl-page-nav-col { width: auto; } /* Logo Size */ .fl-page-header-primary .fl-logo-img { max-height: 55px !important; } /*.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle { font-size: 32px; top: 25px; color: #ffffff; }*/ .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle * { color: #ffffff; } /* Remove border from Mobile Menu Area */ .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse { border: none; } /* Reverse / Flip order of Nav Items & Serach Icon on Small Size Screens */ .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse { /*position: absolute; width:50px; text-align: left; float: left;*/ -webkit-transform: scaleY(-1); transform: scaleY(-1); } .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse > * { /*width: 50px; height: 50px;*/ position: relative; /*float: left;*/ display: block; -webkit-transform: scaleY(-1); transform: scaleY(-1); } /* END Flip order of Nav Items & Serach Icon on Small Size Screens */ /* Force Scroll Bar on Mobile Menu to Accomadte Any Number of Items */ .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-col/*, .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .navbar*/ { background: #ae95c2; max-height: 450px; overflow-y: scroll; -webkit-box-shadow: inset 0 20px 5px -19px rgba(63,9,93,1); -moz-box-shadow: inset 0 20px 5px -19px rgba(63,9,93,1); box-shadow: inset 0 20px 5px -19px rgba(63,9,93,1); min-height: 0px; border-bottom: inset 2px #671E75; } /* Menu Items */ /* Top Level Menu Items Only */ .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li > a { background-color: #3f095d; } /* END Top Level Menu Items Only */ .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a { -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; box-shadow: 0 0 5px #3f095d; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-radius: 15px; /* margin-top: 15px; */ /* background-color: #3f095d; */ margin: 15px 15px 0 15px; } .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li:first-child > a { margin-top: 0; } .fl-page-nav-right .fl-page-nav-wrap .navbar-nav .fl-mobile-sub-menu-open li > a { -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li > a, /* Menu Item On hover & Focus */ .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li > a:hover, .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li > a:focus, /* Menu Icons */ .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a, .menu-item a i { font-size: 16px; color: #ffffff; } /* Show Icon Arrows After Menu Items that Are Icons if the have a sub-menu */ .fl-submenu-indicator .fl-page-nav ul.navbar-nav > .menu-item.menu-item-has-children a i > a::after { visibility: visible; } /*#menu-item-64 i::before { content: "Contact Us"; font-family: 'hosted_Open_Sans_BOLD'; }*/ /* Search Icon */ .fl-page-nav-right .fl-page-nav-search a.fa-search { color: #3f095d; text-shadow: none; font-size: 22px; margin-left: 10px; margin-right: 25px; float: right; padding: 7px 0 13px 0px; } .fl-page-nav-right .fl-page-nav-search a.fa-search:hover, .fl-page-nav-right .fl-page-nav-search a.fa-search:focus { color: #3f095d; } /* Search Form */ .fl-page-nav-right .fl-page-nav-search { width: 100%; } .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse .fl-page-nav-search { display: block; z-index: 99999; position: relative; top: -45px; right: 0; padding-right: 15px; } /* Search Box */ .fl-page-nav-search form { top: 0; right: 60px; /*max-width: 240px;*/ width: 76%; padding: 0px; /*border-left: 4px solid #F2BF49; */ } /* Current Page Style on Mobile */ ul.navbar-nav > li.current-menu-item > a { border: none; color: #f6bd47 !important; } .fl-page-nav-search form { background-color: transparent; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .fl-page-nav-search form input.fl-search-input, .fl-page-nav-search form input.fl-search-input:focus { height: 35px; color: #0072CE; font-weight: bold; padding: 0 10px 0 10px /*6px 12px 6px 15px*/; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 5px; /*-moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; box-shadow: inset 0 0 3px #000000; */ /* border-right: 1px solid #232e38; */ /* border-bottom: 1px solid #283540; */ /* border-top: none; */ border-left: none; /* border: none; */ /*margin-top: 10px;*/ } /* Sub Menu Container */ .fl-page-nav ul.sub-menu { border-top-left-radius: 0px; border-top-right-radius: 0px; margin-left: 25px; margin-right: 25px; } .fl-page-nav ul.sub-menu li { border-radius: 0px !important; } /* Sub Menu Items */ .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > ul.sub-menu a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > ul.sub-menu a i { color: #470A68; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav ul.sub-menu { background-color: #decbde; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; box-shadow: inset 0 0 3px #000000; } .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav ul.sub-menu li, .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li { border: none; } /* Sub menu "Before" Icons */ .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav ul.sub-menu li a:before { display: none; } /* Remove Wavy BG */ ul.sub-menu::before { display: none; } /* Menu Item Icons */ .fl-submenu-indicator .fl-page-nav ul.navbar-nav > li.menu-item-has-children > a::after { /*font-family: "Font Awesome 5 Pro" !important;*/ content: '\f0dd' !important; font-size: 24px; color: #ffffff; position: relative; top: -10px; right: 15px; } /* Show Icon Arrows After Menu Items that Are Icons */ .fl-submenu-indicator .fl-page-nav ul.navbar-nav > .menu-item.menu-item-has-children a i > a::after { visibility: visible; } /* Center Top Level Menu Items that Are Icons */ .menu-item a i { width: 100%; text-align: center; } /* DO NOT Center Su-Menu Item Icons */ .sub-menu a i { width: auto; text-align: left; } /* Donate Button */ .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child { transition: top 0.5s ease-in-out; position: relative; top: 0; left: 0; transform: none; text-align: center; display: none; } .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a { background-color: #d04c29; text-align: center; max-width: none; } .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a::before, .fl-page-nav-right .fl-page-nav ul.navbar-nav > li:last-child a::after { display: none; } /* Blog Posts */ /* Author Box */ .author_bio_section { float: none; text-align: center; border-right: none; } /* Center Bottom Meta */ .fl-post-meta.fl-post-meta-bottom { float: none; top: 0; } /* Both the Donate Button & the "Hamburger" Icon */ #fixedMobileDonate, #iconMobileMenu { position: relative; } /* Fixed Donate Button on Mobile */ #fixedMobileDonate { top: 11px; margin-right: 30px; background: #d04c29; font-size: 16px; font-family: 'hosted_Open_Sans_ExtraBOLD'; text-transform: uppercase; color: #ffffff; border: none; padding: 5px 15px; border-top-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 25px; } /* Mobile Menu "Hamburger" Icon */ #iconMobileMenu { font-size: 30px; top: 16px; position: relative; left: 0; } /* ALL FORMS ON MOBILE */ /* Blackbaud Forms */ #bbox-root { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .BBFormContainer { /*position: relative; left: 50%; transform: translate(-50%, 0%);*/ width: 95%; } /* Gravity Forms */ .gform_wrapper { margin: 16px 16px 16px 0 !important; } /* Wavy Row Separators on Mobile */ /* Tob & Bottom Waves .uabb-top-row-separator.uabb-has-svg svg, .uabb-bottom-row-separator.uabb-has-svg svg { height: 20px; }*/ /* Top Wave */ .uabb-top-row-separator.uabb-has-svg svg { height: 20px; } /* Bottom Wave */ .uabb-bottom-row-separator.uabb-has-svg svg { height: 30px; } } @media (max-width: 500px) { /* Logo Size */ .fl-page-header-primary .fl-logo-img { max-height: 33px !important; } /* Fixed Donate Button on Mobile */ #fixedMobileDonate { top: 1px; font-size: 12px; /*margin-right: 8px;*/ } /* Mobile Menu "Hamburger" Icon */ #iconMobileMenu { top: 5px; font-size: 22px; /*left: 7px;*/ } } @media (max-width: 320px) { /* Resize Logo */ .fl-page-header-primary .fl-logo-img { max-height: 35px; } /* Reposition Hamburger Icon */ .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle { top: 4px; } /* Fixed Donate Button on Mobile */ #fixedMobileDonate { margin-right: 8px; } /* Mobile Menu "Hamburger" Icon */ #iconMobileMenu { left: 7px; } /* Ensure Emails are centered in authoer bios */ p.author_details a { position: absolute; margin-top: 10px; left: 50%; transform: translate(-50%, -50%); } } /************************** END Mobile Media Queries /**************************/ /*********************** Tweaks /**********************/ /* Fix Spacing a Bowser Window Resize .fl-page { padding-top: 0px !important; }*/ /* REMOVE Left & Right Gutter Space for Full width Row */ .RowGutterless .fl-row-content-wrap { padding-left: 0px !important; padding-right: 0px !important; } /* REMOVE Bottom Spacing Across Pages */ .fl-post { margin-bottom: 0; } /* Ensure row Section Down Arrows Remain on top of other page elements */ .pp-down-arrow-container { z-index: 10; } /* Class for Vertically Aligning Colum Contents .fl-vertical-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }*/ /* Hide AddThis Share Bar on Back-End */ .fl-builder-edit /*.admin-bar*/ .addthis-smartlayers { display: none !important; } /* Always Show Serach Icon */ .fl-page-nav-search { display: inline-block !important; } /* Ensure Page Header is always on top! */ .fl-page-header { position: relative; z-index: 11; } /* Fix WP Admin Bar When Scrolling */ html #wpadminbar { position: fixed; } /*** ADDRESS ALL PAGE TOP PADDING ***/ /* Remove BB Dymanic Top Padding on Page @media (min-width: 991px) { .fl-page { padding-top: 0px !important; } }*/ /* Adjust location of fixed Page Header when Logged in */ @media (max-width: 991px) { .admin-bar .fl-page-header { padding-top: 32px; } } /*@media (min-width: 992px) { .admin-bar .fl-page-header { margin-top: 45px; } }*/