/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

@font-face {
	font-family: 'DINNextLtPro';  
	src: url(fonts/Linotype-DINNextLTPro-Light.otf) format("opentype"), url(fonts/Linotype-DINNextLTPro-Light.woff) format("woff");  
  font-weight:300;
}
@font-face {
	font-family: 'DINNextLtPro';  
	src: url(fonts/Linotype-DINNextLTPro-Medium.otf) format("opentype"), url(fonts/Linotype-DINNextLTPro-Medium.woff) format("woff");  
  font-weight:normal;
}
@font-face {
	font-family: 'DINNextLtPro';  
	src: url(fonts/Linotype-DINNextLTPro-Bold.otf) format("opentype"), url(fonts/Linotype-DINNextLTPro-Bold.woff) format("woff");
  font-weight:bold;
}
body {
  color:#646569;
  font-family: 'DINNextLtPro', 'Open Sans', sans-serif!important;
  font-wieght:300;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'DINNextLtPro', 'Open Sans', sans-serif!important;
  text-align:center;
  text-transform:uppercase;
}

.wrapper {padding-bottom: 0!important;}

.wrapper h1 {
  font-size: 3.4em;
  color: #ffffff;
}
.wrapper h2 {
  font-size: 2.8em;
  color: #ffffff;
}
.wrapper h3 {
  font-size: 2.2em;
  color: #ffffff;
}
.section-jaune .header_bloc p {
  margin: 0;
}
.wrapper p {
  font-weight: 300;
}
.wrapper p strong {
	font-family: 'DINNextLtPro', 'Open Sans', sans-serif;
  font-weight:bold;
}
.wrapper li {
  font-weight: 300;
}
.wrapper table th {
  font-weight: bold;
}
.wrapper table tr {
  font-weight: 300;
}
.header_bloc hr {
  border-top:4px solid black;
}
#wrapper-header {
  padding:15px;
  vertical-align:middle;
  font-size: 24px;
}
#wrapper-header .contact {padding-top:25px;}
#wrapper-header .contact a.tel {
  margin-right:20px;
}
#wrapper-header .contact a {
  color:#646569;
  display:inline-block;
}
#wrapper-header .logo img {
  height:auto;
  max-height:60px;
}

#wrapper-footer {
  background-color:#646569;
  padding-top:60px;
  padding-bottom:60px!important;
  color:white;
  text-align:center;
}
#wrapper-footer img {
  max-height:100px;
}
#wrapper-footer address {
  margin-top:50px;
}
#wrapper-footer a {
  color:#ffffff;
  font-weight:bold;
}
#wrapper-footer .mail {
  margin-left: 50px;
}
.bouton-envoie input, .bouton-noir {
    border: 0;
    background: black;
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 30px;
}
.jaune {
  
color:#ceda55;
}
.bleu {
  color:#2fa2b2;
  text-transform:uppercase;
  font-size:30px;
}
.section-trio p {
  text-align:center;
  font-size:15px;
  color:#fefefe;
}
.section-trio span {
  font-size:50px;
  font-weight: bold;
}
.bouton-envoie input:hover, .bouton-noir:hover {
  cursor:pointer;
  text-decoration:none;
  color:white;
}

.text-css input, .text-css textarea {
  padding: 10px;
}
.list-salle {
  color:#66676B;
}
.list-salle div.header div {
  padding-bottom:30px;
}
.list-salle div.header span {
	font-family: 'DINNextLtPro', 'Open Sans', sans-serif;
  font-weight:bold;
  font-size:24px;
  text-transform:uppercase;
  text-align:center;
}
.list-salle .even div {
  background-color:#EDEEF2;
}
.list-salle div.salle {
  width:100%;
  font-weight:300;
}
.list-salle div.salle .row {
  padding: 10px 0;
}
.list-salle div span {
  text-align:center;
}
.list-salle div.header div, .list-salle div.salle div {
}
.list-salle div.nom {
  border-right:5px solid white;
}
.list-salle div.dimension {
  border-right:5px solid white;
}
.list-salle div.capacite {
}
.list-salle div.nom span {
}
.list-salle div.dimension span {
}
.list-salle div.capacite span {
}
@media (max-width: 768px) {
#wrapper-header {
	text-align:center;
  font-size: 18px;
}
#wrapper-footer img {
  max-height:70px;
}
.list-salle div.header div {
  padding-bottom:0;
}
.list-salle div span.d-md-none {
  width: 110px;
  text-align: left;
}
.list-salle div span {
	width: 100%;
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid grey;
	font-size: .8em;
}
.list-salle div.nom {
  border:none;
  display:flex;
}
.list-salle div.dimension {
  border:none;
  display:flex;
}
.list-salle div.capacite {
  display:flex;
}
.list-salle div.capacite span {
  border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.list-salle div.header span {
  margin-left:0px;
}
.list-salle div span {
  text-align:left;
  margin-left:0px;
}
}