/*
Theme Name: tony-greenstein2024
Theme URI: https://scip.org.uk
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/****** typography ******/

/* smoother body font */

:root {

/* text size scale */
--text-xs:clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
--text-s:clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
--text-m:clamp(1rem, 0.21vw + 0.96rem, 1.13rem);
--text-l:clamp(1.13rem, 0.37vw + 1.05rem, 1.35rem);
--text-xl:clamp(1.27rem, 0.59vw + 1.15rem, 1.62rem);

/* heading size scale */
--h6: clamp(1.13rem, 0.22vw + 1.08rem, 1.25rem);
--h5: clamp(1.35rem, 0.37vw + 1.27rem, 1.56rem);
--h4: clamp(1.62rem, 0.58vw + 1.49rem, 1.95rem);
--h3: clamp(1.94rem, 0.87vw + 1.75rem, 2.44rem);
--h2: clamp(2.33rem, 1.25vw + 2.05rem, 3.05rem);
--h1: clamp(2.8rem, 1.77vw + 2.4rem, 3.81rem);
--h-title: clamp(3.36rem, 2.45vw + 2.81rem, 4.77rem);
}

html {
	font-size: 100%;
}

/* text size utility classes */
.text-xl {
    font-size: var(--text-xl);
    line-height: 1.4;
}
.text-l {
    font-size: var(--text-l);
    line-height: 1.5;
}
.menu-item-links, body, .text-m{
    font-size: var(--text-m);
    line-height: 1.5;
}
.text-s {
    font-size: var(--text-s);
    line-height: 1.6;
}
.text-xs {
    font-size: var(--text-xs);
    line-height: 1.7;
}

/* heading size utility classes */

.h-title {
    font-size: var(--h-title);
    line-height: 1.05;
}
h1, .h1 {
    font-size: var(--h1);
    line-height: 1.1;
}
h2, .h2 {
    font-size: var(--h2);
    line-height: 1.2;
}
h3, .h3 {
    font-size: var(--h3);
    line-height: 1.3;
}
h4, .h4 {
    font-size: var(--h4);
    line-height: 1.4;
}
h5, .h5 {
    font-size: var(--h5);
    line-height: 1.5;
}
h6, .h6 {
    font-size: var(--h6);
    line-height: 1.6;
}

.fl-module-content p > a, .list-links li > a, .fl-module-content h6 > a, .uabb-gf-style .gform_body a, .fl-callout-content .fl-callout-text a {
	text-decoration: underline !important;
	display: inline-block;
}

p {
	margin: 0 0 1.5rem;
}

.fl-rich-text a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
}

/****** elements ******/

.tony-drop-shadow {
	filter: drop-shadow(3px 3px 0px var(--fl-global-tony-black));
}

.tony-drop-shadow-purple-bk h3 a, .tony-drop-shadow-dark-purple-bk h3 a {
	display: block;
	position: relative;
	padding: .75rem 1rem;
	border-bottom: 2px solid var(--fl-global-tony-black);
}

.tony-drop-shadow-purple-bk h3 a {
	background: var(--fl-global-tony-purple);
}

.tony-drop-shadow-dark-purple-bk h3 a {
	background: var(--fl-global-tony-dark-purple);
}

.tony-meta p {
	display: block;
	background: var(--fl-global-tony-grey-lightest);
	padding: .5rem 1rem;
}

.tony-white-bk {
	display: block;
	background: var(--fl-global-tony-white);
}


/*** buttons ***/

button, input[type="button"], input[type="submit"] {
	width: 100%;
	font-size: var(--h4);
	font-family: anton, sans-serif;
	background: var(--fl-global-tony-blue);
	border-radius: 0;
	border-type: solid;
	border-width: 0 0 2px 0;
	border-color: var(--fl-global-tony-black);
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 1rem 2rem !important;
}


button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background: var(--fl-global-tony-dark-blue);
		-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

button.facetwp-reset, button.facetwp-flyout-open, button {
	width: 100%;
	font-size: var(--h4);
	font-family: anton, sans-serif;
	background: var(--fl-global-tony-blue);
	border-radius: 0;
	border-type: solid;
	border-width: 0 0 2px 0;
	border-color: var(--fl-global-tony-black);
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: .25rem 1rem;
}


button.facetwp-reset:hover, button.facetwp-flyout-open:hover {
	background: var(--fl-global-tony-dark-blue);
		-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}



/****** header ******/

/*** main menu ***/

/* donate button */

.donate-menu-item {
	background: var(--fl-global-tony-blue);
}

.donate-menu-item:hover {
	background: var(--fl-global-tony-dark-blue) !important;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/* hover colours ignoring donate button */
.pp-advanced-menu .menu li:not(.donate-menu-item) a:hover, .pp-advanced-menu .menu li:not(.donate-menu-item) a:focus {
	border-color: var(--fl-global-tony-black);
	background: var(--fl-global-tony-dark-purple);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}


/****** posts archive view ******/

/* pagination */

.pp-content-grid-pagination li span.page-numbers, .pp-content-grid-pagination li a.page-numbers {
	font-family: anton, sans-serif;
	letter-spacing: 1px;
	font-size: var(--h6) !important;
}
.pp-content-grid-pagination li span.page-numbers.dots {
	background: transparent;
	color: var(--fl-global-tony-blue);
	border-bottom: none !important;
	font-size: 2rem !important;
	padding: 0;
}

/*** facetwp ***/

h4.facetwp-facet-title, .flyout-row h3 {
	font-family: anton, sans-serif;
	display: block;
	padding: .5rem 1.5rem .25rem 1rem;
	font-size: var(--h4);
	text-transform: uppercase;
	letter-spacing: 1px;
	background: var(--fl-global-tony-dark-purple);
	color: var(--fl-global-tony-white);
	margin-bottom: 8px !important;
	border-bottom: 2px solid var(--fl-global-tony-black);
}

h4.fl-heading .fl-heading-text:hover, .fl-builder-content a.fl-button:hover {
	text-decoration: underline;
}

.facetwp-icon {
	right: 4px !important;
	opacity: .75 !important;
}

/* search box */

.facetwp-facet  input.facetwp-search {
	margin: 0;
	padding: 12px 30px 12px 12px;
	min-width: 310px !important;
	border: solid 3px var(--fl-global-tony-purple);
}

.facetwp-facet  input.facetwp-search:focus {	
	border-color: var(--fl-global-tony-blue);
}


/* dropdowns etc. */

.facetwp-dropdown {
	margin: 0;
	padding: 8px 12px;
	width: 100% !important;
}


button.facetwp-reset, button.facetwp-flyout-open{
	width: 100%;
	font-size: var(--h4);
	font-family: anton, sans-serif;
	background: var(--fl-global-tony-blue);
	border-radius: 0;
	border-type: solid;
	border-width: 0 0 2px 0;
	border-color: var(--fl-global-tony-black);
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: .25rem 1rem;
}


button.facetwp-reset:hover, button.facetwp-flyout-open:hover {
	background: var(--fl-global-tony-dark-blue);
		-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}


/****** posts singular ******/

/* highlighting text as images */

.wp-block-image img {
	border: solid 2px var(--fl-global-tony-purple);
	margin: 1.5rem 0;
}

/* post views */

div.post-views.content-post.entry-meta, .tony-meta-singular p {
	display: inline-block !important;
	padding-top: .5rem;
	line-height: 0;
}


/****** mobile - mostly facet flyout ******/

.facetwp-flyout {
	width: 100% !important;
}

.facetwp-flyout-content {
	background: var(--fl-global-tony-purple) !important;
}