/*
Theme Name: BrandBag
Theme URI: https://mackman.co.uk
Author: Mackman
Author URI: https://mackman.co.uk
Description: Our BrandBag theme is clean, content-focused, and designed for clarity. BrandBag’s simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Requires at least: 6.0
Tested up to: 6.3
Requires PHP: 5.7
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brandbag
Tags: block-patterns, custom-header, custom-logo, full-site-editing, 
*/

/* USER ROLE ADMIN BAR */

body.client #wpadminbar {
	display: none !important;
}

@media (min-width: 781px) {
	.wp-block-column.sidebar {
		min-height: 97vh;
	}
}
@media (max-width: 781px) {
	#content {
		padding: var(--wp--preset--spacing--60) !important;
	}
}


/* HIDE POST TITLE */

.home .wp-block-post-title {
	display:none;
}


/* HORIZONTAL RULE */
.wp-block-separator {
	border-top: 1px solid #c1c1c1 !important;
	border-bottom:0px !important;
	border-left: none;
	border-right: none;
}
/* STICKY MENU */
.sticky {
	position: -webkit-sticky;
	/* Safari */
	position: sticky;
	top: 0;
}
/* BACK TO TOP */
#back-to-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: var(--wp--preset--color--custom-contrast) !important;
	color: #fff;
	border-radius: 50%;
	padding: 16px 15px;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	cursor: pointer;
}
#back-to-top:hover {
	background-color: var(--wp--preset--color--custom-contrast) !important;
}
/* BRANDBAG LABEL */
.label {
	position:fixed;
	background-color: var(--wp--preset--color--custom-contrast) !important;
	left:-40px;
	color:white !important;
	bottom:80px;
	padding:8px 15px;
	font-size:20px !important;
	transform: rotate(-90deg);
}
/* MENU STYLING */
.wp-block-page-list {
	padding-left:0px;
	width:100%;
}
.wp-block-page-list>li,
.wp-block-navigation__submenu-container>li {
	list-style: none;
	padding-top: 8px !important;
	padding-right: 0px !important;
	padding-bottom: 8px !important;
	padding-left:0px !important;
}
.wp-block-page-list li {
	border: none;
	cursor:pointer;
	position:relative;
}
.wp-block-page-list li a:after {
	/*content:'\003E';*/
	content:'→';
	position:absolute;
	right:0px;
	top:0px;
	transition: 500ms linear all;
	font-size:20px;
	font-weight:100;
	transform: rotate(0deg);
}
.wp-block-page-list li a.open:after {
	transform: rotate(90deg);
	transition: 500ms linear all;
}
.wp-block-page-list li>a {
	font-weight:600;
}
.wp-block-navigation__submenu-container {
	display: none;
	padding-left:0px !important;
}
.wp-block-page-list .wp-block-navigation__submenu-container li a:after {
	content:'';
	display:none;
}
.wp-block-navigation__submenu-container li a {
	font-weight:300;
}
.has-child {
	display: block;
	flex-direction: row;
	justify-content: space-between;
}
.has-child .arrow {
	width: 20px;
	height: 20px;
}
.rotate {
	transform: rotate(180deg);
}
/* Quick Links */
ul.home-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.home-links li {
	padding:0px;
	position:relative;
	margin-right:1rem;
}
ul.home-links li a:before {
	content: '→';
	font-size:20px;
	line-height:0;
	padding-top:13px;
	width:20px;
	color: var(--wp--preset--color--custom-contrast) !important;
	display:block;
	position:absolute;
	left:5px;
}
ul.home-links li a {
	font-size:16px;
	padding:10px 20px 10px 30px;
	margin-bottom:0px;
	display:block;
	border-bottom:1px solid #efefef;
}
ul.home-links li a:hover {
	background-color:#efefef;
	border-bottom:1px solid #efefef;
}

@media (min-width: 781px) {
	.wp-block-column.sidebar {
		min-height: 97vh;
	}
}
@media (max-width: 781px) {
	#content {
		padding: var(--wp--preset--spacing--60) !important;
	}
}


/* HIDE POST TITLE */

.home .wp-block-post-title {
	display:none;
}


/* HORIZONTAL RULE */
.wp-block-separator {
	border-top: 1px solid #c1c1c1 !important;
	border-bottom:0px !important;
	border-left: none;
	border-right: none;
}
/* STICKY MENU */
.sticky {
	position: -webkit-sticky;
	/* Safari */
	position: sticky;
	top: 0;
}
/* BACK TO TOP */
#back-to-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: var(--wp--preset--color--custom-contrast) !important;
	color: #fff;
	border-radius: 50%;
	padding: 16px 15px;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	cursor: pointer;
}
#back-to-top:hover {
	background-color: var(--wp--preset--color--custom-contrast) !important;
}
/* BRANDBAG LABEL */
.label {
	position:fixed;
	background-color: var(--wp--preset--color--custom-contrast) !important;
	left:-40px;
	color:white !important;
	bottom:80px;
	padding:8px 15px;
	font-size:20px !important;
	transform: rotate(-90deg);
}
/* MENU STYLING */
.wp-block-page-list {
	padding-left:0px;
	width:100%;
}
.wp-block-page-list>li,
.wp-block-navigation__submenu-container>li {
	list-style: none;
	padding-top: 8px !important;
	padding-right: 0px !important;
	padding-bottom: 8px !important;
	padding-left:0px !important;
}
.wp-block-page-list li {
	border: none;
	cursor:pointer;
	position:relative;
}
.wp-block-page-list li a:after {
	/*content:'\003E';*/
	content:'→';
	position:absolute;
	right:0px;
	top:0px;
	transition: 500ms linear all;
	font-size:20px;
	font-weight:100;
	transform: rotate(0deg);
}
.wp-block-page-list li a.open:after {
	transform: rotate(90deg);
	transition: 500ms linear all;
}
.wp-block-page-list li>a {
	font-weight:600;
}
.wp-block-navigation__submenu-container {
	display: none;
	padding-left:0px !important;
}
.wp-block-page-list .wp-block-navigation__submenu-container li a:after {
	content:'';
	display:none;
}
.wp-block-navigation__submenu-container li a {
	font-weight:300;
}
.has-child {
	display: block;
	flex-direction: row;
	justify-content: space-between;
}
.has-child .arrow {
	width: 20px;
	height: 20px;
}
.rotate {
	transform: rotate(180deg);
}
/* Quick Links */
ul.home-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.home-links li {
	padding:0px;
	position:relative;
	margin-right:1rem;
}
ul.home-links li a:before {
	content: '→';
	font-size:20px;
	line-height:0;
	padding-top:13px;
	width:20px;
	color: var(--wp--preset--color--custom-contrast) !important;
	display:block;
	position:absolute;
	left:5px;
}
ul.home-links li a {
	font-size:16px;
	padding:10px 20px 10px 30px;
	margin-bottom:0px;
	display:block;
	border-bottom:1px solid #efefef;
}
ul.home-links li a:hover {
	background-color:#efefef;
	border-bottom:1px solid #efefef;
}