@font-face {
    font-family: 'PlaywriteCA';
    src: url('../font/PlaywriteCA.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#header .header-logo {
    margin: 0;
}

.always-font {
    font-family: 'PlaywriteCA', sans-serif;
}

h1 {
    font-size: 2.4em;
}

.main {
    min-height: 70vh;
}

.btn-primary:focus:not(.bg-transparent),
.btn-primary.focus:not(.bg-transparent) {
    background-color: transparent;
}

.opacity-0 {
    opacity: 0;
}

.textarea-form {
    min-height: 120px !important;
}

.pr-4 {
    padding-right: 4em;
}

.thumb-info-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 270px;
}

.thumb-info-wrapper .img-fluid {
    height: 100%;
    /* width: 100%; */
    object-fit: cover;
}

.overlay-color-dark:not(.no-skin):before {
    background-color: var(--light) !important;
}

.overlay.overlay-op-5:hover:before, .overlay.overlay-op-5.overlay-show:before, .overlay.overlay-op-5.show:before {
    opacity: 0.8;
}

.container-img-top {
  width: 100%;               /* ou une largeur fixe si tu veux */
  height: 160px;
  overflow: hidden;          /* pour rogner */
  display: flex;
  justify-content: center;   /* centrer horizontalement */
  align-items: center;       /* centrer verticalement */
  background-color: #000;    /* utile si l’image est plus petite */
}

.container-img-top .card-img-top {
  height: auto;
  width: 100%;
  object-fit: cover;         /* crop sans déformation */
}

.page-header {
    margin-bottom: 0!important;
}

section.section.section-overlay-opacity-gradient:before {
    background: linear-gradient(135deg, var(--primary) 0%, #CD9F3F 80%)!important;
}

@media (min-width: 1700px) {
    .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
        max-width: 1640px;
    }
}

@media (min-width: 2000px) {
    .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
        max-width: 1940px;
    }
}

@media (min-width: 2300px) {
    .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
        max-width: 2240px;
    }
}

@media (max-width: 991px) {
    .hide-smartphone {
        display: none;
    }
}

@media (max-width: 700px) {
    .hide-smartphone {
        display: none;
    }
    #page-header-index {
        background-position: calc(50% - -666px) center;
    }
}