/**
 * SUMMARY
 * 00 VARIBALES
 * 01 HELPERS
 * 02 GENERAL
 * 03 FORMS
 * 04 MODULES EXTERNES
 */


/**
 * 00 : VARIABLES
 * **************
 */

body {
	--admin-bar-height: 0px;
}
body.admin-bar {
	--admin-bar-height: 46px;
}
@media screen and (max-width: 600px) {
	body.admin-bar.scrolled {
		--admin-bar-height: 0px;
	}
}
@media screen and (min-width: 783px) {
	body.admin-bar {
		--admin-bar-height: 32px;
	}
}



/**
 * 01 : HELPERS
 * ************
 */

/* Margin Auto */

.mx-auto{
	margin-left: auto;
	margin-right: auto;
}
.mt-auto{
	margin-top: auto;
}
.ml-auto{
	margin-left: auto;
}
.mb-auto{
	margin-bottom: auto;
}
.mr-auto{
	margin-right: auto;
}

/* Position Properties */

.relative{
	position: relative;
}

.absolute{
	position:absolute;
	top: 0px;
	left: 0px;
}

.absolute.--right {
    left: auto;
    right: 0;
}

.absolute.--bottom {
    top: auto;
    bottom: 0;
}

.sticky {
	position: sticky;
	top: calc( var(--admin-bar-height) + var(--offsetNavHeight, 0) );
}

.sticky-header {
	position: sticky;
	top: var(--admin-bar-height);
}

/* Image Aspect Ratios */

.aspect-1-1 img{
    aspect-ratio: 1/1;
	object-fit: cover;
}

.aspect-3-2 img{
    aspect-ratio: 3/2;
	object-fit: cover;
}

.aspect-2-3 img{
    aspect-ratio: 2/3;
	object-fit: cover;
}

.aspect-4-3 img{
    aspect-ratio: 4/3;
	object-fit: cover;
}

.aspect-3-4 img{
    aspect-ratio: 3/4;
	object-fit: cover;
}

.aspect-16-9 img{
    aspect-ratio: 16/9;
	object-fit: cover;
}

.aspect-9-16 img{
    aspect-ratio: 9/16;
	object-fit: cover;
}




/**
 * 02 : GENERAL
 * ************
 */


/* Images */
img {
    max-width: 100%;
}

/* Content area */
#main {
	min-height: 65vh;
}




/**
 * 03 : FORMS
 * **********
 */

/* Search form */
form.search-form {
	display: flex;
	align-items: center;
}



/* Form grid */
.form-row {
	margin-bottom: 20px;
}
.form-row.--grid > * {
   width: 100%;
	 margin-bottom: 20px;
	 display: block;
}
@media (min-width: 600px) {
	.form-row.--grid {
    display: flex;
		flex-wrap: nowrap;
    gap: 20px;
  }
  .form-row.--grid > * {
		margin-bottom: 0;
  }
}