@charset "UTF-8";
/* 
 Theme Name: Orchestrated Theme
 Description: Theme Main
 Text Domain: orchestrated-theme
 Domain Path: /lang
 Version: 1.0.8.0
 Author: Orchestrated
 Author URI: http://www.orchestrated.ca
*/
body {
  margin: 0px !important;
  background-color: var(--white-grey);
  color: var(--black-grey);
  scroll-behavior: smooth;
}

#menu-navigation,
h1,
h2,
h3,
h4,
h5,
.card-btn,
li.cat-item {
  font-weight: 400;
}

a {
  list-style-type: none;
  text-decoration: none;
  color: var(--main-dark);
  transition: all 0.3s ease;
}
a:hover {
  color: var(--main-grey);
}

header,
footer {
  background-color: var(--dark-grey);
  color: var(--white-grey);
}

header,
footer,
.container {
  padding: 0;
  margin: 0;
}
header > *,
footer > *,
.container > * {
  padding: 0 2.5%;
}
@media (min-width: 560px) and (max-width: 934px) {
  header > *,
footer > *,
.container > * {
    padding: 0 5% !important;
  }
}
@media (min-width: 935px) {
  header > *,
footer > *,
.container > * {
    padding: 0 10% !important;
  }
}

.container {
  margin: 20px 0;
}

.thumbnail-post {
  width: 100%;
  height: auto;
  max-height: 300px !important;
  object-fit: contain;
}

:focus {
  outline: 3px solid var(--main-grey);
}

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* PAGINATION */
.pagination {
  background-color: var(--light-grey);
  border-radius: 5px;
  padding: 10px 0;
  margin: 0;
}

.pagination li a,
.pagination li.active span {
  padding: 10px;
}

.pagination li {
  float: left;
  text-decoration: none;
  list-style-type: none;
}

.pagination li a:hover {
  background-color: var(--dark-grey);
}

.pagination li.active:hover {
  background-color: transparent;
}

.pagination li a.next {
  border-radius: 0px 5px 5px 0px;
}

.pagination li a.prev {
  border-radius: 5px 0px 0px 5px;
}

/* ?? GUTTENBERG */
/* BUTTON  */
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
  color: var(--main-color);
}

/* HAS BACKGROUND TEXT */
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background,
.wp-block-columns.has-background {
  padding: 1.25em 1.375em;
}

/* ?? Article      */
.post-aspect-ratio {
  overflow: hidden;
  position: relative;
  width: 350px;
  height: 0;
  padding-bottom: 150px;
}

.article {
  background-color: var(--light-grey);
  margin: 20px 0;
  padding: 10px 0px 0px 0px;
}
@media (min-width: 560px) and (max-width: 934px) {
  .article {
    margin-bottom: 20px;
    padding: 10px 10px 0px 0px;
  }
}
.article img {
  width: 100%;
  object-fit: fill;
  position: absolute;
}
@media (min-width: 560px) and (max-width: 934px) {
  .article img {
    width: 200px;
  }
}
@media (min-width: 935px) {
  .article img {
    width: 400px;
  }
}
.article h1 {
  margin-left: 10px;
}
.article .text {
  width: calc(100%);
  margin: 5px;
}
@media (min-width: 560px) and (max-width: 934px) {
  .article .text {
    width: calc(100% - 250px);
    margin-right: 20px;
  }
}
@media (min-width: 935px) {
  .article .text {
    width: calc(100% - 500px);
    margin-right: 50px;
  }
}
.article .text p {
  font-size: var(--small-size);
  text-align: justify;
}
.article .text .btn {
  font-weight: 900;
  font-size: var(--medium-size);
  background-color: var(--main-color);
  color: var(--white-color);
  padding: 5px 10px;
  border-radius: 10px;
  display: inline-block;
  /* margin: 10px; */
}

.success {
  background-color: aquamarine;
  color: var(--darker-grey);
}

.error {
  background-color: lightcoral;
  color: var(--darker-grey);
}

.success,
.error {
  padding: 20px !important;
  margin: 10px 10%;
  border-radius: 5px;
}

.wp-admin .success,
.wp-admin .error {
  margin: 10px 0;
}

/* ?? COMMENTS */
details {
  width: auto;
  padding: 10px 20px;
  border-radius: 6px;
}

@media screen and (min-width: 560px) {
  details {
    margin: 20px 0;
  }
}
summary {
  width: auto;
  padding: 5px 20px;
  border-radius: 4px;
  font-size: var(--large-size);
  font-weight: 800;
}

.alignfull {
  padding: 0 !important;
  width: 100%;
}

.alignwide {
  width: 97.5%;
  padding: 0 1.25%;
}
@media (min-width: 560px) and (max-width: 934px) {
  .alignwide {
    padding: 0 2.5% !important;
    width: 95%;
  }
}
@media (min-width: 935px) {
  .alignwide {
    width: 90%;
    padding: 0 5% !important;
  }
}

body {
  font-weight: 400;
  font-size: var(--small-size);
  color: var(--main-dark);
}

p {
  font-size: var(--small-size);
  line-height: 30px;
  color: var(--main-dark);
}

h1, h2 {
  color: var(--regular-yellow);
  font-weight: 900;
}

h1 {
  font-size: var(--xtra-size);
  line-height: 56px;
  color: var(--regular-yellow);
}

h2 {
  font-size: var(--large-size);
  line-height: 48px;
  color: var(--regular-yellow);
}

h3 {
  font-size: var(--medium-size);
  line-height: 32px;
  color: var(--regular-yellow);
}

h4 {
  font-size: var(--medium-size);
  line-height: 32px;
  color: var(--main-color);
}

/* ?? HEADER */
header {
  text-align: center;
  background-color: var(--light-yellow);
  color: var(--main-color);
  font-weight: 900;
}
@media (min-width: 560px) and (max-width: 934px) {
  header {
    padding: 0;
  }
}
header a {
  color: var(--black-grey);
}
header nav {
  padding: 0;
  margin: 0;
  font-size: var(--medium-size);
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 560px) and (max-width: 934px) {
  header nav {
    justify-content: space-evenly;
  }
}
@media (min-width: 935px) {
  header nav {
    justify-content: space-between;
  }
}
header nav > * {
  margin: 0;
  padding: 0;
}
header nav .nav-mobile {
  display: none;
}
header .wp-block-image {
  margin: 0;
}
header .wp-block-image img {
  width: 100px;
  height: auto;
  object-fit: contain;
  transition: ease-in-out 200ms;
}
footer {
  text-align: center;
}
footer ul.menu {
  list-style-type: none;
  margin: 5px auto;
  display: inline-block;
  padding: 0;
}
footer ul.menu li {
  float: left;
  display: block;
}
footer ul.menu li a {
  padding: 0px 15px;
}
footer .flex {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin: auto 0;
}
footer .flex > div {
  flex-basis: calc(100% / 3);
  min-width: calc(100% / 3);
}
footer .copyright {
  display: block;
  padding-bottom: 20px !important;
}

#sidebar-footer-full p {
  margin: 0;
}
#sidebar-footer-full a:after {
  vertical-align: sub !important;
}
.menu li a[href*="facebook.com"],
.menu li a[href*="fb.me"],
.menu li a[href*="instagram.com"],
.menu li a[href*="twitter.com"],
.menu li a[href*="linkedin.com"],
.menu li a[href*="youtube.com"],
.menu li a[href*="flickr.com"],
.menu li a[href*="pinterest.com"] {
  display: inline-block;
  text-indent: -9999px;
  font-family: "FontAwesome";
  color: var(--white-grey);
}

.menu li a::after {
  text-indent: 0px;
  float: left;
  font-size: var(--icons-size);
  font-weight: 400;
  font-family: "FontAwesome";
}

.menu li a[href*="facebook.com"]::after,
.menu li a[href*="fb.me"]::after {
  content: "";
}

.menu li a[href*="instagram.com"]::after {
  content: "";
}

.menu li a[href*="twitter.com"]::after {
  content: "";
}

.menu li a[href*="linkedin.com"]::after {
  content: "";
}

.menu li a[href*="youtube.com"]::after {
  content: "";
}

.menu li a[href*="flickr.com"]::after {
  content: "";
}

.menu li a[href*="pinterest.com"]::after {
  content: "";
}

#menu-social,
#menu-social-1,
#menu-social-french,
#menu-social-french-1 {
  margin: 0;
}
#menu-social li,
#menu-social-1 li,
#menu-social-french li,
#menu-social-french-1 li {
  display: block;
  float: left;
  /* padding: 10px 45px; */
  width: calc(350px / 4);
}
#menu-social li a,
#menu-social-1 li a,
#menu-social-french li a,
#menu-social-french-1 li a {
  padding: 0;
  width: 40px;
}
#menu-social li a::after,
#menu-social-1 li a::after,
#menu-social-french li a::after,
#menu-social-french-1 li a::after {
  width: 100%;
}

#menu-social,
#menu-social-french {
  display: inline-block;
  margin-top: 30px;
}
@media (min-width: 560px) and (max-width: 934px) {
  #menu-social,
#menu-social-french {
    margin-top: 0px;
    margin-right: 0px;
  }
}
#menu-social li,
#menu-social-french li {
  margin: 10px 0;
}
@media (min-width: 560px) and (max-width: 934px) {
  #menu-social li,
#menu-social-french li {
    margin: 0;
  }
}
@media (min-width: 935px) {
  #menu-social li a,
#menu-social-french li a {
    padding-right: 0px;
  }
}

#menu-social-1 li:first-child a,
#menu-social-french-1 li:first-child a {
  padding-left: 0;
}

/* ?? Search Form */
input.search,
button.search {
  color: var(--white-grey);
  padding: 5px 10px;
  transition: all 0.8s;
  background: transparent;
  border: none;
  vertical-align: middle;
}
input.search:hover,
button.search:hover {
  text-shadow: 2px 3px 1px var(--dark-grey);
}
input.search::placeholder,
button.search::placeholder {
  color: var(--white-grey);
}

form.search-form {
  border: 2px solid var(--white-grey);
  border-radius: 80px;
  padding: 10px;
  margin-top: 10px;
  color: var(--white-grey);
}

button.search:after {
  content: "";
  font-family: "FontAwesome";
  font-size: var(--medium-size);
}

footer div.widget_search .widget-title {
  display: none;
}

.bottom-zero {
  margin-bottom: 0;
}

.hidden-orc {
  display: none !important;
}