/**
 * @file
 * Use this CSS file to override base CSS rules
 */

/* Set default font weight to 300 for better typography in high-density screens */
/*body {
  font-weight: 300;
}*/



/* Couleurs */

.region--accent-background {
    background-color: #f2f2f2
}

.region--gray-background {
    background-color: #f2f2f2;
}

.region--dark-gray-background {
  background-color: #3a4e5f;
}

.region--black-background {
  background-color: #030A15;
}

.region--white-dark-colored-background .footer-top__container, .region--white-dark-gray-background .footer-top__container, .region--white-black-background .footer-top__container {
  background-color: #f9f9f9;
}

.header.region--dark-typography {
  background-color: #030A15;
}

body {
  color: #030A15;
}

.region--dark-typography a.link--bordered,
.region--dark-typography .link--bordered a {
  color: #030A15;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #030A15;
}

.region--dark-typography h1 a,
.region--dark-typography h2 a,
.region--dark-typography h3 a,
.region--dark-typography h4 a,
.region--dark-typography h5 a,
.region--dark-typography h6 a {
  color: #dc4023;
}

#hero {
  background-image: url('/sites/default/files/RATM_fond-dark_crop.jpg');
  background-size: cover;
  background-position-y: 25%;
}


.whitetext {
  color: white !important;
}

.whitetext a {
  color: white !important;
}

.btn {
  font-size: 16px;
  font-weight: 500;
  padding: 16px 40px 16px;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  border-width: 2px;
  border-style: solid;
  margin: 0 0 10px 0;
  text-align: center;
  text-transform: none;
  border-color: #DC4023;
  background-color: #DC4023;
  border-radius: 0;
}

.btn:hover,
.btn:focus {
  border-color: #FF5E4D;
  color: #FF5E4D;
  background-color: transparent;
}

#block-slideshowpagedaccueil2 a.mt-button.mt-button--outline,
#block-slideshowpagedaccueilen a.mt-button.mt-button--outline {
  color: #ffffff;
  border-color: #DC4023;
  background-color: #DC4023;
}

#block-slideshowpagedaccueil2 a.mt-button.mt-button--outline:hover,
#block-slideshowpagedaccueilen a.mt-button.mt-button--outline:hover {
  border-color: #FF5E4D;
  background-color: #FF5E4D;
}

/* Font sizes */

h1 {
  font-size: 56px;
  text-transform: uppercase;
}

h1.page-title {
  margin-bottom: 40px;
  margin-top: 10px;
}

h2 {
  font-size: 46px;
}
h3 {
  font-size: 26px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 14px;
}

.col-12 h2.title, .col-12 nav > h2, .col-12 .block-search > h2 {
  font-weight: 500;
  font-size: 46px;
}

/*body {
  font-size: 18px;
}

#footer-top {
  font-size: 16px;
}*/

@media (max-width: 575px) {
  h1 {
    font-size: 36px;
  }
  h2 {
  font-size: 30x;
}
.col-12 h2.title, .col-12 nav > h2, .col-12 .block-search > h2 {
  font-weight: 500;
  font-size: 30px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
/*body {
  font-size: 16px;
}*/
}

/* Spacing */

.hero {
    padding: 25px 0 0px;
}

.featured-top__section {
    padding: 0px 0 40px;
}

/* toolbar search hiding */

#admin-toolbar-search-tab {
  display: none;
}