/*
 * These styles are outputted both of the frontend and backend of the site
 * Please note any changes you do make may also make changes to the WP backend default styles.
 * Edit with caution
 */

/* Your custom global styles here */

.boxed { box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px; }


/* Anchor positioning */
a.anchor { display: block; position: relative; top: -50px; visibility: hidden; height: 50px; }

/*Do not remove the styles below*/
.wp-block{max-width:none;}
.admin-toast-support a, .admin-toast-support:hover a{background:#ff8f2b !important;color:#ffffff !important;font-weight:bold !important;}
.admin-css-file a, .admin-css-file:hover a{background:#0c4e56 !important;color:#ffffff !important;font-weight:bold !important;}


section{background-size:cover;;background-position:center;}
.wrapper{background-position:center;background-size:cover;}
img{max-width:100%;vertical-align:middle;height:auto;}
.align-right{text-align:right}
.align-center{text-align:center;}
.table{display:table;width:100%;table-layout:fixed;}
.table .left-side, .table .right-side{display:table-cell;vertical-align:middle;}

/* Margin and Padding Styles */
.padding-bottom{padding-bottom:5rem;}
.padding-top{padding-top:5rem;}
.padding-both{padding-bottom:5rem;padding-top:5rem;}
.large-padding-bottom{padding-bottom:10rem;}
.large-padding-top{padding-top:10rem;}
.large-padding-both{padding-bottom:10rem;padding-top:10rem;}

.margin-bottom{margin-bottom:5rem;}
.margin-top{margin-top:5rem;}
.margin-both{margin-bottom:5rem;margin-top:5rem;}
.large-margin-bottom{margin-bottom:10rem;}
.large-margin-top{margin-top:10rem;}
.large-margin-both{margin-bottom:10rem;margin-top:10rem;}

/* Grid */
.container, .with-sidebar { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; clear: both; }
.column, .columns, .flex .col{ width: 100%;box-sizing: border-box; }
.container .container { padding: 0; }
.container .container .container { padding: 0; }

/* New Grid. */
.grid { display: grid; grid-gap: 40px; box-sizing: border-box; align-content: stretch; justify-content: center;	}

@media (min-width: 768px) {
	.container, .with-sidebar { width:100%;}
	.column, .columns { margin-left: 4%;display:inline-block;vertical-align:top;box-sizing:border-box;}
}