/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* --- GLOBAL FONTS ---*/

* {
	font-family: "futura-pt", Arial, sans-serif;
}
.brxe-post-content p,
.brxe-text p{
	letter-spacing:-0.02em;
}

/* ---- GLOBAL FONT STYLES ---- */

a {
	transition: all 0.5s ease-in-out;
}
h1 .yellow {
	color:var(--secondary);
	font-weight:700;
}
h1.home__title span.yellow {
	color: var(--white);
}
h3 + h4,
h2 + h4,
{
	margin-top: 0em!important;
}
h2 + h3 {
	margin-top: 0.5em!important;
}
h3 {
	font-weight:400!important;
}
h2 {
	font-weight:500!important;
	letter-spacing:-0.03em;
}
p:where(:only-of-type) {
	text-wrap:inherit;
}
/* ---- GLOBAL STYLES ---- */
.brxe-post-content {
	width:100%;
}


/* ---- RANK MATH ---- */
.rank-math-breadcrumb p span {
	 font-family: "futura-pt", Arial, sans-serif;
}
.rank-math-breadcrumb p a {
	 font-family: "futura-pt", Arial, sans-serif;
}

/* THE EVENTS CALENDAR */
.events-carousel .calendar-date {
	background-color: var(--neutral-trans-10);
	aspect-ratio:1;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	border:10px solid var(--neutral-trans-20);
	padding:var(--space-l);
	transition:all 0.2s ease-in-out;
}
.events-carousel .calendar-date:hover {
	border:20px solid var(--neutral-trans-20);
}
.events-carousel .calendar-day {
	color: white;
	font-size:4em;
	font-weight:700;
	margin:16px 0px 10px 0px;
	color:var(--white);
}
.events-carousel .calendar-month a,
.events-carousel .calendar-day a {
	color:var(--white)!important;
}
.events-carousel .calendar-month {
	color: white;
	font-size:1.5em;
	font-weight:700;
	text-transform:uppercase;
	margin-top:10px;
	line-height:1em;
	color:var(--white);
}
.events-carousel .calendar-duration {
	font-size:var(--text-m);
	color:var(--white);
}
.events-carousel .calendar-event {
	float:left;
	width:300px;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.events-carousel .carousel-events h3 {
	text-align:center;
	margin:30px 30px 0px;
	line-height:1.2em;
}
.events-carousel h3 a {
	color:var(--white)!important;
}
.events-carousel .carousel-events h3 {
	margin-top:20px!important;
}
.homepage-calendar {
	height: 70vh; 
	overflow-y:scroll; 
	-ms-overflow-style: none;
	/* IE and Edge */ scrollbar-width: none;  /* Firefox */
	}
.homepage-calendar .grouped::-webkit-scrollbar {
	display: none;
}
.homepage-calendar .grouped .ecs-date {
	color:white;
	background-color:var(--bricks-color-phnsbs);
	padding:10px; 
	margin:0.75em 0;
}
.homepage-calendar .grouped .ecs-event .summary a {
	color:var(--bricks-color-phnsbs);
	padding:6px 10px;
}
.homepage-calendar .grouped .ecs-event .summary a:hover {
	color:white;
	transition:all 0.5s ease-in-out;
}
.homepage-calendar .grouped .ecs-event .duration {
	color:white;
	padding:0px 10px;
	opacity:0.7;
}
.homepage-calendar .grouped .ecs-prev a,
.homepage-calendar .grouped .ecs-next a {
	color:white;
}
.homepage-calendar .ecs-pagination {
	flex-direction: row;
	align-items: flex-start;
    display: flex;
	border-top:4px solid var(--bricks-color-iujajp);
	margin-top:10px;
	padding-top:10px;
}
.homepage-calendar .ecs-pagination a:hover{
	color: var(--bricks-color-nciwxk);
	transition:all 0.2s ease-in-out;
}
.homepage-calendar .grouped .calendar-date{
	display:flex;
	background-color: var(--bricks-color-phnsbs);
	color:white;
	padding:6px 10px;
	text-transform:uppercase;
	letter-spacing:0.04em;
}
.homepage-calendar .grouped .calendar-day {
	margin-right:3px;
}
.tribe-events-before-html h1 {
	font-weight:600;
	margin:1em 0 0.5em 0;
}
.tribe-events-before-html p {
	font-size: 24px;
    font-family: "Poppins";
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.02em;
	margin-bottom:2em;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
	font-size:36px;
	font-weight:bold;
	color: var(--bricks-color-xuixzl);
}
/* ---- LANDING PAGES ---- */

.childpages {
	display:grid;
}
.childpage {
	transition:all 0.5s ease-in-out;
}
.childpage:nth-of-type(3n + 1) {
	border-radius:var(--radius-l);
	border: 3px solid var(--primary);
	padding: var(--space-xs);
	box-shadow: 12px 12px 0 0 var(--primary);
}
.childpage:nth-of-type(3n + 1):hover {
	background-color:var(--primary);
	box-shadow:none;
}
.childpage:hover h3,
.childpage:hover .childpage-excerpt {
	color:var(--white)!important;
}
.childpage:nth-of-type(3n + 1) h3 {
	color: var(--primary);
}
.childpage:nth-of-type(3n + 2) {
	border-radius:var(--radius-l);
	border: 3px solid var(--accent);
	padding: var(--space-xs);
	box-shadow: 12px 12px 0 0 var(--accent);
}
.childpage:nth-of-type(3n + 2) h3 {
	color: var(--accent);
}
.childpage:nth-of-type(3n + 2):hover {
	background-color:var(--accent);
	box-shadow:none;
}
.childpage:nth-of-type(3n + 3) {
	border-radius:var(--radius-l);
	border: 3px solid var(--secondary);
	padding: var(--space-xs);
	box-shadow: 12px 12px 0 0 var(--secondary);
}
.childpage:nth-of-type(3n + 3):hover {
	background-color:var(--secondary);
	box-shadow:none;
}
.childpage:nth-of-type(3n + 3) h3 {
	color: var(--secondary);
}
.childpage-image {
	border-radius:var(--radius-m);
}
.childpage h3 {
	padding:var(--space-s) var(--space-s) var(--space-xs) var(--space-s);
	transition:all 0.5s ease-in-out;
}
.childpage-excerpt {
	padding: 0 var(--space-s) var(--space-s) var(--space-s);
	text-wrap:inherit;
	color:var(--base);
	transition:all 0.5s ease-in-out;
}
h2.landing-page-title {
	text-align:center;
	margin:var(--space-l) 0 var(--space-l) 0;
	display:none;
}

/* ---- WHERE NEXT? ---- */
h1.where-next-heading,
h1.where-next-heading span.yellow {
	color:var(--primary);
}

@media only screen and (min-width: 992px) {
.where-next {
  display: grid;
  grid-template-columns: auto auto auto; 
}
}
@media screen and (max-width: 991px) and (min-width: 769px){
.where-next {
  display: grid;
  grid-template-columns: auto auto; 
}
}
.where-next li {
	list-style:none;
	padding:0px 30px 0px 0px;
	margin-bottom:5px;
}
.where-next li a {
	font-size:1.4rem;
	color:var(--white);
	display: block;
  	position: relative;
  	padding: 0.5em 0;
	overflow: hidden;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.2em;
}
.where-next li a:hover {
	color:var(--accent);
}
.where-next li.current_page_item a
 {
	 color:var(--accent);
}
.where-next li a::after {
	content: '';
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 2px;
  	background-color:var(--accent);
  	opacity 1;
	z-index:1;
  	transform: translate3d(-101%, 0, 0);
  	transition: opacity 500ms, transform 500ms;
}
.where-next li a:hover::after,
.where-next li a:focus::after {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
}

/* BRICKS MEGA MENU */
#menu .brxe-nav-menu {
	min-height:400px;
}
#brxe-xcfxce .bricks-nav-menu > li > .brx-submenu-toggle > * {
	font-weight:600;
	line-height:1em!important;
}
#menu nav.bricks-nav-menu-wrapper ul.sub-menu {
	opacity:1;
	display:block;
	padding:0.3em 0;
}
#menu .brx-submenu-toggle button {
	display:none;
}
#menu #menu-nested-pages > li > a {
	padding:0 10px;
}

#menu #menu-nested-pages li ul > li a::after {
	background-color: var(--accent);
}
#menu nav.bricks-nav-menu-wrapper ul.sub-menu li ul {
	display:none!important;
}
.show-menu {
	display:flex!important;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
#menu :where(.brxe-nav-menu) .bricks-nav-menu .sub-menu {
	visibility:visible!important;
	position:relative;
	top:auto;
	white-space:inherit;
}
#menu :where(.brxe-nav-menu) .bricks-nav-menu>li {
	width:50%;
	padding:0px 10px;
	margin:0px!important;

}
#menu .brx-submenu-toggle.icon-left {
	flex-direction:inherit!important;
}
#brxe-xcfxce .bricks-nav-menu .sub-menu button {
	display:none;
}
.bricks-nav-menu .sub-menu > li > .brx-submenu-toggle > * {
	font-weight:400!important;
}
@media only screen and (min-width: 993px) { 
#menu :where(.brxe-nav-menu) .bricks-nav-menu li {
	/*width:25%;*/
	padding:0px 20px 0px 0px;
	margin:0px;
}
}
#brxe-litzmm .bricks-nav-menu > li > a {
	margin-bottom:10px;
	padding-bottom:10px;
}
#menu li.menu-item-home {
	display:none;
}
#menu nav.bricks-nav-menu-wrapper ul.sub-menu li a {
	display: block;
  	position: relative;
  	padding: 0.3em 0;
	overflow: hidden;
	font-weight:400;
}
#menu nav.bricks-nav-menu-wrapper ul.sub-menu li.current_page_item a {
	color:var(--accent);
}
#menu nav.bricks-nav-menu-wrapper ul.sub-menu li li a:hover {
	color:#FFF;
}
#menu nav.bricks-nav-menu-wrapper ul.sub-menu li a::after {
	content: '';
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 0.1em;
  	background-color: var(--accent);
  	opacity 1;
  	transform: translate3d(-100%, 0, 0);
  	transition: opacity 500ms, transform 500ms;
}
#menu nav.bricks-nav-menu-wrapper ul.sub-menu li a:hover::after,
#menu nav.bricks-nav-menu-wrapper ul.sub-menu li a:focus::after {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
}
#contact-us h5 {
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 2em;
	border-bottom: 3px solid var(--bricks-color-qdhfza);
	letter-spacing:normal;
	padding-bottom:10px;
}
#contact-us p {
	font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
}

/* BRICKS MOBILE MENU */
.brx-submenu-toggle {
	display:flex!important;
}
.bricks-mobile-menu .sub-menu > .menu-item > .sub-menu > .menu-item {
	background-color:var(--primary-dark)!important;
}

/* 2. GLOBAL GUTENBERG STYLES */
/* 2.1 BUTTONS */
.wp-block-button__link {
	border-radius:var(--radius-xxl);
	text-decoration:none;
	align-items: center;
	font-size:2rem;
	font-weight:600;
    line-height: 3em;
	padding:0px 1.5em;
	min-height:50px;
	background-color:var(--primary);
	margin:1em 0;
	letter-spacing:0px;
}
.wp-block-button__link:hover {
	background-color:var(--secondary)!important;
	color:#FFF!important;
}
/* 2.2 FILES */
.wp-block-file:not(.wp-element-button) {
    font-size: inherit;
	margin-top:1.5em;
}
/*
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".xls"],
a[href$=".xlsx"],
a[href$=".ppt"],
a[href$=".pptx"] {
	border-radius:8px;
	display:flex; 
	margin:5px 0px 5px 50px;
	color:var(--white);
	transition:all 0.5s ease-in-out;
	background-color: var(--primary);
	text-decoration:none;
	align-items: center;
	font-weight:400;
	text-transform: none;
    line-height: 1.7em;
	width:100%;
	
} */
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".xls"],
a[href$=".xlsx"],
a[href$=".ppt"],
a[href$=".pptx"]
{
	background-color: var(--primary); 
	display:flex; 
	color:#FFF; 
	text-decoration:none;
	align-items: center;
	padding:0px 3em;
	-webkit-transition: background .3s ease;
    -o-transition: background .7s ease;
    transition: background .7s ease;
	border-radius:10px 60px 60px 10px;
	width:calc(100% - 70px);
	position:relative;
	margin-left:70px;
}

a[href$=".pdf"]:hover {
	background-color:#e5252a;
	color:#FFF!important;
}

a[href$=".doc"]:hover,
a[href$=".docx"]:hover
{
	background-color:#0263d1;
	color:#FFF!important;
}

a[href$=".xls"]:hover,
a[href$=".xlsx"]:hover {
	background-color:#00733b;
	color:#FFF!important;
}

a[href$=".ppt"]:hover,
a[href$=".pptx"]:hover {
	background-color:#e03303;
	color:#FFF!important;
}

a[href$=".pdf"]:before,
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before,
a[href$=".ppt"]:before,
a[href$=".pptx"]:before {
	display: inline-flex;
	content: ' ';
	background-size: contain;
	min-height: 60px;
	width: 80px;
	background-repeat:no-repeat;
	margin-left:-120px;
}
a[href$=".pdf"]:before {
	background-image: url('/wp-content/themes/bricks-child/img/pdf.svg');
}

a[href$=".doc"]:before,
a[href$=".docx"]:before {
	background-image: url('/wp-content/themes/bricks-child/img/word.svg');
}

a[href$=".xls"]:before,
a[href$=".xlsx"]:before {
	background-image: url('/wp-content/themes/bricks-child/img/excel.svg');
}

a[href$=".ppt"]:before,
a[href$=".pptx"]:before {
	background-image: url('/wp-content/themes/bricks-child/img/powerpoint.svg');
}
/*
a[href$=".pdf"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after,
a[href$=".ppt"]:after,
a[href$=".pptx"]:after
{
	background-image: url('/wp-content/themes/bricks-child/img/chevron-right.svg');
	display: inline-block;
	content: ' ';
	background-size: 10px 10px;
	height: 30px;
	width: 30px;
	background-color:rgba(0,0,0,0.2);
	border-radius:50%;
	background-position:center center;
	background-repeat:no-repeat;
	position: absolute;
	right: 10px;
	margin-top:10px;
}
a[href$=".pdf"]:hover:after,
a[href$=".doc"]:hover:after,
a[href$=".docx"]:hover:after,
a[href$=".xls"]:hover:after,
a[href$=".xlsx"]:hover:after,
a[href$=".ppt"]:hover:after,
a[href$=".pptx"]:hover:after {
	transform: rotate(90deg);
	transition:all 0.5s ease-in-out;
}
/*--- PDF DOCUMENTS ---*/
a[href$=".pdf"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after,
a[href$=".ppt"]:after,
a[href$=".pptx"]:after
{
	background-image: url('/wp-content/themes/bricks-child/img/chevron-right.svg');
	display: inline-block;
	content: ' ';
	background-size: 20px 20px;
	height: 60px;
	width: 60px;
	border-radius:50%;
	background-color:rgba(0,0,0,0.2);
	background-position:center center;
	background-repeat:no-repeat;
	position: absolute;
	right: 0em;
	margin-top:0px;
	transition:transform 0.7s ease-in-out;
	fill:#FF6600;
}
a[href$=".pdf"]:hover:after,
a[href$=".doc"]:hover:after,
a[href$=".docx"]:hover:after,
a[href$=".xls"]:hover:after,
a[href$=".xlsx"]:hover:after,
a[href$=".ppt"]:hover:after,
a[href$=".pptx"]:hover:after {
	transform: rotate(90deg);
	transition:transform 0.7s ease-in-out;
}

/* 2.4 BLOCKQUOTES */
blockquote:nth-of-type(2) {
	background-color:var(--secondary);
	background-size: 56.57px 56.57px;
	color:var(--white)!important;
	padding:50px;
	border-left:20px solid var(--secondary-dark);
	margin:1em 0!important;
	border-radius: 0px 30px 30px 0px;
}
blockquote {
	background-color:var(--primary);
	background-size: 56.57px 56.57px;
	color:white!important;
	padding:50px;
	border-left:20px solid var(--primary-dark);
	margin:2em 0;
	border-radius: 0px 30px 30px 0px;
}
blockquote p {
	font-size:var(--text-m);
	font-style:italic;
	text-align:left;
}
blockquote:before {
	font-family: 'FontAwesome';
	top: 0;
	content: "\f10d";
	font-size: 50px;
	color: var(--accent);
	float: left;
	margin: 0px 20px 20px 0px;
}
blockquote cite {
	color: var(--accent)!important;
	font-size:1.4rem;
	font-weight:600;
	opacity:1;
	letter-spacing:0.2em;
	text-align:left;
}
blockquote:nth-of-type(2):before,
blockquote:nth-of-type(2) cite {
	color:var(--accent);
}
.wp-block-pullquote {
	padding:1em 0;
}
/* 2.5 IMAGES */
.wp-block-image figure,
figure.wp-block-image,
.wp-block-media-text__media {
	border-radius: var(--radius-l);
	border: 3px solid var(--accent);
    padding: var(--space-xs);
    box-shadow: 12px 12px 0 0 var(--accent);
}
figure.wp-block-image:nth-of-type(3n + 1) {
	border: 3px solid var(--primary);
    box-shadow: 12px 12px 0 0 var(--primary);
}
figure.wp-block-image:nth-of-type(3n + 2) {
	border: 3px solid var(--secondary);
    box-shadow: 12px 12px 0 0 var(--secondary);
}
.wp-block-image figcaption {
	display:none;
}
.wp-block-image .alignright {
	margin:1em 0 2em 2em;
}
.wp-block-image .alignleft {
	margin:0.5em 2em 2em 0;
}
.wp-block-image img {
	border-radius: var(--radius-l);
	line-height:0;
}
/* 2.7 UNORDERED LISTS */
.brxe-post-content:not([data-source="bricks"]) ul li, 
.brxe-text ul li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	padding:5px 22px;
	background-position:0px 15px;
	background-repeat:no-repeat;
	margin:0px;
}
.brxe-post-content:not([data-source="bricks"]) ul li:nth-of-type(3n + 1){
	background-image:url('img/gold-bullet.png');
}
.brxe-post-content:not([data-source="bricks"]) ul li:nth-of-type(3n + 2){
	background-image:url('img/blue-bullet.png');
}
.brxe-post-content:not([data-source="bricks"]) ul li:nth-of-type(3n + 3){
	background-image:url('img/red-bullet.png');
}
.brxe-post-content:not([data-source="bricks"]) ul li:last-child, 
.brxe-text ul li:last-child {
	border-bottom:none;
}
@media only screen and (max-width: 993px) { 
	.brxe-post-content:not([data-source="bricks"]) ul {
		padding-left:0px;
	}
}
/* 2.8 TABLES */
.wp-block-table table td,
.wp-block-table table th {
	border:1px solid #CCC;
	padding:10px 8px;
	vertical-align: top;
}
.wp-block-table table th {
	background-color:var(--shade);
	text-align:left;
}
.wp-block-table table {
	table-layout: fixed;
    width: 100%;
}
.is-style-stripes table th {
	background-color:var(--bricks-color-xuixzl);
	color:white;
}
/* This is for Classic Editor tables */
.brxe-post-content table td {
	border:1px solid #CCC;
	padding:10px 8px;
	vertical-align: top;
	margin:0px;
}
.brxe-post-content table {
	border-collapse:collapse;
	margin-bottom:30px;
}
/* 2.9 GALLERIES */
.brxe-post-content .wp-block-gallery {
	margin:30px 0px;
}
.wp-block-gallery {
	--wp--style--unstable-gallery-gap: var(--space-m)!important;
    gap: var(--space-m)!important;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a {
	background:#000;
	border-radius: var(--radius-l);
	transition:all 0.5s ease-in-out;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img:hover {
	opacity:0.5;
	transition:all 0.5s ease-in-out;
	}
	
/* 2.10 SEPARATORS */
.wp-block-separator {
	border-bottom: 0px;
	border-top:1px solid #cccccc;
}

/* 2.11 ACCORDIONS */
.wp-block-pb-accordion-item {
	background-color:var(--shade);
	margin-top:var(--space-xs);
	transition:all 0.5s ease-in-out;
}
.wp-block-pb-accordion-item:hover,
.wp-block-pb-accordion-item.is-open
{
	background-color:var(--secondary);
}
.c-accordion__title:after {
	right:10px;
	transition:all 0.5s ease-in-out;
}
.wp-block-pb-accordion-item .c-accordion__title {
	padding:var(--space-xs);
	font-size:var(--h3);
	font-weight:bold;
	color:var(--base);
	transition:all 0.5s ease-in-out;
}
.wp-block-pb-accordion-item:hover .c-accordion__title,
.wp-block-pb-accordion-item:hover .c-accordion__title:hover,
.wp-block-pb-accordion-item:hover .c-accordion__title:after,
.wp-block-pb-accordion-item.is-open .c-accordion__title,
.wp-block-pb-accordion-item.is-open .c-accordion__title:after {
	color:var(--white);
}
.wp-block-pb-accordion-item:active {
	border-style:none;
}
.c-accordion__content {
	background-color:var(--white);
	padding:var(--space-l) var(--space-xs);
}
/* 2.12 MEDIA AND TEXT BLOCK */
.wp-block-media-text {
	margin-bottom: var(--space-l);
}
/* 3. EVENTS */
@media only screen and (min-width: 990px) {
.tribe-events-page-template .tribe-events,
.single-tribe_events .tribe-events-pg-template {
	margin-top:160px!important;
}
}