/** * Theme Name: Churchs TX * Author: Exclaim * Template: Divi * Text Domain: churchs-tx * Description: Child theme */ /* Regular weight */ @font-face { font-family: 'TexasChickenCondensed'; src: url('/fonts/TexasChickenCondensed-Regular.woff2') format('woff2'), url('/fonts/TexasChickenCondensed-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } /* Heavy weight */ @font-face { font-family: 'TexasChickenCondensed'; src: url('/fonts/TexasChickenCondensed-Heavy.woff2') format('woff2'), url('/fonts/TexasChickenCondensed-Heavy.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'BikerDiamond'; src: url('/fonts/bikerdiamond-webfont.woff2') format('woff2'), url('/fonts/bikerdiamond-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* Apply TexasChickenCondensed to all base text elements */ body, p, a, li, ul, ol, blockquote, input, textarea, button, label { font-family: 'TexasChickenCondensed', sans-serif; font-size: 18px; color: #000; } /* Apply BikerDiamond only to headers */ h1, h2, h3, h4, h5, h6 { font-family: 'BikerDiamond', serif; } h1 { font-size: 25px; } .wpsl-store-location { padding-left: 20px; padding-right: 20px; min-width: 200px; float: left; } .wpsl-store-location a { color:#9a3324; font-size: 20px; } .wpsl-store-location a:hover { color:#f8b02d; } .wpsl-directions { padding: 7px 15px; background: #2d2926; color: #fff; font-size: 18px; font-family: 'BikerDiamond', serif; border-radius: 8px; margin-top: 8px; } .wpsl-directions:hover{ background: #9a3324; } #wpsl-search-btn{ color: #000; background: #f8b02d; font-size: 13px; font-family: 'BikerDiamond', serif; border-radius: 10px!important; } #wpsl-stores, #wpsl-direction-details { height: 650px!important; overflow-y: auto; } .wpsl-search { margin-bottom: 0px; padding: 5px 5px 0 5px; background: #fff; } .gm-style-iw gm-style-iw-c { min-width: 200px!important; min-height: 284px!important; } /* FROM CLAUDE ********************/ /* WP Store Locator - Mobile Search Bar Fix */ /* WP Store Locator - iPhone Compatible Mobile Search Bar Fix */ /* Tablet and mobile styles */ @media (max-width: 768px) { #wpsl-search-wrap form { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: end !important; -webkit-align-items: flex-end !important; align-items: flex-end !important; -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; gap: 8px !important; width: 100% !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .wpsl-input { -webkit-box-flex: 1 !important; -webkit-flex: 1 !important; flex: 1 !important; -webkit-flex-basis: auto !important; flex-basis: auto !important; min-width: 60% !important; margin: 0 !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .wpsl-input label { display: block !important; margin-bottom: 3px !important; font-size: 18px !important; font-weight: normal !important; } #wpsl-search-input { width: 100% !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; margin: 0 !important; display: block !important; font-size: 16px !important; /* Prevents zoom on iOS */ -webkit-border-radius: 4px !important; padding: 8px 10px !important; -webkit-appearance: none !important; appearance: none !important; border-radius: 4px !important; } .wpsl-search-btn-wrap { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 auto !important; flex: 0 0 auto !important; -webkit-flex-basis: auto !important; flex-basis: auto !important; max-width: 35% !important; margin: 0 !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #wpsl-search-btn { cursor: pointer !important; white-space: nowrap !important; height: auto !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; display: block !important; width: 100% !important; padding: 8px 12px !important; min-width: 50px !important; -webkit-border-radius: 4px !important; font-size: 15px !important; min-height: 44px !important; -webkit-appearance: none !important; appearance: none !important; border-radius: 4px !important; } } /* Small mobile screens */ @media (max-width: 480px) { #wpsl-search-wrap form { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: end !important; -webkit-align-items: flex-end !important; align-items: flex-end !important; -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; gap: 6px !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; width: 100% !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .wpsl-input { -webkit-box-flex: 1 !important; -webkit-flex: 1 !important; flex: 1 !important; min-width: 65% !important; margin: 0 !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .wpsl-input label { display: block !important; font-size: 18px !important; margin-bottom: 2px !important; font-weight: normal !important; } #wpsl-search-input { width: 100% !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; margin: 0 !important; display: block !important; padding: 8px !important; font-size: 16px !important; -webkit-appearance: none !important; appearance: none !important; border-radius: 4px !important; } .wpsl-search-btn-wrap { -webkit-box-flex: 0 !important; -webkit-flex: 0 0 auto !important; flex: 0 0 auto !important; max-width: 30% !important; margin: 0 !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #wpsl-search-btn { cursor: pointer !important; white-space: nowrap !important; height: auto !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; display: block !important; width: 100% !important; padding: 8px 6px !important; font-size: 14px !important; min-width: 44px !important; margin-bottom: 0 !important; min-height: 40px !important; -webkit-appearance: none !important; appearance: none !important; border-radius: 4px !important; } } /* Autocomplete container */ @media (max-width: 480px) { .wpsl-autocomplete-search-container { position: relative !important; min-width: 230px !important; width: calc(100% - 20px) !important; } } /* iOS Safari specific fixes */ @supports (-webkit-touch-callout: none) { #wpsl-search-input { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; } #wpsl-search-btn { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; } } /* High DPI screen optimizations */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #wpsl-search-input, #wpsl-search-btn { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } }