/* Theme Name: Beau Whately 2025 Theme URI: https://beau.whately.com.au/ Author: Beau Whately Author URI: https://beau.whately.com.au/ Description: Version: 22.0 License: © Copyright 2007-2025 Beau Whately License URI: https://beau.whately.com.au/terms/ Text Domain: beauwhately Tags: */ /* Global Styles */ * { padding:0px; margin:0px; box-sizing:border-box; font-display:swap; } .page-body { width:100%; height:100%; color:#222; background-color:#FFF; font-size:16px; } .clear { clear:both; } .slink { display:none !important; } .tal { text-align:left; } .tac { text-align:center; } .tar { text-align:right; } .spacer50 { height:50px; } .divider { border-top:2px solid #07C; width:20%; margin:0px auto; } .mw800 { max-width:800px; margin-left:auto; margin-right:auto; } h1 { font: 52px/1.1 } h2 { font: 42px/1.1 } h3 { font: 32px/1.1 } h4 { font: 25px/1.1 } h5 { font: 20px/1.1 } h6 { font: 18px/1.1 } h1, h2, h3, h4, h5, h6 { color: #443f3f; font-weight: 400 !important; margin: 10px 0 24px; } p { margin-bottom:20px; line-height:28px; } a { color:#07C; } a:hover { color:#09F; } @media screen and (min-width:980px) { /* DESKTOP SIZE */ .monly { display:none; } } @media screen and (max-width:979px) { /* MOBILE SIZE */ .donly { display:none; } } /* Header */ header { width:100%; position:absolute; text-align:center; /*background:linear-gradient(transparent 0, rgba(0,0,0,0.1) 35%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.1) 65%, transparent);*/ background-color:#222; z-index:99; background-blend-mode:darken; } #logo-wrapper { width:390px; left:0; right:0; margin:0px auto; position:absolute; z-index:102; top:75px; } #logo-wrapper a { display:block; padding:20px; transition:0.2s; } #logo-wrapper a:hover { } /* Primary Navigation */ #primary-nav { position:absolute; width:100%; z-index:101; height:50px; top:100px; margin-left:20px; } #primary-nav ul { } #primary-nav ul li { display:inline-block; } #primary-nav ul li:nth-child(3) { margin-right:200px; } #primary-nav ul li:nth-child(4) { margin-left:200px; } #primary-nav ul li a { padding:10px 20px; display:block; font-size:20px; text-decoration: none; text-transform: uppercase; color:#FFF; transition:0.2s; } #primary-nav ul li a:hover { background-color:rgba(255,255,255,0.5); color:#07C; } /* Secondary Navigation */ /* Social Navigation */ #social-nav { width:100%; text-align:center; } #social-nav ul { display:table; list-style:none !important; padding:15px 20px; text-align:center; width:auto; margin:0px auto; } #social-nav ul > li { display:table-cell; } #social-nav ul > li > a { color:#FFF; text-decoration:none; padding:5px 10px; cursor:pointer; font-size:26px; display:block; width:50px; text-align:center; } #social-nav ul > li > a:hover { color:#09F; font-weight:400; } #social-nav a[href*="twitter.com"]::before { content: '\f099'; } #social-nav a[href*="facebook.com"]::before { content: '\f39e'; } #social-nav a[href*="plus.google.com"]::before { content: '\f0d5'; } #social-nav a[href*="google.com/+"]::before { content: '\f0d5'; } #social-nav a[href*="dribbble.com"]::before { content: '\f17d'; } #social-nav a[href*="pinterest.com"]::before { content: '\f231'; } #social-nav a[href*="youtube.com"]::before { content: '\f167'; } #social-nav a[href*="flickr.com"]::before { content: '\f16e'; } #social-nav a[href*="vimeo.com"]::before { content: '\f194'; } #social-nav a[href*="instagram.com"]::before { content: '\f16d'; } #social-nav a[href*="linkedin.com"]::before { content: '\f0e1'; } #social-nav a[href*="foursquare.com"]::before { content: '\f180'; } #social-nav a[href*="tumblr.com"]::before { content: '\f173'; } #social-nav a[href*="behance.net"]::before { content: '\f1b4'; } #social-nav a[href*="deviantart.com"]::before { content: '\f1bd'; } #social-nav a[href*="soundcloud.com"]::before { content: '\f1be'; } #social-nav a[href*="spotify.com"]::before { content: '\f1bc'; } #social-nav a[href*="weibo.com"]::before { content: '\f18a'; } #social-nav a[href*="xing.com"]::before { content: '\f168'; } #social-nav a[href*="trello.com"]::before { content: '\f181'; } #social-nav a[href*="tiktok.com"]::before { content: '\e07b'; } #social-nav a[href*="m.me/"]::before { content: '\f39f'; } #social-nav a[href*="imdb.com"]::before { content: '\f2d8'; } #social-nav a { font-family: 'Font Awesome 5 Brands' !important; } @media screen and (min-width:980px) { #social-nav ul > li > a { font-size:22px; } } /* Page Content */ main { padding-top:0px; } /* Archive & Category Styles */ /* WooCommerce Styles */ /* Footer */ footer { min-height:20px; background-color:#222; padding:20px; } footer * { font-family:'Open Sans', sans-serif; } #footer-copyright { font-size:16px; color:#999; text-align:center; padding:10px; } .footer-logo { width:70px; margin:0px auto 20px auto; } .footer-logo a { display:block; padding:10px; } .footer-logo a:hover { background-color:rgba(255,255,255,0.1); } .footer-logo img { width:100%; opacity:0.5; } @media screen and (min-width:980px) { /* DESKTOP SIZE */ #footer-copyright { font-size:12px; } } /* Footer Navigation */ #footer-nav { margin:20px auto 10px auto; } #footer-nav ul { list-style:none; text-align:center; } #footer-nav ul li { display:block; text-align:center; padding-bottom:10px; } #footer-nav ul li a { display:block; text-decoration:none; color:#DDD; font-weight:500; font-size:20px; padding:7px 20px; } #footer-nav ul li a:hover { color:#09F; } #footer-nav ul li ul { } #footer-nav ul li ul li { display:block; padding-bottom:0px; } #footer-nav ul li ul li a { font-weight:300; font-size:18px; } #footer-nav ul li ul li a:hover { } #footer-nav ul .menu-item-has-children { cursor:pointer; } #footer-nav ul .menu-item-has-children > ul { transition:1s; max-height:1px; overflow:hidden; } #footer-nav ul .menu-item-has-children > a { pointer-events:none; } #footer-nav ul .menu-item-has-children > a::after { font-family: 'Font Awesome 5 Free'; content:'\f107'; padding-left:8px; color:#FFF; font-weight:600; } #footer-nav ul .menu-item-has-children:hover > a::after { color:#07C; } #footer-nav ul .menu-item-toggle > ul { display:block; transition:1s; max-height:350px; cursor:auto; } #footer-nav ul .menu-item-toggle > a::after { content:'\f106' !important; } @media screen and (min-width:980px) { /* DESKTOP SIZE */ #footer-nav ul li { display:inline-block; vertical-align:top; min-width:120px; } #footer-nav ul li a { font-size:16px; padding:5px 20px; } #footer-nav ul li ul { list-style:none; display:block; } #footer-nav ul li ul li a { font-size:12px; } #footer-nav ul .menu-item-has-children > ul { max-height:300px; } #footer-nav ul .menu-item-has-children > a::after { content:''; padding-left:0px; } #footer-nav ul .menu-item-toggle > a::after { content:'' !important; padding-left:0px; } }