/*
    Theme Name: mabois
    Author: Maïssa Kthiri
    Version: 1.0.0
*/

@import "bootstrap/css/bootstrap.css";

/**
  Main containers
 */
body, html, .wp-site-blocks {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

body {
  background-color: var(--wp--preset--color--secondary);
}

/*
  Flexbox smallest main
  container for main
  structure
 */
.wp-site-blocks {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#container {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}


/**
  Blog home page
 */
/*  Double container */
#flexbox {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
}

/* Three containers */
#nous, #nos-services {
  height: 100%;
  padding: 0;
}

#prestations-first-list, #prestations-second-list {
  padding: 0 0 0 0.5%;
}

#prestations-first-list > ul, #prestations-second-list > ul {
  list-style-type: square;
}

/**
  Form
 */
input, textarea {
  border-radius: 0.25rem;
}

span.evf-label {
  color: var(--wp--preset--color--secondary);
}

#evf-submit-45 {
  background-color:  var(--wp--preset--color--primary);
  border: none;
  color: var(--wp--preset--color--secondary);
  width: 100%;
}

#evf-submit-45:hover {
  background-color:  var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--primary);
}

.mailcheck-suggestion {
  color: #fa5252;
}

/**
  General
 */
a {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/**
  Showroom
 */
/*.card-container {
  border-radius: 1rem;
}*/


/**
  Media queries
 */
@media only screen and (max-width: 768px) {
  #flexbox-3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media only screen and (min-width: 768px) {
  .evf-submit-container {
    margin: 0 30%;
  }

  #flexbox-3 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    width: 50%;
  }
}

@media only screen and (min-width: 992px) {
  #flexbox {
    flex-direction: row;
    justify-content: stretch;
  }

  #nous, #nos-services {
    padding: 0 17%;
  }

  #flexbox > div {
    width: 50%;
  }

  #prestations-first-list {
    padding-left: 0.5%;
  }

  #prestations-second-list {
    padding-left: 17%;
  }
}
/**********************************************************************************************************************/
/**
  Form
 */
/*
input, textarea {
  border-radius: 0.25rem;
}

span.evf-label {
  color: var(--wp--preset--color--secondary);
}

#evf-submit-20 {
  background-color:  var(--wp--preset--color--primary);
  border: none;
  color: var(--wp--preset--color--secondary);
  width: 100%;
}

#evf-submit-20:hover {
  background-color:  var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--primary);
}

.mailcheck-suggestion {
  color: #fa5252;
}
*/
/**
  Layout
 */
/*
#flexbox, #flexbox-3 {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

#prestations-first-list, #prestations-second-list {
  padding: 0 0 0 0.5%;
}

#prestations-first-list > ul, #prestations-second-list > ul {
  list-style-type: square;
}

.center-heading {
  margin-left: auto;
  margin-right: auto;
}
*/
/**
  General
 */
/*
a {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#nous, #nos-services {
  padding: 0;
}

*/
/**
  Media queries
 */
/*
@media only screen and (max-width: 768px) {
  #flexbox-3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media only screen and (min-width: 768px) {
  .evf-submit-container {
    margin: 0 30%;
  }

  #flexbox-3 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    width: 50%;
  }
}

@media only screen and (min-width: 992px) {
  #flexbox {
    flex-direction: row;
    justify-content: stretch;
  }

  #nous, #nos-services {
    padding: 0 17%;
  }

  #flexbox > div {
    width: 50%;
  }

  #prestations-first-list {
    padding-left: 0.5%;
  }

  #prestations-second-list {
    padding-left: 17%;
  }
}
*/