/**
 * Theme Name: BRGR
 * Description: A Blocksy Child theme that adds customisation to form the BRGR 2.0 Theme.
 * Author: Creative Themes & University of Dundee Web Team
 * Template: blocksy
 * Text Domain: blocksy
 * Version: 1.0.0
 */

 /** BRGR 2.0 **/

 /* Topbar and Search */
#search-modal form .ct-search-form-controls button {
	border-radius: 0px
}

ul li.menu-item-has-children:hover {
    cursor: pointer;
}

.ct-toggle-dropdown-desktop {
    top: 2px;
    --theme-icon-size: 12px;
}

[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu {
    padding-bottom: 5px;
}

/* Typography */
body, h1, h2, h3, h4, h5, h6, p, label, figcaption, .wp-block-quote, .wp-block-pullquote, .ct-label, .site-title, .entry-meta, .ct-menu-badge, .entry-excerpt, .ct-post-title, .ct-breadcrumbs, .ct-header-text, .ct-product-sku, .ct-product-title, .ct-woo-card-stock, .author-box-bio, .author-box-name, .ct-contact-info, .site-description, .page-description, .mobile-menu a, .menu .ct-menu-link, .comment-reply-title, .ct-footer-copyright, .ct-language-switcher, :where(pre,code,samp,kbd), .onsale, .out-of-stock-badge, [class*=ct-woo-badge-], :is(.entry-summary,[data-products],.ct-trending-block,.ct-added-to-cart-product) .price, .ct-waitlist-message, .woocommerce-tabs .tabs, .woocommerce-tabs .ct-accordion-heading, .woocommerce-result-count, .ct-header-account-dropdown, .ct-module-title:is(p,span), .related-entry-title:is(p,span), .woocommerce-loop-product__title:is(p,span), .woocommerce-loop-category__title:is(p,span), .ct-shortcuts-bar, .ct-widget>*, .ct-dynamic-data-layer, .ct-dynamic-filter, .ct-search-results, .tutor-ratings, .tutor-meta>*, .tutor-course-details-title, .tutor-course-details-actions>a, .ct-language-switcher ul[data-placement] {
	font-family: var(--wp--preset--font-family--baxtersans);
	font-weight: 400;
}

h1 {
	font-family: var(--wp--preset--font-family--baxtersans-bold);
}

h2, h3, p a, .ct-breadcrumbs span {
	font-family: var(--wp--preset--font-family--baxtersans-medium);
}

/* Hero Section */
.hero-section[data-type=type-2] > figure {
	width: 100%;
	margin-left: 0;
	position: relative;
}

/** Blocks Custom Styling **/

/* Alert Banner */
.alert-banner-icon {
	display: flex;
}
.brgr.alert-banner,
.brgr.alert-banner * {
  background-image: none !important;
}
.brgr.alert-banner :where(p.has-background, .wp-block-group.has-background) {
  padding: 0 !important;
}

/* Promo Panel */
.brgr.promo-panel {
	column-gap: 0px;
	row-gap: 0px;
}

/* Highlight colour for the blue variant */
.brgr.promo-panel .has-palette-color-1-background-color h2::selection,
.brgr.promo-panel .has-palette-color-1-background-color p::selection {
  background-color: var(--theme-palette-color-8);
  color: var(--theme-palette-color-1);
}

.wp-block-column > div.split-promo-image {
	height: 100%;
	background-position: center;
	min-height: 300px;
}

/* Information Panel */
.brgr.information-panel {
  background-image: none !important;
}

/* Callout */
.brgr.callout,
.brgr.callout * {
  background-image: none !important;
}
.brgr.callout :where(p.has-background, .wp-block-group.has-background) {
  padding: 0 !important;
}

/* Content Overview */
.brgr.content-overview,
.brgr.content-overview * {
  background-image: none !important;
}

/* Posts grid */

.ct-posts-block .entry-card {
	box-shadow: none;
	border: solid 1px #E2E2E2;
}

/* Misc */
.light-bg {
	background-color: #fff;
}

.dark-bg {
	background-color: #4365e2;
}

.pale-blue-bg {
	background-color: #D1E2F2;
}

.pale-green-bg {
	background-color: #C4EBD0;
}

.pale-yellow-bg {
	background-color: #FFECD2;
}

.pale-red-bg {
	background-color: #F4CEC3;
}

.border {
	border: solid 1px #E2E2E2;
}

.blue-bottom {
	border-bottom: solid 4px var(--theme-palette-color-1);
}

.has-cta-background-color {
  color: white !important;
}

.dark-bg a.wp-block-button__link {
	background-color: #fff;
	color: #3B3B3B;
}

.dark-bg a.wp-block-button__link:hover  {
	color: #4365e2;
}

li.meta-categories a,
li.meta-author a{
	color: var(--theme-palette-color-1);
}


/* Media Queries */
@media (min-width: 690px) {

.hero-section[data-type=type-2] > figure {
	position: absolute;
	width: 45%;
	margin-left: 55%;
	min-height: 450px;
}

.hero-section[data-type=type-2] header.entry-header{
	min-height: 450px;
}

.hero-section[data-type=type-2]:not(:has(figure)) header.entry-header{
	min-height: 0;
}

.hero-section[data-type=type-2] header.entry-header nav.ct-breadcrumbs,
.hero-section[data-type=type-2] header.entry-header h1.page-title,
.hero-section[data-type=type-2] header.entry-header ul.entry-meta {
	max-width: 50%;
	padding-right: 20px;
}

[data-prefix="single_blog_post"] .entry-header .page-title,
[data-prefix="single_page"] .entry-header .page-title,
[data-prefix="single_page"] .entry-header .page-description {
	margin-top: 40px;
}

}

@media (max-width: 1024px) {

.brgr.content-summary,
.brgr.information-panel,
.brgr .promo-content,
.brgr.callout,
.brgr.alert-banner,
.brgr.content-overview {
	padding: 20px !important;
}

}


@media (max-width: 768px) {

:root :where(p.has-background,.wp-block-group.has-background) {
	padding: 16px;
}

}

/* Adjust the left margin for page layout. */
/* Covers the logo, header, main article, and footer */
[class*="ct-container"] {
	/* mobile */
	margin-left: 1rem !important;

	/* tablet */
	@media (min-width: 768px) {
		margin-left: 2.25rem !important;
	}

	/* laptop */
	@media (min-width: 1024px) {
		margin-left: 3.25rem !important;
	}

	/* desktop */
	@media (min-width: 1440px) {
		margin-left: 5rem !important;
	}

	/* large desktop */
	@media (min-width: 2000px) {
		margin-left: 10rem !important;
	}

	> article {
		margin-left: 0 !important;
	}
}