/* Theme Name: GP Developer Child Theme Template: generatepress Theme URI: https://addisonhalldesign.com Author: Addison Hall Author URI: https://addisonhalldesign.com Description: This is a child theme for GeneratePress for use in jumpstarting more customized development. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: gpc Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow */ /* CONTENTS: 1. Defaults 2. Header and Nav 3. Home Page 4. Content 5. Components 6. Widgets 7. Footer 8. Other 9. Animations */ /* ========================================== =! DEFAULTS ------------------------------------------ */ ol, ul { margin-left: 1.25em; } /* ========================================== =! HEADER AND NAV ------------------------------------------ */ /* .gpc .site-header { position: relative; z-index: 10; } .gpc .site-branding-container .site-logo { background-color: white; border-radius: 4px; box-shadow: 0 2px 12px rgba(0,0,0,0.2); margin-bottom: -36px; width: 140px; height: 140px; overflow: hidden; } .gpc .site-branding-container .site-logo .is-logo-image { width: 140px; height: 140px; object-fit: contain; object-position: center; } */ /* .gpc .site-header { background: rgb(234,238,247); background: linear-gradient(90deg, rgba(234,238,247,1) 0%, rgba(193,201,220,1) 100%); } */ .gpc .menu-item-has-children .dropdown-menu-toggle { padding-left: 5px; } @media (max-width: 540px) { .site-branding { display: none; } } /* ========================================== =! HOME PAGE ------------------------------------------ */ /* ========================================== =! CONTENT ------------------------------------------ */ @media (min-width: 1280px) { .gpc .is-right-sidebar { z-index: 10; margin-top: -60px; } } /* ========================================== =! COMPONENTS ------------------------------------------ */ /* --- fixes potential theme css conflict --- */ .acf-map img { max-width: inherit !important; } /* --- responsive embed --- */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* --- breadcrumbs --- */ .breadcrumbs { font-size: 14px; margin-bottom: 10px; } /* --- WP block separator --- */ .gpc .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { height: 3px; margin-left: 0; margin-top: 20px; margin-bottom: 20px; width: 45px; } /* --- section headline --- */ .section-headline { margin-bottom: 0.5rem; } .section-headline a { text-decoration: none; color: var(--hot); font-weight: 600; } /* --- file downloads --- */ .wp-block-file:not(.wp-element-button) { font-size: 1em; } /* --- WP image caption --- */ .gpc .wp-block-image figcaption { font-size: 15px; text-align: unset; color: var(--contrast-tint); } /* ========================================== =! WIDGETS ------------------------------------------ */ /* --- widgets --- */ .gpc aside.widget { border-radius: 3px; /* box-shadow: 0 7px 18px rgba(217, 166, 59, 0.24); */ } /* --- GPC Sub Menu Widget --- */ /* .widget_gpc_sub_menu_widget .dropdown-menu-toggle { display: none; } */ .widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu { margin-left: 1.2em; } .widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu li { list-style: disc; } .widget_gpc_sub_menu_widget .current-menu-item > a { font-weight: bold; } /* --- GPC Sub Menu Shortcode --- */ .gpc-sub-menu { list-style: none; margin: 0; } .gpc-sub-menu .menu-item { margin-bottom: 0.5em; } .gpc-sub-menu .menu-item-has-children .sub-menu { margin-left: 1.2em; } .gpc-sub-menu .menu-item-has-children .sub-menu li { list-style: disc; } .gpc-sub-menu .current-menu-item > a { font-weight: bold; } /* ========================================== =! FOOTER ------------------------------------------ */ /* ========================================== =! OTHER ------------------------------------------ */ /* --- figcaption color --- */ .gpc .wp-block-embed figcaption { color: inherit; } /* ========================================== =! ANIMATION ------------------------------------------ */ /* --- do all the preload stuff --- */ @media (min-width: 768px) { .preload * { -webkit-transition: none !important; transition: none !important; -webkit-animation: none !important; animation: none !important; } .has-js .prep-animation, .has-js .prep-scroll-animation { visibility: hidden; } .has-js .do-animation, .has-js .do-scroll-animation { visibility: visible; } } /* ---------------------------------------------- * Generated by Animista * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ @media (min-width: 768px) { .fade-in-left { -webkit-animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in { -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in-bottom { -webkit-animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in-right { -webkit-animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } } /* --- animation fade-in-left --- */ @-webkit-keyframes fade-in-left { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } /* --- animation fade-in --- */ @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /* --- animation fade-in-bottom --- */ @-webkit-keyframes fade-in-bottom { 0% { -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /* --- animation fade-in-right --- */ @-webkit-keyframes fade-in-right { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } /* --- delay classes --- */ .delay-250 { -webkit-animation-delay: 250ms; animation-delay: 250ms; } .delay-500 { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .delay-750 { -webkit-animation-delay: 750ms; animation-delay: 750ms; } .delay-1000 { -webkit-animation-delay: 1000ms; animation-delay: 1000ms; } .delay-1250 { -webkit-animation-delay: 1250ms; animation-delay: 1250ms; } .delay-1500 { -webkit-animation-delay: 1500ms; animation-delay: 1500ms; }