/* Theme Name: McCrudden Golf Holding Page Template: generatepress Theme URI: https://jakewoods.io Author: Jake Woods Author URI: https://jakewoods.io Description: A child theme for the McCrudden Golf holding page Version: 0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: gpc */ /* * CONTENTS: * 1 GLOBALS & DEFAULTS ---------------- * 1.1 - Custom Properties * 1.2 - Overrides & Global Styles * 1.2.1 - - Overrides * 1.2.2 - - Global Styles * 1.3 - Typography * 1.3.1 - - Main Typography * 1.3.2 - - Typography Helper Classes * 1.4 - Helper Classes * 1.5 - Sections & Container * 1.5.1 - - Sections * 1.5.2 - - Grids * 1.5.3 - - Containers * 2 HEADER & NAVIGATION --------------- * 2.1 - Mobile Header * 2.2 - Desktop Header * 2.3 - Mobile Header Navigation * 2.4 - Desktop Header Navigation * 3 FOOTER ---------------------------- * 4 COMPONENTS ------------------------ * 4.1 - Links & Buttons * 4.1.1 - - Links * 4.1.2 - - Buttons * 4.2 - Forms * 5 TEMPLATE PARTS & PARTIALS ---------- * 5.1 - Template Parts * 5.2 - Partials * 5.3 - Shortcodes * 5.4 - GB Elements (Block Builder) * 5.5 - Reusable Blocks (Block Builder) * 6 PAGE TEMPLATES -------------------- * 6.1 - 404 Page * 7 WIDGETS --------------------------- * 8 SIDEBARS --------------------------- * 9 PLUGINS --------------------------- * 9.1 - Cookieyes - Cookies Consent * 10 PAGE SPECIFIC STYLES / OVERRIDES -- * 11 ANIMATIONS ------------------------ * 12 OTHER ----------------------------- */ /* * =========================================== * * 1 - GLOBALS & DEFAULTS * =========================================== * */ /* * NOTE: Colours set in theme customiser * Base --base #FBFBFB * Base 2 --base-2 #f4f4f5 * Base 3 --base-3 #edf2ff * Contrast --contrast #1F202E * Contrast 2 --contrast-2 #38383c * Contrast 3 --contrast-3 #38383c * Accent --accent #1556ff * Light Accent --light-accent #3c72ff * Dark Accent --dark-accent #0042ed * Accent 2 --accent-2 #88ADDD * Accent 3 --accent-3 #686A9A * Success --color-success #3f9582 * Warning --color-warning #bc854a * Danger --color-danger #f44336 */ /* ------------------------------------------- * 1.1 - - Custom Properties * ---------------------------------------- */ :root { --heading-font: ; --heading-font-weight: ; --heading-font-line-height: ; --heading-font-letter-spacing: ; --body-font: ; --body-font-weight: ; --body-font-line-height: ; --body-font-letter-spacing: ; --section-side-padding: 1rem; --section-vertical-padding: 4rem; --section-main-width: 1280px; } @media(min-width: 768px) { :root { --section-side-padding: 1.5rem; --section-vertical-padding: 6rem; } } @media(min-width: 1024px) { :root { --section-side-padding: 2rem; --section-vertical-padding: 8rem; } } /* ------------------------------------------- * 1.2 - - Overrides & Global Styles * ---------------------------------------- */ /* 1.2.1 - - - Overrides * ---------------------------------------- */ /* Removes strange whitespace at top of Blog Single Posts */ body.single main#main { margin-top: -2rem; } /* Forces content to be 100% wide */ #page.grid-container { max-width: 100%; padding: 0; } /* Removes default theme styling */ .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header { background-color: transparent; } /* Removes Site content padding on devices <768px */ @media (max-width: 768px) { #content { padding: 0; } } /* --- 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; } /* 1.2.2 - - - Global Styles * ---------------------------------------- */ /* ------------------------------------------- * 1.3 - - Typography * ---------------------------------------- */ /* 1.3.1 - - - Main Typography * ---------------------------------------- */ @font-face { font-family: 'Satoshi'; src: url('assets/fonts/Satoshi-Light.woff2') format('woff2'), url('assets/fonts/Satoshi-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Satoshi'; src: url('assets/fonts/Satoshi-Regular.woff2') format('woff2'), url('assets/fonts/Satoshi-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Satoshi'; src: url('assets/fonts/Satoshi-Medium.woff2') format('woff2'), url('assets/fonts/Satoshi-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Satoshi'; src: url('assets/fonts/Satoshi-Bold.woff2') format('woff2'), url('assets/fonts/Satoshi-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Satoshi'; src: url('assets/fonts/Satoshi-Black.woff2') format('woff2'), url('assets/fonts/Satoshi-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } p:last-child { margin-bottom: 0; } /* * 1.3.2 - - - Typography Classes * Used to apply the styling of various * typographical elements to other type * elements. * ---------------------------------------- */ .h1 { } .h2 { } .h3 { } .h4 { } .h5 { } .h6 { } .p { } .smaller-p { font-size: 0.85rem; } .bigger-p { font-size: 1.2rem; } @media(min-width:768px) { .h1 { } .h2 { } .h3 { } .h4 { } .h5 { } } /* ------------------------------------------- * 1.4 - - Helper Classes * ---------------------------------------- */ /* Used to remove elements visually while preserving them in the DOM for SEO */ .hide-me { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } /* ------------------------------------------- * 1.5 - - Sections & Containers * ---------------------------------------- */ /* 1.5.1 - - - Sections * ---------------------------------------- */ /* Main Section */ section.gb-container-main > .gb-inside-container { padding: var(--section-vertical-padding) var(--section-side-padding); } /* 1.5.2 - - - Grids * ---------------------------------------- */ .gb-grid-wrapper-main .gb-grid-column-main-grid-container { margin-bottom: var(--section-vertical-padding); } .gb-grid-wrapper-main .gb-grid-column-main-grid-container:last-child { margin-bottom: 0; } /* 1.5.3 - - - Containers * ---------------------------------------- */ /* * =========================================== * * 2 - HEADER & NAVIGATION * =========================================== * */ .site-header { padding: calc( var(--section-side-padding) / 2 ) var(--section-side-padding); } /* ------------------------------------------- * 2.1 - - Header * ---------------------------------------- */ /* 2.1.1 - - - Mobile Header * ---------------------------------------- */ /* 2.1.2 - - - Desktop Header * ---------------------------------------- */ /* ------------------------------------------- * 2.2 - - Navigation * ---------------------------------------- */ /* 2.2.1 - - - Mobile Navigation * ---------------------------------------- */ /* 2.1.2 - - - Desktop Navigation * ---------------------------------------- */ #primary-menu .menu li.current-menu-item a { font-weight: 500; } /* * =========================================== * * 3 - FOOTER * =========================================== * */ /* * =========================================== * * 4 - COMPONENTS * =========================================== * */ /* ------------------------------------------- * 4.1 - - Links & Buttons * ---------------------------------------- */ /* 4.1.1 - - - Links * ---------------------------------------- */ a, p a, .inside-article a, .paging-navigation a, .comments-area a, .page-header a { } a:hover, p a:hover, .inside-article a:hover, .paging-navigation a:hover, .comments-area a:hover, .page-header a:hover { } /* 4.1.2 - - - Buttons * ---------------------------------------- */ a.gb-button { padding: 1rem 2rem; } a.gb-button:first-child { margin-top: 0; } a.gb-button.gb-button-tertiary { padding: 1rem 0; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; } a.gb-button.gb-button-tertiary:hover { text-decoration: underline; text-underline-offset: 0.2rem; text-decoration-thickness: 2px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; } @media (min-width: 768px) { a.gb-button:last-child { margin-right: 0; } } /* ------------------------------------------- * 4.2 - - Forms * ---------------------------------------- */ /* 4.2.1 - - - Textareas & Textboxes * ---------------------------------------- */ .fluentform .ff-el-form-control { } /* 4.2.2 - - - Radios, Checkboxes & Multis * ---------------------------------------- */ /* 4.2.3 - - - Submit buttons * ---------------------------------------- */ /* * =========================================== * * 5 - TEMPLATE PARTS & PARTIALS * =========================================== * */ /* ------------------------------------------- * 5.1 - - Template Parts * ---------------------------------------- */ /* ------------------------------------------- * 5.2 - - Partials * ---------------------------------------- */ /* ------------------------------------------- * 5.3 - - Shortcodes * ---------------------------------------- */ /* ------------------------------------------- * 5.4 - - GB Elements & Blocks This is content that is built with the block editor. Usually GB or Getwid. * ---------------------------------------- */ /* ------------------------------------------- * 5.3 - - Reusable Blocks Block-built Elements are usually found in the section before, but there may be rare instances where I have built a reusable block with a shortcode You will find the styles for these here. * ---------------------------------------- */ /* * =========================================== * * 6 - PAGE TEMPLATES These are styles for specific Page templates. * =========================================== * */ /* ------------------------------------------- * 6.1 - - 404 Page * ---------------------------------------- */ /* * =========================================== * * 7 - WIDGETS * =========================================== * */ /* * =========================================== * * 8 - SIDEBARS * =========================================== * */ /* * =========================================== * * 9 - PLUGINS * =========================================== * */ /* ------------------------------------------- * 9.1 - - Cookieyes - Cookie Consent * ---------------------------------------- */ #cookie-law-info-bar { background-color: var(--contrast); } #cookie-law-info-bar h5 { color: var(--base-3); font-size: 1.618rem!important; font-weight: bold; } #cookie-law-info-bar .cli-bar-message { color: var(--base-2); font-size: 1rem; } #cookie-law-info-bar .cli-bar-btn_container a { background-color: var(--contrast)!important; border: 2px solid var(--base-3); color: var(--base-3)!important; font-size: 1rem; margin-right: .5rem; padding: 0.75rem 1rem; } #cookie-law-info-bar .cli-bar-btn_container a#wt-cli-accept-all-btn { background-color: var(--accent)!important; border-color: var(--accent); font-weight: bold; } /* * =========================================== * * 10 - PAGE SPECIFIC STYLES Sometimes you may need to override certain styles on a particular page - this is where to do that. * =========================================== * */ /* * =========================================== * * 11 - ANIMATIONS * =========================================== * */ /* --- 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 { animation: fade-in-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; -webkit-animation: fade-in-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in { animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; -webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in-bottom { animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in-right { animation: fade-in-right 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; -webkit-animation: fade-in-right 0.5s 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; -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } } @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; } /* * =========================================== * * 12 - OTHER * =========================================== * */