.themag-layout__region{
	position:relative;
	width:100%;
	padding-right:15px;
	padding-left:15px
}

.themag-layout--white{
	background-color:#fff
}

.themag-layout--gray{
	background-color:#404040;
	color: var(--white) !important;
}

.themag-layout--gray p {

	color: var(--white) !important;
}
.themag-layout--gray-light {background-color:#BABABA}
.themag-layout--black {
	background-color:#11171a;}
.themag-layout--batsky {background-color:#d9eefc}
.themag-layout--lp-orange {
	background-color:var(--lp-orange);}

.themag-layout--festival {
  /* Fallback: Set a background color. */
  background-color: rgba(227,49,45,1.00);
  
  /* Create the gradient. */
  background-image: linear-gradient(80deg, rgba(253,203,89,1.00), rgba(227,49,45,1.00));
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

}

.themag-layout--lp-orange h1,
.themag-layout--lp-orange h2,
.themag-layout--lp-orange h3,
.themag-layout--lp-orange p {
	color: var(--white) !important;
	text-fill-color: rgb(255, 255, 255);
	-webkit-text-fill-color: rgb(255, 255, 255);
}

.themag-layout--festival h2 {
	color: var(--white) !important;
	text-fill-color: rgb(255, 255, 255);
	-webkit-text-fill-color: rgb(255, 255, 255);
}


.themag-layout--my-default{margin-bottom:3rem}
.themag-layout--py-xsmall{padding-top:1.5rem;padding-bottom:1.5rem}
.themag-layout--py-small{padding-top:2rem;padding-bottom:2rem}
.themag-layout--py-medium{padding-top:2rem;padding-bottom:2rem}
@media (min-width: 768px){
	.themag-layout--py-medium{padding-top:3rem;padding-bottom:3rem}
}
.themag-layout--py-large{padding-top:3rem;padding-bottom:3rem}
@media (min-width: 768px){
	.themag-layout--py-large{padding-top:4rem;padding-bottom:4rem}
}
.themag-layout--py-xlarge{padding-top:4rem;padding-bottom:4rem}
@media (min-width: 992px){
	.themag-layout--py-xlarge{padding-top:6rem;padding-bottom:6rem}
}
.no-gutters>.themag-layout__region{padding-right:0;padding-left:0}