/* 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 ------------------------------------------ */ /* ========================================== =! HEADER AND NAV ------------------------------------------ */ .main-navigation, .main-navigation ul ul{ background-color: #fff !important; } .main-navigation { /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-bottom: 4px;*/ border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .main-navigation ul ul li:hover{ background-color: #3B1662 !important; color: #fff !important; } .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a{ background-color: #3B1662 !important; color: #fff !important; } /* ========================================== =! HOME PAGE ------------------------------------------ */ /* ========================================== =! CONTENT ------------------------------------------ */ .tour-booking-form { background-color: #FBF5FF; padding: 20px; border-radius: 8px; min-height: 400px !important; } .quantity-control input { width: 70px !important; text-align: center; border: none !important; border-radius: 8px !important; margin: 0 5px !important; background-color: transparent !important; color: #130F11 ! IMPORTANT; font-weight: 600; padding: 5px !important; } /* ========================================== =! 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; } /* ========================================== =! WIDGETS ------------------------------------------ */ /* --- 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; } /* ========================================== =! FOOTER ------------------------------------------ */ /* ========================================== =! OTHER ------------------------------------------ */ /* ========================================== =! 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; }