/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 :root {
    --dark-blue: #263370 ;
    --box-shadow: 0 8px 12px #00325029;
    --grey-bg: rgb(246, 246, 246);
    --border-radius: 16px;
    --light-violet: rgba(204, 203, 254, 1);
    --light-blue:rgb(223, 237, 250);
    --green: rgba(0, 207, 122, 1);
    --light-green: rgba(0, 207, 122, 0.5);
    --succes: rgba(97, 158, 43, 1);
    --light-sucess:rgba(97, 158, 43 ,0.2);
    --brown:rgba(147, 106, 26, 1);
    --red: rgba(219, 5, 9, 1);
    --orange: rgba(255, 160, 0, 1);
    --light-orange: rgba(255, 160, 0, 0.2);
    --blue: #0a7fc3;
  }

.post-type-archive-program .shared_content {
    width: 100%;
}

a:hover p {
    color: black;
}

.shared_content h1:first-child {
    margin: 0 0 0.5rem;
}

.post-type-archive-program .elementor-widget-heading .elementor-widget-container {
    margin: 10px 0 20px 0 !important;
}

.post-type-archive-program h2 {
    text-transform: none !important;
    color: black !important;
    margin: 0 !important;
}

.post-type-archive-program a:not(.elementor-button-link, .event-button, [rel='tag']):hover, .single-program a:hover{
    color:var(--blue) !important;
}

.post-type-archive-program h2:after {
    display:none !important;
}

html .program-content a, .post-type-archive-program #main_container a{
    text-decoration: none !important;
}

html .program-content a:not(.event-button, :hover), .post-type-archive-program #main_container a:not(.event-button,:hover, .elementor-button-link){
    color:var(--dark-blue) !important;
}


a.event-button, input[type=submit].event-button, .sidebar-buttons a {
    text-decoration: none !important;
    color: white !important;
    text-transform: none;
    border: 2px solid var(--dark-blue);
    background-color: var(--dark-blue);
    border-radius: 8px;
    padding: 5px 16px 6px;
    font-size: 0.9em !important;
    box-shadow: var(--box-shadow);
    display:inline-block
}
.ingle .wp-block-buttons {
    flex-direction: row;
}
a#new {
    background: linear-gradient(to right, var(--blue), var(--dark-blue));
    border: none;
}

a#new:hover, a#nex:active {
    background: var(--blue) !important;
    border: none;
    color: white !important;
}

.single-program #quaternary_container {
    display: none;
}

.single-program .replay iframe {
    border-radius: 16px;
}

a.event-button.replay {
    display: block;
    width: fit-content;
}

a.event-button:hover, a.event-button:focus, a.event-button:active,
input[type=submit].event-button:hover,input[type=submit].event-button:focus, input[type=submit].event-button:active, .sidebar-buttons a:hover, .sidebar-buttons a:active,.sidebar-buttons a:focus {
    color: var(--dark-blue) !important;
    background-color: transparent !important;
    box-shadow:none;
}

a.event-button.orange{
    background-color: var(--orange);
    border-color: var(--orange) !important;
}

a.event-button img{
    width: 15px;
    margin-top: 2px;
}

a.event-button:not(:hover,:focus,:active) img {
    filter: invert(1);
}
.short-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 70px 0 30px;
}
.short-buttons a.event-button {
    padding-top: 10px;
    padding-bottom: 12px;
    display: flex;
    gap: 5px;
    align-items: center;
    line-height: 1.1em;
}

a.event-button.orange:hover, a.event-button.orange:focus, a.event-button.orange:active {
    color: var(--orange) !important;
}

div#tns1-iw {
    padding: 20px;
}

.tns-ovh {
    overflow-y: visible !important;
    overflow-x: clip !important;
    margin: 20px -20px;
    margin: 0 -20px 0;
}
.tns-nav {
    display: none;
}

.post-tags a:not(:first-child):before {
    content: '';
    margin: 0 8px 0 5px;
    height: 18px;
    width: 1px;
    border-left: 2px solid;
    display: inline-block;
    vertical-align: sub;
}

.post-tags {
    font-weight: 600;
    font-size: 1.1em;

}

a.tax-filter {
    white-space: nowrap;
    line-height: 2em;
}

a.tax-filter {
    color: var(--dark-blue) !important;
    text-decoration: none !important;
}

form#filters {
    background-color: var(--light-blue);
    padding: 30px;
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    align-items: end;
}

#filters .acf-bl:before{
    display: none;
}

#filters h3{
    margin: 0;
    grid-column: 1/-1;
}

.pannel i {
    font-size: 1.6em;
    position: relative;
}

.pannel {
    display: flex;
    gap: 20px;
}

.pannel-outer {
    display: flex;
    justify-content: space-between;
    gap: 0 60px;
    margin-bottom: 20px;
}

.program-content{
    font-size: 1.1em;
    margin-bottom: 40px;
}
.program-pinned{
    background: linear-gradient(134deg, #efdba6 0%, #f5f5f5 38%);
}

.program-content .header {
    display: flex;
 
    gap: 40px;
    font-weight: 600;
    margin:20px 10% 40px;
}

.tab-icon img {
    width: 60px;
}

.single-program .cat-icon {
    display: none;
}

.program-content h3, .program-content h3 a, body.single-program h2, body.single-program h2 a, body.archive h2{
    color: var(--dark-blue);
    text-transform: inherit !important;
    font-size: 1.2em;
    margin: 0px 0 5px 0 !important;
}

.single h3 {
    margin-bottom: 20px !important;
}
.slider-outer > h2{
    position: absolute !important;
    top: -30px;
    padding: 0 30px;
}
#events > h2 {
    margin-bottom: 20px !important;
}
.slider-outer > h2, #events > h2 {
    font-size: 1.4em !important;
    color:var(--dark-blue) !important; 
}

#events .cat-name h3 a:before {
    content: "-";
    margin-right: 5px;
}

body.single-program h2, body.single-program h2 a{
    font-size: 1.3em !important;
    line-height: 1.15em;
}

.program-content h3 a::first-letter, .program-content h2 a::first-letter{
    text-transform: uppercase;
}

.program-content h3:after, body.single-program h2:after, body.archive h2:after{
    content:none !important;
}

.single .program-content .description{
    box-shadow: var(--box-shadow);
    background-color: var(--grey-bg);
    border-radius: var(--border-radius);
    padding: 30px;
    margin-bottom: 40px;
}

.program-content .description h3{
    margin: 0 !important;
}

.program-content .description {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 0.9em;
}

.company a {
    display: flex;
    gap: 20px;
    text-transform: capitalize;
}
.program-content .speakers{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    margin: 0 0 40px 0;
}
.program-content .speaker{
    display:inline-block;
    box-shadow: var(--box-shadow);
    background-color: var(--grey-bg);
    border-radius: var(--border-radius);
    padding:20px;
    min-width: 150px;
}

.program-content .speaker h4{
    color: var(--dark-blue);
    font-size: 1em;
    margin: 0 0 20px;
}

.speakers img {
    max-width: 60px;
    margin: 0 auto !important;
}

.program-content .featured-image {
    margin-left: auto;
}
.program-content .featured-image img {
    max-height: 350px;
    max-width: 350px;
    width: auto;
    height: auto;
    border-radius:16px;
}
.company {
    margin: 10px 0;
    text-transform: uppercase;
    display: inline-block;
}
.single .company{
    margin: 10px 0 30px;
}

.company a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

body .company img {
    max-height: 20px;
    width: auto;
    box-shadow: var(--box-shadow);
}

body.single .company img {
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 50px;
    border-radius: 0;
    box-shadow: none;
}

.infos, .details, .status {
    font-size: 0.9em !important;
    font-weight: 600;
}

.details i {
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle;
    width: 15px;
    color: var(--dark-blue);
}

.details span:first-letter {
    text-transform: uppercase;
}
.details span {
    display: inline-block;
}

.choices {
    display: flex;
    margin: 20px 0;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
/* Annuaire */
#manage-link:hover {
    color: #ffffff;
     background-color: rgb(11, 126, 194); 
}
#manage-link {
    display: block;
    padding: 4rem 2rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.3em;
    color: rgb(0, 26, 100);
    background-color: rgb(223, 237, 250);
    transition: background 0.25s ease-in-out;
}

#manage-link:before {
    margin: 0 0 1rem;
    display: block;
    font-family: "FontAwesome";
    font-size: 2em;
    content: "\f133";
}

.manage-blocs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

a#premium-link, #credits-link, #manage-link, #invoices-link, #profile-link, #gallery-link{
    font-size: 1.2em;
    padding: 4rem 2rem 3rem;
}

#invoices-link strong {
    display: inline-block !important;
}

.page-id-2810 .wrap {
    padding: 0 20px;
}

.div-btn-profile {
    margin: 20px 0;
}

/* Layout */

.post-type-archive-program .breadcrumbs {
    display: none;
}

.widget-container {
    list-style-type: none;
    padding: 30px 0;
}

.single .widget-container {
    padding: 0 10px 20px 10px;
}

.single .sidebar-buttons{
    flex-direction: row;
}

.widget-container .sidebar-buttons a {
    width: auto;
    display: block;
    white-space: nowrap;
}

body:not(.single) .sidebar-buttons.wp-block-buttons>.wp-block-button{
    display: block;
    width: 100% !important;
}

.single-program #header-banner, .page:not(.single-program) #header-banner{
    display: none !important;
}

@media (min-width: 1024px){
.single-program #breadcrumbs.margin-left li.item-home {
    margin-left: 0 !important;
}
}

.single-program  .shared_content, .single-program #breadcrumbs .container {
    min-width: unset;
    max-width: 1100px;
    margin: 0 auto;
}

.single-program .status, .archive .status, .annuaire .status, .annuaire .company{
    display: none;
}

.single-program #offcanvas-main-primary-panel #main_container {
    display: block;
}

.single-program .edit{
    margin-top:20px;
    text-align: right;
}

.page:not(.single-program) .program-content, .archive .program-content {
    position :relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
    box-shadow: var(--box-shadow);
    background-color: var(--grey-bg);
    border-radius: 16px;
    padding: 20px;
}

.archive .slide .program-content {
    padding: 30px;
}

.program-content.annuaire{
    flex-direction: column;
}

.program-content.annuaire {
    max-width: 32%;
    margin: 0 !important;
}

.company-events {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin:20px 0;
}

.page:not(.single-program) .program-content .tab-icon ,.archive .program-content .tab-icon{
    display: none;
}

.page:not(.single-program) .infos a.event-button, .archive .infos a.event-button {
    display: none;
}

.page:not(.single-program) .cat-icon, .archive .cat-icon {
    max-height: 15px;
    height: 15px;
    margin-right: 10px;
    vertical-align: baseline;
}

.page:not(.single-program) .cat-name, .archive .cat-name {
    font-size: 1em;
    font-weight: 600;
    display: flex;
    gap: 5px;
    align-items: baseline;
}

.single .cat-name {
    margin-bottom: 5px;
    flex-direction: column;
    gap: 5px;
}

.manage .cat-name {
    flex-direction: column;
}
.cat-name > div {
    display: flex;
    gap: 40px;
}

.page .details, .archive .details {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}
.page:not(.single-program) .details > div, .archive .details > div {
    display: inline-block;
}

.page:not(.single-program) .featured-image img, .archive .featured-image img {
    width: 200px;
    max-height: 170px;
    height: auto;
    object-fit: cover;
    object-position: top;
    border-radius: 8px;
}
.page:not(.single-program) .content, .archive .content{
    flex: 3;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tags a {
    background-color: rgba(204, 203, 254, 1);
    padding: 2px 15px;
    font-size: 0.8em;
    border-radius: 8px;
    border: 2px solid var(--light-violet);
}

.tags a:hover {
    background-color: transparent;
    color: var(--dark-blue) !important;
}

.pinned{
    background: var(--dark-blue);
    color: white;
    padding: 5px 50px;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom:20px;
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
    --f: 10px; /* control the folded part */
    position: absolute;
    top: 0;
    border-bottom :var(--f) solid #0007;
    clip-path: polygon(100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
    left: 0;
    transform: translate(-29.289321881%, -100%) rotate(-45deg);
    transform-origin: 100% 100%;
}

/* Manage */
.delete-modale, .boost-modale {
    display: none;
}

.control {
    display: flex;
    gap: 20px;
    align-items: center;
    font-weight: 600;
    justify-content: end;
}

.control i {
    font-size: 1.4em;
}

.status span{
    display: inline-block;
    font-size: 0.7em;
}

.status i{
    margin-right: 8px;
    font-size:0.6em;
}

.status.online{
    color:var(--green);
}

.status.offline{
    color:var(--red);
}

.status.pending{
    color:var(--orange);
}

.left {
    display: flex;
    position: relative;
    flex-direction: column;    
    flex:1;
}

.line h3 {
    background-color: white;
    padding-right: 10px;
    color: black;
    font-size: 1.1em;
    display: inline-block;
}
.line .elementor-widget-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    border-top: 2px solid black;
    z-index: -1;
  }
  .line .elementor-widget-container{
    position: relative
  }

  .tab h2 {
    background-color: var(--dark-blue);
    padding: 15px 30px;
    color: white;
    font-size: 1.4em;
    border-radius: 8px;
    font-weight: 600;
}

.boost {
    display: flex;
    align-items: baseline;
    margin: auto 0 0 auto;
    flex-wrap: nowrap;
    position: relative;
}

[data-tooltip]:hover::after {
    display: block;
    position: absolute;
    content: attr(data-tooltip);
    background: var(--dark-blue);
    color: white;
    top: -90px;
    left: -1px;
    padding: 10px;
    font-size: 0.9em;
    line-height: 1.1em;
    width: 120px;
    border-radius: 8px;
  }

.boost:not(.event-button) {
    color: var(--orange);
}

.orange{
    color:var(--orange);
}

/* Filter */

.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
    padding: 5px 8px !important;
    border-radius: 8px;
    border: none;
    background-color: white;
}

.acf-fields.acf-form-fields.-top {
    margin-top: 20px;
    grid-column: 1/9;
}

#filters .acf-field-taxonomy {
    display: flex;
    align-items: center;
}

.archive .acf-checkbox-list {
    display: flex;
    flex-wrap: wrap;
    padding:0;
    border:none;
    gap:20px;
    margin:0 !important;
}

.acf-field .acf-label{
    margin: 0 !important;
    position:relative;
}

.acf-taxonomy-field .categorychecklist-holder {
    border: none !important;
    margin-left:0 !important;
}

label#acf-field_694a58966bf6d-label, label#acf-field_694a596c6bf6e-label {
    margin-right: 20px !important;
}

.acf-checkbox-list li label {
    display: flex !important;
}

.acf-field.acf-field-date-picker {
    display: flex;
    width: 200px !important;
    margin: 0 20px 0 0 !important;
    align-items: center;
}
.acf-field.acf-field-date-time-picker.acf-field-6930aaa7fce44, .acf-field.acf-field-date-time-picker.acf-field-6978d138bc4ad{
    padding-right: 20px !important;
}
ul.acf-radio-list li, ul.acf-checkbox-list li {
    font-size: 0.9em;
    padding:0;
    margin-right:5px;
}

.acf-fields>.acf-field {
    padding: 0 !important;
    border: none !important;
    min-height: unset !important;
}

.acf-field .acf-label label{
    margin: 0 !important;
}
.acf-field-date-picker .acf-label{
    position: relative;
}
.acf-field-date-picker .acf-label label {
    display: block;
    position: absolute;
    padding: 0;
    font-size: 0.7em;
    top:-35px;
}

.acf-taxonomy-field .acf-checkbox-list{
    list-style: none;
    margin: 0 !important;
    padding: 10px 0 !important;
}
ul.acf-checkbox-list li{
  display: inline;
  padding: 0 !important;
}
ul.acf-checkbox-list li label{
    display: inline-block;
    background-color: var(--grey-bg);
    border: 2px solid var(--grey-bg);
    color:  var(--dark-blue);
    border-radius: 8px;
    white-space: nowrap;
    margin: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
    padding: 1px 12px 0;
    cursor: pointer;
}

ul.acf-checkbox-list li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.8em;
    padding: 2px 6px 2px 2px;
    content:"\f067";
    font-family: 'FontAwesome';
}

ul.acf-checkbox-list label.selected::before {
    content: "\f058";
    font-family: 'FontAwesome';
}

ul.acf-checkbox-list label.selected {
    border: 2px solid var(--dark-blue);
    background-color: var(--dark-blue);
    color: white !important;
    transition: all .2s;
}


ul.acf-checkbox-list li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.acf-field-694a51ea515b9:before {
    content: "Date";
    font-weight: 600;
    margin-right: 20px;
}

#offcanvas-main-primary-panel > .container .post-type-archive-program ul {
    margin-left: 0;
}

.acf-field-694a58966bf6d {
    margin: 10px 0 0 0 !important;
}

#filters input.event-button {
    display: block;
    margin: 0 0 0 auto;
    margin-top:20px;
}

.acf-field.acf-field-checkbox.acf-field-694a60486bf6f.-r0,.acf-field.acf-field-checkbox.acf-field-694a609c6bf70.-r0 {
    width: unset !important;
}

.acf-field-694a596c6bf6e ul.acf-checkbox-list.acf-bl {
    padding-bottom: 0 !important;
}

.event-button.new-event {
    position: relative;
}
.event-button.new-event i{
    margin-right: 5px;
}
.event-button.new-event {
    position: relative;
    font-size: 1.1em !important;
    padding: 12px 20px;
    display: block;
    width: fit-content;
    margin: 10px auto 20px;
}
.post-type-archive-program .event-button.new-event {
    margin: 10px 0 10px auto;
}
.event-button.new-event:after {
    content: "Gratuit";
    font-size: 0.7em !important;
    position: absolute;
    top: -20px;
    right: 0;
    background-color: var(--grey-bg);
    color: var(--dark-blue);
    padding: 5px 10px;
    transform: rotate(15deg);
    border: 1px solid var(--dark-blue);
    border-radius: 30px;
}



/*Toggle*/
.manage-toggle {
    display: none;
}

.manage-pannel {
    z-index: 2;
    background-color: white;
    width: auto;
    border-radius: 8px;
    overflow: hidden;
    max-height: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 30px;
    line-height: 1.4em;
}
.manage-pannel a {
    white-space: nowrap;
}

.manage-toggle:checked + .manage-pannel {
    max-height: 400px;
    padding: 10px;
}

#toggle-filter, #toggle-search{
    display: none;
}

#filters-outer, #search-outer{
    overflow: hidden;
    max-height: 0;
}

#filters-outer.opened, #search-outer.opened{
    max-height: 1000px;
    width: auto;
    margin-bottom: 40px;
   
}
#filters-outer.opened{
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);    
}
#search-outer.opened{
    overflow: visible;
}

div#search-outer {
    display: block;
    margin: 0 0 0 auto;
    text-align: right; 
}

#search-outer input.event-button {
    margin-left: 10px;
}

#search-outer form {
    display: flex;
    justify-content: end;
    gap: 10px;
}

div#search-outer input {
    box-shadow: var(--box-shadow);
}

#search-outer input[type="text"] {
    background-color: var(--grey-bg);
    border: none;
    border-radius: 8px;
}
#search-outer input {
    width: auto;
}

.pannel label.opened i:after {
    content: '\f0dd';
    position: absolute;
    bottom: -12px;
    font-size: 0.6em;
    right: 6px;
}

.pannel label{
    cursor: pointer;
}

.pannel label:hover{
    cursor: pointer;
    color:var(--dark-blue);
}

.message {
    padding: 5px 10px;
    
    font-size: 0.8em;
}

.message.success{
    background-color: var(--light-sucess);
    border-left: 6px solid var(--succes);
}

.message.error{
    background-color: var(--light-orange);
    border-left: 6px solid var(--orange);
}

/* Slider */
.slide .program-content{
    margin-bottom:0;
    height: 100%;
}

.cat-name a {
    display: flex;
    align-items: baseline;
}

.cat-name span {
    color: var(--dark-blue);
    font-size: 1.2em;
    display: flex;
    align-items: center;
    gap: 5px;
}

.slide .cat-name  {
    margin-bottom: 5px;
    flex-direction: column;
}

.slide .cat-name a {
    display: flex;
    align-items: baseline;
}

body:not(.single) div:not(.slide) .cat-name a{
    font-size: 1.2em;
}

.slide .content {
    display: flex;
    flex-direction: column;
}
@media screen and (min-width:676px) {
    .slide .content > div:last-child {
        margin-top: auto;
    }
}

.slide .program-content .featured-image{
    margin-left: 0;
}

.slide .program-content .featured-image img{
    object-fit: cover;
    max-height: 140px;
    max-width: unset;
    width: 100%;
    object-position: center;
    border-radius:8px;
}

div#tns1-ow > button {
    display: none;
}

.slide .program-content .description {
    margin: 5px 0;
}

.tns-ovh {
    overflow-x: clip;
}

#load-slider{
    -webkit-animation: rotation 2s infinite linear;
    text-align: center;
    display: block;
    font-size: 30px;
    -webkit-animation: rotation 2s infinite linear;
    margin: 20px 0;
    color: var(--light-violet);
}

div#news-controls {
    width: 100%;
    height: 100%;
    color:var(--dark-blue)
}

.slider-outer {
    opacity: 0;
    max-height: 0;
    position: relative;
}



div#news-controls div:nth-child(2) {
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(50%);
}
div#news-controls div:first-child {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(50%);
}

/* Form event */

#event-form {
    padding: 30px;
    background-color: var(--grey-bg);
    border-radius: 16px;
    box-shadow: var(--box-shadow);
    max-width: 1100px;
    margin: 20px auto;
}

#event-form .acf-field {
    margin-bottom: 30px !important;
}

#event-form .acf-taxonomy-field .acf-checkbox-list{
    padding: 10px 0 !important;
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
}

ul.acf-checkbox-list.acf-bl:before {
    display: none;
}

#event-form .acf-field .acf-input {
    margin-top: 5px;
}

#event-form  .acf-field .acf-input {
    vertical-align: top;
    margin-top: 5px;
}

#event-form .acf-fields.acf-form-fields.-top{
    margin-top: 0;
}

#event-form .acf-icon:before{
    text-decoration: none;
    line-height: 1.3em;
}

a.acf-button.acf-repeater-add-row.button.button-primary:before {
    content: "\f067";
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-size: 0.8em;
}

.acf-image-uploader a.acf-button.button:before {
    content: "\f093";
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-size: 0.8em;
}

body a.acf-button.button {
    display: inline;
    font-size: 0.9em;
    margin: 20px 0;
    text-decoration: none;
    padding: 5px 16px 6px;
    background: var(--light-violet);
    width: auto;
    color: var(--dark-blue);
    border-radius: 8px;
    border: 2px solid var(--light-violet);
}

body a.acf-button.button:hover{
    color:var(--dark-blue) !important;
    background-color: transparent;
}

a.acf-button.acf-repeater-add-row.button.button-primary{
    text-decoration: none;
}

#event-form div:not(.acf-taxonomy-field) label {
    color: var(--dark-blue);
    font-size: 1.1em;
}

#event-form  ul.acf-checkbox-list li label{
    border: 2px solid var(--dark-blue);
}

#event-form .acf-taxonomy-field input {
    position: absolute;
    opacity: 0;
}

#event-form .acf-input-prepend, .acf-input-append{
    border: none !important;
    background-color: var(--grey-bg) !important;
}

#event-form .acf-repeater.-table label {
    font-size: 0.9em !important;
    padding: 8px;
}

.acf-field-6930adf81f77c img {
    display: block;
    margin: 0 auto;
}

#event-form .acf-field-6930adf81f77c ul {
    margin-top: 20px;
}

.acf-field p.description{
    color:black !important;
}

#event-form .acf-true-false input, #event-form .acf-radio-list input {
    width: auto;
}


body .acf-table>tbody>tr>th,
body .acf-table>tbody>tr>td,
body .acf-table>thead>tr>th,
body .acf-table>thead>tr>td{
    background-color: transparent !important;
}


body .acf-repeater>table {
    margin: 0 0 8px;
    background: transparent;
}

th.acf-row-handle {
    display: none;
}

td.acf-row-handle.order {
    display: none;
}

table.acf-table * {
    border: none !important;
}


.acf-repeater.-table {
    margin: 20px -10px 0;
}


.acf-table{
    border:none !important
}


#event-form  ul.acf-checkbox-list li {
    display: inline-block;
}

#event-form span.message {
    color: black;
    font-size: 0.9em;
}
#event-form .acf-form-submit {
    text-align: right;
}

#event-form ul.acf-radio-list.acf-hl {
    margin: 0 !important;
}

.acf-true-false label:before {
    content: "";
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    width: 20px;
    min-width: 20px;
    box-shadow: 0px 2px 5px lightgrey;
    color:white;
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 0.6em;
    text-align: center;
    line-height: 1.9em;
}

 .acf-true-false label.checked:before {
    background-color: var(--dark-blue);
}

 .acf-true-false input{
    display:none;
}

.acf-true-false {
    font-weight: 600;
}

.acf-true-false label {
    display: flex;
    align-items: center;
}

#acf-popup .acf-popup-box {
    border :none;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    background-color: var(--grey-bg);
}

.acf-popup-box.acf-box h3 {
    color: var(--dark-blue);
}

button.acf-submit-button.button.button-primary {
    background-color: var(--dark-blue);
    color: white;
    padding: 3px 16px 4px;
    border-radius: 8px;
}

button.acf-submit-button.button.button-primary {
    background-color: var(--dark-blue);
    color: white;
    padding: 3px 16px 4px;
    border-radius: 8px;
    margin: 0 0 0 auto;
    display: block;
    border: 2px solid var(--dark-blue);
}

button.acf-submit-button.button.button-primary:hover {
    background-color: transparent;
    color: var(--dark-blue);
}

.acf-popup-box .acf-icon.grey {
    background: transparent;
    color: var(--dark-blue) !important;
}

.acf-popup-box .acf-icon.grey:hover{
    background-color: transparent !important;
    color: var(--blue) !important;
}

.acf-repeater.-table.-empty table {
    display: none;
}
.acf-field-6930ad65c6f9f .acf-taxonomy-field {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}
html .acf-field-6930ad65c6f9f .acf-taxonomy-field .acf-actions.-hover {
    background-color: var(--light-violet);
    display: inline-block !important;
    position: relative;
    align-self: flex-end;
    text-align: right;
    margin: 0 0 auto 0;
    color: var(--dark-blue);
    padding: 6px 15px;
    border-radius: 8px;
    border: 2px solid var(--light-violet);
}
html .acf-field-6930ad65c6f9f .acf-taxonomy-field .acf-actions:hover{
    background-color: transparent;
    color:var(--dark-blue);
}
.acf-field-6930ad65c6f9f .acf-actions.-hover:after {
    content: "Nouveau tag";
    font-size: 0.9em;
}

.acf-field-6930ad65c6f9f .acf-taxonomy-field .acf-actions a.acf-icon {
    position: absolute;
    opacity: 0;
    width: 100%;
}

.acf-field-6930ad65c6f9f .acf-actions.-hover:before {
    content: "\f067";
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-size: 0.8em;
}

.inner-modale ul li:before {
    content: "•";
    margin-right: 10px;
}
.inner-modale ul {
    list-style: none;
    margin-top: 5px;
}

.inner-modale h3 {
    font-size: 1.2em;
    color:var(--dark-blue);
    font-weight: 600;
  }

/* Modale */

.inner-modale {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 1;
    max-width: 80%;
    min-width: 300px;
    min-height: 160px;
    box-shadow: var(--box-shadow);
    text-align: left;
    background-color: var(--grey-bg);
    padding: 30px;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 10px;
}
.event-modale a.fa.fa-times{
    position: absolute;
    top: 20px;
    right: 20px;
    color:var(--dark-blue)
}

.event-modale a.fa.fa-times:hover{
    color:var(--blue)
}


.event-modale{
    display: none;
    position: fixed;
    z-index: 900000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.event-modale .acf-fields.acf-form-fields.-top{
    margin-top:0;
}

.event-modale .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: rgba(0,0,0,.25);
}

.event-modale .acf-form-submit {
    display: block;
    text-align: right;
    margin-top: 10px;
}

input.event-button:disabled, input.event-button:disabled:hover {
    opacity: 0.2;
    cursor: inherit;
    background-color: var(--dark-blue) !important;
    color: white !important;
    box-shadow: none;
}

.event-modale img {
    width: 60%;
}

.event-modale.new-modale img {
    width: 80%;
}

.event-modale .acf-field-6930adf81f77c .acf-label label{
    display:none;
}
.event-modale .acf-field-6930672a144ec .acf-label {
    display: none;
}

.event-modale .acf-field-6930adf81f77c .message {
    font-size: 1em;
}

.event-modale a.acf-button.button {
    margin: 0 !important;
}

.event-modale .acf-repeater.-table{
    margin-top: 0;
}

.event-modale input.event-button {
    font-size: 1em !important;
}



@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}

@media screen and (min-width:676px){
    .hide-desktop{
        display: none;
    }
}

@media screen and (max-width:676px) {
    
    .short-buttons {    
        gap: 10px;
    }

    .post-tags a:not(:first-child):before{
        display:none;
    }

    .post-tags{
        display:flex;
        flex-direction: column;
        gap: 5px;
    }

    .archive .program-content,  .program-content.manage{
        flex-direction: column;
    }
    .pinned {
        display: inline-block;
    }

    

    .acf-field.acf-field-date-time-picker.acf-field-6930aaa7fce44 {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .acf-field.acf-field-number {
        width: 50% !important;
    }
    

    .acf-field-date-picker .acf-label label{
        position: relative;
    }

    .acf-field.acf-field-checkbox.acf-field-694a609c6bf70, .acf-field.acf-field-checkbox.acf-field-694a60486bf6f{
        width: auto !important;
        margin-top:20px !important;
    }
    
    .acf-field.acf-field-date-picker {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        align-items: stretch;
    }
    form#filters{
        display:block;
    }

    #filters .acf-field.acf-field-taxonomy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100% !important;
    }

    .acf-field-date-picker .acf-label label{
        top:0;
    }
    .acf-field-694a51ea515b9:before {

        margin-bottom: 10px;
    }
    .program-content .header {
        gap: 10px 20px;
        margin:20px 0 40px;
        flex-wrap: wrap;
    }

    .single .program-content .header {
        gap: 10px;
        flex-wrap: nowrap;
        padding: 0 10px;
    }

    .single-program .cat-icon{
        display: block;
        max-width: 35px;
    }



    .hide-mobile{
        display: none;
    }

    body.single-program h2, body.single-program h2 a {
        line-height: 1.1em;
    }

    .program-content .header > .featured-image{
        order:1;
        margin-left:0;
    }

    .single .tab-icon img {
        width: 40px;
    }

    .slide .program-content .featured-image{
        margin: 0 0 20px;
    }

    .program-content.manage .left {
        order: 1;
    }

    .program-content.manage .content {
        order: 2;
    }

    #events .infos, .manage .infos{
        display: flex;
        flex-direction: column;
    }
    
    #events .company, .manage .company{
        order:4;
    }
    #events .cat-name, .manage .cat-name{
        order:2;
    }
    #events .details, .manage .details{
        order:3;
    }
    .tab-icon {
        order: 2;
    }
    .program-content .featured-image img {
        max-width: 300px;
    }


    .single .program-content .featured-image img{
        max-width: unset;
        width: 100%;
    }

    .single .program-content .description, .single .speakers{
        padding: 20px;
    }

    .single .featured-image {
        margin: 10px 0;
    }

    .program-content .description{
        order:3;
    }

    .boost{
        margin: 20px 0 0 auto;
    }

    .inner-modale{
        max-width: 95%;
    }

    .boost-modale.inner-modale{
        padding: 10px;
        margin: 40px 10px 10px;
    }
    .boost-modale.event-modale:before{
        display: none;
    }

    .slide .content > div:last-child {
        order:4;
    }

    .page:not(.single-program) .program-content, .archive .program-content{
        padding:10px 30px 30px;
    }

    div:not(.slide) .program-content .featured-image{
        order: 1;
        margin: 0 auto 10px;
    }

    .single .cat-name {
        margin-bottom: 5px;
    }

    .cat-name a {
        display: flex;
        align-items: center;
        font-size: 1.2em;
        gap: 5px;
    }

    .archive .slide .program-content{
        padding:30px
    }

    .manage-blocs {
        grid-template-columns: 1fr ;
    }

    div#news-controls div:nth-child(2) {
        position: absolute;
        right: 25px;
        bottom: 25px;
        transform: translateY(50%);
        z-index: 2;
        font-size: 32px;
    }
}