.py{padding-top: 25px; padding-bottom: 25px;}
.px-m{padding-left: 2.5%; padding-right: 2.5%;}
.px-l{padding-left: 5%; padding-right: 5%;}
.mb0{margin-bottom:0 !important;}

@media(min-width: 782px){
	.px-m{padding-left: 5%; padding-right: 5%;}
	.px-l{padding-left: 10%; padding-right: 10%;}
}
@media(min-width: 992px){
	.px-m{padding-left: 7.5%; padding-right: 7.5%;}
	.px-l{padding-left: 15%; padding-right: 15%;}
}
@media(min-width: 1280px){
	.py{padding-top: 50px; padding-bottom: 50px;}
	.px-m{padding-left: 10%; padding-right: 10%;}
	.px-l{padding-left: 17.5%; padding-right: 17.5%;}
}
@media(min-width: 1600px){
	.px-m{padding-left: 12.5%; padding-right: 12.5%;}
	.px-l{padding-left: 20%; padding-right: 20%;}
}

/**
*	Colors
**/
.has-brown-background-color {background-color: #9D6960;}
.has-brown-color {color: #9D6960;}
.has-orange-background-color {background-color: #D4AA5F;}
.has-orange-color {color: #D4AA5F;}
/*.has-green-background-color {background-color: #00A79D;}
.has-green-color {color: #00A79D;}
.has-pink-background-color {background-color: #DE1D6E;}
.has-pink-color {color: #DE1D6E;}
.has-red-background-color {background-color: #BE1622;}
.has-red-color {color: #BE1622;} */
.has-white-background-color {background-color: #ffffff;}
.has-white-color, .has-white-color a{color: #ffffff;}
.has-grey-background-color {background-color: #eee8e4;}
.has-grey-color {color: #eee8e4;}
.has-dark-grey-background-color {background-color: #333333;}
.has-dark-grey-color {color: #333333;}
.has-black-background-color {background-color: #000000;}
.has-black-color {color: #000000;}
/* .has-blue-to-white-gradient-background {background: linear-gradient(180deg,rgb(9,51,72) 50%,rgba(255,255,255,0) 50%);} */


.border, .border-right{position: relative;}
.border:before, 
.border-right:before{position: absolute; top: -15px; left: -15px; width: 90%; height: 90%; content:''; border: 1px solid #9D6960;}
.border-right:before{left: unset; right: -15px;}

@media(min-width: 782px){
	.border:before{top: -25px; left: -25px;}
	.border-right:before{left: unset; right: -25px;}
}


.wp-block-columns.steps{}
.wp-block-columns.steps > .wp-block-column h3{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }
.wp-block-columns.steps > .wp-block-column h3:before{margin-right: 10px; white-space: nowrap; color: #D4AA5F; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 3.5rem;}
.wp-block-columns.steps > .wp-block-column:first-child h3:before{content:"01";}
.wp-block-columns.steps > .wp-block-column:nth-child(2) h3:before{content:"02";}
.wp-block-columns.steps > .wp-block-column:nth-child(3) h3:before{content:"03";}
.wp-block-columns.steps > .wp-block-column:nth-child(4) h3:before{content:"04";}
.wp-block-columns.steps > .wp-block-column:nth-child(5) h3:before{content:"05";}
.wp-block-columns.steps > .wp-block-column:nth-child(6) h3:before{content:"06";}

@media(min-width: 782px){
	.wp-block-columns.steps > .wp-block-column h3:before{font-size: 4rem;}
}
@media(min-width: 992px){
	.wp-block-columns.steps > .wp-block-column h3:before{font-size: 5rem;}
}
@media(min-width: 1280px){
	.wp-block-columns.steps > .wp-block-column h3:before{font-size: 6rem;}
}

.tode-bg h2{text-align: center;}
@media(min-width: 782px){
	.tode-bg{position: relative}
	.tode-bg h2{text-align: inherit;}
	.tode-bg > *{position: relative; z-index: 2;}
	.tode-bg:before, .tode-bg:after{z-index: 1; position: absolute; content: ''; background-image:url('../images/tode-bg-left.svg'); background-repeat: no-repeat; background-size: contain; height: 100%; width: 100%; left: 0; top: 0; background-position: -8% center;}
	.tode-bg:after{background-image:url('../images/tode-bg-right.svg'); background-position: 105% center;}
}


.wp-block-columns > .wp-block-column > .wp-block-media-text.address{display: flex; flex-direction: row; justify-content: center; flex-wrap: nowrap}
.wp-block-columns > .wp-block-column > .wp-block-media-text.address > figure{flex-basis: calc(50% - 35px); flex-grow: 0; text-align: right}
.wp-block-columns > .wp-block-column > .wp-block-media-text.address > figure img{max-width: 35px;}
.wp-block-columns > .wp-block-column > .wp-block-media-text.address > .wp-block-media-text__content{flex-basis: calc(50% + 35px); padding: 25px ;}


/**
*	Blog
**/
#article-grid, .news-container{display: flex; flex-wrap: wrap; gap: 25px;}
#article-grid > article, .news-container > article{
	background: #fff;
	position: relative; margin-bottom: 50px; flex-basis: 100%; flex-grow: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 9%);
    -khtml-box-shadow: 0 2px 3px rgba(0,0,0,.09);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.09);
    -ms-box-shadow: 0 2px 3px rgba(0,0,0,.09);
    -o-box-shadow: 0 2px 3px rgba(0,0,0,.09);
    box-shadow: 0 2px 3px rgb(0 0 0 / 9%);
}
#article-grid > article a, .news-container > article a{text-decoration: none !important; color:#333;}
#article-grid > article figure, .news-container > article figure{margin-top: 0; margin-left: 0; height: 350px; width: 100%;}
#article-grid > article figure img, .news-container > article figure img{height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover;}
#article-grid > article .post-container, .news-container > article .post-container{padding: 15px 15px 50px;}
#article-grid > article .post-content, .news-container > article .post-content{text-align: center;}
#article-grid > article .post-title, .news-container > article .post-title{text-transform: uppercase; padding: 0; font-size: 1.8rem; margin-bottom: 0;}
#article-grid > article .post-title span, .news-container > article .post-title span{display: block;}
#article-grid > article .post-tax, .news-container > article .post-tax{display: flex; flex-direction: row; gap: 15px; justify-content: center; flex-wrap: wrap; margin-bottom: 5px;}
#article-grid > article .post-tax a, .news-container > article .post-tax a{text-transform: uppercase; color: var(--tode-color-orange); font-size: 1.2rem; }
#article-grid > article .post-date, .news-container > article .post-date{font-size: 1.2rem;}
#article-grid > article .excerpt, .news-container > article .excerpt{margin-top: 15px;}
#article-grid > article .post-content button, .news-container > article .post-content button,
#article-grid > article .post-content a.btn, .news-container > article .post-content a.btn{line-height: 1.75; color: #fff; width: 150px; height: 45px; z-index: 99; position: absolute; bottom: -22.5px; text-align: center; padding-left: 0; padding-right: 0; left: calc(50% - 75px); white-space: nowrap;}

@media(min-width: 782px){
	#article-grid > article, .news-container > article{flex-basis: calc(50% - 25px);}
}
@media (min-width: 992px){
	#article-grid > article, .news-container > article{flex-basis: calc(33% - 25px);}
	#article-grid > article .post-title, .news-container > article .post-title{font-size: 2rem;}
}
@media (min-width: 1280px){
	#article-grid > article .post-title, .news-container > article .post-title{font-size: 2.5rem;}
}
.wp-admin #article-grid > article .post-title, .wp-admin .news-container > article .post-title{font-size: 20px !important;}