/* Theme Name: CITC (Bridge child) Description: CITC (Bridge child) is a child theme of Bridge. Template: bridge Version: 1.0.0 Text Domain: citc Author: Mike Hondel Author URI: https://clutchmedia.com/ */ /* ----------------------------------------------- - CUSTOM WEBFONTS - ----------------------------------------------- */ /* font-family: 'Gotham SSm 7r', 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 700; font-family: 'Gotham SSm 5r', 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 500; font-family: 'Gotham SSm 5i', 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 500; font-style: italic; font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 400; font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 300; font-family: 'Gotham SSm 3i', 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 300; font-style: italic; font-family: "Sentinel SSm A", "Sentinel SSm B"; font-style: normal; font-weight: 700; font-family: "Sentinel SSm A", "Sentinel SSm B"; font-style: normal; font-weight: 500; font-family: "Sentinel SSm A", "Sentinel SSm B"; font-style: normal; font-weight: 300; */ /* GOTHAM */ body.page-id-29722 #hero_wrap h2, body.page-id-29722 .campaign_wrap h2 { font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 300; } .tribe-events, .tribe-events-single, body.page-id-29722 .wrapper .content, body.parent-pageid-29722 .wrapper .content, body.page-id-29722 #hero_wrap { font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B' !important; font-style: normal; font-weight: 400; } body.page-id-29722 .other_wrap h3, body.page-id-29722 #validation_wrap h4, body.page-id-29722 .other_wrap h5 { font-family: 'Gotham SSm 5r', 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 500; } body.page-id-29722 #hero_wrap h5 em { font-family: 'Gotham SSm 5i', 'Gotham SSm A', 'Gotham SSm B'; font-style:italic; font-weight: 500; } body.single-tribe_events h1.tribe-events-single-event-title, body.page-id-29722 #hero_wrap h2 strong, body.page-id-29722 #hero_wrap h5 { font-family: 'Gotham SSm 7r', 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 700; } /* CITC colors (from 2009 Branding Standards) Gold: EEAF00 - 238,175,0 Red: CD202C - 205,32,44 Lt. Blue: 00B0CA - 0,176,202 Brown: 4C3327 - 76,51,39 Lt. Neutral: D0D1B4 - Mid Neutral: 9A996E - 154,153,110 Green: A8B400 - 168,180,0 Pale Yellow: DDCD69 - Dk. Blue: 005B82 - 0,91,130 */ /* ----------------------------------------------- WAYS TO GIVE ----------------------------------------------- */ /* general */ body.parent-pageid-29722 .content { margin-top:100px; } /* body.logged-in */ body.parent-pageid-29722 .title h1 { font-size:32px; } body.parent-pageid-29722 .title .separator { display:none; } body.page-id-29722 .wrapper .content { margin-top:168px; } body.page-id-29722.logged-in .wrapper .content { margin-top:200px; } body.page-id-29722 .wrapper .content .elementor-widget-text-editor p { padding-bottom:20px; } body.page-id-29722 .wrapper .content .elementor-widget-text-editor ul { list-style-position: outside; margin-left:10px; padding-left:10px; padding-bottom:20px; } body.page-id-29722 .wrapper .content .elementor-widget-text-editor li { margin-left:10px; padding-left:10px; color:#000; } body.page-id-29722 .wrapper .content a.elementor-button { color: #FFF; background: #AAB425; transition: 300ms all; } body.page-id-29722 .wrapper .content a.elementor-button:hover { opacity:.65; } /* hero banner & QGiv form */ body.page-id-29722 #hero_wrap .left { padding:80px 0; } body.page-id-29722 #hero_wrap .left, body.page-id-29722 #hero_wrap .left .elementor-widget-wrap { width:630px; } body.page-id-29722 #hero_wrap .left .elementor-widget-container { padding-right:0; } body.page-id-29722 #hero_wrap h2 { padding-bottom: 30px; font-size: 36px; line-height: 1.1; color:#FFF; } body.page-id-29722 #hero_wrap h2 strong{ color: #FDB319; } body.page-id-29722 #hero_wrap h5 { padding-bottom: 30px; font-size: 18px; line-height: 1.5; text-transform:none; letter-spacing:0; color:#FFF; } body.page-id-29722 #hero_wrap p { font-size: 15px; color:#FFF; } body.page-id-29722 #hero_wrap .elementor-widget-text-editor { margin-bottom:0; padding: 0 30px; } body.page-id-29722 #hero_wrap .elementor-widget-text-editor a { text-decoration:underline; color:#FFF; } body.page-id-29722 #hero_wrap .elementor-widget-text-editor a:hover { opacity:.65; } body.page-id-29722 #hero_wrap #donate_form { padding:20px 0; } body.page-id-29722 #hero_wrap .qgiv-embed-container iframe { min-height: 900px !important; } /* body.page-id-29722 #hero_wrap .qgiv-embed-container iframe .qg-vendor-form-container { background:rgba(255,255,255,.9); } body.page-id-29722 #hero_wrap .qgiv-embed-container iframe .qg-vendor-button { background:rgba(0,176,202,1); } */ body.page-id-29722 #hero_wrap #link_more_ways_to_give { padding-bottom:40px; } /* Guidestar & Charity Nav */ body.page-id-29722 #validation_wrap { padding-bottom:40px; } body.page-id-29722 #validation_wrap section { width: 60%; margin: -80px auto 0 auto; padding: 10px; background:#FFF; box-shadow: 0 0 5px 5px rgba(0,0,0,.1); } body.page-id-29722 #validation_wrap h4 { text-align:center; } body.page-id-29722 #validation_wrap img { display:block; max-width: 108px; max-height:108px; margin-right: 20px; } /* campaigns - general */ body.page-id-29722 #campaign_intro { padding:40px 0 0 0; } body.page-id-29722 #campaign_intro h2 { font-size:30px; text-align:center; color:rgba(0,0,0,.5); } body.page-id-29722 .campaign_wrap { padding:40px; } body.page-id-29722 .campaign_wrap .right_col.text { padding-left:30px; } body.page-id-29722 .campaign_wrap .left_col.text { padding-right:30px; } body.page-id-29722 .campaign_wrap h3 { padding-bottom:20px; font-size:24px; } /* campaign-specific */ body.page-id-29722 #nyo { background:rgba(0,0,0,.1); } body.page-id-29722 #food_for_families { background:rgba(0,0,0,.2); } /* other ways to give - menu */ body.page-id-29722 .wrapper .content #submenu { padding:30px 0 60px; } body.page-id-29722 .wrapper .content #submenu h4 { padding-bottom:5px; font-size:24px; text-align:center; color:#000; border-bottom:1px solid #DDD; } body.page-id-29722 .wrapper .content #submenu ul { display: flex; list-style: none; margin:0; padding:0; } body.page-id-29722 .wrapper .content #submenu li { display: flex; width: 14%; list-style: none; list-style-type: none; margin:0 5px; padding:0; } body.page-id-29722 .wrapper .content #submenu li a { display: flex; width:100%; padding:15px; font-size:15px; line-height:1.2; color:#FFF; background:rgba(0,176,202,1); border-radius:5px; transition: 300ms all; } body.page-id-29722 .wrapper .content #submenu li a:hover { opacity:.65; } /* other ways to give - sections*/ body.page-id-29722 .other_wrap { } body.page-id-29722 .other_wrap section { padding: 80px 0 30px 0; border-top:1px solid #DDD; } body.page-id-29722 .other_wrap h3 { padding-top:4px; font-size:21px !important; letter-spacing:0; color:rgba(0,176,202,1); } body.page-id-29722 .other_wrap h5 { padding: 0 0 20px; font-size: 17px; color: #000; } body.page-id-29722 .other_wrap .extra_list_space li { padding-bottom:10px; } body.page-id-29722 .other_wrap .right_col { padding:3px 0 0 20px; } body.page-id-29722 .other_wrap .right_col .elementor-widget-text-editor a { text-decoration: underline; } body.page-id-29722 .other_wrap .right_col .elementor-widget-text-editor a:hover { opacity:.65; } body.page-id-29722 .wrapper .content .other_wrap .elementor-widget-button { margin-top: -25px; text-align:right; } body.page-id-29722 .wrapper .content .other_wrap .elementor-widget-button a.elementor-button { padding:0 0 0 10px; font-size:14px; text-decoration:underline; color:#275d7d; background:none; } @media (max-width: 980px) { body.page-id-29722 #validation_wrap section { width: 90%; margin: -20px auto 0 auto; } body.page-id-29722 .wrapper .content #submenu { padding:0; } body.page-id-29722 .wrapper .content #submenu ul { flex-wrap:wrap; } body.page-id-29722 .wrapper .content #submenu li { width:calc(25% - 10px); margin-bottom: 10px; } body.page-id-29722 .other_wrap .elementor-widget-wrap { padding: 0 10px; } body.page-id-29722 .other_wrap section { padding: 20px 0; } } @media (max-width:768px) { body.page-id-29722 #hero_wrap .left p:first-of-type { margin: 0 -20px 20px -20px; padding: 20px; line-height: 22px; background: rgba(0, 0, 0, .3); } body.page-id-29722 #validation_wrap section .elementor-widget-wrap { justify-content: center; } body.page-id-29722 #validation_wrap section .elementor-widget-wrap img { margin:0 10px; } } @media (max-width: 650px) { body.page-id-29722 #hero_wrap .left { width:100%; } body.page-id-29722 #hero_wrap .qgiv-embed-container iframe { min-height: 900px !important; max-width: 100%; } body.page-id-29722 .wrapper .content #submenu li { width:calc(33.3333% - 10px); } } @media (max-width: 480px) { body.page-id-29722 #hero_wrap .left { padding:20px 0; } body.page-id-29722 .wrapper .content #submenu li { width:calc(50% - 10px); } } /* ----------------------------------------------- EVENTS CALENDAR - VERSION 6 ----------------------------------------------- */ /***********************************************/ /* HEADER for List-Views (month, list, day, search) */ body.post-type-archive-tribe_events .tribe-common { margin-top: 96px; } @media (max-width: 1000px) { body.post-type-archive-tribe_events .tribe-common { margin-top: 0; } } body.post-type-archive-tribe_events .tribe-events-header { z-index: 10000; } /* hide uneeded elements */ body.tribe-theme-child-bridge-child-citc .tribe-events-before-html, body.tribe-theme-child-bridge-child-citc .tribe-events-c-events-bar__filter-button-container { display:none; } /* Search Bar */ body.tribe-theme-child-bridge-child-citc .tribe-events .tribe-events-c-events-bar__views { margin-left:50px; margin-right:50px; } body.tribe-theme-child-bridge-child-citc .tribe-events input:-webkit-autofill { -webkit-box-shadow: 0 0 0 0 transparent inset; } @media (max-width: 1000px) { body.tribe-theme-child-bridge-child-citc .tribe-events .tribe-events-c-events-bar__views { margin-left:0; margin-right:0; } } /* Filter Button */ /* body.tribe-theme-child-bridge-child-citc .tribe-filter-bar--horizontal.tribe-filter-bar .tribe-filter-bar__filters-slider-container { left:unset; right:0; top:103px; width:10%; } */ body.tribe-theme-child-bridge-child-citc .tribe-filter-bar .tribe-filter-bar-c-clear-button { margin-right:20px; } body.tribe-theme-child-bridge-child-citc .tribe-filter-bar__form { flex-direction: row-reverse; } body.tribe-theme-child-bridge-child-citc .tribe-filter-bar--horizontal.tribe-filter-bar { position: absolute; right: 0; left: unset; width: 350px; margin-top: -70px; padding-right: 24px; } body.tribe-theme-child-bridge-child-citc .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__container { left:auto; right:0; } body.tribe-theme-child-bridge-child-citc .tribe-filter-bar .tribe-common-c-btn.tribe-events-c-search__button, body.tribe-theme-child-bridge-child-citc .tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill { outline: none; padding:10px 30px 10px 20px; font-style: normal; text-decoration: none; text-shadow: none; color: #111; background-color: #CCC; background-image: none; border-radius:4px; box-shadow: none; } /***********************************************/ /* MONTH View (row/column table) */ body.tribe-theme-child-bridge-child-citc .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day--past { min-height:30px; } body.tribe-theme-child-bridge-child-citc .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day--past time { color:rgba(20,24,39,.2); } body.tribe-theme-child-bridge-child-citc .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day--past time a { color:rgba(20,24,39,.5); } body.tribe-theme-child-bridge-child-citc .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link { color:#CD202C; } body.tribe-theme-child-bridge-child-citc article.tribe-events-calendar-month__calendar-event h3 { padding: 8px 12px; font-size: 14px !important; text-transform:none; letter-spacing:0; line-height: 1.1 !important; } body.tribe-theme-child-bridge-child-citc article.tribe-events-calendar-month__calendar-event h3 a { text-transform: none; } body.tribe-theme-child-bridge-child-citc .tribe-events .tribe-events-calendar-month__calendar-event--featured:before { background-color: #CD202C !important; } /***********************************************/ /* LIST View */ body.tribe-theme-child-bridge-child-citc .tribe-events-calendar-list__month-separator { display:none; } body.tribe-theme-child-bridge-child-citc .tribe-events-calendar-list .tribe-events-calendar-list__event-row { padding-top:20px; border-top:1px solid rgba(0,0,0,.1); } body.tribe-theme-child-bridge-child-citc .tribe-events-calendar-list__event-title-link { display: block; padding: 6px 8px 4px; line-height: 18px; letter-spacing: 0; } body.tribe-theme-child-bridge-child-citc .tribe-events-calendar-list__event-details .tec_series_marker__title { display:none; } body.tribe-theme-child-bridge-child-citc .tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-datetime-wrapper, body.tribe-theme-child-bridge-child-citc .tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-venue, body.tribe-theme-child-bridge-child-citc .tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-description { padding-left:14px; } /***********************************************/ /* SINGLE EVENT View */ body.single-tribe_events #tribe-events-pg-template { margin-top:150px; } @media (max-width: 1000px) { body.single-tribe_events #tribe-events-pg-template { margin-top: 0; } } body.single-tribe_events .tribe-events-back { float:right; } body.single-tribe_events .tribe-events-back a { font-weight:normal; color:rgba(0,94,128,1); } @media (max-width: 768px) { body.single-tribe_events .tribe-events-back { float:none; } } /* title, date... */ body.single-tribe_events span.tribe-events-series-relationship-single-marker__prefix { font-size: 12px; text-transform: uppercase; color: rgba(0,0,0,.5); } body.single-tribe_events a.tribe-events-series-relationship-single-marker__title { display:none; } body.single-tribe_events h1.tribe-events-single-event-title { padding:18px 0; font-size: 36px; border-top: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(0,0,0,.15); } body.single-tribe_events .tribe-events-schedule { margin-top: 6px; } body.single-tribe_events .tribe-events-schedule h2 { margin-top: 0; font-weight:bold; letter-spacing: 0; font-size: 17px; } /* description */ body.single-tribe_events .tribe-events-single-event-description { padding:30px 40px; background:#FFF; } body.single-tribe_events .tribe-events-content h3 { font-size: 24px; } body.single-tribe_events .tribe-events-content ul, body.single-tribe_events .tribe-events-content ol { margin-left:10px; padding-left:10px; } body.single-tribe_events .tribe-events-content ol, body.single-tribe_events .tribe-events-content p, body.single-tribe_events .tribe-events-content ul { font-size:17px; } body.single-tribe_events .tribe-events-back a, body.single-tribe_events .tribe-events-event-meta a { text-decoration:underline; } body.single-tribe_events .tribe-events-back a:hover, body.single-tribe_events .tribe-events-event-meta a:hover { opacity:0.65; } /* meta (details, organization, venue) */ body.single-tribe_events .tribe-events-event-meta { flex-wrap:nowrap; } body.single-tribe_events .tribe-events-event-meta.primary, body.single-tribe_events .tribe-events-event-meta.secondary { width:100%; } body.single-tribe_events .tribe-events-meta-group { flex: 1 0 33.3333%; } body.single-tribe_events .tribe-events-meta-group-organizer, body.single-tribe_events .tribe-events-venue-map { flex: 1 0 66.6667%; } body.single-tribe_events .tribe-events-meta-group .tribe-events-single-section-title { padding-bottom:10px; font-size:24px; } body.single-tribe_events .tribe-events-meta-group dl { line-height:1; } body.single-tribe_events .tribe-events-event-meta dt { clear:left; display:inline-block; margin:0; text-transform: uppercase; font-size: 12px;color:rgba(0,0,0,.5); } body.single-tribe_events .tribe-events-event-meta dd { display:block; padding-bottom:12px; font-size:16px; } body.single-tribe_events .tribe-events-event-meta dd::after{ content: "\a"; white-space: pre; } body.single-tribe_events .tribe-events-meta-group-details .tribe-events-abbr { display:inline-block; } body.single-tribe_events .tribe-events-meta-group-details .tribe-events-abbr.tribe-events-start-date { font-weight:bold; text-decoration:none; } body.single-tribe_events .tec-events-pro-series-meta-detail--label, body.single-tribe_events .tec-events-pro-series-meta-detail--link { display:none; } @media (max-width: 768px) { body.single-tribe_events .tribe-events-event-meta.primary, body.single-tribe_events .tribe-events-event-meta.secondary { display:block; } body.single-tribe_events .tribe-events-meta-group, body.single-tribe_events .tribe-events-meta-group-organizer, body.single-tribe_events .tribe-events-venue-map { flex: none; width:100%; } body.single-tribe_events .tribe-events-meta-group-organizer { padding:20px 0; } } /* Related events */ body.single-tribe_events h2.tribe-events-related-events-title { font-size: 24px; color:rgba(0,0,0,.5); } body.single-tribe_events .tribe-related-events-thumbnail { display:none; } body.single-tribe_events .tribe-events-single ul.tribe-related-events { width:100%; padding-bottom:60px; } body.single-tribe_events .tribe-events-single ul.tribe-related-events li { margin:0; padding:0; background:none; border:none; } body.single-tribe_events .tribe-events-single ul.tribe-related-events li .tribe-related-event-info { width: 100%; } body.single-tribe_events .tribe-related-event-info a.tribe-event-url { display:block; width: calc(100% - 30px); margin-right: 30px; padding-top: 15px; border-top: 1px solid rgba(0,0,0,.1); } body.single-tribe_events .tribe-related-event-info a.tribe-event-url span { color:rgba(0,0,0,.75); } body.single-tribe_events .tribe-events-single ul.tribe-related-events li h3.tribe-related-events-title { margin-bottom:12px; font-size:16px; text-transform:none !important; line-height: 1.1 !important; letter-spacing:0; color:rgba(0,94,128,1); } body.single-tribe_events .tribe-events-single ul.tribe-related-events li a:hover { opacity:.65; } body.single-tribe_events a.tribe-events-calendar-series-archive__link { display:block; margin-top:8px; } body.single-tribe_events #tribe-events-footer { display:none; } /***********************************************/ /* SINGLE VENUE View */ body.single-tribe_venue .tribe-common { margin-top: 72px; } @media (max-width: 1000px) { body.single-tribe_venue .tribe-common { margin-top: 0; } }