@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Base
	- Typography
	- Elements
	- Links
	- Buttons
	- Forms
# Layouts, Margin, and Padding
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# Plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
# Print

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
:root {
	--max-width: 1200px;

	/* margin and padding variables */
	--mp-0: 0;
	--mp-1: 0.25rem;
	--m-n1: -0.25rem;
	--mp-2: 0.5rem;
	--m-n2: -0.5rem;
	--mp-3: 1rem;
	--m-n3: -1rem;
	--mp-4: 1.5rem;
	--m-n4: -1.5rem;
	--mp-5: 4rem;
	--m-n5: -4rem;
	--gutter: 30px;
	--grid-spacer: 20px;
	--standard-border: 2px;
}


.standard-border {
	border: var(--standard-border) solid;
}

.grid-spacer-bottom{
	margin-bottom: var(--grid-spacer) !important;
}

.grid-spacer-top{
	margin-top: var(--grid-spacer) !important;
}


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

	.entry-content {
		margin: 0 var(--mp-4) !important;
	}

}

/* Main Elements
--------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}


main {
	min-height: 75vh;
}

hr {
	background-color: var(--black);
	border: 0;
	height: var(--standard-border);
	box-sizing: content-box;
	overflow: visible;


}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
 	border-style: none;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	border-collapse: collapse;
}

th {
	text-align: inherit;
}


/* Links
--------------------------------------------- */
a {
  color: var(--black);
  text-decoration: underline;
  background-color: transparent; }
  
  a:hover {
    /* color: var(--black); */
	}



a:not([href]) {
	color: inherit;
	text-decoration: none; }
	a:not([href]):hover {
	  color: inherit;
	  text-decoration: none; }

a:visited {

}

a:hover,
a:focus,
a:active {

}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* yellow hilight on paragraph text only*/
p > a:hover{
	opacity: 1.0; 
	background-color:var(--ia-light-yellow);
}

/* Buttons
--------------------------------------------- */

/*clear default Safari button styling */
button, [type="button"], [type="reset"], [type="submit"]  {
	-webkit-appearance: none !important;
	appearance: button !important;
	-moz-appearance: none !important;
	
	}


/*clear 75% opacity hover effects */
a.button:hover, p.button:hover {
	opacity:1.0;

}

.btn-border-black {
    border: var(--standard-border) solid var(--black);
    border-radius: 5px;
    padding: .25rem .75rem;
    font-family: var(--font-family-monospace);
    font-size: 90%;
	text-decoration: none;
	opacity: 1.0; 
	background-color: var(--button-color);

}

.btn-border-white {
    border: var(--standard-border) solid var(--white);
    border-radius: 5px;
    padding: .25rem .75rem;
	font-family: var(--font-family-monospace);
	font-size: 90%;
	color: var(--white);
    text-decoration: none;
}

.btn-border-black:hover, .btn-border-white:hover {
  
	border: var(--standard-border) solid var(--black);
    border-radius: 5px;
    font-family: var(--font-family-monospace);
    font-size: 90%;
	text-decoration: none;
	color: var(--white);
	opacity: 1.0; 
	
	background-color: var(--black);
}

.simple-btn {
	border: 2px solid var(--black);
	padding: .25rem .75rem;
	text-decoration: none;
	border-radius: 5px;
	font-size: 90%;
}

.simple-btn:hover {
	color: var(--white);
	background-color: var(--black);
}

a.simple-btn:hover {
	color: var(--white) !important;
	background-color: var(--black) !important;
}

.big-btn {
    background-color: var(--button-color);
	border: 2px solid var(--black);
	text-decoration: none;
	border-radius: 5px;
	color: var(--black);
	width: 100%;

}

.big-btn:hover {
    background-color: var(--black);
	color: var(--white);
}

a.big-btn > p {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6;
    color: var(--black);
    letter-spacing: .05rem;
    margin: var(--mp-1);
}

a.big-btn > p:hover, a.big-btn:hover {
    color: var(--white);
}

.big-btn:hover{
	color: var(--white);
	background-color: var(--black);
}


/* Wordpress Block: Button ----------------------------- */


.wp-block-button{
	border: var(--standard-border) solid var(--black);
    border-radius: 5px;
    padding: .15rem .75rem;
    font-family: var(--font-family-monospace);
    font-size: 90%;
	text-decoration: none;
	opacity: 1.0; 
	background-color: var(--button-color);
}

.wp-block-button:hover{
	border: var(--standard-border) solid var(--black);
    border-radius: 5px;
    font-family: var(--font-family-monospace);
    font-size: 90%;
	text-decoration: none;
	color: var(--white);
	opacity: 1.0; 
	
	background-color: var(--black);
	
}

.wp-block-button:hover .wp-block-button__link {
	background-color: var(--black);
	color:var(--white) !important;
}

a.wp-block-button__link {
	letter-spacing: .05rem;
    font-family: var(--font-family-monospace);
	text-decoration: none;
	opacity: 1.0; 
	text-transform: uppercase;
	color:black !important;
	
}

.wp-block-button__link {
    color: var(--black);
    background-color: var(--button-color);
    border: none;
	border-radius:0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
}

.wp-block-button__link:hover{
	background-color: var(--black);
	color:var(--white) !important;

}

a.wp-block-button__link:hover{
	color:var(--white) !important;
}


.wp-block-button.is-style-outline {
	color: inherit;
}

.is-style-outline .wp-block-button__link:not(.has-text-color) {
	color: inherit;
}

.is-style-outline .wp-block-button__link {
	padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem);
}





/* Paginator Next/Prev Buttons */

.paginator-container{
text-align:right;
margin-right:15%;

}

.paginator a{
	font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6;
    color: var(--black);
    letter-spacing: .05rem;
    border: 2px solid;
    padding: .15rem 1.25rem;
    text-decoration: none;
    border-radius: 5px;	
	
}

.paginator a:hover{
	color: var(--white);
	opacity: 1.0; 
	background-color: var(--black);
	border:  2px solid var(--black);
		
}

.paginator-next{
	grid-column-start:10;
	grid-column-end:12;
}

.paginator-prev{
	grid-column-start:9;
	grid-column-end:11;
}




/* Forms
--------------------------------------------- */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-color: var(--ia-red);
	border-radius: 0;
	background: var(--light-gray);
	color: var(--white);
	line-height: 1;
	padding: 12px 24px;
	font-size: 18px;
}

button:focus {
	outline: 1px dotted;
  	outline: 5px auto -webkit-focus-ring-color;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: var(--gray);
	border: none;
	background-color: var(--light-gray);
	/* border-radius: 3px; */
	padding: .5rem;
	/*margin-top: .25rem;
	margin-bottom: .25rem; */
	width: 100%;
	border: var(--standard-border) solid var(--black);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

  /* donate page input styling */

  select {
	-webkit-appearance: none;
	appearance: none;
  }

  .select-wrapper {
	position: relative;
	display:inline-block;
  }
  
  .select-wrapper::after {
	display: inline;
    content: url(https://new.interferencearchive.org/wp-content/themes/interference-archive-2021/icons/down-arrow.svg);
    color: black;
    opacity: 1;
    font-size: 2rem;
    margin-top: -10px;
    position: absolute;
    right: 15px;
    top: 3px;
	

  }

  table select{
	font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5;
    color: var(--black);
    text-align: left;
    letter-spacing: .05rem;
    padding: 0.25rem 3.25rem 0.25rem 2.25rem;
    background-color: var(--white);
    border: 2px solid var(--black);
    text-decoration: none;
    border-radius: 5px;
  }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

  .close {
	float: right;
	font-size: 1.6875rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
opacity: .5;  }

.dismissible {
	float: right;
	font-size: 1.6875rem;
/*	font-weight: 700; */
	line-height: 1;
	color: #000;

}

input[type="search"]::-webkit-search-cancel-button{

	-webkit-appearance: none;
	height: 0.95em;
	width: 0.95em;
	border-radius: 50em;
	background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
	background-size: contain;
	opacity:0;
	pointer-events: none;
	background-color:transparent;
	display:none;

}

input[type="search"]:focus::-webkit-search-cancel-button {
	opacity: .3;
	pointer-events: all;
	display:inline-block;
  }




.close:hover {
	  color: #000;
	  text-decoration: none; 
	
	}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
	  opacity: .75; }

		.dismissible:hover {
			color: #000;
			text-decoration: none; }
		.dismissible:not(:disabled):not(.disabled):hover,
		.dismissible:not(:disabled):not(.disabled):focus {
			opacity: .75; }

  button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	appearance: none; }

	button.dismissible {
	padding: 0;
	background-color: transparent;
	border: 0;
	appearance: none; }

  a.close.disabled {
	pointer-events: none; }

  .modal-open {
	overflow: hidden; }
	.modal-open .modal {
	  overflow-x: hidden;
	  overflow-y: auto; }

  .modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0; }

  .modal-dialog {
	position: relative;
	width: auto;
	margin: 0.5rem;
	pointer-events: none; }
	.modal.fade .modal-dialog {
	  transition: transform 0.3s ease-out;
	  transform: translate(0, -50px); }
	  @media (prefers-reduced-motion: reduce) {
		.modal.fade .modal-dialog {
		  transition: none; } }
	.modal.show .modal-dialog {
	  transform: none; }
	.modal.modal-static .modal-dialog {
	  transform: scale(1.02); }

  .modal-dialog-scrollable {
	display: flex;
	max-height: calc(100% - 1rem); }
	.modal-dialog-scrollable .modal-content {
	  max-height: calc(100vh - 1rem);
	  overflow: hidden; }
	.modal-dialog-scrollable .modal-header,
	.modal-dialog-scrollable .modal-footer {
	  flex-shrink: 0; }
	.modal-dialog-scrollable .modal-body {
	  overflow-y: auto; }

  .modal-dialog-centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - 1rem); }
	.modal-dialog-centered::before {
	  display: block;
	  height: calc(100vh - 1rem);
	  content: ""; }
	.modal-dialog-centered.modal-dialog-scrollable {
	  flex-direction: column;
	  justify-content: center;
	  height: 100%; }
	  .modal-dialog-centered.modal-dialog-scrollable .modal-content {
		max-height: none; }
	  .modal-dialog-centered.modal-dialog-scrollable::before {
		content: none; }

  .modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0; }

  .modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000; }
	.modal-backdrop.fade {
	  opacity: 0; }
	.modal-backdrop.show {
	  opacity: 0.5; }

  .modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #000;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px); }
	.modal-header .close {
	  padding: 1rem 1rem;
	  margin: -1rem -1rem -1rem auto; }

  .modal-title {
	margin-bottom: 0;
	line-height: 1.25; }

  .modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 1rem; }

  .modal-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	padding: 0.75rem;
	border-top: 1px solid #000;
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px); }
	.modal-footer > * {
	  margin: 0.25rem; }

  .modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll; }

  @media (min-width: 576px) {
	.modal-dialog {
	  max-width: 500px;
	  margin: 1.75rem auto; }
	.modal-dialog-scrollable {
	  max-height: calc(100% - 3.5rem); }
	  .modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 3.5rem); }
	.modal-dialog-centered {
	  min-height: calc(100% - 3.5rem); }
	  .modal-dialog-centered::before {
		height: calc(100vh - 3.5rem); }
	.modal-sm {
	  max-width: 300px; } }

  @media (min-width: 992px) {
	.modal-lg,
	.modal-xl {
	  max-width: 800px; } }

  @media (min-width: 1200px) {
	.modal-xl {
	  max-width: 1140px; } }



/*--------------------------------------------------------------
# Layouts, Margin, and Padding
--------------------------------------------------------------*/
.centered {
	margin: 0 auto;
}

.grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	/* grid-gap: 2rem; */
	/* grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); */
  /* This is better for small screens, once min() is better supported */
  /* grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); */
  /* grid-gap: 1rem; */
  /* max-width: 1200px; */
  margin: 0 auto;
}

.grid-gap {
	grid-gap: var(--mp-4);
}

.two-up-grid {
    display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: var(--mp-4);
	grid-column-gap: var(--mp-5);
}

@media screen and (max-width: 767px) {
	.two-up-grid {
		grid-template-columns: 1fr;
	}
}


@media (max-width: 991.98px) {
	.grid-col-1 {
		grid-column: span 6;
	  }
	  .grid-col-2 {
		grid-column: span 6;
	  }
	  .grid-col-3 {
		grid-column: span 6;
	  }
	  .grid-col-4 {
		grid-column: span 6;
	  }
	  .grid-col-5 {
		grid-column: span 6;
	  }
	  .grid-col-6 {
		grid-column: span 6;
	  }
	  .grid-col-7 {
		grid-column: span 6;
	  }
	  .grid-col-8 {
		grid-column: span 6;
	  }
	  .grid-col-9 {
		grid-column: span 6;
	  }
	  .grid-col-10 {
		grid-column: span 6;
	  }
	  .grid-col-11 {
		grid-column: span 6;
	  }
	  .grid-col-12 {
		grid-column: span 12;
	  }
}

@media (max-width: 767px) {
	.grid-col-1 {
	  grid-column: span 12;
	}
	.grid-col-2 {
	  grid-column: span 12;
	}
	.grid-col-3 {
	  grid-column: span 12;
	}
	.grid-col-4 {
	  grid-column: span 12;
	}
	.grid-col-5 {
	  grid-column: span 12;
	}
	.grid-col-6 {
	  grid-column: span 12;
	}
	.grid-col-7 {
	  grid-column: span 12;
	}
	.grid-col-8 {
	  grid-column: span 12;
	}
	.grid-col-9 {
	  grid-column: span 12;
	}
	.grid-col-10 {
	  grid-column: span 12;
	}
	.grid-col-11 {
	  grid-column: span 12;
	}
	.offset-4 {
	  grid-column-start: 1;
	  grid-column-end: 13;
	}

	.offset-3 {
	  grid-column-start: 1;
	  grid-column-end: 13;
	}

	.offset-2 {
	  grid-column-start: 1;
	  grid-column-end: 13;
	}

	.offset-1 {
	  grid-column-start: 1;
	  grid-column-end: 13;
	}
  }

  @media (min-width: 992px) {
	.grid-col-1 {
	  grid-column: span 1;
	}

	.grid-col-2 {
	  grid-column: span 2;
	}

	.grid-col-3 {
	  grid-column: span 3;
	}

	.grid-col-4 {
	  grid-column: span 4;
	}

	.grid-col-5 {
	  grid-column: span 5;
	}

	.grid-col-6 {
	  grid-column: span 6;
	}

	.grid-col-7 {
	  grid-column: span 7;
	}

	.grid-col-8 {
	  grid-column: span 8;
	}

	.grid-col-9 {
	  grid-column: span 9;
	}

	.grid-col-10 {
	  grid-column: span 10;
	}

	.grid-col-11 {
	  grid-column: span 11;
	}

	.grid-col-12 {
	  grid-column: span 12;
	}

	.offset-4 {
	  grid-column-start: 5;
	  grid-column-end: 9;
	}

	.offset-3 {
	  grid-column-start: 4;
	  grid-column-end: 10;
	}

	.offset-2 {
	  grid-column-start: 3;
	  grid-column-end: 11;
	}

	.offset-1 {
	  grid-column-start: 2;
	  grid-column-end: 12;
	}
  }

@media (min-width: 576px) {
	.flex-sm-row {
	  flex-direction: row !important; }
	.flex-sm-column {
	  flex-direction: column !important; }
	.flex-sm-row-reverse {
	  flex-direction: row-reverse !important; }
	.flex-sm-column-reverse {
	  flex-direction: column-reverse !important; }
	.flex-sm-wrap {
	  flex-wrap: wrap !important; }
	.flex-sm-nowrap {
	  flex-wrap: nowrap !important; }
	.flex-sm-wrap-reverse {
	  flex-wrap: wrap-reverse !important; }
	.flex-sm-fill {
	  flex: 1 1 auto !important; }
	.flex-sm-grow-0 {
	  flex-grow: 0 !important; }
	.flex-sm-grow-1 {
	  flex-grow: 1 !important; }
	.flex-sm-shrink-0 {
	  flex-shrink: 0 !important; }
	.flex-sm-shrink-1 {
	  flex-shrink: 1 !important; }
	.justify-content-sm-start {
	  justify-content: flex-start !important; }
	.justify-content-sm-end {
	  justify-content: flex-end !important; }
	.justify-content-sm-center {
	  justify-content: center !important; }
	.justify-content-sm-between {
	  justify-content: space-between !important; }
	.justify-content-sm-around {
	  justify-content: space-around !important; }
	.align-items-sm-start {
	  align-items: flex-start !important; }
	.align-items-sm-end {
	  align-items: flex-end !important; }
	.align-items-sm-center {
	  align-items: center !important; }
	.align-items-sm-baseline {
	  align-items: baseline !important; }
	.align-items-sm-stretch {
	  align-items: stretch !important; }
	.align-content-sm-start {
	  align-content: flex-start !important; }
	.align-content-sm-end {
	  align-content: flex-end !important; }
	.align-content-sm-center {
	  align-content: center !important; }
	.align-content-sm-between {
	  align-content: space-between !important; }
	.align-content-sm-around {
	  align-content: space-around !important; }
	.align-content-sm-stretch {
	  align-content: stretch !important; }
	.align-self-sm-auto {
	  align-self: auto !important; }
	.align-self-sm-start {
	  align-self: flex-start !important; }
	.align-self-sm-end {
	  align-self: flex-end !important; }
	.align-self-sm-center {
	  align-self: center !important; }
	.align-self-sm-baseline {
	  align-self: baseline !important; }
	.align-self-sm-stretch {
	  align-self: stretch !important; } }

  @media (min-width: 768px) {
	.flex-md-row {
	  flex-direction: row !important; }
	.flex-md-column {
	  flex-direction: column !important; }
	.flex-md-row-reverse {
	  flex-direction: row-reverse !important; }
	.flex-md-column-reverse {
	  flex-direction: column-reverse !important; }
	.flex-md-wrap {
	  flex-wrap: wrap !important; }
	.flex-md-nowrap {
	  flex-wrap: nowrap !important; }
	.flex-md-wrap-reverse {
	  flex-wrap: wrap-reverse !important; }
	.flex-md-fill {
	  flex: 1 1 auto !important; }
	.flex-md-grow-0 {
	  flex-grow: 0 !important; }
	.flex-md-grow-1 {
	  flex-grow: 1 !important; }
	.flex-md-shrink-0 {
	  flex-shrink: 0 !important; }
	.flex-md-shrink-1 {
	  flex-shrink: 1 !important; }
	.justify-content-md-start {
	  justify-content: flex-start !important; }
	.justify-content-md-end {
	  justify-content: flex-end !important; }
	.justify-content-md-center {
	  justify-content: center !important; }
	.justify-content-md-between {
	  justify-content: space-between !important; }
	.justify-content-md-around {
	  justify-content: space-around !important; }
	.align-items-md-start {
	  align-items: flex-start !important; }
	.align-items-md-end {
	  align-items: flex-end !important; }
	.align-items-md-center {
	  align-items: center !important; }
	.align-items-md-baseline {
	  align-items: baseline !important; }
	.align-items-md-stretch {
	  align-items: stretch !important; }
	.align-content-md-start {
	  align-content: flex-start !important; }
	.align-content-md-end {
	  align-content: flex-end !important; }
	.align-content-md-center {
	  align-content: center !important; }
	.align-content-md-between {
	  align-content: space-between !important; }
	.align-content-md-around {
	  align-content: space-around !important; }
	.align-content-md-stretch {
	  align-content: stretch !important; }
	.align-self-md-auto {
	  align-self: auto !important; }
	.align-self-md-start {
	  align-self: flex-start !important; }
	.align-self-md-end {
	  align-self: flex-end !important; }
	.align-self-md-center {
	  align-self: center !important; }
	.align-self-md-baseline {
	  align-self: baseline !important; }
	.align-self-md-stretch {
	  align-self: stretch !important; } }

  @media (min-width: 992px) {
	.flex-lg-row {
	  flex-direction: row !important; }
	.flex-lg-column {
	  flex-direction: column !important; }
	.flex-lg-row-reverse {
	  flex-direction: row-reverse !important; }
	.flex-lg-column-reverse {
	  flex-direction: column-reverse !important; }
	.flex-lg-wrap {
	  flex-wrap: wrap !important; }
	.flex-lg-nowrap {
	  flex-wrap: nowrap !important; }
	.flex-lg-wrap-reverse {
	  flex-wrap: wrap-reverse !important; }
	.flex-lg-fill {
	  flex: 1 1 auto !important; }
	.flex-lg-grow-0 {
	  flex-grow: 0 !important; }
	.flex-lg-grow-1 {
	  flex-grow: 1 !important; }
	.flex-lg-shrink-0 {
	  flex-shrink: 0 !important; }
	.flex-lg-shrink-1 {
	  flex-shrink: 1 !important; }
	.justify-content-lg-start {
	  justify-content: flex-start !important; }
	.justify-content-lg-end {
	  justify-content: flex-end !important; }
	.justify-content-lg-center {
	  justify-content: center !important; }
	.justify-content-lg-between {
	  justify-content: space-between !important; }
	.justify-content-lg-around {
	  justify-content: space-around !important; }
	.align-items-lg-start {
	  align-items: flex-start !important; }
	.align-items-lg-end {
	  align-items: flex-end !important; }
	.align-items-lg-center {
	  align-items: center !important; }
	.align-items-lg-baseline {
	  align-items: baseline !important; }
	.align-items-lg-stretch {
	  align-items: stretch !important; }
	.align-content-lg-start {
	  align-content: flex-start !important; }
	.align-content-lg-end {
	  align-content: flex-end !important; }
	.align-content-lg-center {
	  align-content: center !important; }
	.align-content-lg-between {
	  align-content: space-between !important; }
	.align-content-lg-around {
	  align-content: space-around !important; }
	.align-content-lg-stretch {
	  align-content: stretch !important; }
	.align-self-lg-auto {
	  align-self: auto !important; }
	.align-self-lg-start {
	  align-self: flex-start !important; }
	.align-self-lg-end {
	  align-self: flex-end !important; }
	.align-self-lg-center {
	  align-self: center !important; }
	.align-self-lg-baseline {
	  align-self: baseline !important; }
	.align-self-lg-stretch {
	  align-self: stretch !important; } }

  @media (min-width: 1200px) {
	.flex-xl-row {
	  flex-direction: row !important; }
	.flex-xl-column {
	  flex-direction: column !important; }
	.flex-xl-row-reverse {
	  flex-direction: row-reverse !important; }
	.flex-xl-column-reverse {
	  flex-direction: column-reverse !important; }
	.flex-xl-wrap {
	  flex-wrap: wrap !important; }
	.flex-xl-nowrap {
	  flex-wrap: nowrap !important; }
	.flex-xl-wrap-reverse {
	  flex-wrap: wrap-reverse !important; }
	.flex-xl-fill {
	  flex: 1 1 auto !important; }
	.flex-xl-grow-0 {
	  flex-grow: 0 !important; }
	.flex-xl-grow-1 {
	  flex-grow: 1 !important; }
	.flex-xl-shrink-0 {
	  flex-shrink: 0 !important; }
	.flex-xl-shrink-1 {
	  flex-shrink: 1 !important; }
	.justify-content-xl-start {
	  justify-content: flex-start !important; }
	.justify-content-xl-end {
	  justify-content: flex-end !important; }
	.justify-content-xl-center {
	  justify-content: center !important; }
	.justify-content-xl-between {
	  justify-content: space-between !important; }
	.justify-content-xl-around {
	  justify-content: space-around !important; }
	.align-items-xl-start {
	  align-items: flex-start !important; }
	.align-items-xl-end {
	  align-items: flex-end !important; }
	.align-items-xl-center {
	  align-items: center !important; }
	.align-items-xl-baseline {
	  align-items: baseline !important; }
	.align-items-xl-stretch {
	  align-items: stretch !important; }
	.align-content-xl-start {
	  align-content: flex-start !important; }
	.align-content-xl-end {
	  align-content: flex-end !important; }
	.align-content-xl-center {
	  align-content: center !important; }
	.align-content-xl-between {
	  align-content: space-between !important; }
	.align-content-xl-around {
	  align-content: space-around !important; }
	.align-content-xl-stretch {
	  align-content: stretch !important; }
	.align-self-xl-auto {
	  align-self: auto !important; }
	.align-self-xl-start {
	  align-self: flex-start !important; }
	.align-self-xl-end {
	  align-self: flex-end !important; }
	.align-self-xl-center {
	  align-self: center !important; }
	.align-self-xl-baseline {
	  align-self: baseline !important; }
	.align-self-xl-stretch {
	  align-self: stretch !important; } }

  .float-left {
	float: left !important; }

  .float-right {
	float: right !important; }

  .float-none {
	float: none !important; }

  @media (min-width: 576px) {
	.float-sm-left {
	  float: left !important; }
	.float-sm-right {
	  float: right !important; }
	.float-sm-none {
	  float: none !important; } }

  @media (min-width: 768px) {
	.float-md-left {
	  float: left !important; }
	.float-md-right {
	  float: right !important; }
	.float-md-none {
	  float: none !important; } }

  @media (min-width: 992px) {
	.float-lg-left {
	  float: left !important; }
	.float-lg-right {
	  float: right !important; }
	.float-lg-none {
	  float: none !important; } }

  @media (min-width: 1200px) {
	.float-xl-left {
	  float: left !important; }
	.float-xl-right {
	  float: right !important; }
	.float-xl-none {
	  float: none !important; } }

  .overflow-auto {
	overflow: auto !important; }

  .overflow-hidden {
	overflow: hidden !important; }

  .position-static {
	position: static !important; }

  .position-relative {
	position: relative !important; }

  .position-absolute {
	position: absolute !important; }

  .position-fixed {
	position: fixed !important; }

  .position-sticky {
	position: sticky !important; }

  .fixed-top {
	position: fixed;
	/* top: 0; */
	z-index: 1030; }

  .fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030; }

  @supports (position: sticky) {
	.sticky-top {
	  position: sticky;
	  top: 0;
	  z-index: 1020; } }

  .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0; }

  .sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal; }

  .shadow-sm {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

  .shadow {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

  .shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

  .shadow-none {
	box-shadow: none !important; }

  .w-25 {
	width: 25% !important; }

  .w-50 {
	width: 50% !important; }

  .w-75 {
	width: 75% !important; }

  .w-100 {
	width: 100% !important; }

  .w-auto {
	width: auto !important; }

  .h-25 {
	height: 25% !important; }

  .h-50 {
	height: 50% !important; }

  .h-75 {
	height: 75% !important; }

  .h-100 {
	height: 100% !important; }

  .h-auto {
	height: auto !important; }

  .mw-100 {
	max-width: 100% !important; }

  .mh-100 {
	max-height: 100% !important; }

  .min-vw-100 {
	min-width: 100vw !important; }

  .min-vh-100 {
	min-height: 100vh !important; }

  .vw-100 {
	width: 100vw !important; }

  .vh-100 {
	height: 100vh !important; }

  .stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0); }

  .m-0 {
	margin: var(--mp-0) !important; }

  .mt-0,
  .my-0 {
	margin-top: var(--mp-0) !important; }

  .mr-0,
  .mx-0 {
	margin-right: var(--mp-0) !important; }

  .mb-0,
  .my-0 {
	margin-bottom: var(--mp-0) !important; }

  .ml-0,
  .mx-0 {
	margin-left: var(--mp-0) !important; }

  .m-1 {
	margin: var(--pad-mar-xs) !important; }

  .mt-1,
  .my-1 {
	margin-top: var(--pad-mar-xs) !important; }

  .mr-1,
  .mx-1 {
	margin-right: var(--pad-mar-xs) !important; }

  .mb-1,
  .my-1 {
	margin-bottom: var(--pad-mar-xs) !important; }

  .ml-1,
  .mx-1 {
	margin-left: var(--pad-mar-xs) !important; }

  .m-2 {
	margin: var(--mp-2) !important; }

  .mt-2,
  .my-2 {
	margin-top: var(--mp-2) !important; }

  .mr-2,
  .mx-2 {
	margin-right: var(--mp-2) !important; }

  .mb-2,
  .my-2 {
	margin-bottom: var(--mp-2) !important; }

  .ml-2,
  .mx-2 {
	margin-left: var(--mp-2) !important; }

  .m-3 {
	margin: var(--mp-3) !important; }

  .mt-3,
  .my-3 {
	margin-top: var(--mp-3) !important; }

  .mr-3,
  .mx-3 {
	margin-right: var(--mp-3) !important; }

  .mb-3,
  .my-3 {
	margin-bottom: var(--mp-3) !important; }

  .ml-3,
  .mx-3 {
	margin-left: var(--mp-3) !important; }

  .m-4 {
	margin: var(--mp-4) !important; }

  .mt-4,
  .my-4 {
	margin-top: var(--mp-4) !important; }

  .mr-4,
  .mx-4 {
	margin-right: var(--mp-4) !important; }

  .mb-4,
  .my-4 {
	margin-bottom: var(--mp-4) !important; }

  .ml-4,
  .mx-4 {
	margin-left: var(--mp-4) !important; }

  .m-5 {
	margin: var(--mp-5) !important; }

  .mt-5,
  .my-5 {
	margin-top: var(--mp-5) !important; }

  .mr-5,
  .mx-5 {
	margin-right: var(--mp-5) !important; }

  .mb-5,
  .my-5 {
	margin-bottom: var(--mp-5) !important; }

  .ml-5,
  .mx-5 {
	margin-left: var(--mp-5) !important; }

  .p-0 {
	padding: var(--mp-0) !important; }

  .pt-0,
  .py-0 {
	padding-top: var(--mp-0) !important; }

  .pr-0,
  .px-0 {
	padding-right: var(--mp-0) !important; }

  .pb-0,
  .py-0 {
	padding-bottom: var(--mp-0) !important; }

  .pl-0,
  .px-0 {
	padding-left: var(--mp-0) !important; }

  .p-1 {
	padding: var(--mp-1) !important; }

  .pt-1,
  .py-1 {
	padding-top: 0.25rem !important; }

  .pr-1,
  .px-1 {
	padding-right: var(--mp-1) !important; }

  .pb-1,
  .py-1 {
	padding-bottom: var(--mp-1) !important; }

  .pl-1,
  .px-1 {
	padding-left: var(--mp-1) !important; }

  .p-2 {
	padding: var(--mp-2) !important; }

  .pt-2,
  .py-2 {
	padding-top: var(--mp-2) !important; }

  .pr-2,
  .px-2 {
	padding-right: var(--mp-2) !important; }

  .pb-2,
  .py-2 {
	padding-bottom: var(--mp-2) !important; }

  .pl-2,
  .px-2 {
	padding-left: var(--mp-2) !important; }

  .p-3 {
	padding: var(--mp-3) !important; }

  .pt-3,
  .py-3 {
	padding-top: var(--mp-3) !important; }

  .pr-3,
  .px-3 {
	padding-right: var(--mp-3) !important; }

  .pb-3,
  .py-3 {
	padding-bottom: var(--mp-3) !important; }

  .pl-3,
  .px-3 {
	padding-left: var(--mp-3) !important; }

  .p-4 {
	padding: var(--mp-4) !important; }

  .pt-4,
  .py-4 {
	padding-top: var(--mp-4) !important; }

  .pr-4,
  .px-4 {
	padding-right: var(--mp-4) !important; }

  .pb-4,
  .py-4 {
	padding-bottom: var(--mp-4) !important; }

  .pl-4,
  .px-4 {
	padding-left: var(--mp-4) !important; }

  .p-5 {
	padding: var(--mp-5) !important; }

  .pt-5,
  .py-5 {
	padding-top: var(--mp-5) !important; }

  .pr-5,
  .px-5 {
	padding-right: var(--mp-5) !important; }

  .pb-5,
  .py-5 {
	padding-bottom: var(--mp-5) !important; }

  .pl-5,
  .px-5 {
	padding-left: var(--mp-5) !important; }

  .m-n1 {
	margin: var(--m-n1) !important; }

  .mt-n1,
  .my-n1 {
	margin-top: var(--m-n1) !important; }

  .mr-n1,
  .mx-n1 {
	margin-right: var(--m-n1) !important; }

  .mb-n1,
  .my-n1 {
	margin-bottom: var(--m-n1) !important; }

  .ml-n1,
  .mx-n1 {
	margin-left: var(--m-n1) !important; }

  .m-n2 {
	margin: var(--m-n2) !important; }

  .mt-n2,
  .my-n2 {
	margin-top: var(--m-n2) !important; }

  .mr-n2,
  .mx-n2 {
	margin-right: var(--m-n2) !important; }

  .mb-n2,
  .my-n2 {
	margin-bottom: var(--m-n2) !important; }

  .ml-n2,
  .mx-n2 {
	margin-left: var(--m-n2) !important; }

  .m-n3 {
	margin: var(--m-n3) !important; }

  .mt-n3,
  .my-n3 {
	margin-top: var(--m-n3) !important; }

  .mr-n3,
  .mx-n3 {
	margin-right: var(--m-n3) !important; }

  .mb-n3,
  .my-n3 {
	margin-bottom: var(--m-n3) !important; }

  .ml-n3,
  .mx-n3 {
	margin-left: var(--m-n3) !important; }

  .m-n4 {
	margin: var(--m-n4) !important; }

  .mt-n4,
  .my-n4 {
	margin-top: var(--m-n4) !important; }

  .mr-n4,
  .mx-n4 {
	margin-right: var(--m-n4) !important; }

  .mb-n4,
  .my-n4 {
	margin-bottom: var(--m-n4) !important; }

  .ml-n4,
  .mx-n4 {
	margin-left: var(--m-n4) !important; }

  .m-n5 {
	margin: var(--m-n5) !important; }

  .mt-n5,
  .my-n5 {
	margin-top: var(--m-n5) !important; }

  .mr-n5,
  .mx-n5 {
	margin-right: var(--m-n5) !important; }

  .mb-n5,
  .my-n5 {
	margin-bottom: var(--m-n5) !important; }

  .ml-n5,
  .mx-n5 {
	margin-left: var(--m-n5) !important; }

  .m-auto {
	margin: auto !important; }

  .mt-auto,
  .my-auto {
	margin-top: auto !important; }

  .mr-auto,
  .mx-auto {
	margin-right: auto !important; }

  .mb-auto,
  .my-auto {
	margin-bottom: auto !important; }

  .ml-auto,
  .mx-auto {
	margin-left: auto !important; }

  @media (min-width: 576px) {
	.m-sm-0 {
	  margin: var(--mp-0) !important; }
	.mt-sm-0,
	.my-sm-0 {
	  margin-top: var(--mp-0) !important; }
	.mr-sm-0,
	.mx-sm-0 {
	  margin-right: var(--mp-0) !important; }
	.mb-sm-0,
	.my-sm-0 {
	  margin-bottom: var(--mp-0) !important; }
	.ml-sm-0,
	.mx-sm-0 {
	  margin-left: var(--mp-0) !important; }
	.m-sm-1 {
	  margin: var(--mp-1) !important; }
	.mt-sm-1,
	.my-sm-1 {
	  margin-top: var(--mp-1) !important; }
	.mr-sm-1,
	.mx-sm-1 {
	  margin-right: var(--mp-1) !important; }
	.mb-sm-1,
	.my-sm-1 {
	  margin-bottom: var(--mp-1) !important; }
	.ml-sm-1,
	.mx-sm-1 {
	  margin-left: var(--mp-1) !important; }
	.m-sm-2 {
	  margin: var(--mp-2) !important; }
	.mt-sm-2,
	.my-sm-2 {
	  margin-top: var(--mp-2) !important; }
	.mr-sm-2,
	.mx-sm-2 {
	  margin-right: var(--mp-2) !important; }
	.mb-sm-2,
	.my-sm-2 {
	  margin-bottom: var(--mp-2) !important; }
	.ml-sm-2,
	.mx-sm-2 {
	  margin-left: var(--mp-2) !important; }
	.m-sm-3 {
	  margin: var(--mp-3) !important; }
	.mt-sm-3,
	.my-sm-3 {
	  margin-top: var(--mp-3) !important; }
	.mr-sm-3,
	.mx-sm-3 {
	  margin-right: var(--mp-3) !important; }
	.mb-sm-3,
	.my-sm-3 {
	  margin-bottom: var(--mp-3) !important; }
	.ml-sm-3,
	.mx-sm-3 {
	  margin-left: var(--mp-3) !important; }
	.m-sm-4 {
	  margin: var(--mp-4) !important; }
	.mt-sm-4,
	.my-sm-4 {
	  margin-top: var(--mp-4) !important; }
	.mr-sm-4,
	.mx-sm-4 {
	  margin-right: var(--mp-4) !important; }
	.mb-sm-4,
	.my-sm-4 {
	  margin-bottom: var(--mp-4) !important; }
	.ml-sm-4,
	.mx-sm-4 {
	  margin-left: var(--mp-4) !important; }
	.m-sm-5 {
	  margin: var(--mp-5) !important; }
	.mt-sm-5,
	.my-sm-5 {
	  margin-top: var(--mp-5) !important; }
	.mr-sm-5,
	.mx-sm-5 {
	  margin-right: var(--mp-5) !important; }
	.mb-sm-5,
	.my-sm-5 {
	  margin-bottom: var(--mp-5) !important; }
	.ml-sm-5,
	.mx-sm-5 {
	  margin-left: var(--mp-5) !important; }
	.p-sm-0 {
	  padding: var(--mp-0) !important; }
	.pt-sm-0,
	.py-sm-0 {
	  padding-top: var(--mp-0) !important; }
	.pr-sm-0,
	.px-sm-0 {
	  padding-right: var(--mp-0) !important; }
	.pb-sm-0,
	.py-sm-0 {
	  padding-bottom: var(--mp-0) !important; }
	.pl-sm-0,
	.px-sm-0 {
	  padding-left: var(--mp-0) !important; }
	.p-sm-1 {
	  padding: var(--mp-1) !important; }
	.pt-sm-1,
	.py-sm-1 {
	  padding-top: var(--mp-1) !important; }
	.pr-sm-1,
	.px-sm-1 {
	  padding-right: var(--mp-1) !important; }
	.pb-sm-1,
	.py-sm-1 {
	  padding-bottom: var(--mp-1) !important; }
	.pl-sm-1,
	.px-sm-1 {
	  padding-left: var(--mp-1) !important; }
	.p-sm-2 {
	  padding: var(--mp-2) !important; }
	.pt-sm-2,
	.py-sm-2 {
	  padding-top: var(--mp-2) !important; }
	.pr-sm-2,
	.px-sm-2 {
	  padding-right: var(--mp-2) !important; }
	.pb-sm-2,
	.py-sm-2 {
	  padding-bottom: var(--mp-2) !important; }
	.pl-sm-2,
	.px-sm-2 {
	  padding-left: var(--mp-2) !important; }
	.p-sm-3 {
	  padding: var(--mp-3) !important; }
	.pt-sm-3,
	.py-sm-3 {
	  padding-top: var(--mp-3) !important; }
	.pr-sm-3,
	.px-sm-3 {
	  padding-right: var(--mp-3) !important; }
	.pb-sm-3,
	.py-sm-3 {
	  padding-bottom: var(--mp-3) !important; }
	.pl-sm-3,
	.px-sm-3 {
	  padding-left: var(--mp-3) !important; }
	.p-sm-4 {
	  padding: var(--mp-4) !important; }
	.pt-sm-4,
	.py-sm-4 {
	  padding-top: var(--mp-4) !important; }
	.pr-sm-4,
	.px-sm-4 {
	  padding-right: var(--mp-4) !important; }
	.pb-sm-4,
	.py-sm-4 {
	  padding-bottom: var(--mp-4) !important; }
	.pl-sm-4,
	.px-sm-4 {
	  padding-left: var(--mp-4) !important; }
	.p-sm-5 {
	  padding: var(--mp-5) !important; }
	.pt-sm-5,
	.py-sm-5 {
	  padding-top: var(--mp-5) !important; }
	.pr-sm-5,
	.px-sm-5 {
	  padding-right: var(--mp-5) !important; }
	.pb-sm-5,
	.py-sm-5 {
	  padding-bottom: var(--mp-5) !important; }
	.pl-sm-5,
	.px-sm-5 {
	  padding-left: var(--mp-5) !important; }
	.m-sm-n1 {
	  margin: var(--m-n1) !important; }
	.mt-sm-n1,
	.my-sm-n1 {
	  margin-top: var(--m-n1) !important; }
	.mr-sm-n1,
	.mx-sm-n1 {
	  margin-right: var(--m-n1) !important; }
	.mb-sm-n1,
	.my-sm-n1 {
	  margin-bottom: var(--m-n1) !important; }
	.ml-sm-n1,
	.mx-sm-n1 {
	  margin-left: var(--m-n1) !important; }
	.m-sm-n2 {
	  margin: var(--m-n2) !important; }
	.mt-sm-n2,
	.my-sm-n2 {
	  margin-top: var(--m-n2) !important; }
	.mr-sm-n2,
	.mx-sm-n2 {
	  margin-right: var(--m-n2) !important; }
	.mb-sm-n2,
	.my-sm-n2 {
	  margin-bottom: var(--m-n2) !important; }
	.ml-sm-n2,
	.mx-sm-n2 {
	  margin-left: var(--m-n2) !important; }
	.m-sm-n3 {
	  margin: var(--m-n3) !important; }
	.mt-sm-n3,
	.my-sm-n3 {
	  margin-top: var(--m-n3) !important; }
	.mr-sm-n3,
	.mx-sm-n3 {
	  margin-right: var(--m-n3) !important; }
	.mb-sm-n3,
	.my-sm-n3 {
	  margin-bottom: var(--m-n3) !important; }
	.ml-sm-n3,
	.mx-sm-n3 {
	  margin-left: var(--m-n3) !important; }
	.m-sm-n4 {
	  margin: var(--m-n4) !important; }
	.mt-sm-n4,
	.my-sm-n4 {
	  margin-top: var(--m-n4) !important; }
	.mr-sm-n4,
	.mx-sm-n4 {
	  margin-right: var(--m-n4) !important; }
	.mb-sm-n4,
	.my-sm-n4 {
	  margin-bottom: var(--m-n4) !important; }
	.ml-sm-n4,
	.mx-sm-n4 {
	  margin-left: var(--m-n4) !important; }
	.m-sm-n5 {
	  margin: var(--m-n5) !important; }
	.mt-sm-n5,
	.my-sm-n5 {
	  margin-top: var(--m-n5) !important; }
	.mr-sm-n5,
	.mx-sm-n5 {
	  margin-right: var(--m-n5) !important; }
	.mb-sm-n5,
	.my-sm-n5 {
	  margin-bottom: var(--m-n5) !important; }
	.ml-sm-n5,
	.mx-sm-n5 {
	  margin-left: var(--m-n5) !important; }
	.m-sm-auto {
	  margin: auto !important; }
	.mt-sm-auto,
	.my-sm-auto {
	  margin-top: auto !important; }
	.mr-sm-auto,
	.mx-sm-auto {
	  margin-right: auto !important; }
	.mb-sm-auto,
	.my-sm-auto {
	  margin-bottom: auto !important; }
	.ml-sm-auto,
	.mx-sm-auto {
	  margin-left: auto !important; } }

  @media (min-width: 768px) {
	.m-md-0 {
	  margin: var(--mp-0) !important; }
	.mt-md-0,
	.my-md-0 {
	  margin-top: var(--mp-0) !important; }
	.mr-md-0,
	.mx-md-0 {
	  margin-right: var(--mp-0) !important; }
	.mb-md-0,
	.my-md-0 {
	  margin-bottom: var(--mp-0) !important; }
	.ml-md-0,
	.mx-md-0 {
	  margin-left: var(--mp-0) !important; }
	.m-md-1 {
	  margin: var(--mp-1) !important; }
	.mt-md-1,
	.my-md-1 {
	  margin-top: var(--mp-1) !important; }
	.mr-md-1,
	.mx-md-1 {
	  margin-right: var(--mp-1) !important; }
	.mb-md-1,
	.my-md-1 {
	  margin-bottom: var(--mp-1) !important; }
	.ml-md-1,
	.mx-md-1 {
	  margin-left: var(--mp-1) !important; }
	.m-md-2 {
	  margin: var(--mp-2) !important; }
	.mt-md-2,
	.my-md-2 {
	  margin-top: var(--mp-2) !important; }
	.mr-md-2,
	.mx-md-2 {
	  margin-right: var(--mp-2) !important; }
	.mb-md-2,
	.my-md-2 {
	  margin-bottom: var(--mp-2) !important; }
	.ml-md-2,
	.mx-md-2 {
	  margin-left: var(--mp-2) !important; }
	.m-md-3 {
	  margin: var(--mp-3) !important; }
	.mt-md-3,
	.my-md-3 {
	  margin-top: var(--mp-3) !important; }
	.mr-md-3,
	.mx-md-3 {
	  margin-right: var(--mp-3) !important; }
	.mb-md-3,
	.my-md-3 {
	  margin-bottom: var(--mp-3) !important; }
	.ml-md-3,
	.mx-md-3 {
	  margin-left: var(--mp-3) !important; }
	.m-md-4 {
	  margin: var(--mp-4) !important; }
	.mt-md-4,
	.my-md-4 {
	  margin-top: var(--mp-4) !important; }
	.mr-md-4,
	.mx-md-4 {
	  margin-right: var(--mp-4) !important; }
	.mb-md-4,
	.my-md-4 {
	  margin-bottom: var(--mp-4) !important; }
	.ml-md-4,
	.mx-md-4 {
	  margin-left: var(--mp-4) !important; }
	.m-md-5 {
	  margin: var(--mp-5) !important; }
	.mt-md-5,
	.my-md-5 {
	  margin-top: var(--mp-5) !important; }
	.mr-md-5,
	.mx-md-5 {
	  margin-right: var(--mp-5) !important; }
	.mb-md-5,
	.my-md-5 {
	  margin-bottom: var(--mp-5) !important; }
	.ml-md-5,
	.mx-md-5 {
	  margin-left: var(--mp-5) !important; }
	.p-md-0 {
	  padding: var(--mp-0) !important; }
	.pt-md-0,
	.py-md-0 {
	  padding-top: var(--mp-0) !important; }
	.pr-md-0,
	.px-md-0 {
	  padding-right: var(--mp-0) !important; }
	.pb-md-0,
	.py-md-0 {
	  padding-bottom: var(--mp-0) !important; }
	.pl-md-0,
	.px-md-0 {
	  padding-left: var(--mp-0) !important; }
	.p-md-1 {
	  padding: var(--mp-1) !important; }
	.pt-md-1,
	.py-md-1 {
	  padding-top: var(--mp-1) !important; }
	.pr-md-1,
	.px-md-1 {
	  padding-right: var(--mp-1) !important; }
	.pb-md-1,
	.py-md-1 {
	  padding-bottom: var(--mp-1) !important; }
	.pl-md-1,
	.px-md-1 {
	  padding-left: var(--mp-1) !important; }
	.p-md-2 {
	  padding: var(--mp-2) !important; }
	.pt-md-2,
	.py-md-2 {
	  padding-top: var(--mp-2) !important; }
	.pr-md-2,
	.px-md-2 {
	  padding-right: var(--mp-2) !important; }
	.pb-md-2,
	.py-md-2 {
	  padding-bottom: var(--mp-2) !important; }
	.pl-md-2,
	.px-md-2 {
	  padding-left: var(--mp-2) !important; }
	.p-md-3 {
	  padding: var(--mp-3) !important; }
	.pt-md-3,
	.py-md-3 {
	  padding-top: var(--mp-3) !important; }
	.pr-md-3,
	.px-md-3 {
	  padding-right: var(--mp-3) !important; }
	.pb-md-3,
	.py-md-3 {
	  padding-bottom: var(--mp-3) !important; }
	.pl-md-3,
	.px-md-3 {
	  padding-left: var(--mp-3) !important; }
	.p-md-4 {
	  padding: var(--mp-4) !important; }
	.pt-md-4,
	.py-md-4 {
	  padding-top: var(--mp-4) !important; }
	.pr-md-4,
	.px-md-4 {
	  padding-right: var(--mp-4) !important; }
	.pb-md-4,
	.py-md-4 {
	  padding-bottom: var(--mp-4) !important; }
	.pl-md-4,
	.px-md-4 {
	  padding-left: var(--mp-4) !important; }
	.p-md-5 {
	  padding: var(--mp-5) !important; }
	.pt-md-5,
	.py-md-5 {
	  padding-top: var(--mp-5) !important; }
	.pr-md-5,
	.px-md-5 {
	  padding-right: var(--mp-5) !important; }
	.pb-md-5,
	.py-md-5 {
	  padding-bottom: var(--mp-5) !important; }
	.pl-md-5,
	.px-md-5 {
	  padding-left: var(--mp-5) !important; }
	.m-md-n1 {
	  margin: var(--m-n1) !important; }
	.mt-md-n1,
	.my-md-n1 {
	  margin-top: var(--m-n1) !important; }
	.mr-md-n1,
	.mx-md-n1 {
	  margin-right: var(--m-n1) !important; }
	.mb-md-n1,
	.my-md-n1 {
	  margin-bottom: var(--m-n1) !important; }
	.ml-md-n1,
	.mx-md-n1 {
	  margin-left: var(--m-n1) !important; }
	.m-md-n2 {
	  margin: var(--m-n2) !important; }
	.mt-md-n2,
	.my-md-n2 {
	  margin-top: var(--m-n2) !important; }
	.mr-md-n2,
	.mx-md-n2 {
	  margin-right: var(--m-n2) !important; }
	.mb-md-n2,
	.my-md-n2 {
	  margin-bottom: var(--m-n2) !important; }
	.ml-md-n2,
	.mx-md-n2 {
	  margin-left: var(--m-n2) !important; }
	.m-md-n3 {
	  margin: var(--m-n3) !important; }
	.mt-md-n3,
	.my-md-n3 {
	  margin-top: var(--m-n3) !important; }
	.mr-md-n3,
	.mx-md-n3 {
	  margin-right: var(--m-n3) !important; }
	.mb-md-n3,
	.my-md-n3 {
	  margin-bottom: var(--m-n3) !important; }
	.ml-md-n3,
	.mx-md-n3 {
	  margin-left: var(--m-n3) !important; }
	.m-md-n4 {
	  margin: var(--m-n4) !important; }
	.mt-md-n4,
	.my-md-n4 {
	  margin-top: var(--m-n4) !important; }
	.mr-md-n4,
	.mx-md-n4 {
	  margin-right: var(--m-n4) !important; }
	.mb-md-n4,
	.my-md-n4 {
	  margin-bottom: var(--m-n4) !important; }
	.ml-md-n4,
	.mx-md-n4 {
	  margin-left: var(--m-n4) !important; }
	.m-md-n5 {
	  margin: var(--m-n5) !important; }
	.mt-md-n5,
	.my-md-n5 {
	  margin-top: var(--m-n5) !important; }
	.mr-md-n5,
	.mx-md-n5 {
	  margin-right: var(--m-n5) !important; }
	.mb-md-n5,
	.my-md-n5 {
	  margin-bottom: var(--m-n5) !important; }
	.ml-md-n5,
	.mx-md-n5 {
	  margin-left: var(--m-n5) !important; }
	.m-md-auto {
	  margin: auto !important; }
	.mt-md-auto,
	.my-md-auto {
	  margin-top: auto !important; }
	.mr-md-auto,
	.mx-md-auto {
	  margin-right: auto !important; }
	.mb-md-auto,
	.my-md-auto {
	  margin-bottom: auto !important; }
	.ml-md-auto,
	.mx-md-auto {
	  margin-left: auto !important; } }

  @media (min-width: 992px) {
	.m-lg-0 {
	  margin: var(--mp-0) !important; }
	.mt-lg-0,
	.my-lg-0 {
	  margin-top: var(--mp-0) !important; }
	.mr-lg-0,
	.mx-lg-0 {
	  margin-right: var(--mp-0) !important; }
	.mb-lg-0,
	.my-lg-0 {
	  margin-bottom: var(--mp-0) !important; }
	.ml-lg-0,
	.mx-lg-0 {
	  margin-left: var(--mp-0) !important; }
	.m-lg-1 {
	  margin: var(--mp-1) !important; }
	.mt-lg-1,
	.my-lg-1 {
	  margin-top: var(--mp-1) !important; }
	.mr-lg-1,
	.mx-lg-1 {
	  margin-right: var(--mp-1) !important; }
	.mb-lg-1,
	.my-lg-1 {
	  margin-bottom: var(--mp-1) !important; }
	.ml-lg-1,
	.mx-lg-1 {
	  margin-left: var(--mp-1) !important; }
	.m-lg-2 {
	  margin: var(--mp-2) !important; }
	.mt-lg-2,
	.my-lg-2 {
	  margin-top: var(--mp-2) !important; }
	.mr-lg-2,
	.mx-lg-2 {
	  margin-right: var(--mp-2) !important; }
	.mb-lg-2,
	.my-lg-2 {
	  margin-bottom: var(--mp-2) !important; }
	.ml-lg-2,
	.mx-lg-2 {
	  margin-left: var(--mp-2) !important; }
	.m-lg-3 {
	  margin: var(--mp-3) !important; }
	.mt-lg-3,
	.my-lg-3 {
	  margin-top: var(--mp-3) !important; }
	.mr-lg-3,
	.mx-lg-3 {
	  margin-right: var(--mp-3) !important; }
	.mb-lg-3,
	.my-lg-3 {
	  margin-bottom: var(--mp-3) !important; }
	.ml-lg-3,
	.mx-lg-3 {
	  margin-left: var(--mp-3) !important; }
	.m-lg-4 {
	  margin: var(--mp-4) !important; }
	.mt-lg-4,
	.my-lg-4 {
	  margin-top: var(--mp-4) !important; }
	.mr-lg-4,
	.mx-lg-4 {
	  margin-right: var(--mp-4) !important; }
	.mb-lg-4,
	.my-lg-4 {
	  margin-bottom: var(--mp-4) !important; }
	.ml-lg-4,
	.mx-lg-4 {
	  margin-left: var(--mp-4) !important; }
	.m-lg-5 {
	  margin: var(--mp-5) !important; }
	.mt-lg-5,
	.my-lg-5 {
	  margin-top: var(--mp-5) !important; }
	.mr-lg-5,
	.mx-lg-5 {
	  margin-right: var(--mp-5) !important; }
	.mb-lg-5,
	.my-lg-5 {
	  margin-bottom: var(--mp-5) !important; }
	.ml-lg-5,
	.mx-lg-5 {
	  margin-left: var(--mp-5) !important; }
	.p-lg-0 {
	  padding: var(--mp-0) !important; }
	.pt-lg-0,
	.py-lg-0 {
	  padding-top: var(--mp-0) !important; }
	.pr-lg-0,
	.px-lg-0 {
	  padding-right: var(--mp-0) !important; }
	.pb-lg-0,
	.py-lg-0 {
	  padding-bottom: var(--mp-0) !important; }
	.pl-lg-0,
	.px-lg-0 {
	  padding-left: var(--mp-0) !important; }
	.p-lg-1 {
	  padding: var(--mp-1) !important; }
	.pt-lg-1,
	.py-lg-1 {
	  padding-top: var(--mp-1) !important; }
	.pr-lg-1,
	.px-lg-1 {
	  padding-right: var(--mp-1) !important; }
	.pb-lg-1,
	.py-lg-1 {
	  padding-bottom: var(--mp-1) !important; }
	.pl-lg-1,
	.px-lg-1 {
	  padding-left: var(--mp-1) !important; }
	.p-lg-2 {
	  padding: var(--mp-2) !important; }
	.pt-lg-2,
	.py-lg-2 {
	  padding-top: var(--mp-2) !important; }
	.pr-lg-2,
	.px-lg-2 {
	  padding-right: var(--mp-2) !important; }
	.pb-lg-2,
	.py-lg-2 {
	  padding-bottom: var(--mp-2) !important; }
	.pl-lg-2,
	.px-lg-2 {
	  padding-left: var(--mp-2) !important; }
	.p-lg-3 {
	  padding: var(--mp-3) !important; }
	.pt-lg-3,
	.py-lg-3 {
	  padding-top: var(--mp-3) !important; }
	.pr-lg-3,
	.px-lg-3 {
	  padding-right: var(--mp-3) !important; }
	.pb-lg-3,
	.py-lg-3 {
	  padding-bottom: var(--mp-3) !important; }
	.pl-lg-3,
	.px-lg-3 {
	  padding-left: var(--mp-3) !important; }
	.p-lg-4 {
	  padding: var(--mp-4) !important; }
	.pt-lg-4,
	.py-lg-4 {
	  padding-top: var(--mp-4) !important; }
	.pr-lg-4,
	.px-lg-4 {
	  padding-right: var(--mp-4) !important; }
	.pb-lg-4,
	.py-lg-4 {
	  padding-bottom: var(--mp-4) !important; }
	.pl-lg-4,
	.px-lg-4 {
	  padding-left: var(--mp-4) !important; }
	.p-lg-5 {
	  padding: var(--mp-5) !important; }
	.pt-lg-5,
	.py-lg-5 {
	  padding-top: var(--mp-5) !important; }
	.pr-lg-5,
	.px-lg-5 {
	  padding-right: var(--mp-5) !important; }
	.pb-lg-5,
	.py-lg-5 {
	  padding-bottom: var(--mp-5) !important; }
	.pl-lg-5,
	.px-lg-5 {
	  padding-left: var(--mp-5) !important; }
	.m-lg-n1 {
	  margin: var(--m-n1) !important; }
	.mt-lg-n1,
	.my-lg-n1 {
	  margin-top: var(--m-n1) !important; }
	.mr-lg-n1,
	.mx-lg-n1 {
	  margin-right: var(--m-n1) !important; }
	.mb-lg-n1,
	.my-lg-n1 {
	  margin-bottom: var(--m-n1) !important; }
	.ml-lg-n1,
	.mx-lg-n1 {
	  margin-left: var(--m-n1) !important; }
	.m-lg-n2 {
	  margin: var(--m-n2)!important; }
	.mt-lg-n2,
	.my-lg-n2 {
	  margin-top: var(--m-n2)!important; }
	.mr-lg-n2,
	.mx-lg-n2 {
	  margin-right: var(--m-n2)!important; }
	.mb-lg-n2,
	.my-lg-n2 {
	  margin-bottom: var(--m-n2)!important; }
	.ml-lg-n2,
	.mx-lg-n2 {
	  margin-left: var(--m-n2)!important; }
	.m-lg-n3 {
	  margin: var(--m-n3) !important; }
	.mt-lg-n3,
	.my-lg-n3 {
	  margin-top: var(--m-n3) !important; }
	.mr-lg-n3,
	.mx-lg-n3 {
	  margin-right: var(--m-n3) !important; }
	.mb-lg-n3,
	.my-lg-n3 {
	  margin-bottom: var(--m-n3) !important; }
	.ml-lg-n3,
	.mx-lg-n3 {
	  margin-left: var(--m-n3) !important; }
	.m-lg-n4 {
	  margin: var(--m-n4) !important; }
	.mt-lg-n4,
	.my-lg-n4 {
	  margin-top: var(--m-n4) !important; }
	.mr-lg-n4,
	.mx-lg-n4 {
	  margin-right: var(--m-n4) !important; }
	.mb-lg-n4,
	.my-lg-n4 {
	  margin-bottom: var(--m-n4) !important; }
	.ml-lg-n4,
	.mx-lg-n4 {
	  margin-left: var(--m-n4) !important; }
	.m-lg-n5 {
	  margin: var(--m-n5) !important; }
	.mt-lg-n5,
	.my-lg-n5 {
	  margin-top: var(--m-n5) !important; }
	.mr-lg-n5,
	.mx-lg-n5 {
	  margin-right: var(--m-n5) !important; }
	.mb-lg-n5,
	.my-lg-n5 {
	  margin-bottom: var(--m-n5) !important; }
	.ml-lg-n5,
	.mx-lg-n5 {
	  margin-left: var(--m-n5) !important; }
	.m-lg-auto {
	  margin: auto !important; }
	.mt-lg-auto,
	.my-lg-auto {
	  margin-top: auto !important; }
	.mr-lg-auto,
	.mx-lg-auto {
	  margin-right: auto !important; }
	.mb-lg-auto,
	.my-lg-auto {
	  margin-bottom: auto !important; }
	.ml-lg-auto,
	.mx-lg-auto {
	  margin-left: auto !important; } }

  @media (min-width: 1200px) {
	.m-xl-0 {
	  margin: var(--mp-0) !important; }
	.mt-xl-0,
	.my-xl-0 {
	  margin-top: var(--mp-0) !important; }
	.mr-xl-0,
	.mx-xl-0 {
	  margin-right: var(--mp-0) !important; }
	.mb-xl-0,
	.my-xl-0 {
	  margin-bottom: var(--mp-0) !important; }
	.ml-xl-0,
	.mx-xl-0 {
	  margin-left: var(--mp-0) !important; }
	.m-xl-1 {
	  margin: var(--mp-1) !important; }
	.mt-xl-1,
	.my-xl-1 {
	  margin-top: var(--mp-1) !important; }
	.mr-xl-1,
	.mx-xl-1 {
	  margin-right: var(--mp-1) !important; }
	.mb-xl-1,
	.my-xl-1 {
	  margin-bottom: var(--mp-1) !important; }
	.ml-xl-1,
	.mx-xl-1 {
	  margin-left: var(--mp-1) !important; }
	.m-xl-2 {
	  margin: var(--mp-2) !important; }
	.mt-xl-2,
	.my-xl-2 {
	  margin-top: var(--mp-2) !important; }
	.mr-xl-2,
	.mx-xl-2 {
	  margin-right: var(--mp-2) !important; }
	.mb-xl-2,
	.my-xl-2 {
	  margin-bottom: var(--mp-2) !important; }
	.ml-xl-2,
	.mx-xl-2 {
	  margin-left: var(--mp-2) !important; }
	.m-xl-3 {
	  margin: var(--mp-3) !important; }
	.mt-xl-3,
	.my-xl-3 {
	  margin-top: var(--mp-3) !important; }
	.mr-xl-3,
	.mx-xl-3 {
	  margin-right: var(--mp-3) !important; }
	.mb-xl-3,
	.my-xl-3 {
	  margin-bottom: var(--mp-3) !important; }
	.ml-xl-3,
	.mx-xl-3 {
	  margin-left: var(--mp-3) !important; }
	.m-xl-4 {
	  margin: var(--mp-4) !important; }
	.mt-xl-4,
	.my-xl-4 {
	  margin-top: var(--mp-4) !important; }
	.mr-xl-4,
	.mx-xl-4 {
	  margin-right: var(--mp-4) !important; }
	.mb-xl-4,
	.my-xl-4 {
	  margin-bottom: var(--mp-4) !important; }
	.ml-xl-4,
	.mx-xl-4 {
	  margin-left: var(--mp-4) !important; }
	.m-xl-5 {
	  margin: var(--mp-5) !important; }
	.mt-xl-5,
	.my-xl-5 {
	  margin-top: var(--mp-5) !important; }
	.mr-xl-5,
	.mx-xl-5 {
	  margin-right: var(--mp-5) !important; }
	.mb-xl-5,
	.my-xl-5 {
	  margin-bottom: var(--mp-5) !important; }
	.ml-xl-5,
	.mx-xl-5 {
	  margin-left: var(--mp-5) !important; }
	.p-xl-0 {
	  padding: var(--mp-0) !important; }
	.pt-xl-0,
	.py-xl-0 {
	  padding-top: var(--mp-0) !important; }
	.pr-xl-0,
	.px-xl-0 {
	  padding-right: var(--mp-0) !important; }
	.pb-xl-0,
	.py-xl-0 {
	  padding-bottom: var(--mp-0) !important; }
	.pl-xl-0,
	.px-xl-0 {
	  padding-left: var(--mp-0) !important; }
	.p-xl-1 {
	  padding: var(--mp-1) !important; }
	.pt-xl-1,
	.py-xl-1 {
	  padding-top: var(--mp-1) !important; }
	.pr-xl-1,
	.px-xl-1 {
	  padding-right: var(--mp-1) !important; }
	.pb-xl-1,
	.py-xl-1 {
	  padding-bottom: var(--mp-1) !important; }
	.pl-xl-1,
	.px-xl-1 {
	  padding-left: var(--mp-1) !important; }
	.p-xl-2 {
	  padding: var(--mp-2) !important; }
	.pt-xl-2,
	.py-xl-2 {
	  padding-top: var(--mp-2) !important; }
	.pr-xl-2,
	.px-xl-2 {
	  padding-right: var(--mp-2) !important; }
	.pb-xl-2,
	.py-xl-2 {
	  padding-bottom: var(--mp-2) !important; }
	.pl-xl-2,
	.px-xl-2 {
	  padding-left: var(--mp-2) !important; }
	.p-xl-3 {
	  padding: var(--mp-3) !important; }
	.pt-xl-3,
	.py-xl-3 {
	  padding-top: var(--mp-3) !important; }
	.pr-xl-3,
	.px-xl-3 {
	  padding-right: var(--mp-3) !important; }
	.pb-xl-3,
	.py-xl-3 {
	  padding-bottom: var(--mp-3) !important; }
	.pl-xl-3,
	.px-xl-3 {
	  padding-left: var(--mp-3) !important; }
	.p-xl-4 {
	  padding: var(--mp-4) !important; }
	.pt-xl-4,
	.py-xl-4 {
	  padding-top: var(--mp-4) !important; }
	.pr-xl-4,
	.px-xl-4 {
	  padding-right: var(--mp-4) !important; }
	.pb-xl-4,
	.py-xl-4 {
	  padding-bottom: var(--mp-4) !important; }
	.pl-xl-4,
	.px-xl-4 {
	  padding-left: var(--mp-4) !important; }
	.p-xl-5 {
	  padding: var(--mp-5) !important; }
	.pt-xl-5,
	.py-xl-5 {
	  padding-top: var(--mp-5) !important; }
	.pr-xl-5,
	.px-xl-5 {
	  padding-right: var(--mp-5) !important; }
	.pb-xl-5,
	.py-xl-5 {
	  padding-bottom: var(--mp-5) !important; }
	.pl-xl-5,
	.px-xl-5 {
	  padding-left: var(--mp-5) !important; }
	.m-xl-n1 {
	  margin: var(--m-n1) !important; }
	.mt-xl-n1,
	.my-xl-n1 {
	  margin-top: var(--m-n1) !important; }
	.mr-xl-n1,
	.mx-xl-n1 {
	  margin-right: var(--m-n1) !important; }
	.mb-xl-n1,
	.my-xl-n1 {
	  margin-bottom: var(--m-n1) !important; }
	.ml-xl-n1,
	.mx-xl-n1 {
	  margin-left: var(--m-n1) !important; }
	.m-xl-n2 {
	  margin: var(--m-n2) !important; }
	.mt-xl-n2,
	.my-xl-n2 {
	  margin-top: var(--m-n2) !important; }
	.mr-xl-n2,
	.mx-xl-n2 {
	  margin-right: var(--m-n2) !important; }
	.mb-xl-n2,
	.my-xl-n2 {
	  margin-bottom: var(--m-n2) !important; }
	.ml-xl-n2,
	.mx-xl-n2 {
	  margin-left: var(--m-n2) !important; }
	.m-xl-n3 {
	  margin: var(--m-n3) !important; }
	.mt-xl-n3,
	.my-xl-n3 {
	  margin-top: var(--m-n3) !important; }
	.mr-xl-n3,
	.mx-xl-n3 {
	  margin-right: var(--m-n3) !important; }
	.mb-xl-n3,
	.my-xl-n3 {
	  margin-bottom: var(--m-n3) !important; }
	.ml-xl-n3,
	.mx-xl-n3 {
	  margin-left: var(--m-n3) !important; }
	.m-xl-n4 {
	  margin: var(--m-n4) !important; }
	.mt-xl-n4,
	.my-xl-n4 {
	  margin-top: var(--m-n4) !important; }
	.mr-xl-n4,
	.mx-xl-n4 {
	  margin-right: var(--m-n4) !important; }
	.mb-xl-n4,
	.my-xl-n4 {
	  margin-bottom: var(--m-n4) !important; }
	.ml-xl-n4,
	.mx-xl-n4 {
	  margin-left: var(--m-n4) !important; }
	.m-xl-n5 {
	  margin: var(--m-n5) !important; }
	.mt-xl-n5,
	.my-xl-n5 {
	  margin-top: var(--m-n5) !important; }
	.mr-xl-n5,
	.mx-xl-n5 {
	  margin-right: var(--m-n5) !important; }
	.mb-xl-n5,
	.my-xl-n5 {
	  margin-bottom: var(--m-n5) !important; }
	.ml-xl-n5,
	.mx-xl-n5 {
	  margin-left: var(--m-n5) !important; }
	.m-xl-auto {
	  margin: auto !important; }
	.mt-xl-auto,
	.my-xl-auto {
	  margin-top: auto !important; }
	.mr-xl-auto,
	.mx-xl-auto {
	  margin-right: auto !important; }
	.mb-xl-auto,
	.my-xl-auto {
	  margin-bottom: auto !important; }
	.ml-xl-auto,
	.mx-xl-auto {
	  margin-left: auto !important; } }

 
  @media (min-width: 576px) {
	.text-sm-left {
	  text-align: left !important; }
	.text-sm-right {
	  text-align: right !important; }
	.text-sm-center {
	  text-align: center !important; } }

  @media (min-width: 768px) {
	.text-md-left {
	  text-align: left !important; }
	.text-md-right {
	  text-align: right !important; }
	.text-md-center {
	  text-align: center !important; } }

  @media (min-width: 992px) {
	.text-lg-left {
	  text-align: left !important; }
	.text-lg-right {
	  text-align: right !important; }
	.text-lg-center {
	  text-align: center !important; } }

  @media (min-width: 1200px) {
	.text-xl-left {
	  text-align: left !important; }
	.text-xl-right {
	  text-align: right !important; }
	.text-xl-center {
	  text-align: center !important; } }

  .text-lowercase {
	text-transform: lowercase !important; }

  .text-uppercase {
	text-transform: uppercase !important; }

  .text-capitalize {
	text-transform: capitalize !important; }

  .font-weight-light {
	font-weight: 300 !important; }

  .font-weight-lighter {
	font-weight: lighter !important; }

  .font-weight-normal {
	font-weight: 500 !important; }

  .font-weight-bold {
	font-weight: 700 !important; }

  .font-weight-bolder {
	font-weight: bolder !important; }

  .font-italic {
	font-style: italic !important; }

  .text-white {
	color: var(--white) !important; }

  .text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0; }

  .text-decoration-none {
	text-decoration: none !important; }

  .text-break {
	word-break: break-word !important;
	overflow-wrap: break-word !important; }

  .text-reset {
	color: inherit !important; }

  .visible {
	visibility: visible !important; }

  .invisible {
	visibility: hidden !important; }

  #search-section {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	position: relative;
	color: #002ac0;
	  background-repeat: repeat-x;
	width: 100%; }

  body.autocomplete-overlay #autocomplete {
	display: none; }

  #search-section.active {
	z-index: 1000;
	position: relative;
	color: #002ac0;
	/*   background-image: -webkit-linear-gradient(to bottom, rgba(0, 42, 192, 0.75) 0%, rgba(0, 42, 192, 0.75) 80%); */
	/* background-image: -webkit-linear-gradient(top, rgba(0, 42, 192, 0.75) 0, rgba(0, 42, 192, 0.75) 80%); */
	/*   background-repeat: repeat-x; */
	background: transparent; }

  #autocomplete-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	/* transition: opacity 1000ms; */ }

  #autocomplete-overlay.visible {
	opacity: 1;
	visibility: visible; }

  #autocomplete {
	background: #fff;
	visibility: hidden;
	opacity: 0;
	/* transition: opacity 1000ms; */ }

  body.autocomplete-active #autocomplete {
	/* transition: background 1000ms; */
	/* background: rgba(0,0,255, .8); */
	visibility: visible;
	opacity: 1; }

  .search-form {
	position: relative; }

  #autocomplete {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
  }


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* banner block*/


.banner-container{
	
	width: 100%;
	padding-bottom: 55%;
	position: relative;

}

.banner-container img{
	object-fit: cover;
    object-position: 50% 5%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;

}

.banner-button{
	background-color: transparent !important;
}

.banner-button:hover{
	background-color: var(--black) !important;
}


/*woocommerce styling for publications/shop page*/

.woocommerce img, .woocommerce-page img {
    width: 100% !important;
}


.woocommerce-result-count, form.woocommerce-ordering{
	display:none;
}

div.woocommerce.columns-4 {
	margin: var(--mp-5) 0;
}


div.product-breadcrumb > a{
	text-decoration:underline;
}

h2.woocommerce-loop-product__title{
	font-size: 2rem !important;
	color: var(--black);
	font-family: var(--font-family-sans-serif);
	clear: both;
	font-weight: normal;
	line-height: normal;
	margin: 1rem 0;
	text-decoration:none !important;
}

a h2.woocommerce-loop-product__title{
	text-decoration:none !important;
}

span.price, span.woocommerce-Price-amount.amount{
	display:none;
}



/*Page template componenents*/

@media screen and (min-width: 1070px) {
	.content-wrapper{
		width:60%;
		margin:auto;
	}
}

@media screen and (max-width: 1600px) {
	.content-wrapper {
		padding: 0 var(--mp-4);
	}

	.page-title-box {
		margin: 0 var(--mp-4);
	}
}

/* Prevent crunched width for certain pages */
.events.content-wrapper,
.exhibitions.content-wrapper,
.publications.content-wrapper,
.press.content-wrapper,
.volunteer-land.content-wrapper {
	width: 100%;
}

/* featured image wrappers */
.featured-image{
position:relative;
height: 50vh;
width: 100%; 

}

.featured-image > img{
	object-fit:cover;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.featured-image-narrow{

	position:relative;
	height:40vh;
	width: 100%; 
	
	}
	
.featured-image-narrow > img{
	object-fit:cover;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
	}

.featured-image-tall{

position:relative;
height: 65vh;
width: 100%; 

}

.featured-image-tall > img{
	object-fit:cover;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.page-title-box{
 	border: var(--standard-border) solid black;
}




.page-title{
	font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6;
    color: var(--black);

    letter-spacing: .05rem;
    margin: 0 0 1rem;
}

.page-title-link{
	text-decoration:none;
}

.page-title-link:hover{
	text-decoration:underline;
}

.working-group-link {
	text-decoration:underline;
	
}

a.working-group-link:hover{
	text-decoration:none !important;
}




.page-body-text  p, .page-body-text ul{

	font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--black);
	letter-spacing: .05rem;
	margin: 0 0 1rem;
	
}

 p.page-body-text {

	font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--black);
	letter-spacing: .05rem;
	margin: 0 0 1rem;
}

.woocommerce div.product div.images.woocommerce-product-gallery, 
.woocommerce div.product  div.summary, 
.woocommerce div.product  div.woocommerce-tabs ul.wc-tabs, 
.woocommerce div.product  div.woocommerce-tabs .woocommerce-Tabs-panel h2, 
.woocommerce div.single-product div.product section {
	display:none;
}

/* ------- Single page components ----- */

.info-column{
	grid-column-start:6;
	grid-column-end:12;
}


.single-title{
	width: 60% ;
}

	
.alert p{
	font-size:1rem;
	color: var(--black);
}

.event-breadcrumb{
	grid-column-start:4;
	grid-column-end:12;
}

.translation-toggle{
	display:none;
}

/* ------- Volunteer Land  ----- */
#page.volunteer-land {
	background: var(--ia-light-blue);
}

#page.volunteer-land h4 {
	font-size: inherit;
}

#page.volunteer-land .page-title-box {
	background: var(--ia-blue);
}

#page.volunteer-land .page-title-box p {
	color: white;
}

.volunteer-land.section {
	border-left: var(--standard-border) solid;
	border-bottom: var(--standard-border) solid;
}

.volunteer-land.section .title {
	margin: 0;
	border: 0;
}

.volunteer-land.section .btn-border-black.blue {
	background-color: var(--ia-blue);
	color: white;
}

.volunteer-land.section .btn-border-black.blue:hover {
	color: var(--ia-light-blue);
}

.volunteer-land .acf-field {
	padding: 0 !important;
}

.volunteer-land .acf-button {
	border: var(--standard-border) solid var(--black);
	color: var(--black);
    border-radius: 5px;
    padding: .25rem .75rem;
    font-family: var(--font-family-monospace);
	font-size: 90%;
	line-height: 1.5;
    text-decoration: none;
    opacity: 1.0;
	background-color: var(--button-color);
	text-transform: uppercase;
	margin-top: var(--grid-spacer);
}

/* ------- event calendar block  ----- */

.calendar-thumbnail{
	
}

/* ------- when block  ----- */

.when-block{
	padding: var(--mp-4) var(--mp-4) 0;
}

/* ------- working group taxonomies page  ----- */

.wg-block-center{
	padding-left:12%;
	padding-right:12%;
}

/* ------- Press Page  ----- */

.article-title a{
	text-decoration:none;
}

.article-title a:hover{
	text-decoration:none;
}

/*  Events page add-to-calendar styles*/

label.add-to-calendar-label{
	display: block;

    background-color: var(--button-color);
    border: 2px solid var(--black);
    padding: 0.15rem 0.75rem;
    text-decoration: none;
    border-radius: 5px;
    margin: var(--mp-2) 0;
    font-family: var(--font-family-monospace);
    text-transform: uppercase;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 500;
    line-height: 1.6;
    color: var(--black);
    letter-spacing: .05rem;
	
}

label.add-to-calendar-label:hover{
	background-color: var(--black);
	color: var(--white);
}

label.add-to-calendar-label:active{
	background-color: var(--black);
	color: var(--white);
}

div.add-to-calendar a{

	text-decoration:none;
	padding-left: var(--mp-3);

	font-family: var(--font-family-monospace);
	font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6;
    color: var(--black);
    letter-spacing: .05rem;
    margin: var(--mp-2);

}

div.add-to-calendar a:hover{
	text-decoration:underline;
}

div.add-to-calendar a.icon-google{
	margin-top: var(--mp-3);
}



/* ------- Audio Interference Components ----- */

.audio-player-column{
	grid-column-start:8;
	grid-column-end:13;

}

.soundcloud-embed{
background-color: var(--white);
  width: 100%;
  padding-top: 100%; 
  position: relative;

}
.soundcloud-embed iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------ collapsible block (on Donate page)----- */

.collapse-button{
	grid-column-start: 12;
	margin-top: var(--mp-3);

	border: var(--standard-border) solid var(--black);
    border-radius: 5px;
    padding: .15rem .75rem;
    font-family: var(--font-family-monospace);
    font-size: 90%;
	text-decoration: none;
	opacity: 1.0; 
	background-color: var(--button-color);
	color: var(--black);


}

.active, .collapsible-block:hover {
    cursor: pointer;
}




/* ------ Support Banner----- */
.support-banner{
    margin: 0 auto;
}


.wp-block-separator.is-style-wide{
	border-bottom-width: 1px;

}

.wp-block-cover.has-background-gradient {
	background-color: #fff;
}

.single article {
	min-height: 100vh;
}

.dropshadow {
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
}

ul.wp-block-latest-posts  {
	margin: 0 auto;
	color: var(--ia-blue);
	max-width: 1200px;
}

.wp-block-latest-posts li {
	color: var(--ia-blue);
}


.wp-block-latest-posts li a {
	text-decoration: none;
	font-size: 1.325rem;
	font-family: "Arial", sans-serif;

}


.is-style-outline .wp-block-button__link {
    border: var(--standard-border) solid;
}

.wp-block-columns {
	/* max-width: var(--max-width); */
	margin: 0 auto;
}

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

.wp-block-columns.list {
	max-width: 66%;
}


.wp-block-columns.no-margin .wp-block-column:not(:first-child) {
	margin-left: 0;
}


@media (max-width: 781px) and (min-width: 600px) {
	.wp-block-columns.no-margin .wp-block-column {
		flex-basis: 50% !important;
		flex-grow: 0;
	}

}


@media (max-width: 599px) {
	.wp-block-columns.no-margin .wp-block-column {
		flex-basis: 100% !important;
	}
	/* .endorsements .wp-block-column {
		flex-basis: calc(50% - 16px)!important;
		flex-grow: 0;
	}*/

	.wp-block-columns.endorsements .wp-block-column:not(:first-child) {
		margin-left: 16px;
	}

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


}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 1.5em 0;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Search results pagination */
.search .navigation.posts-navigation {
	grid-column: span 12;
}

.search .nav-links {
	justify-content: center;
}

.search .nav-links > * {
	flex: 0;
	white-space: nowrap;
}

.search .nav-previous {
	margin-right: 1rem;
}

/* VISIT ABOUT DONATE page styling (Mobile)
--------------------------------------------- */

.full-width-image{
margin: 0 !important;
border: none;
padding: 0 !important;

}


/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

main.site-main .content {
	padding: 1rem;
}

/* .post,
.page {
	margin: 0 0 1.5em;
} */

.updated:not(.published) {
	display: none;
}

.page .content h2 {
	margin-bottom: 2rem;
}

article .entry-content .wp-block-cover {
	margin-bottom: 2rem;
}

/* media queries check for desktop, since we are basically treating desktop as an !exception! */

.page-header,
.entry-header,
.entry-footer{
	margin: 0 1rem;
}

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

		/* for full-bleed article images */
		article .entry-content .wp-block-cover {
			left: 50%;
			margin-left: -50vw;
			margin-right: -50vw;
			max-width: 100vw;
			position: relative;
			right: 50%;
			width: 100vw;
			margin-bottom:2rem;
		}
	.logo img {

	  /* height: 82px; */
		max-height:100%;
	    width:-webkit-fill-available;
	    min-width: 100px !important;
	    align-self: center;
			padding-top: 0.25rem;

	}

	.entry-header {
		max-width: 66vw;
		margin: 0 auto;
	}

.single .post-thumbnail img {
	margin: 0 auto;
	display: block;
	padding: 0 0 1rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


			/*--------------------------------------------------------------
			# Visit/About/Donate pages DESKTOP
			--------------------------------------------------------------*/


			/*class for full-width img no margin (applied in WP to img directly)*/
			.full-width-image{
			margin: 0 !important;
			border: none;
			padding: 0 !important;
			width:200% !important;
			}

		/* Visit page (page id 29)*/
		.page-id-29 .site .site-main .post-29 .entry-content{
			max-width:100%;
		} /*targets page 29, allows img full-bleed */

			.page-id-29 .site .site-main .post-29 .entry-content > *:not(.wp-block-image) {
					margin-left:15rem;
					margin-right:15rem;
				} /*targets page 29, not selector minus img,hr */


				.page-id-29 .site .site-main .post-29 .entry-content .wp-block-separator  {
					margin:auto;

					} /*targets page 29, not selector minus img,hr */

		.wp-block-spacer {
			height: 20px;
			margin: 0 !important;
			padding:0 !important;
		}



}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

svg {
	overflow: hidden;
	vertical-align: middle;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

caption {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #6c757d;
	text-align: left;
	caption-side: bottom;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

div.grid.grid-gap.entry-content.mt-4.mb-5{
	overflow:hidden;
}



/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus, [tabindex="-1"]:focus:not(:focus-visible)  {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* Display Property
--------------------------------------------- */

.d-none {
	display: none !important; }

  .d-inline {
	display: inline !important; }

  .d-inline-block {
	display: inline-block !important; }

  .d-block {
	display: block !important; }

  .d-table {
	display: table !important; }

  .d-table-row {
	display: table-row !important; }

  .d-table-cell {
	display: table-cell !important; }

  .d-flex {
	display: flex !important; }

  .d-inline-flex {
	display: inline-flex !important; }

  @media (min-width: 576px) {
	.d-sm-none {
	  display: none !important; }
	.d-sm-inline {
	  display: inline !important; }
	.d-sm-inline-block {
	  display: inline-block !important; }
	.d-sm-block {
	  display: block !important; }
	.d-sm-table {
	  display: table !important; }
	.d-sm-table-row {
	  display: table-row !important; }
	.d-sm-table-cell {
	  display: table-cell !important; }
	.d-sm-flex {
	  display: flex !important; }
	.d-sm-inline-flex {
	  display: inline-flex !important; } }

  @media (min-width: 768px) {
	.d-md-none {
	  display: none !important; }
	.d-md-inline {
	  display: inline !important; }
	.d-md-inline-block {
	  display: inline-block !important; }
	.d-md-block {
	  display: block !important; }
	.d-md-table {
	  display: table !important; }
	.d-md-table-row {
	  display: table-row !important; }
	.d-md-table-cell {
	  display: table-cell !important; }
	.d-md-flex {
	  display: flex !important; }
	.d-md-inline-flex {
	  display: inline-flex !important; } }

  @media (min-width: 992px) {
	.d-lg-none {
	  display: none !important; }
	.d-lg-inline {
	  display: inline !important; }
	.d-lg-inline-block {
	  display: inline-block !important; }
	.d-lg-block {
	  display: block !important; }
	.d-lg-table {
	  display: table !important; }
	.d-lg-table-row {
	  display: table-row !important; }
	.d-lg-table-cell {
	  display: table-cell !important; }
	.d-lg-flex {
	  display: flex !important; }
	.d-lg-inline-flex {
	  display: inline-flex !important; } }

  @media (min-width: 1200px) {
	.d-xl-none {
	  display: none !important; }
	.d-xl-inline {
	  display: inline !important; }
	.d-xl-inline-block {
	  display: inline-block !important; }
	.d-xl-block {
	  display: block !important; }
	.d-xl-table {
	  display: table !important; }
	.d-xl-table-row {
	  display: table-row !important; }
	.d-xl-table-cell {
	  display: table-cell !important; }
	.d-xl-flex {
	  display: flex !important; }
	.d-xl-inline-flex {
	  display: inline-flex !important; } }

  @media print {
	.d-print-none {
	  display: none !important; }
	.d-print-inline {
	  display: inline !important; }
	.d-print-inline-block {
	  display: inline-block !important; }
	.d-print-block {
	  display: block !important; }
	.d-print-table {
	  display: table !important; }
	.d-print-table-row {
	  display: table-row !important; }
	.d-print-table-cell {
	  display: table-cell !important; }
	.d-print-flex {
	  display: flex !important; }
	.d-print-inline-flex {
	  display: inline-flex !important; } }


/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/
@media print {
	.d-print-none {
	  display: none !important; }
	.d-print-inline {
	  display: inline !important; }
	.d-print-inline-block {
	  display: inline-block !important; }
	.d-print-block {
	  display: block !important; }
	.d-print-table {
	  display: table !important; }
	.d-print-table-row {
	  display: table-row !important; }
	.d-print-table-cell {
	  display: table-cell !important; }
	.d-print-flex {
	  display: flex !important; }
	.d-print-inline-flex {
	  display: inline-flex !important; } }

  .embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden; }
	.embed-responsive::before {
	  display: block;
	  content: ""; }
	.embed-responsive .embed-responsive-item,
	.embed-responsive iframe,
	.embed-responsive embed,
	.embed-responsive object,
	.embed-responsive video {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  border: 0; }

  .embed-responsive-21by9::before {
	padding-top: 42.85714%; }

  .embed-responsive-16by9::before {
	padding-top: 56.25%; }

  .embed-responsive-4by3::before {
	padding-top: 75%; }

  .embed-responsive-1by1::before {
	padding-top: 100%; }

  .flex-row {
	flex-direction: row !important; }

  .flex-column {
	flex-direction: column !important; }

  .flex-row-reverse {
	flex-direction: row-reverse !important; }

  .flex-column-reverse {
	flex-direction: column-reverse !important; }

  .flex-wrap {
	flex-wrap: wrap !important; }

  .flex-nowrap {
	flex-wrap: nowrap !important; }

  .flex-wrap-reverse {
	flex-wrap: wrap-reverse !important; }

  .flex-fill {
	flex: 1 1 auto !important; }

  .flex-grow-0 {
	flex-grow: 0 !important; }

  .flex-grow-1 {
	flex-grow: 1 !important; }

  .flex-shrink-0 {
	flex-shrink: 0 !important; }

  .flex-shrink-1 {
	flex-shrink: 1 !important; }

  .justify-content-start {
	justify-content: flex-start !important; }

  .justify-content-end {
	justify-content: flex-end !important; }

  .justify-content-center {
	justify-content: center !important; }

  .justify-content-between {
	justify-content: space-between !important; }

  .justify-content-around {
	justify-content: space-around !important; }

  .align-items-start {
	align-items: flex-start !important; }

  .align-items-end {
	align-items: flex-end !important; }

  .align-items-center {
	align-items: center !important; }

  .align-items-baseline {
	align-items: baseline !important; }

  .align-items-stretch {
	align-items: stretch !important; }

  .align-content-start {
	align-content: flex-start !important; }

  .align-content-end {
	align-content: flex-end !important; }

  .align-content-center {
	align-content: center !important; }

  .align-content-between {
	align-content: space-between !important; }

  .align-content-around {
	align-content: space-around !important; }

  .align-content-stretch {
	align-content: stretch !important; }

  .align-self-auto {
	align-self: auto !important; }

  .align-self-start {
	align-self: flex-start !important; }

  .align-self-end {
	align-self: flex-end !important; }

  .align-self-center {
	align-self: center !important; }

  .align-self-baseline {
	align-self: baseline !important; }

  .align-self-stretch {
	align-self: stretch !important; }


	/* ----------------------------------------------------------------------------------------------------------
	03 Media queries (using a mobile-first approach) ------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------- */
	
	/* 400 and up */
@media screen and (max-width: 768px) {

/*typography */

h1 {
    font-size: 2.5rem;
    color: var(--black);
    font-family: var(--font-family-sans-serif);
    clear: both;
    font-weight: normal;
    line-height: normal;
    margin: 1rem 0;
}

/*Post Titles set in Arial, used on posts + blocks throughout site */
h4 ,
h1.post-title.single-title.my-4, h2.woocommerce-loop-product__title{
	font-size: 1.75rem !important;
	color: var(--black);
	font-family: var(--font-family-sans-serif);
	clear: both;
	font-weight: normal;
	line-height: normal;
	margin: var(--mp-1) 0 !important;
}



.page-body-text  p{

	font-size: 1.0rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--black);
	letter-spacing: .05rem;
	margin: 0 0 1rem;
	
}

 p.page-body-text {

	font-size: 1.0rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--black);
	letter-spacing: .05rem;
	margin: 0 0 1rem;
}

/*summary breadcrumb */
span.d-inline-block.text-monospace.text-uppercase{
	font-size:85%;

}

/*general */

html #wpadminbar {
display: block; 
}

.max-width-75{
			max-width:100% !important;
		}

/*footer */
 footer div.site-info.grid-col-4 p.mt-2.monospace{

	width:75%;
 }
		
/*homepage */

		.entry-content div.grid-col-6, .entry-content div.two-up-grid div, .entry-content div.featured-block div{
			padding-left:0 !important;
			padding-right:0 !important;
		}

		/*calendar */
	
		table{
			table-layout: fixed;
   			 width: 100%;
			margin:0 !important;
		}

		#calendar{
			padding:0 !important;
		}

		th.header-day, tr td.day-boxes span.day-number{
			font-size:100% !important;
		}

		tr.days {
			margin-top: var(--mp-2);
		}

		.day-boxes {
		
			padding: var(--mp-3) 0 var(--mp-3) 0 !important;
			position:relative;
	
		}

		.event span {
			border-bottom: 5px solid var(--black);
		}

span:empty, div:empty, p:empty, a:empty, h4:empty {
	display:none;
	padding:0 !important;
}


.simple-btn{
	font-size: 110% !important;
}

.working-group-name h4{
	margin-bottom: var(--mp-4);
}


	/* who we are */
	div.wp-block-column p{
		width: 100% !important;
	}

	div.wp-block-column a.simple-btn{
		font-size: 110% !important;
	}

	/* events */

	.wp-block-column {
		padding-top: var(--mp-4);
	}

	.when-block{
		padding-left: var(--mp-3) !important;
		padding-right: var(--mp-3) !important;
	}

	div.when-block span{
		margin-bottom: var(--mp-4) !important;
	}

	div.events.content-wrapper, div.exhibitions.content-wrapper {
		margin: 0 !important;
		width: auto !important;
	}

	/*related card */

	.related-card div.grid-col-3{
		order:-1;
	}

		/*upcoming*/

		.upcoming-block .grid-col-9, .entry-content .grid-col-9, .entry-content span.grid, .entry-content p.content-wrapper{
			padding-left:0 !important;
			padding-right:0 !important;
		}


		/*support-banner*/
		h4.support-banner {
			font-size: 1.25rem !important;
		}

		.support-banner{
			max-width:100%;
		}

	
		div.wp-block-group.has-ia-teal-background-color.has-background.sticky-banner.cookie-popup a.dismissible{
			position: absolute;
			right: var(--mp-4);
			bottom: var(--mp-4);
			margin-bottom:0.125rem;
		}
	
		/* adjusting big button styling */

		.font-size-120{
			font-size:100% !important;
		}
		/* adjusting big button styling (Working Groups page) */

		div.grid-col-7.px-4{

			padding-left:0 !important;
			padding-right:0 !important;
		}

/*single-event/exhibition/other pages*/

.info-column{
	grid-column: span 12;
}

.single-title{
	width: auto !important;
}

div.selected-date > span > div.grid-col-5.pr-4 {
	padding-left:0 !important;
	padding-right:0 !important;
	padding-bottom: var(--mp-4) !important;

}

div.hero-card div{
	padding-left:0 !important;
	padding-right:0 !important;

}

.image-container > a > img {
    object-fit: cover;
    object-position: 50% 5%;
}



/*news and updates*/
.update-text{
    width:100% !important;
}


/*collection/donate pages */

.tab-content{
	padding: 0 !important;
}

.tab-content{
	display:none;
}



.paginator-container{
	margin: 0 var(--mp-4) var(--mp-5) !important;
}

/*shop*/

.single-product div.grid-col-4.mx-4.my-3{
	margin-top: 0 !important;

}

.image-grid {

	grid-template-columns: 1fr;
	
	}

	div.woocommerce.columns-4 {
	margin:0;
	}

	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 100%;
		float: left;
		clear: both;
		margin: 0 0 2.992em;
	}


	/* iPad styles
--------------------------------------------- */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

	/* ipad formats get content wrapper*/
	.content-wrapper{
		width: 80% !important;
		margin: auto;
	}


  }



	/* iPhone 5 quirks
--------------------------------------------- */

@media only screen 
  and (device-width: 320px) 
  and (device-height: 568px) {

  .btn-border-black {
    border: var(--standard-border) solid var(--black);
    border-radius: 5px;
    padding: .25rem .5rem;
    font-family: var(--font-family-monospace);
    font-size: 70%;
    text-decoration: none;
    opacity: 1.0;
    background-color: var(--button-color);
}

/*podcast block fixes*/

div.podcast-block.grid-gap {
     grid-gap: 0 !important; 
}
div.podcast-block > img {
	margin-bottom: var(--mp-3);

} 



  }