/*
Theme Name: Infinatum_Core
Theme URI: https://infinatummedia.com/wpcore
Author: Joshua Haggard
Author URI: https://infinatummedia.com
Description: A clean site-core for Infinatum Media clients
Requires at least: 6.2
Tested up to: 6.3
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Infinatum_Core
This theme is licensed under the GPL.
It is intended to be minimalist and unopinionated, to allow for full customization by the user. A copy will be included on the server in the folder INCASEOFEMERGENCY for the eventuality that the site has been hacked and the theme corrupted. It currently relies on the Lazyblocks plugin to do a lot of the heavy lifting, but a hard-code version of all blocks created in the plugin will be included in the emergency file for the eventuality that the plugin is no longer safe or supported.
*/

/*************************************************
*************************************************
0. CSS Reset ------------------------
1. Universal Styles -----------------
2. Header & Nav Styles --------------
3. Main Body Styles -----------------
4. Utility Styles -------------------
5. Widget Styles --------------------
6. Footer Styles --------------------
7. Comments & Form Styles -----------
8. Specific Styles -------------------
9. Scrollbar Styles -----------------
10. Special Bits --------------------
11. Plugin Styles -------------------
12. Patches To Later Be Fixed --------
*************************************************
************************************************/

@font-face {
  font-family: "Homenaje";
  src: url('assets/fonts/Homenaje/Homenaje-Regular.ttf')  format('truetype');
} 
@font-face {
  font-family: "Montserrat";
  src: url('assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf')  format('truetype');
}

/*----------------------------------------------
------------------------------------------------
0. CSS Reset
------------------------------------------------
----------------------------------------------*/
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin-left: 0px;
    margin-right: 0px;
}


*,
*::before,
*::after {
  /*Prevents Div Expansion (100px box + 2px padding = 102px box)*/
  box-sizing: border-box;
  /*Borders off by default*/
  border: none;
}

html{
    /*Prevents mobile browsers from altering text size if not specified*/
    -webkit-text-size-adjust: none; /* for iOS Safari */
    text-size-adjust: none; /* for other mobile browsers */
    /* Correct the default line height in all browsers.*/
    line-height: 1.15;
}

html,
body{
	  overflow-x:  hidden;
}

img {
    /*Prevents Inline space under images*/
    display: block;
    /*Prevents Size Explosions when inserting an image without styles*/
    max-width: 100%;
    vertical-align: middle;
    border-style: none;
}

table {
  /*Defaults tables to single outline*/
  border-collapse: collapse;
  border-spacing: 0;
}

sub, sup {
  /* sets superscript and subscript text so that it doesn't throw off leading for elements in which they are included */
	line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/*Changes lists default*/
menu:not(article menu),
ol:not(article ol),
ul:not(article ul) {
    list-style-type: disc;
	max-width: 70%;
	margin: auto;
}

/*Prevents lists from indenting by default*/
menu,
ol,
ul {
    padding-left: 0;
}

/*Prevents list dots from drifting into content*/
article ol,
article ul {
    list-style-position: inside;
}

/*Forces compatability for some HTML5 elements on old browsers*/
article, aside, audio,
footer, header, nav, main, section, video {
	display: block;
}

@media (prefers-reduced-motion: no-preference) {
  html {
        /*Makes scrollbar and click elements that jump to section do so smoothly*/
        scroll-behavior: smooth;
  }
}
/*Prevents focus boxes unless using keyboard to navigate*/
:focus:not(:focus-visible) {
    outline: none;
}

/*Makes interactables use hand icon*/
label,
button,
select,
summary,
[type=radio],
[type=submit],
[type=checkbox] {
    cursor: pointer;
}

/*Correct the inability to style clickable types in iOS and Safari*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

::-webkit-file-upload-button {
  /*Correct the inability to style clickable types in iOS and Safari.*/
  -webkit-appearance: button;
  /*Change font properties to `inherit` in Safari.*/
  font: inherit;
}

textarea {
  /* changes textarea resizing from "both" (UA default) to vertical only */
	resize: vertical;
  /* move the label to the top*/
  vertical-align: top;
  /* turn off scroll bars in IE unless needed*/
  overflow: auto;
}

/* removes the inner border effect from focused buttons for form elements in Firefox */
input[type="submit"]::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner {
   border : 0px;
 }

 /* removes the OS X appearance from HTML5 search inputs and submit buttons when viewed in Safari */
input[type="search"] {
 -webkit-appearance: textfield;
}
input[type="submit"] {
	-webkit-appearance:none;
	border-radius: 100px;
	padding: 10px;
	transition: all .3s ease-out;
}

input[type="submit"]:hover {	
	background-color: var(--wp--preset--color--dark-grey);
	color: #FFFFFF;
}

/* sets up required form fields with the conventional following red asterix */
input:required:after {
 color: #f00;
 content: " *";
}

/* causes a visual alert in browsers that do client-side checking of HTML5 email field – this may already be the default in some browsers. */
input[type="email"]:invalid {
 color: red;
}

/* inherit fonts for inputs and buttons*/
input,
button,
textarea,
select {
 font: inherit;
 line-height: inherit;
 color: inherit;
}

/*----------------------------------------------
------------------------------------------------
1. Universal Styles
------------------------------------------------
----------------------------------------------*/
/*Root for REM styling*/
*{

}

html{
    font-size: 17px;
    font-family: 'Arial', sans-serif;
}

body {
  /*Prevents horizontal scrollbars at 100% width*/
  text-rendering: optimizeLegibility;
}

body .is-layout-flow > .aligncenter {
	display: flex;
    justify-content: center;
}

html, body {
	/*Sets the body height of the browser, so that backgrounds and div heights work correctly.
	Color and background defaults */
	min-height: 100%;
	background: #fff;
	color: #000;
}

/*Link Styling*/
a {
    /* Places underlines below the descenders */
    text-underline-position: under;
    /* Sets the thickness as a percentage of the font size */
    text-decoration-thickness: 8px;
	text-decoration: none;
	color: #4b6d20;
	word-break: normal;
}

a:link {
	
}

a:active {
}

a:hover {
	color: var(--wp--preset--color--primary-green);
}

a:visited {
}

/*Text styling*/
p {
  font-family: 'Arial', sans-serif;
  color: var(--wp--preset--color--dark-grey);
  font-size: 17px;
  line-height: 24px;
  margin: 0em auto 2em auto;
  text-align: left;
}

h1 {
  font-size: 3.583rem;
  font-family: 'Homenaje', 'Ariel', sans-serif;
  color: var(--wp--preset--color--medium-grey);
  text-align: center;
  font-weight: normal;
  background: url(https://www.stemarts.com/wp-content/uploads/subra-tlt-2020.png) right bottom no-repeat;
  width: fit-content;
  margin: 20px auto 30px auto;
  padding: 0 20px 10px 0;
  display: table;
  text-wrap: balance;
}


h2 {
  font-family: 'Homenaje', 'Ariel', sans-serif;
  font-size: 32px;
  text-align: center;
  color: var(--wp--preset--color--medium-grey);
  line-height: 35px;
}
/*largeH2 moved to patch list at end of page*/

/*wikiH2Fix moved to patch list*/

/*wikiSpacingFix moved to patch list*/

.thinFont {
	font-weight: normal;
}

h3 {
  font-size: 26px !important;
  font-family: 'Homenaje', 'Ariel', sans-serif;
  color: var(--wp--preset--color--medium-grey);
  text-align: center;
}

h4 {
  font-size: 2.074rem
}

h5 {
  font-size: 1.728rem
}

h6 {
  font-size: 1.44rem
}

summary {
	font-family: 'Arial', sans-serif;
    color: var(--wp--preset--color--dark-grey);
    font-size: 17px;
    line-height: 24px;
    margin: 0em auto 2em auto;
    text-align: left;
}
/*Subscript styling*/
sub{
  font-size: 75%;
  bottom: -0.25em;

}

/*Supercript styling*/
sup {
  font-size: 75%;
  top: -0.5em;
}

/*Tables styling*/
table {
}

thead{
}

tbody{
}

tfoot{
}

th {
  /*Defaults table spacing in Title*/
	padding: .5rem;
	font-weight: normal;
}

td {
  /*Defaults table spacing in Content*/
 padding: .5rem;
}

tr {
}

col {
}

caption {
}

/*Unordered and Ordered Lists styling*/
li {
	line-height: 22px;
	padding: 2px 0;
	text-align: left;
	font-size: 17px;
	line-height: 22px;
}

ol {
}

button {

}

/*makes button block match rounded square style*/
.wp-block-button__link, .wp-element-button{
  	border-radius: 5px;
  	height: 30px;
  	padding: 5px 14px !important;
	background-color: var(--wp--preset--color--solid-grey);
 	font-family: 'Montserrat', 'Ariel', sans-serif;
	color: #000000;
	margin: 3px;
}

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

q.customized:before {
  content: "- ";
}

q.customized:after {
  content: "- ";
}

cite {

}
/*----------------------------------------------
------------------------------------------------
2. Header & Nav Styles
------------------------------------------------
----------------------------------------------*/
nav {
}

/*Allows top nav to stack underneath the logo*/
.responsiveNavControl{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

/*Prevents shifted stack from wrapping further*/
.responsiveNavControl li{
white-space: nowrap;
}

@media only screen and (max-width: 700px) {

	.wp-block-navigation.no-wrap {
    	--navigation-layout-wrap: wrap;
	}
}

.wp-block-navigation li a{
	font-size: 19px;
}

.wp-block-navigation li a span:hover{
    color: var(--wp--preset--color--popping-green);
}
.headerLine{
	background-color: #8cc63f;
	width: 100% !important;
	height: 4px !important;
	margin: 0px;
}

.mainNav{
	margin: 10px;
}

.mainNav li a {
  text-decoration: none;
  padding: 10px 12px;
  display: block;
  font-family: 'Homenaje', 'Ariel', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.topNavLink {
  color:  var(--wp--preset--color--medium-grey) !important;
}

.wp-block-navigation__container{
	max-width: 100%;
}

/*Green donate link in header*/
.donateButton a{
	color: #FFFFFF !important;
	text-decoration:none;
	background: #5EA729;
  	border-radius: 5px;
  	height: 30px;
  	cursor: pointer;
  	padding: 5px 14px !important;
}

.donateButton a:hover, .donateButton span:hover{
	color: #000000 !important;
}

/*Submenu fixes for main menu*/
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
	min-width: 175px;
	background-color: #f1f1f1;
	left: 0 !important; 
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
	text-transform: capitalize;
}

/*Featured Image for Blog Posts*/
.blogFeatured{
	max-height: 300px;
	object-fit: cover;
}

/*Container for home and search functions for blog*/
.blogNavbox{
	margin: auto;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-evenly;
	align-content: center;
}

/*button for blog main page navigation*/

#homeButton {
  font-size: 17px;
	border-radius: 5px;
	background: var(--wp--preset--color--medium-grey);
	color: #FFFFFF;
  height: 30px;
  font-family:'Montserrat', sans-serif;
	text-transform: uppercase;
}

#homeButton:hover{
  background: #75C400;
}

/*Archive Nav settings moved to patch list*/

/*----------------------------------------------
------------------------------------------------
3. Main Body Styles
------------------------------------------------
----------------------------------------------*/
/*wraps content seperate from <body> tag, allows all page content sitewide to be restricted simultaniously without effecting template items.*/
.contentWrapper {
	max-width: 65%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
	/*Prevents iframe video embeds from clipping through footer on wikis*/
	min-height: 65vh;
}

/*tablet*/
@media only screen and (max-width: 900px) {
	.contentWrapper {
	max-width: 80%;
	}
}

/*phone*/
@media only screen and (max-width: 600px) {
	.contentWrapper {
	max-width: 95%;
	}
}

/*for templates which need to not be restricted*/
.wideContentWrapper {
	max-width: 95%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	margin: auto;
	}

/*limitedFeaturedImage moved to patch list*/

/*----------------------------------------------
------------------------------------------------
4. Utility Styles (to be commonly used)
------------------------------------------------
----------------------------------------------*/

/*allows user to hide an element easily by calling "hidden" class*/
.hidden {
	display: none;
}

.hide {
  display: none;
}

/*because wordpress REALLY wants bullets on lists sometimes*/
.noBullets{
	list-style-type:none!important;
	list-style: none!important;
}
/* allows a quick shortcut for floating elements left and right while avoiding the “float quirk” problem */
.right {
	float: right;
	margin-left: 2rem;
	clear: right;
}

.left {
	float: left;
	margin-right: 2rem;
	clear: left;
}

/*Utility fix for text alignment. Fix in JSON Eventually*/
.textAlignLeft{
	text-align: left;
}

.textAlignRight{
	text-align: right;
}

/*Utility to add absolute positioning because the block editor can't figure this out by default*/
.positionAbsolute{
	position: absolute;
}

/*Blurs image, disables link and places Under constructrion text*/
.underConstruction img{	
	filter: blur(2px) ;
}

.underConstruction .circleCard::after {
    content: 'Under Construction';
	position: absolute;
	margin: 100px;
	color: #fff;
	font-family: 'homenaje';
	font-size: 30px;
	text-align: center;	
}	

.underConstruction a {
	cursor: not-allowed;
	pointer-events: none;
}

/*inverts object horizontally*/
.reverse{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.alignCenter {
	justify-content: center;
    display: flex;
}

.constrain65{
	max-width: 65%;
}

@media only screen and (max-width: 700px){
	.constrain65{
		max-width: 95%;
	}
}

.constrain85{
	max-width: 85%;
}


@media only screen and (max-width: 700px){
	.constrain85{
		max-width: 95%;
	}
}

.maxWide {
	max-width: max-content;
}

.maxWide img{
	max-width: max-content;
}

/*Provides Montserrat when wordpress has decided it doesn't want to make it available*/
.montFont{
    font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	line-height: 27px;
}

/*Splits a div into two columns*/
.doubleCenteredColumn{
	grid-column: span 2;
	justify-self: center;
}

/*Read more button*/
.learnMore {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    background-color: var(--wp--preset--color--solid-grey);
    border-radius: 5px;
    text-align: center;
	padding: 5px 14px;
	margin: 3px;
	margin-top: 5px;
}

.learnMore a{
	color: #000000;
}

.learnMore:hover{
	background-color: #75C400;
	color: #ffffff;
}

.greyBackground{
	background: var(--wp--preset--color--medium-grey);
}

.darkGreyBackground{
	background: var(--wp--preset--color--dark-grey);
}

.solidGreyBackground{
	background: var(--wp--preset--color--solid-grey);
}
.lightGreyBackground{
	background: var(--wp--preset--color--light-grey);
}

/*widely used*/
.greyBox{
    border-radius: 0px 15px 15px 15px;
    -moz-border-radius: 0px 15px 15px 15px;
    -webkit-border-radius: 0px 15px 15px 15px;
    border: 16px solid #e4e4e4;
    padding: 20px;
	margin: auto;
	height: inherit;
}

.rounded{
	border-radius: 50px;
}

.fitContent{
	max-width: fit-content;
}

/*----------------------------------------------
------------------------------------------------
5. Widget Styles
------------------------------------------------
----------------------------------------------*/

/*----------------------------------------------
------------------------------------------------
6. Footer Styles
------------------------------------------------
----------------------------------------------*/

Footer{
	background:#666;
	color: #FFF;
	font-family: 'Montserrat', sans-serif !important;
	line-height: 100%;
}
/*gotta hold them feets. Contains footer content*/
.footerHolder{
	border-bottom: 1px solid #fff;
	margin: 0 auto;
	padding: 20px 0 26px;
	max-width: 80%;
	justify-content: space-evenly;
}

.footerLine .wp-block-separator {
  width: 0px;
  border-bottom: 0px;
}

/*Sponsors gallery to be attached to footer*/

.sponsor-gallery{
	width: 80%; 
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	margin: auto;
}

.sponsor-gallery img{
	padding: 20px; 
	text-align: center; 
	max-width: 150px; 
	height: auto;
	object-fit: contain;
}

/*sponsorsTextFix moved to patch list*/

/*Sponsors gallery responsive fix moved to patch list*/

/*Footer navigation area structure is complicated. Do not adjust without triple checking effects using inspect*/
Footer a{
	color: #FFF;
	margin: 0px 10px 0px 0px;
	white-space: nowrap;
}

Footer ul{
  padding: 0;
  margin: 0;
  float: left;
  width: 280px;
}

Footer li{
	list-style-type:none;
}

Footer ul li.title{
	line-height: 1.5;
}

Footer ul li{
	list-style-type:none;
	list-style: none;
	/*float: left;*/
	margin: 0 10px;
	font-size: 13px;
}

Footer ul li.title{
	font-weight: 600;
	padding-bottom: 10px;
  font-size: 15px;
  text-transform: uppercase;

}

Footer .footerLine{
	border-right: 1px solid #D8D8D8;
  line-height: 26px;
  border-bottom: none;
  width: 0px;
}
/*Adds space between lines when minimized*/
@media only screen and (max-width: 800px) {
  .footerSpacer{
    display: none;
  }
}

#footer {
  text-align:center;
  position:relative;
	z-index:0;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
  font-size: 11px;

}

/*styles for social links in footer*/
.socialLinks{
align-content: center;
height: 140px;
}

@media only screen and (max-width: 450px) {
  .socialLinks{
  align-content: center;
  height: 230px;
  }
}

.socialLinks a{
align-self: center;
}

/*creates color change effect*/
.socialLinks img{
  filter: saturate(0) brightness(2);  
  transition: all .5s ease-out;
  max-width: 120px;
}
.socialLinks img:hover{
  filter: saturate(1) brightness(1);
  max-width: 140px;
}

.wp-block-social-links ul {
	width: auto;
}

.wp-block-social-links.is-style-logos-only .wp-social-link svg {
   	height: 10%!important;
	width: 10%!important;
}

/*----------------------------------------------
------------------------------------------------
7. Comments & Form Styles
------------------------------------------------
----------------------------------------------*/

/*Newsletter styles*/
/*All styles are in additional CSS in plugin*/


/*Input types styling*/
[type='text'] {
}

[type='number'] {
}

[type='search'] {
	padding: 10px;
    border: 3px solid var(--wp--preset--color--light-grey);
    border-radius: 30px;
}

[type='file'] {
}

[type='submit'] {
}

[type='reset'] {
}

[type='button'] {
}

[type='checkbox'] {
}

[type='radio'] {
}

[type='range'] {
}

[type='date'] {
}

/*----------------------------------------------
------------------------------------------------
8. Specific Styles
------------------------------------------------
----------------------------------------------*/

/*Front page mission statement*/
.missionStatement{
  font-family: 'Montserrat', sans-serif;
  font-size: 24px !important;  
  line-height: 32px;
  font-weight: 400;
  color: var(--wp--preset--color--medium-grey);
  text-align: center;
  padding: 20px;
}

.boldBox {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: var(--wp--preset--color--medium-grey);
}

/*Latest Posts Block, fixes images to same height*/
.wp-block-latest-posts__featured-image a{
	width: 100%;
}

.wp-block-latest-posts__featured-image img {
    height: 200px;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
	border-radius: 5px;
}

/*Creates tables with alternating color schemes. Please create new classes if you're going to change colors*/
.zebraTable tbody tr:nth-child(odd) {
   background-color: #f4f4f4;
}

.zebraTable tr:nth-child(odd) {
  background-color: #f4f4f4;
}

.zebraTable h2{
	text-align: center;
	background-color: var(--wp--preset--color--medium-grey);
	border-radius: 0px 0px 15px 0px;
	color: #ffffff;
	padding: 10px;
	margin: 0px;
}

.zebraTable h3{
	text-align: left;
}

/*Artist profiles clump together without these*/
.artistProfile3Column{
    gap: 10%;
}

.artistProfileNavColumn{
	flex-direction: unset !important;
	justify-content: center;
	padding: 10px;
}
/*I don't remember what this does, probably in artist profiles*/
.decorImage{
	display: inline;
}

/*Fix for responsive sliders issue. Matches width of phone to height of image*/

@media only screen and (max-width: 400px) {
	.convertWidthToHeight {
		min-height: 100vw!important;
		max-height: 100%;}
	}

@media only screen and (max-width: 700px) {
	.convertWidthToHeight {
		min-height: 70vw!important;
		max-height: 100%;}
	}

/*----------------------------------------------
------------------------------------------------
8. Scrollbar Styles
------------------------------------------------
----------------------------------------------*/
/*styles scrollbar to green borderless rounded*/

::-webkit-scrollbar{
  border-radius: 20%;
  width: auto;
  padding: 4px;
}

::-webkit-scrollbar-button{
	display: none;
}

::-webkit-scrollbar-track{
  border: double 7px green;
  border-radius: 20px 20px;
  width: 4px;
}
::-webkit-scrollbar-track-piece{
  background: linear-gradient(45deg, rgba(22,118,20,0.5) 0%, rgba(255,255,255,0.5) 50%, rgba(12,112,10,0.5) 100%);
  border-radius: 50px;
}

::-webkit-scrollbar-thumb {
  background-color: green;
    border: 5px outset #5EA729;
    border-radius:20px;
    height: 50%;
}

::-webkit-scrollbar-thumb:hover {
	background: #29402F
}

::-webkit-scrollbar-thumb:active {
  background:#96F255;
}

/*----------------------------------------------
------------------------------------------------
9. Special Bits
------------------------------------------------
----------------------------------------------*/
/*Creates flex object to group image block elements together. Not size controlled*/
.fixedTileGallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

.fixedTileGallery img {
    max-height:100%;
    object-fit: cover;
    display: inline-block;
  }

/*Creates flex list system for various sizes of image to be next to each other*/
.mosaicGallery ul{ 
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  max-width: 100%;
}

.mosaicGallery li{
  flex-grow: 1;
}

.mosaicGallery img{
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

/*just rounds image, possibly revise to utility class "rounded"*/
.roundedFeaturedImage{
	border-radius: 20px;
}

/*rounds image and adds green border*/
.roundedCardStyle {
  border-radius: 20px;
  border: 3px solid var(--wp--preset--color--popping-green);
}

/*removes the bullets from the sponsors gallery*/
.sponsorsLiFix ul li{
	list-style-type: none;
}

/*----------------------------------------------
------------------------------------------------
10. Lazy Block Styles
------------------------------------------------
----------------------------------------------*/

/*Circle image with border and link*/
.circleCardContainer {
    padding-bottom: 42px;
    position: relative;
	display: flex;
	flex-wrap: wrap;
    color: var(--wp--preset--color--dark-grey);
    justify-content: space-evenly;
	flex-direction: row;
}
	
.circleCard {
	max-width: 400px;
	max-height: fit-content;
	padding-bottom: 44px;
	margin: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    align-items: center;
    flex-direction: column;
    align-content: center;
}

.circleCard img{
	border: 20px solid var(--wp--preset--color--light-grey);
	border-radius: 100%;
	max-width: 250px!important;
	max-height: fit-content;
	height: 250px;
	width: auto;
	object-fit: cover;
}

.circleCard p{
	text-align: left;
	font-family:'Montserrat', 'Ariel', sans-serif;
}

/*Fix for artist pages, allows for responsive shift*/
.curriculumContainer {
	display: grid;
	grid-template-columns: auto auto;
	align-items: start;
}

@media only screen and (max-width: 700px) {
.curriculumContainer {
	display: flex;
 }
}

/*greyButtonHeader moved to patch list*/

/*Artist profile main control*/
.artistProfileBox{
	display: flex; 
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
    border-radius: 0 15px 15px 15px;
    -moz-border-radius: 0 15px 15px 15px;	
    -webkit-border-radius: 0 15px 15px 15px;
    border: 16px solid #e4e4e4;
    padding: 20px;
	gap: 20px;
}

@media (max-width: 1000px) {
  .artistProfileBox {
    flex-wrap: wrap;
  }
}
.artistProfileBox img{
 width: 220px;
 height: 220px;
 border-radius: 15px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 object-fit: cover;
}
/*Allows artist profiles to have images top-aligned in cases of large text sections*/
.centerOrTop img{
	align-self: flex-start;
}

.artistProfileBox a{
	text-align: center;
	font-family: 'Homenaje', 'Ariel', sans-serif;
	font-size: 18px;
}


/*fix for profile layout*/
.artistProfileContainer {
    margin: 20px 0px 20px 0px;
}

/*arrow design under skills applied box*/
.artistProfileContainer.skillApplied{
	background: url(https://www.stemarts.com/wp-content/uploads/left-one-arrow.jpg) right bottom no-repeat;
    padding-bottom: 34px;
}

@media (max-width: 1000px) {
	.artistProfileContainer.skillApplied{
		background: none;
		padding-bottom: 0px;
		min-width: 220px;
	}	
}
/*artistProfileContainer H2 has been moved to patch list*/ 

/*text for inside skills applied box*/
.artistProfileContainer h3 {
	text-align: left;
}

/*artistright and artistleft have been moved to patch list*/

/*Box which holds download links and read more sections. Greybox has grey border, Imagebox has thin border and image on top*/
.squaredPDFGreyBox{
	max-width: 400px;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	background-color: var(--wp--preset--color--light-grey);
    align-items: center;
    border-radius: 15px;
	margin: 10px;
}

.squaredPDFGreyBox h2{
	color: var(--wp--preset--color--medium-grey);
	font-weight: 100;
	font-size: 26px;
	margin-bottom: 0px;
}

.squaredPDFImageBox {
	max-width: 400px;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
 	border-radius: 15px 15px 0px 0px;
    -moz-border-radius:  15px 15px 0px 0px;
    -webkit-border-radius:  15px 15px 0px 0px;
    border-radius: 15px;
	margin: 15px;
	height: 100%;
	border: 2px solid var(--wp--preset--color--dark-grey);

}

.squaredPDFImageBox h2{
	text-shadow: 5px 6px 10px var(--wp--preset--color--light-grey);	
	border-radius: 10px;
    padding: 10px;
    margin: 21px;
}

.squaredPDFImageBox img{
	max-width: 100%;
	width: 100%;
	height: 180px;
	border-radius: 15px 15px 0px 0px;
    -moz-border-radius:  15px 15px 0px 0px;
    -webkit-border-radius:  15px 15px 0px 0px;

}

/*greyBox is thick by default, but can be switched to a fine line edge with thingreybox*/
.greyPDFbox {
	display: flex;
	flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0px 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    border: 15px solid var(--wp--preset--color--light-grey);
    padding: 20px;
	background-color: #ffffff;
	height: inherit;

}

.greyPDFbox a{
	background: var(--wp--preset--color--dark-grey);
	color:  var(--wp--preset--color--light-grey);	
	padding: 5% 10%;
	border-radius: 5px;
	transition: 0.5s;
}

.thinGreyBox{
    border-radius: 0px 15px 15px 15px;
    -moz-border-radius: 0px 15px 15px 15px;
    -webkit-border-radius: 0px 15px 15px 15px;
    border-top: 2px solid var(--wp--preset--color--dark-grey);
    padding: 20px;
	margin: auto;
	height: inherit;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.thinGreyBox a{
	background: var(--wp--preset--color--dark-grey);
	color:  var(--wp--preset--color--light-grey);	
	padding: 5% 10%;
	border-radius: 50px;
	transition: 0.5s;
	width: auto;
	height: fit-content;
	
}

.thinGreyBox a:hover {
	background: var(--wp--preset--color--popping-green);	
}


.greyPDFbox a:hover {
	background: var(--wp--preset--color--popping-green);	
}

/*notgreybox has been moved to patch list*/

/*fix for small nav text flow*/
.linkAlign {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-evenly;
	width: 100%;
}

/*Small square biocards as seen on Ambassadors page*/
.responsiveGridGallery {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-row-gap: 6vw;
    justify-items:center;
}

.smallSquareCard {
	border-radius: 15px;
    border: 16px solid #D8D8D8;
	text-align: center;
	padding: 10px;
    width: max-content;
	align-items: center;
	display: flex;
    flex-direction: column;
}

.smallSquareCard h3{
	margin: 8px;
}
.smallSquareCard p{
	margin: 8px;
	text-align: center;
}

.smallSquareCard img{
	width: 150px;
	height: 150px;
	margin: 8px;
	border-radius: 100%;
    border: 6px solid #D8D8D8;
}

/*Grey box for standards small image link*/
.standardsContainer{
	border: 10px solid var(--wp--preset--color--light-grey);
}

/*Grey box for standards (mostly paseo2019)*/
.greyStandardsBox {
	border: 10px solid var(--wp--preset--color--light-grey);
	margin: 10px 0px 10px 0px;
}

.greyStandardsBox .titleImageSeperator {
	background-color: var(--wp--preset--color--light-grey);
	width: 100%;
	display: flex;
}

.greyStandardsBox .titleImageSeperator h2{
	margin: auto;
	color: #fff;
}
.greyStandardsBox .titleImageSeperator img{
	height: 5rem;
	border-radius: 0px 20px 0px 30px;
	margin: 0px 0px -30px 0px;
}

.greyStandardsBox p{
	margin: 10px;
	
}
@media (max-width: 400px) {
.greyStandardsBox .titleImageSeperator img{
	height: 3rem;
	}
}
	
.contentSeperator {
	padding: 15px;
}

/*Individual Circle Return link for Curriculum Profiles*/
.smallCircleCard {
    display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
    align-items: center;
}

.smallCircleCard img{
	border-radius: 100%;
    border: 14px solid #e4e4e4;
    max-width: 180px;
	width: 180px;
    height: 180px;
    object-fit: cover;
}


/*Group of Small Circle Navs*/

.circleNavContainer{
	display: flex;	
	flex-wrap: nowrap;
    justify-content: space-evenly;
}

.circleNav{
	padding: 20px;
	text-align: center;
}

@media (max-width: 700px) {
	.circleNavContainer {
	display: flex;	
	flex-wrap: wrap;
	}
	.circleNav{
	padding: 10px;
	}
}

.circleNav a{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
    text-align: center;
	flex-direction: column;
}

.circleNav img{
	border: 8px solid #E4E4E4;
    border-radius: 100%;
    width: 70px;
    height: 70px;
	object-fit: cover;
	max-width: fit-content;
	margin: auto;	
}

.circleNav h3{
	font-size: 22px !important;
	font-weight: normal;
    white-space: nowrap;
}

/*Group of square navs (paseo year selection)*/
.squareNavContainer{
	display: flex;	
	flex-wrap: nowrap;
    justify-content: space-evenly;
}

.squareNav{
	padding: 20px;
}

@media (max-width: 700px) {
	.squareNavContainer {
	display: flex;	
	flex-wrap: wrap;
	}
	.squareNav{
	padding: 10px;
	}
}

.squareNav a{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
    text-align: center;
	flex-direction: column;
}

.squareNav img{
	border: 8px solid #E4E4E4;
       width:120px;
      height:120px;
      object-fit: cover;
      border-radius: 20px;

}

.squareNav h3{
	font-size: 22px !important;
	font-weight: normal;
}

/*Borderless Vertical Artist Bio*/
.borderlessArtistProfileContainer{
    display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
    align-items: center;
}

.borderlessArtistProfileContainer img{
    border-radius: 15px;
	max-width: 220px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/*Quick Tools navigation for Artist Profiles*/
.quickNav {
	border: 16px solid #e4e4e4;
	border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	text-transform: uppercase;
	flex-direction: column;
	display: flex;
	flex-wrap: wrap;
	margin: 10px;
}

.quickNav h2{
	color: #fff;
    background-color: #666;
    font-size: 31px;
    font-family: 'Homenaje', sans-serif;
    margin: 0;
    padding: 12px 0;
    text-align: center;
	
}

.quickNav ul{
	max-width: max-content;
	padding: 0px 0px 0px 30px;
}

.quickNav li{
    border-top: 1px solid #e4e4e4;
    font-size: 25px;
    font-family: 'Homenaje', sans-serif;
	    padding: 20px;
	list-style-image: url("/wp-content/uploads/qt_arrow.png");
}

/* The flip card container, monsters gallery -(remove perspective if you don't want the 3D effect */
/*--------------------------------*/
.card-collection-container {
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.card-title{
  text-align: center;
  clear: both;
  width: 100;
  color: #4b6d20;
  font-size: x-large;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  margin: 0px;
  background-color: transparent;
  width: 250px;
  height: 250px;
  object-fit: contain;
  display: inline-block;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  border-radius: 10%;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #000000;
  color: black;
}

.flip-card-front img{
  object-fit: contain;
  max-width: 250px;
  max-height: 250px;
}

/* Style the back side */
.flip-card-back {
  background-color: #575757;
  color: white;
  transform: rotateY(180deg);
  display: grid;
  align-content: center;
}

.flip-card-back h1{
  color: white;
  font-size: x-large;
}
.flip-card-back p{
  color: white;
  font-size: large;
}

/* Styles for Grey Tile Gallery */
/*--------------------------------*/
.grey-tile-gallery{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}

.grey-tile-gallery-2-column{
	display: grid;
 	grid-template-columns: repeat(2, 1fr);
	justify-content: center;
	gap: 20px;
}

.grey-tile-container {
  position: relative;
  display: grid;
  justify-content: center;
  align-items: center;
  flex: 20%;
}

@media only screen and (max-width: 680px){
	.grey-tile-container {
	flex: 35%;
	}
	
}

.grey-tile-image {
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
}

.grey-tile-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.grey-tile-container:hover .grey-tile-image {
  filter: grayscale(100%);
}

.grey-tile-container:hover .grey-tile-middle {
  opacity: 1;
}

.grey-tile-text p{
  color: white;
  font-size: 24px;
  padding: 16px 32px;
  text-align: center;
}

/*grey-vid-tile-gallery has been moved to patch list*/

/*artist nav gallery has been moved to patch list*/
  
/*----------------------------------------------
------------------------------------------------
10. Plugin Styles
------------------------------------------------
----------------------------------------------*/

/*Styles for Squelch Tabs and Accordions*/

/*Tab type: Invisible with green underline under active*/

.squelch-taas-override.squelch-taas-tab-group.ui-widget-content {
    /* Styles relating to the container of the tab group */
	border: none;
	background: none;
	max-width: 100%;
	line-height: 70px;
}
.squelch-taas-override.squelch-taas-tab-group.ui-widget-content H2{
	color: var(--wp--preset--color--medium-grey);
}
/*makes tab title centered*/
.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-tabs-nav {
    /* Styles relating to the tab bar */
	border: none;
	background: none;
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	padding: 20px;
	flex-wrap: wrap;
	text-align: center;
}
.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-tabs-nav li {
    /* Styles relating to individual tab buttons in the tab bar */
	border: none;
	background: none;
	font-family: 'Homenaje', 'Ariel', sans-serif;
	text-transform: uppercase; 
	white-space: pre-line;
	text-align: center;
}

.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    /* Styles relating to the button of the currently open tab */
	    /* Styles relating to the text of the active button */
	text-decoration: underline !important;
    text-decoration-thickness: 5px !important;
	text-decoration-color: var(--wp--preset--color--popping-green) !important;
	color: var(--wp--preset--color--dark-grey) !important;
}


.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-state-active a,
.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-state-active a:link,
.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-state-active a:visited {
	text-decoration: underline !important;
    text-decoration-thickness: 5px !important;
	text-decoration-color: var(--wp--preset--color--popping-green) !important;
	color: var(--wp--preset--color--dark-grey) !important;

}

.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-state-default a,
.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-state-default a:link,
.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-state-default a:visited {
    /* Styles relating to the text of the other (inactive) buttons */
	color: var(--wp--preset--color--medium-grey);
	font-size: 25px;
}

.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-state-default a:hover{
    /* Styles relating to the text of the other (inactive) buttons */
	color: var(--wp--preset--color--popping-green) !important;
}
.ui-widget {
  font-family: 'Arial', sans-serif !important;
  color: var(--wp--preset--color--dark-grey);
  font-size: 17px !important;
  line-height: 26px;
  margin: 1em auto;
  text-align: left;
  max-width: 85%;	
}
/*Styles for metaslider*/
.metaslider .flex-control-nav{
	max-width: 100%;
	position: static;
	padding-top: 10px;
}

<!--Style for accordion -->
.squelch-taas-override.squelch-taas-accordion {
    /* Styles relating to the container of the tab group */
}
.squelch-taas-override.squelch-taas-accordion .ui-accordion-header {
    /* Styles relating to the titles of the panes */
    background: #ffffff00;
    border: none;
    margin:0px;
    border-radius: 20px;
	text-align: left;
}

.squelch-taas-override.squelch-taas-accordion .ui-accordion-header {
	border-bottom: 3px solid var(--wp--preset--color--light-grey);
}

.squelch-taas-override.squelch-taas-accordion .ui-accordion-active-header {
    /* Styles relating to the title of the open pane */
}
.squelch-taas-override.squelch-taas-accordion .ui-accordion-content {
    /* Styles relating to the contents of the accordion panes */
}

.squelch-taas-override.squelch-taas-accordion .ui-state-default a, .ui-state-default a:link, .ui-state-active a:link, .ui-state-active a:visited {
	font-family: 'Homenaje';
    font-weight: 400;	
	color: grey;
	margin: px;
}

.squelch-taas-override.squelch-taas-accordion .ui-widget-content{
	border: none;
}

#squelch-taas-accordion-0{
    border: 8px solid var(--wp--preset--color--light-grey) !important;
    border-radius: 20px;
}
/*Changes to accordion arrow*/
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
	display: none;
	right: 1.5em;
	display: none !important;
}

/*----------------------------------------------
------------------------------------------------
12. Things that need to be patched properly later Styles
------------------------------------------------
----------------------------------------------*/
/*Used in isea design tool box to center H3*/
.centerH3 H3{
	text-align: center;
}

/*Used sitewide to make small versions of H2. Fix in JSON*/
.largeH2{
	font-size: 46px;
	  line-height: 49px;
}

.wikiH2Fix{
	text-align: left;
	justify-content: flex-start;
}

.wikiSpacingFix{
	text-align: left;
	justify-content: flex-start;
	align-content: flex-start;
}

/*Fix for blog navigation responsiveness. Native system should have responsive option but doesn't seem to, investigate*/
.mobileArchiveNav {
	display: none;
}

.nonMobileArchiveNav {
	display: block;
}


@media only screen and (max-width: 784px) {
	.mobileArchiveNav {
		display: block;
		float: none !important;
		text-align: center;
	}

	.nonMobileArchiveNav {
		display: none;
	}

}

/*forces an extra large image to be constrained, but is double the height of the default blog post. not sure where this is used, may be unnescessary*/
.limitedFeaturedImage img{
	max-height: 600px;
    object-fit: cover;
}

.sponsorsTextFix{
    max-width: 80%;
}

/*Fixes sponsor image size. Replace with REM?*/
@media only screen and (max-width: 700px) {
	.sponsor-gallery{
		width: 90%;
	}
	.sponsor-gallery img{
		max-width: 100px;
	}
	.sponsorsTextFix{
    max-width: 100%;
	}
}

/*Makes videos used instead as featured images have rounded edges. Hero video may not have been implimented*/

.artistFeaturedVideo .wp-embed-responsive .wp-has-aspect-ratio iframe {
	border-radius: 20px;
}


/*Default Vimeo video size, fixes sizing problem. Need youtube implimentation, or better, to figure out why they need fixing*/
.wp-block-embed-vimeo iframe .fix{
    width: calc(100vh);
    height: calc(30vw);
	min-height: 250px;
} 

/*centered flexbox. Revise usage and naming*/
.flexController {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-content: center;
	margin: 2rem;
	gap: 20px;
}

.flexControl{
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

/*these may be unnescessary, artist profilecontainer seems to use h3. Check for other instances before removing*/
.artistProfileContainer h2{
	color: #fff;
    font-size: 26px;
	font-family: 'Homenaje', sans-serif;
	margin: 0px;
    display: flex;
}

.artistProfileContainer h2 span{
	background: #666;
    padding: 9px 15px;
	border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
}

/*not sure what these are used for, check and consider removal*/
.artistRight h2 {
    justify-content: flex-end;
}

.artistCenter h2 {
    justify-content: center;
}

/*Not sure where this is used*/
.greyButtonHeader{
	background: var(--wp--preset--color--medium-grey);
    font-family: 'Homenaje', 'Ariel', sans-serif;
    color: #ffffff;
    padding: 10px 25px;
    border-radius: 25px;
    margin: 30px auto;
	width: fit-content;
	font-weight: normal !important;
}

/*this can probably be fixed. Part of PDFbox*/
.notGreyBox{
    padding: 20px;
	margin: auto;
	height: inherit;
}

/*Fix dark light mixup in json*/

/* Temp vid slider replacement*/
.grey-vid-tile-gallery{
	display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 35%;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-padding: 1rem;	
	min-height: 250px;
	justify-content: start;
	align-items: center;
	padding: 20px;
}

.grey-vid-tile-container {
  position: relative;
  display: grid;
  align-items: center;
  height: fit-content;
  justify-content: center;
}

@media only screen and (max-width: 680px){
	.grey-vid-tile-gallery {
      grid-auto-columns: 50%;
	}
	
}

.grey-vid-tile-image {
  display: block;
  width: 250px;
  height: auto;
  transition: .5s ease;
  border-radius: 20px;
}

.grey-vid-tile-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.grey-vid-tile-container:hover .grey-vid-tile-image {
  filter: grayscale(100%);
  width: 250px;
}

.grey-vid-tile-container:hover .grey-vid-tile-middle {
  opacity: 1;
}

.grey-vid-tile-text p{
  color: white;
  font-size: 24px;
  padding: 16px 32px;
  text-align: center;
  text-shadow: 0px 0px 5px black;
  text-wrap: balance;
}

/*Artist video nav links V1, one of these two is a duplicate*/

.artistNavContainer{
    width:100%;
    max-width: 100%;
    height:100%;
    max-height: 100%;
  }
  
.artistNavContainer .swiper-wrapper{
    display: flex;
    justify-content: space-around;
    align-content: center;
    flex-wrap: wrap;
}
 
@media only screen and (max-width: 770px) {
 .artistNavContainer .swiper-wrapper{
	padding: 50% 0 0 0;
    background-size: contain;
  }
}


  .artistNavContainer a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 150px;
  } 
  
  .artistNavContainer a img{
      width:120px;
      height:120px;
      object-fit: cover;
      border-radius: 20px;
	  margin: auto;
  }
  
  .artistNavContainer .tooltip {
  position: relative;
  background-image: none !important;
  width: 150px;
  padding-top: 15px;
}

.artistNavContainer .tooltip-name {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #666;
  text-align: center;
}


.artistNavContainer .tooltip-name p{
  padding: 5px;
  font-family: 'Homenaje', sans-serif;
  font-size: 20px;
  color: #fff;
  text-align: center;
}

.artistNavContainer .swiper-slide .tooltip-name {
  opacity: .3;
  transition: opacity 0.2s ease-in;
	width: 120px;
	margin: auto;
}

@media only screen and (max-width: 770px) {
  .artistNavContainer .swiper-slide .tooltip-name {
  opacity: .3;
  transition: opacity 0.2s ease-in;
  }
}

.artistNavContainer .swiper-slide:hover .tooltip-name {
  opacity: 1;
}

/*remove after removing lazyblock wiki from templet*/
.wp-block-lazyblock-contentblockwiki-holder {
	margin-top: 10px;
}

.ar-instruction-list {
  list-style-type: decimal;	
}

.ar-instruction-list li:after {
  content: "";
  width: 2px;
  height: 5px;
  background-color: green;
}