@charset "UTF-8";

/* --------------------------------------------
COMPETITIONS
--------------------------------------------- */
.competitions{
	.dropdown button{
		color : #343a40;
	}
	h3{
		letter-spacing : .05em;
	}
	@media screen and ( width <= 767px ){
		.dropdown button{
			width : calc( 261 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 767px ){
		.dropdown button{
			width : calc( 241 * var( --remBase ) );
		}
		.filter{
			button{
				min-width : calc( 160 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
SEMINAR
--------------------------------------------- */
.seminars{
	@media print , screen and ( width > 767px ){
		.filter{
			button{
				min-width : calc( 100 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
CREDENTIALS
--------------------------------------------- */
.credentials{
	details{
		&.is-open{
			> div{
				padding-top : calc( 16 * var( --remBase ) );
			}
		}
	}
	@media screen and ( width <= 767px ){
		> .bg-primary{
			padding-top : calc( 80 * var( --remBase ) );
			padding-bottom : calc( 104 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 767px ){
		> .bg-primary{
			padding-top : calc( 112 * var( --remBase ) );
			padding-bottom : calc( 136 * var( --remBase ) );
		}
	}
}