/*
 * Shared styles -- dashboard and front end
 * Responsive breakpoints: 600, 768, 960, 1280
 */
 

/* Font imports
--------------------------------------------- */
/* Main regular */
@font-face {
	font-family: Horas;
	src: url('/wp-content/themes/avondale/fonts/Horas-Medium.woff2') format('woff2'), 
		 url('/wp-content/themes/avondale/fonts/Horas-Medium.woff') format('woff');
	font-weight:  500;
	font-style:   normal;
	font-stretch: normal;
}


/* Main semibold */
@font-face {
		font-family: Horas;
	src: url('/wp-content/themes/avondale/fonts/Horas-SemiBold.woff2') format('woff2'), 
		 url('/wp-content/themes/avondale/fonts/Horas-SemiBold.woff') format('woff');
	font-weight:  600;
	font-style:   normal;
	font-stretch: normal;
}


/* Main bold */
@font-face {
		font-family: Horas;
	src: url('/wp-content/themes/avondale/fonts/Horas-Bold.woff2') format('woff2'), 
		 url('/wp-content/themes/avondale/fonts/Horas-Bold.woff') format('woff');
	font-weight:  700;
	font-style:   normal;
	font-stretch: normal;
}

/* Main extrabold */
@font-face {
		font-family:  Horas;
	src: url('/wp-content/themes/avondale/fonts/Horas-ExtraBold.woff2') format('woff2'), 
		 url('/wp-content/themes/avondale/fonts/Horas-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style:   normal;
	font-stretch: normal;
}

/* Main black */
@font-face {
		font-family:  Horas;
	src: url('/wp-content/themes/avondale/fonts/Horas-Black.woff2') format('woff2'), 
		 url('/wp-content/themes/avondale/fonts/Horas-Black.woff') format('woff');
	font-weight: 900;
	font-style:   normal;
	font-stretch: normal;
}

/* Main italic */
@font-face {
	font-family: XXX;
	src: url('fonts/fontname/font.woff2') format('woff2'), 
		 url('fonts/fontname/font.woff') format('woff');
	font-weight:  normal;
	font-style:   italic;
	font-stretch: normal;
}

/* Secondary */
@font-face {
	font-family: XXX;
	src: url('fonts/fontname/font.woff2') format('woff2'), 
		 url('fonts/fontname/font.woff') format('woff');
	font-weight:  normal;
	font-style:   normal;
	font-stretch: normal;
}

/* Typographical Elements
--------------------------------------------- */


.wp-block-buttons.is-layout-flex {
	gap: 1.5rem;
}


.wp-block-spacer {
    margin: 0;
}

.wp-block-group.absolute-shape {
    position: absolute;
    max-width: 27% !important;
    top: 45%;
    left: -16%;
}

.wp-block-group.absolute-shape-left {
    position: absolute;
    bottom: -18%;
    left: -5%;
}

.wp-block-group.absolute-shape-left-large {
    position: absolute;
    bottom: -10%;
    left: -18%;
}

.wp-block-group.absolute-shape-right {
    position: absolute;
    top: 35%;
    right: -5%;
    max-width: fit-content;
}

.wp-block-group.absolute-shape-bottom {
    position: absolute;
    bottom: 8%;
    right: -10%;
    max-width: fit-content;
}

.wp-block-group.absolute-shape-right-large {
    position: absolute;
    top: 30%;
    right: -16%;
    max-width: fit-content;
}

.large-triangle
{
    z-index: 2;
    position: relative;
    mix-blend-mode: multiply;
    margin-top: -8em !important;
}
 
@media only screen and (max-width: 599px) {
	
	/* Safari ~13 doesn't support gap for flexbox, but WP 6.0 has it. Removing and replacing. */
	.wp-block-buttons {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.wp-block-button + .wp-block-button {
		margin: .5em 0 0 0;
	}
	
}


/* Flexbox & Grid
--------------------------------------------- */
.flexbox,
.footer-widgets .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
}

.justify-content-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;		
}

.justify-content-space-between,
.wp-block-columns.is-style-col-spread {
	 -webkit-box-pack: justify;
 	 -webkit-justify-content: space-between;
	 -ms-flex-pack: justify;
         justify-content: space-between;		
}

.align-items-stretch {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	-ms-grid-row-align: stretch;
	align-items: stretch;		
}

.align-items-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;		
}


.align-items-start,
.align-items-start.is-layout-flex,
.is-layout-flex.wp-block-buttons:not(.is-content-justification-center) {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;	
}

.flex-direction-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.flex-1,
.footer-widget-area {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;		
}

.gap-sm {
	grid-gap: 0.5em;
	gap: 0.5em !important;
}

:where(.is-layout-flex),
.flex-gap,
.gap {
	grid-gap: 1em;
	gap: 1em !important;
}

.flex-gap-lg,
.gap-lg {
	grid-gap: 2em;
	gap: 2em;
}

.col-3 .flex-item {
	-webkit-box-flex: 3;
	-ms-flex: 3 1 350px;
	  flex: 3 1 350px;
}

.grid {
	display: -ms-grid;
	display: grid;	
}

.grid.col-3,
.grid.col-4  {
	grid-template-columns: 1fr;
}

@media only screen and (min-width: 768px) {
	
	.grid.col-3,
	.grid.col-4  {
		grid-template-columns: 1fr 1fr;
	}
	
}

@media only screen and (min-width: 1280px) {
	
	/* Flexbox & Grid */
	.grid.col-3 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.grid.col-4  {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}



/* Styling classes
--------------------------------------------- */

.overflow {
	overflow: auto;
}

.visible-overflow{
	overflow:visible;
}

.position-relative {
	position: relative;
}

.no-margin {
	margin: 0 !important;
}

.wp-block-group.no-margin > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.margin-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.margin-top-auto {
	margin-top: auto; /*for flexbox*/
}

.margin-left-auto {
	margin-left: auto; /* for flexbox */
}

.padding-sm {
    padding: var(--wp--preset--spacing--small);
}

.padding-medium {
    padding: var(--wp--preset--spacing--medium);
}

.padding-lg {
    padding: var(--wp--preset--spacing--large);
}

.padding-xlg {
    padding: var(--wp--preset--spacing--xlarge);
}

.no-padding {
	padding: 0 !important;
}


.narrow {
    max-width: 700px !important;
	margin-left: 0;
}


.x-narrow {
	max-width: 450px !important;
	margin-left: 0;
}

.fit-content{
	max-width:fit-content !important
}

.box-shadow{
	box-shadow: 0px 15px 39.39px 0px rgba(0, 0, 0, 0.06);
}
.box-shadow-dark{
box-shadow:0px 12px 39px 0px rgba(0, 0, 0, 0.15);
}

.negative-margin-lg{
		margin-top:-9em ;
	}

.negative-margin-m{
		margin-top:-3em !important;
	}

.negative-margin-sm {
    margin-top: -0.3em ;
}


.founder img.wp-block-cover__image-background{
	max-width: 50%;
    object-position: 0% 52%;
    right: 0;
    left: auto;
	object-fit:contain !important
}

.support img.wp-block-cover__image-background{
    width: 32vw;
    right: 0%;
    height: auto;
    top: auto;
    bottom: 0;
    left: auto;

}

.svg-img.triangle-bullet{
	width:11px;
	min-width:11px;
	line-height:1.1;
}
/* Separator
------------------------------------------ */

hr {
	border: 0;
	border-collapse: collapse;
	border-bottom: 1px solid #eee;
	clear: both;
	margin: 0;
}

hr.wp-block-separator {
	border-bottom: 1px solid;
	border-top: 0;
    width: 100px;
}

hr.wp-block-separator.is-style-wide {
	width: 100%;
}


/* Media-text 
-------------------------*/
.wp-block-media-text .wp-block-media-text__content {
	padding: 0;
}

@media only screen and (max-width: 959px ) {
	
	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100%!important;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media, .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}
	
	/* Constrict media to specific height */
	.wp-block-media-text.is-image-fill .wp-block-media-text__media {
		height: 100%;
		min-height: 250px;
		background-size: cover;
	}
	
	/* All media should appear before content */
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
	}
	
	.no-crop-mobile .wp-block-media-text__media img{
		position:relative !important;
	}
	
}

@media only screen and (min-width: 960px ) {
	
	/* Alignfull media-text with content that fits the width */
	.wp-block-media-text.is-style-content-fit .wp-block-media-text__content {
		max-width: calc(var(--wp--style--global--content-size)/2);	
		width: 100%;
	}
	
	.wp-block-media-text.is-style-content-fit.has-media-on-the-right .wp-block-media-text__content {
		justify-self: right;
	}
	
	.home-hero>.wp-block-cover__image-background{
		max-width: 36vw;
    left: auto;
    right: -12%;
	}
	
	.negative-margin{
		margin-top:-6rem !important;
	}
	
	
	
	.cover-max-height img.wp-block-cover__image-background{
		max-height:720px !important
	}
}

/* Columns block
--------------------------------------------------------------------------------------*/
	
/* Columns with no space between cols */
.wp-block-columns.is-style-col-no-space {
	gap: 0 !important;
}

/* Columns with lines */
.wp-block-columns.is-style-col-lines .wp-block-column:not(:first-of-type) {
	border-top: 3px solid var(--wp--preset--color--purple) ;
	padding-top: var(--wp--preset--spacing--medium);
	margin-top: var(--wp--preset--spacing--medium);
}


/* Columns collapse -- Gutenberg default is to collapse at 600
 * ---------------------------------------------------------------------------*/
@media only screen and (max-width: 959px ) {
	 
	.wp-block-columns {
		flex-wrap: wrap !important;
	}	
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 100%!important;
	}		
	
	.alignfull > .wp-block-columns.col-no-padding {
		padding: 0 var(--wp--preset--spacing--small);
	}
	
	.wp-block-column.no-padding:not(:last-child) {
		padding-top: var(--wp--preset--spacing--small) !important;
	}	

	.col-flip-mobile .wp-block-column:first-of-type {
		order: 2;
	}
	
}


@media only screen and (min-width: 960px) {

	/* Wide column */
	.wp-block-columns.is-style-col-wide {
		gap: 2em !important;
	}	
	
	/* Columns with lines */
	.wp-block-columns.is-style-col-lines .wp-block-column:not(:first-of-type) {
		border-left: 3px solid var(--wp--preset--color--purple);
		border-top: 0;
		padding-top: 0;
		margin-top: 0;
		padding-left: var(--wp--preset--spacing--medium);
	}
	
}

/* Gallery block
--------------------------------------------- */

ul.blocks-gallery-grid,
.wp-block-image {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-gallery .blocks-gallery-item figure {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;		
}

/* Fix for last element filling entire row */
.wp-block-gallery.has-nested-images > figure.wp-block-image {
  flex-grow: inherit;
}


/* Cover block
--------------------------------------------- */
/* negate Gutenberg default */
.wp-block-cover, 
.wp-block-cover-image { 
	padding: 0;
}

/* Allow bottom/left positioning for cover blocks */
.wp-block-cover.is-position-top-left.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.is-position-top-right.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.is-position-top-center.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.is-position-bottom-center.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.is-position-bottom-left.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.is-position-bottom-right.has-custom-content-position .wp-block-cover__inner-container {
	margin: 0 auto;
}


/* When cover blocks have zero opacity, the color is a background. */
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
    opacity: 1;
    z-index: 0 !important;
}

/* Custom cover style -- Make image contain, not cover */
.wp-block-cover.is-style-cover-contain-top img.wp-block-cover__image-background,
.wp-block-cover.is-style-cover-contain-bottom img.wp-block-cover__image-background,
.wp-block-cover.is-style-cover-left img.wp-block-cover__image-background,
.wp-block-cover.is-style-cover-right img.wp-block-cover__image-background {
    -o-object-fit: contain;
    object-fit: contain;
}

.wp-block-cover.is-style-cover-contain-top img.wp-block-cover__image-background {
    -o-object-position: 0 0 !important;
    object-position: 0 0 !important;	
    top: 0;
    bottom: auto;	
}

.wp-block-cover.is-style-cover-contain-bottom img.wp-block-cover__image-background {
    -o-object-position: 0 100% !important;
    object-position: 0 100% !important;		
}

.wp-block-cover.is-style-cover-left img.wp-block-cover__image-background {
	-o-object-position: top left;
    object-position: top left;
}

.wp-block-cover.is-style-cover-right img.wp-block-cover__image-background {
	-o-object-position: top right;
    object-position: top right;
}



/* SVG custom block
--------------------------------------------- */

.svg-img.aligncenter {
    text-align: center;
}

.svg-img {
	line-height: 0;
}


/* Social Links
--------------------------------------------- */

ul.wp-block-social-links {
	margin: 0;
}


/* Accessible Accordion Block */

.accordion-title button {
    background: none;
    border: 0;
    padding: 28px 0;
    border-bottom: 3px solid rgba(146, 88, 203, 0.3);
    width: 100%;
    text-align: left;
	font-size: inherit;
	-webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
	box-shadow: none;
	border-radius: 0px
}

.accordion-title button:hover,
.accordion-title button:focus {
	box-shadow: none;
	color: var(--wp--preset--color--purple);
	cursor:pointer;
	transform:none
} 

.accordion-title button:hover:after,
.accordion-title button:focus:after {
	color: var(--wp--preset--color--purple);
}




.accordion-button:focus,
.accordion-panel:focus {
	outline: none;
}

.accordion-title span {
    width: 100%;
	color: var(--wp--preset--color--dark-purple);
	font-family: var(--wp--preset--font-family--main);
	font-size: var(--wp--preset--font-size--22);
	font-style: normal;
	font-weight: 700;
	line-height: 1.3
}

.hidden.accordion-panel {
	opacity: 0;
    height: 0;
    padding: 0;
	overflow: hidden;
}

.accordion-panel {
    padding: 2em 0;
	-webkit-transition: .2s all linear;
	transition: .2s all linear;
}

.accordion-panel p{
	background: transparent;
    padding-right: 4em;
    color: var(--wp--preset--color--dark-purple);
    font-family: var(--wp--preset--font-family--secondary);
	font-size: var(--wp--preset--font-size--15);
    line-height: 1.5;

}


.accordion-title button:after {
    content: '+';
    float: right;
	font-size: 3rem;
	font-weight: normal;
    line-height: .85;
}

.accordion-title button[aria-expanded="true"]:after {
    content: '-';
}



/* Swiper/Slider
--------------------------------------------- */

.arrows-outside .swiper-wrapper {
    width: 85% !important;
    margin: auto;
}

.swiper-button-prev, 
.swiper-button-next {
    color: inherit !important;
	-webkit-transform: scale(.5);
    transform: scale(.5);
}

.swiper-pagination-bullet-active {
	background: var(--wp--preset--color--primary) !important;
}