﻿/*
 Theme Name:     a50
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Theme A50 (dérivé de DIVI)
 Author:         Pierre Anthoine
 Author URI:     https://www.aeroclub-beaujolais.org
 Template:       Divi
 Version:        26.03.05
*/
@font-face {
	font-family: 'Dark Twenty';
	src: url('/wp-content/themes/acb/fonts/DarkTwenty.otf');
	src: url('/wp-content/themes/acb/fonts/DarkTwenty.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	background-color: hsla(0,0%,100%,.9);
}

#logo {
	height: 80px !important;
	min-height: 80px !important;
	max-height: 80px !important;
	vertical-align: middle;
	margin-bottom: 6px;
}	

#main-header {
	height: 	90px !important;
	min-height: 90px !important;
	max-height: 90px !important;
}	

#main-footer {
	position: fixed !important;
	bottom: 0 !important; 
	width: 100% !important;
	z-index: 999; 
}

@media only screen and (max-width: 575px) {
	#footer-info {
		font-size: 8px !important;
	}
}

	h1 {
		color: #1c73be;
		text-align: left;
		font-size: 2.5em;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		margin-bottom: 0.25em;
	}

	h2 {
		color: #1c73be;
		text-align: left;
		font-size: 1.75em;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	h3 {
		color: #1c73be;
		text-align: left;
		font-size: 1.5em;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	h4 {
		color: black;
		text-align: left;
		font-size: 1.25em;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	h5 {
		color: black;
		text-align: left;
		font-size: 1em;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	h6 {
		color: #1c73be;
		text-align: left;
		font-size: 05em;
		text-decoration: none;
		font-style: normal;
		font-weight: normal;
		margin-top: 0.25em;
		margin-bottom: 0.25em;
	}

	.acb_display_none {
		display: none;
	}

	.acb-clear {
		clear: both;
	}

	.acb-height-100 {
		height: 100%;
	}

	.acb-height-80 {
		height: 80%;
	}


	/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
	@media screen and (max-width: 600px) {
		.acb-col-25, .acb-col-75, input[type=submit] {
			width: 100%;
			margin-top: 0;
		}
	}

	input.acb[type=text], input.acb[type=password], select.acb, textarea.acb {
		width: 100%;
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		resize: vertical;
	}

	label.acb {
		font-family: 'Verdana';
		font-size: 10pt;
		padding: 12px 12px 12px 0;
		display: inline-block;
	}

	input.acb[type=submit] {
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		float: right;
	}

		input.acb[type=submit]:hover {
			background-color: #45a049;
		}

	.acb-container {
		position: absolute;
		top: 30%; /* poussé du tiers de hauteur du référent */
		transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
		left: 50%;
		transform: translateX(-50%); /* tiré de la moitié de sa propre largeur */
		margin: 0 auto;
		max-width: 640px;
		width: 600px;
		border-radius: 5px;
		background-color: #f2f2f2;
		/* padding: 5px 40px 10px 40px; */
		padding: 2px 2px 2px 2px;
		z-index: 16; /* Très important pour que les champs de formulaire soient actifs ! */
	}

	.acb-row-full-width {
		width: 100%;
		margin: 0px 0px 0px 0px;
	}

	.acb-dialog-caption {
		float: left;
		width: 75%;
		margin-top: 6px;
		margin-left: 32px;
	}

	.acb-dialog-systembuttons {
		float: right;
		width: 10%;
		text-align: right;
		margin-top: 1px;
		margin-right: 2px;
	}

	.acb-row-regular-width {
		width: 100%;
		padding: 2px 32px 2px 32px;
	}

	.acb-col-25 {
		float: left;
		width: 25%;
		margin-top: 6px;
	}

	.acb-col-75 {
		float: left;
		width: 75%;
		margin-top: 6px;
	}

	.acb-col-100 {
		width: 100%;
		margin-top: 6px;
	}

	.acb-row-full-width:after, .acb-row-regular-width:after {
		content: "";
		display: table;
		clear: both;
	}

	.alt-rows:nth-child(even) {
		background-color: #f6f9fb;
	}

	.alt-rows:nth-child(odd) {
		background-color: #eaedee;
	}

	.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}