/*
 * 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 {background-color: #f3f2ee; box-shadow: rgb(38 57 77 / 61%) 0px 20px 30px -10px; position: relative; border-radius: 0.5rem; }
.post-excerpt {} 

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

/* Buttons in boxes */

.boxed { position: relative; padding-bottom: 6rem; }
.boxed a.button { position: absolute; bottom: 2rem; left: 2rem; }

/*Do not remove the styles below*/
.wp-block{max-width:none;}
.admin-toast-support a, .admin-toast-support:hover a{background:#e88b39 !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;}


.no-padding { padding: 0rem; }
.xs-padding { padding: 2rem; }
.s-padding { padding: 4rem; } 
.m-padding { padding: 6rem; } 
.l-padding { padding: 8rem; } 
.xl-padding { padding: 10rem; } 


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

/* Grid Styles*/
.two { grid-template-columns: repeat(2, 1fr); }
.three { grid-template-columns: repeat(3, 1fr); }
.four { grid-template-columns: repeat(4, 1fr); }
.five { grid-template-columns: repeat(5, 1fr); }
.six { grid-template-columns: repeat(6, 1fr); }
.left-two-thirds { grid-template-columns: 2fr 1fr; }
.left-three-quarters { grid-template-columns: 3fr 1fr; }
.right-two-thirds { grid-template-columns: 1fr 2fr; }
.right-three-quarters { grid-template-columns: 1fr 3fr; }

/* Other presets */
.boxes .col{background:#ffffff;color:#000000;padding:2rem;}
.flex-center .col, .flex-center.col { display:flex; justify-content:center; flex-direction:column; }
.align-vertical { align-items: center; }

/* Table styles */
table {
	    margin-bottom: 3rem;
}
:not(.woocommerce-page).page table tr:first-of-type {
    text-align: left;
    background-color: #b33e24;
    color: #fff;
    font-weight: 600;
	font-size: larger;
}

table tr:nth-child(even){
	background-color: #f3f2ee;
	padding: 1rem;
}

body.single table td, body.page table td {
    padding: 1.5rem;
	border: solid #f3f2ee;
}
body.single table td:last-child, body.page table td:last-child {
    font-style: italic;

}

/* Responsive */

@media (min-width: 768px) {
	.container, .with-sidebar { width:100%;}
	.column, .columns { margin-left: 4%;display:inline-block;vertical-align:top;box-sizing:border-box;}
	.vertical-middle .column, .vertical-middle .columns {vertical-align:middle;}
	.column:first-child, .columns:first-child { margin-left: 0; }
	
	.one.column, .one.columns{ width: calc(4.66666666667% - 5px);}
	.two.columns { width: calc(13.3333333333% - 5px);}
	.three.columns { width: calc(22% - 5px);}
	.four.columns { width: calc(30.6666666667% - 5px);}
	.five.columns { width: calc(39.3333333333% - 5px);}
	.six.columns { width: calc(48% - 5px);}
	.seven.columns { width: calc(56.6666666667% - 5px);}
	.eight.columns { width: calc(65.3333333333% - 5px);}
	.one-fifth.columns, .one-fifth.column { width: calc(16.8% - 5px);}
	.four-fifths.columns,.four-fifths.column { width: calc(79.2% - 5px);}
	.nine.columns { width: calc(74.0% - 5px);}
	.ten.columns { width: calc(82.6666666667% - 5px);}
	.eleven.columns { width: calc(91.3333333333% - 5px);}
	.twelve.columns { width: calc(100% - 5px); margin-left: 0;}
	.one-third.column { width: calc(30.6666666667% - 5px);}
	.two-thirds.column { width: calc(65.3333333333% - 5px);}
	.one-fifth.column, .one-fifth.columns	{ width: calc(16.8% - 5px);}
	
	/* New Grid. */
	.grid { display: grid; grid-gap: 4rem; box-sizing: border-box; align-content: stretch; justify-content: center;	}
	.grid .col{ }
	
	/* Woocommerce tabs on mobile */
	.woocommerce-tabs{border:1px solid #efefef;margin-bottom:2em}
	.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin-bottom:1em}
	.woocommerce div.product .woocommerce-tabs ul.tabs::before{border:0}
	.woocommerce div.product .woocommerce-tabs ul.tabs li{display:block;margin:0;border-radius:0;border:0;border-bottom:1px solid #efefef}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:block;opacity:0.7}
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:#efefef}
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{opacity:1}
	.woocommerce div.product .woocommerce-tabs .panel{padding-left:1em;padding-right:1em;margin:0}
	.woocommerce.product-tab-style-center div.product .woocommerce-tabs ul.tabs li{border:0;border-bottom:1px solid #efefef}
	
}