*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{text-decoration:none;color:inherit}ol,ul{list-style:none}button{border:none;background:0 0;cursor:pointer}table{border-collapse:collapse;border-spacing:0}

/* GENERIC STYLES */

:root{
	--width-cont:1200px;
	--space-cont:50px;
	
	--height-header:90px;
	--header-background:#F4F4F4;
}

body{
	overflow-x:hidden;
	display:flex;
	flex-direction:column;
	min-height:100dvh;
}

.cwbizz{
	margin:auto;
	width:100%;
	max-width: var(--width-cont);
}

.csbizz{
	padding: 0 var(--space-cont);
}


.e-con-full, .e-con > .e-con-inner{
	padding:0;
}


:is(.elementor-section-wrap,[data-elementor-id])>.e-con>.e-con-inner {
    max-width: var(--width-cont);
    margin: auto;
    width: 100%;
}

:is(.elementor-section-wrap,[data-elementor-id])>.e-con {
    padding-left: var(--space-cont);
    padding-right: var(--space-cont);
}

.content-area,body > main{
	flex:1;
}


button,a{
	color:black
}


ul{
	margin:0;
	padding:0;
}

.bz-i{
stroke:currentcolor;
fill:transparent;
stroke-width:.0868rem;
width:24px;
height:24px;
shape-rendering: geometricPrecision;
text-rendering: geometricPrecision;
image-rendering: optimizeQuality;
vector-effect: non-scaling-stroke;
}

.admin-bar .collapse{
	margin-top:32px
}






/**************************
 * ************************
 * GRID BLOG
 * ************************
 * ***********************/

.grid-blog{
    display:grid;
    grid-template-columns: repeat(var(--grid-columns-blog, 3), 1fr);
    gap:2rem
}

.grid-blog{
    .post-card__media{
        aspect-ratio: 1;
    }

    .post-card__media img{
        height: 100%;
        width: 100%;
        overflow: hidden;
        object-fit: cover;
    }

}

/********************************
 * ******************************
 * SIDEBAR ON 
 * ******************************
 * *****************************/

.has-sidebar.sidebar-left{
	display:flex;
	flex-direction: row-reverse;
}

.has-sidebar.sidebar-right{
	display:flex;
	flex-direction:row
}

#sidebar-main{
	width:100%;
	max-width:320px
}

main{
	width:100%
}