/**
Theme Name: 			WA-Al-Anon (Zoom Lite)
Template:				zoom-lite
Description:			A child theme of Zoom Lite. This child theme provides support for overlay theming of its parent theme (Zoom Lite) as well as providing a simple and consistent location for including override and otherwise customization styling for used plugins and custom CSS classes.
Version:				1.0.0
Author:					Tom K
License:				GNU General Public License v2.0 or later
License URI:			https://www.gnu.org/licenses/gpl-2.0.html
 */

#tsml, #tsml-ui {
	width:100%;
}

html {
	font-size: 100%;
}


.wp-element-button, .wp-block-button__link {
	transition: all 0.5s;
}

.wp-block-button a, .wp-block-button a:visited {
	color: var(--wp--preset--color--background);
	font-weight: 700;
}


.wp-block-quote {
	padding-left: 50px;
}

/* Fixes to Integrate Block Styling Values */
h1.wp-block-heading {
	font-size: var(--wp--preset--font-size--colossal);
	line-height: 35px;
}

h2.wp-block-heading {
	font-size: var(--wp--preset--font-size--huge);
}

h3.wp-block-heading {
	font-size: var(--wp--preset--font-size--big);
}

h4.wp-block-heading {
	font-size: var(--wp--preset--font-size--x-large);
}

h5.wp-block-heading {
	font-size: var(--wp--preset--font-size--large);
}

h6.wp-block-heading {
	font-size: var(--wp--preset--font-size--medium);
}

/*
#footer-container a, #footer-container a:visited {
	color: #e0e0e0;
	text-decoration: none;
	font-weight: 400;
}

#footer-container p {
	color: #e0e0e0;
}

#footer-container a:hover {
	color: #e0e0e0;
	text-decoration: underline;
	font-weight: 400;
}

a[target*="_blank"]::after {
    content: "";
    width: 13px;
    height: 13px;
    margin-left: 4px;
    margin-bottom: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
*/

/* CSS that was set in the Theme's "Additional CSS" section */
#tsml { background: white; }
body
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--normal);
	font-weight: 400;
	word-spacing: normal;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: none
}
body:not(.home) #primary #content,
body:not(.home)  #primary .breadcrumb
{
    margin: 0 auto;
    max-width: 1048px;
    display: block;
    float: none;
}

p {
	margin-bottom: 1.6em;
}

a:active, a:hover {
	outline: 0;
	text-decoration: underline;
}

.wp-block-button a:active, .wp-block-button a:hover {
	text-decoration: none;
}

.post-type-archive-tribe_events .cols-three {
    width: 100%!important;
}
.tribe-events-event-image img {
    max-height: 250px;
}

.nf-help {
    width: 24px;
    height: 24px;
    font-size: 24px;
    background: none!important;
    position: relative;
    line-height: 24px;
}

.jBox-wrapper {
    transform: translateY(-2.5em);
}



.handshake-header h2 {
	font-size: var(--wp--preset--font-size--huge);
	line-height: var(--wp--custom--line-height--tiny);
	text-align: center;
	margin-bottom: 4px;
}

.handshake-header h3 {
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--tiny);
	text-align: center;
	margin-bottom: 4px;
}





.handshake-pull-block {
	padding: 20px;
	background-color: #D38F3B;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 36px;
	box-sizing: border-box;
	filter: drop-shadow(3px 3px 4px #000000);
}

@media (max-width: 781px) {
	.handshake-pull-block {
		display: none;
	}
}

.handshake-pull-block h2 {
	margin: 0;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
}

.handshake-pull-block a {
	font-size: var(--wp--preset--font-size--medium);
	margin: 0;
	text-align: center;
	color: #FFFFFF;
}

.handshake-pull-block a:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #f9e3c8;
	filter: drop-shadow(0px 0px 2px #000000);
}


.openableFormButton {
	color: var(--wp--preset--color--background);
	background: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	font-weight: 700;
	border: 0;
	height: 50px;
	border-radius: var(--wp--custom--border-radius--tiny);
	transition: all .5s;
	padding: 11px 16px;
}

.openableFormButton:hover {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	transition: all .5s;
}

.openableFormButton:active {
	background: var(--wp--preset--color--senary);
}


.openableFormButton.hidden {
	display: none;
}

.openableFormContainer {
	color:#FFFFFF;
	background-color: #0083CD;
	padding:20px;
	border-radius:16px;
	box-sizing: border-box;
	max-height: 0;
	transition: max-height 0.15s ease-out;
	overflow: hidden;
	visibility: hidden;
}

.openableFormContainer .nf-error-msg,
.openableFormContainer .ninja-forms-req-symbol,
.openableFormContainer .nf-error .nf-error-msg
{
	color: #fcdcdc;
}

.openableFormContainer.open {
	visibility: visible;
	max-height: 900px;
	transition: max-height 0.25s ease-in;
}

.openableFormContainer .nf-form-content button,
.openableFormContainer .nf-form-content input[type=button],
.openableFormContainer .nf-form-content input[type=submit]
{
	background: var(--wp--preset--color--quaternary);
	border-radius: var(--wp--custom--border-radius--tiny);
	font-weight: 700;
	border: 0;
	color: var(--wp--preset--color--background);
	transition: all .5s;
	padding: 11px 16px;
}


.openableFormContainer .nf-form-content button:hover,
.openableFormContainer .nf-form-content input[type=button]:hover,
.openableFormContainer .nf-form-content input[type=submit]:hover
{
	background: var(--wp--preset--color--senary);
	color: var(--wp--preset--color--background);
}

.tribe-common .tribe-common-g-row {
	flex-wrap: wrap;
}