/* Theme Name: SystemPress Medic Theme URI: Author: Author URI: Description: Child Theme for use with SystemPress Requires at least: 6.0 Tested up to: 6.4.3 Requires PHP: 5.7 Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Template: systempress Text Domain: systempress-medic Tags: blog, news, portfolio, one-column, wide-blocks, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, sticky-post, style-variations, threaded-comments, translation-ready, */ /* Accent #4CAF51 Primary #BDE5AF Primary Subtle #DBEFDE link-color #004f00 */ .wp-site-blocks { position: relative; margin-top: 4rem; } .block-editor-block-list__block.site-content-bg.wp-block-cover, .site-content-bg { opacity: 1; position: absolute; left: 0; top: -6rem !important; width: 100vw; margin: 0 auto 0 !important; overflow-x: hidden !important; } .site-header { position: fixed; top: 0; left: 0; width: 100vw; transition: 0.5s; z-index: 10; } .admin-bar .site-header { top: 30px; } #innermast { position: sticky; top: 0; margin: 0 auto; width: 100vw; } .block-editor-block-list__block.site-hero-card, .site-hero-card { box-shadow: var(--bs-box-shadow-form-focus); z-index: 5; position: relative; width: 60%; } .offcanvas, .offcanvas-backdrop { margin-top: 0 !important; } /* Services Background */ #services { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>'); background-attachment: fixed !important; background-size: 250px 250px; background-position: right 1rem bottom 0; background-repeat: no-repeat; background-origin: content-box; background-clip: border-box; } @media (min-width:768px) { .block-editor-block-list__block.site-content-bg.wp-block-cover, .site-content-bg { min-height: 580px; } .home .navbar-transparent { background: none !important; box-shadow: none !important; border: none !important; background-image: none !important; } .mobile-banner-img { display: none; } .block-editor-block-list__block.site-hero-card, .site-hero-card { color: var(--wp--preset--color--bs-secondary-color) !important; background-color: rgba(var(--bs-secondary-bg-rgb), .4) !important; } } @media (max-width: 767.98px) { .block-editor-block-list__block.site-content-bg.wp-block-cover, .site-content-bg.wp-block-cover { display: none; } .media-object .wp-block-site-title { font-size: var(--wp--preset--font-size--medium) !important; } .media-object .wp-block-site-tagline { font-size: var(--wp--preset--font-size--small) !important; } .mobile-banner-img { margin-top: .11rem !important; } .block-editor-block-list__block.site-hero-card, .site-hero-card { width: 100%; text-shadow: none !important; margin-top: -2rem !important; } .block-editor-block-list__block.site-hero-card .wp-element-button, .site-hero-card .wp-element-button { font-size: var(--wp--preset--font-size--medium) !important; } #services .svg-object { margin-bottom: 3rem !important; } } @media (max-width: 575.98px) { .media-object .wp-block-site-tagline, .media-object > p { font-size: var(--wp--preset--font-size--x-small) !important; } .media-object .wp-block-site-title { font-size: var(--wp--preset--font-size--small) !important; } .block-editor-block-list__block.site-hero-card .wp-element-button .sphi, .site-hero-card .wp-element-button .sphi { width: 28px !important; } #services { background-attachment: scroll !important; background-size: 200px 200px; background-position: right .11rem top -2rem; } /* .sph-block-media-text .wp-block-media-text__media { display: none !important; } */ } .display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .has-display-1-font-size, .has-display-2-font-size, .has-display-3-font-size, .has-display-4-font-size, .has-display-5-font-size, .has-display-6-font-size { font-weight: lighter; font-style: italic; } .dropdown-toggle::after, .dropup .dropdown-toggle::after, .dropstart .dropdown-toggle::after, .dropend .dropdown-toggle::after { border-width: 4px; } .dropdown-menu { margin-top: 0; } .form-control { transition: box-shadow 0.2s; } .form-control, .form-select:focus, .form-control:focus, .input-group-text, .form-floating>.form-control-plaintext~label, .form-floating>label, .form-control-plaintext, .form-select { border-radius: 0 !important; } .form-control::-webkit-file-upload-button { background-image: var(--bs-gradient) !important; } .form-control::file-selector-button { background-image: var(--bs-gradient) !important; } .form-floating>.form-control:not(:-moz-placeholder-shown)~label::after { background-color: transparent !important; border-radius: 0 !important; } form-floating> :disabled~label::after, .form-floating>.form-control:disabled~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-control-plaintext~label::after, .form-floating>.form-select~label::after { background-color: transparent !important; border-radius: 0 !important; } .form-range::-webkit-slider-thumb { background-image: var(--bs-gradient) !important; } .form-range::-webkit-slider-thumb:active { background-image: var(--bs-gradient) !important; } .form-range::-moz-range-thumb { background-image: var(--bs-gradient) !important; } .form-range::-moz-range-thumb:active { background-image: var(--bs-gradient) !important; } .is-style-outline>.wp-element-button, [class*="btn-outline"]>.wp-element-button, [class*="btn-outline"]:not(.wp-block-button), .wp-element-button, .btn:not(.wp-block-button) { position: relative; text-transform: uppercase; /* border-color: transparent !important; */ transition: color 0.4s, background-color 0.4s, border-color 0.4s, box-shadow 0.4s !important; } .wp-element-button::before, .btn:not(.wp-block-button)::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin-left: 0 !important; pointer-events: none; content: ""; background-position: 50% !important; background-size: 1000% 1000% !important; border: none !important; opacity: 0 !important; transition: background 0.5s, opacity 1s !important; background-image: radial-gradient(circle, currentColor 10%, transparent 10.01%) !important; } .wp-element-button:active::before, .btn:not(.wp-block-button):active::before { background-size: 0 0 !important; opacity: 0.2 !important; transition: none !important; } .wp-element-button.disabled::before, .btn:not(.wp-block-button).disabled::before, .wp-element-button[disabled]::before, .btn:not(.wp-block-button)[disabled]::before { display: none !important; } .nav-tabs .nav-item+.nav-item { margin-left: 0; } .nav-tabs .nav-link, .nav-tabs .nav-link:focus { margin-right: 0; box-shadow: var(--bs-box-shadow-inset) !important; transition: color 0.2s, box-shadow 0.2s !important; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus:hover { background-color: transparent !important; box-shadow: inset 0 -2px 0 var(--bs-box-shadow-form-focus) !important; } .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus { border: none; box-shadow: var(--bs-box-shadow-form-focus) !important; } .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus:hover { border: none !important; } .nav-tabs .nav-link.disabled { box-shadow: var(--bs-box-shadow-inset) !important; } .nav-tabs.nav-justified .nav-link, .nav-tabs.nav-justified .nav-link:hover, .nav-tabs.nav-justified .nav-link:focus, .nav-tabs.nav-justified .nav-link.active, .nav-tabs.nav-justified .nav-link.active:hover, .nav-tabs.nav-justified .nav-link.active:focus { border: none !important; } .navbar.has-bs-primary-background-color input[type=search], .navbar.has-bs-primary-background-color input[type=text], .navbar.has-bs-primary-background-color input[type=password], .navbar.has-bs-primary-background-color input[type=email], .navbar.has-bs-primary-background-color input[type=number], .navbar.has-bs-primary-background-color input[type=tel], .navbar.has-bs-dark-background-color input[type=search], .navbar.has-bs-dark-background-color input[type=text], .navbar.has-bs-dark-background-color input[type=password], .navbar.has-bs-dark-background-color input[type=email], .navbar.has-bs-dark-background-color input[type=number], .navbar.has-bs-dark-background-color input[type=tel], .navbar.bg-dark input[type=search], .navbar.bg-dark input[type=text], .navbar.bg-dark input[type=password], .navbar.bg-dark input[type=email], .navbar.bg-dark input[type=number], .navbar.bg-dark input[type=tel], .navbar.bg-primary input[type=search], .navbar.bg-primary input[type=text], .navbar.bg-primary input[type=password], .navbar.bg-primary input[type=email], .navbar.bg-primary input[type=number], .navbar.bg-primary input[type=tel] { /* color: var(--bs-white) !important; */ box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5) !important; } .navbar.has-bs-primary-background-color input[type=search]:focus, .navbar.has-bs-primary-background-color input[type=text]:focus, .navbar.has-bs-primary-background-color input[type=password]:focus, .navbar.has-bs-primary-background-color input[type=email]:focus, .navbar.has-bs-primary-background-color input[type=number]:focus, .navbar.has-bs-primary-background-color input[type=tel]:focus, .navbar.has-bs-dark-background-color input[type=search]:focus, .navbar.has-bs-dark-background-color input[type=text]:focus, .navbar.has-bs-dark-background-color input[type=password]:focus, .navbar.has-bs-dark-background-color input[type=email]:focus, .navbar.has-bs-dark-background-color input[type=number]:focus, .navbar.has-bs-dark-background-color input[type=tel]:focus, .navbar.bg-dark input[type=search]:focus, .navbar.bg-dark input[type=text]:focus, .navbar.bg-dark input[type=password]:focus, .navbar.bg-dark input[type=email]:focus, .navbar.bg-dark input[type=number]:focus, .navbar.bg-dark input[type=tel]:focus, .navbar.bg-primary input[type=search]:focus, .navbar.bg-primary input[type=text]:focus, .navbar.bg-primary input[type=password]:focus, .navbar.bg-primary input[type=email]:focus, .navbar.bg-primary input[type=number]:focus, .navbar.bg-primary input[type=tel]:focus { box-shadow: inset 0 -2px 0 #fff !important; } .form-check-input:not(:focus) { border: 2px solid var(--bs-dark-bg-subtle) !important; } .form-check-input:focus { box-shadow: var(--bs-box-shadow-button) !important; } .form-switch .form-check-input { position: relative; height: 0.8em; margin-top: 0.29em; background-color: var(--bs-dark-bg-subtle); background-image: none; border: none; } .form-switch .form-check-input:focus { box-shadow: none; } .form-switch .form-check-input::before { position: absolute; top: -0.2em; left: -0.2em; width: 1.2em; height: 1.2em; content: ""; background-color: #fff; border-radius: 50%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); transition: left 0.15s ease-in-out; } .form-switch .form-check-input::after { position: absolute; top: -0.2em; left: -0.2em; z-index: -1; width: 1.2em; height: 1.2em; content: ""; border-radius: 50%; box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.05); transition: left 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transform: scale(0); } .form-switch .form-check-input:hover:not(.disabled)::after, .form-switch .form-check-input:focus:not(.disabled)::after { transform: scale(0.9); } .form-switch .form-check-input:checked::before { left: calc(100% - 0.8em); } .form-switch .form-check-input:checked::after { left: calc(100% - 0.8em); } .form-switch .form-check-input:checked:hover:not(.disabled)::after, .form-switch .form-check-input:checked:focus:not(.disabled)::after { transform: scale(0.9); } .has-danger input:not([type=checkbox]), .has-danger .form-control, .has-danger input.form-control[readonly], .has-danger input[type=text][readonly], .has-danger [type=text].form-control[readonly], .has-danger input:not([type=checkbox]):focus, .has-danger .form-control:focus { border-bottom: none; box-shadow: inset 0 -2px 0 #e51c23; } .has-success input:not([type=checkbox]), .has-success .form-control, .has-success input.form-control[readonly], .has-success input[type=text][readonly], .has-success [type=text].form-control[readonly], .has-success input:not([type=checkbox]):focus, .has-success .form-control:focus { border-bottom: none; box-shadow: inset 0 -2px 0 #4caf50; } .card.border-primary, .card.border-secondary, .card.border-success, .card.border-info, .card.border-warning, .card.border-danger, .card.border-light, .card.border-dark { border-width: 1px; } .modal-content { border-radius: 0.2rem; box-shadow: 0 6px 36px rgba(0, 0, 0, 0.3); } .modal .btn-close, .toast .btn-close, .offcanvas .btn-close { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); }