/* Variables
---------------------------------------- */
:root {
  --primary: #E25B0E;
  --secondary: #52CAE4;
  --dark: #212736;
  --light: #FBF1E2;
  --border: #DABF98;
  --bold-color: #212736;
  --content-bg: #FBF1E2;
  --text-color: #383549;
  --body-font: 'Noto Sans', sans-serif;
  --heading-font: 'Josefin Sans', sans-serif;
  --lieu-de-travail-zephyr: #ccc;
}
/*Formulaire infos domicile*/
#edit-field-fratrie-necessitant-un-gar-0-info-remove-button-info{
    display: none;
}
/*Formulaire Camps de jour*/
form.node-demande-de-services-camps-de-jou-form .field--name-field-informations-campsj .description strong {
    color: white;
}
form.node-demande-de-services-camps-de-jou-form .field--name-field-informations-campsj .description {
    padding: 30px;
	font-size: 18px;
}
form.node-demande-de-services-camps-de-jou-form .field--name-field-informations-campsj .description a {
    text-decoration : underline;
}
form.node-demande-de-services-camps-de-jou-form .field--name-field-informations-campsj .description a:hover {
    text-decoration : none;
}
/*Calendrier regroupé*/
.calendrier-regroupe span.fc-time{
    display: none;
}
/*Jean-Reid*/
.calendrier-regroupe  .demande_de_services549{
    background-color: blue;
	padding: 5px;
}
.calendrier-regroupe  .horaire_d_une_accompagnatrice10{
    background-color: blue;
	padding: 5px;
}
/*Zéphyr*/
.calendrier-regroupe  .horaire_d_une_accompagnatrice9{
    background-color: red;
	padding: 5px;
}
.calendrier-regroupe  .demande_de_services550{
    background-color: red;
	padding: 5px;
}
/*Gestion Taxonomy*/
#block-ruhi-local-actions nav li{
    list-style-type: none;
}
/*Print*/
#block-imprimer{
    padding: 5px 10px 3px 10px;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 110%;
	display: inline-block;
}
#block-imprimer:hover{
    text-decoration: underline;
}
/*Rapports des heures effectués Accompagnatrices*/
body.accompagnatrice .rapport-accompagnatrices th.views-field-field-facture-envoyee,
body.accompagnatrice .rapport-accompagnatrices th.views-field-field-facture-payee,
body.accompagnatrice .rapport-accompagnatrices td.views-field-field-facture-envoyee,
body.accompagnatrice .rapport-accompagnatrices td.views-field-field-facture-payee {
    display: none;
}
.rapport-gestionnaires span.fieldset-legend{
        margin: 0 0 20px;
}
.rapport-gestionnaires form.views-exposed-form.bef-exposed-form .js-form-item{
  padding: 2px 5px;
}  
.rapport-gestionnaires span.fieldset-legend {
    font-size: 16px;
    padding: 2px 12px;
    margin: 0 0 5px;
}
.rapport-gestionnaires input,
.rapport-gestionnaires .form-select {
	margin-bottom: 8px !important;
}
.rapport-gestionnaires input.form-autocomplete,
.rapport-gestionnaires select {
    background-color: white !important;
}
.rapport-gestionnaires .form-item label,
.rapport-gestionnaires  form label{
    font-weight: 500 !important;
}
/*Fenetres de gestion*/
.ui-widget.ui-widget-content {
    z-index: 99999;
    width: 80% !important;
}  
.ui-dialog .ui-dialog-title {
  visibility: hidden;
}

/*Infos de base - Convention de service*/
body.page-node-type-familles #edit-field-date-de-la-signature-de-la-wrapper,
body.page-node-type-familles #edit-field-date-de-la-signature-dom-wrapper,
body.page-node-type-familles #edit-field-date-de-la-signature-camp-wrapper{
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #333;
}
/*Profile paragraph*/
form.user-register-form .paragraph-type-top{
	visibility: hidden;
}
/*Views Data export*/
.views-data-export-feed a{
	border: 1px solid #eee;
}
.views-data-export-feed::before{
	content: "Exporter le résultat de la requête";
	font-size: 16px;
	font-weight: 500;
}
.csv-feed .feed-icon {
    width: 100px;
    height: 100px;
}
.csv-feed a.feed-icon:hover {
    opacity: 50%;
}
.csv-feed .feed-icon {
    background-image: url(../images/csv/csv.png);
}
/*Cacher Tableaux Demande de services*/
/*Camps de jour*/
h3#demande-camps-jours{
	display: block;
}
#demande-camps-jours-specifiques{
	display: block;
}
.demande-services-tableau th#view-field-vos-preferences-table-column,
.demande-services-tableau th#view-field-vos-demandes-de-blocs-de-p-table-column{
	background-color: #a1d4ca !important;
	color: #333;
	font-weight: 600;
}
.demande-services-tableau th#view-field-reservation-confirmee-1-table-column,
.demande-services-tableau th#view-field-blocs-de-plage-confirm-table-column {
	background-color: #444 !important;
	color: #fff;
	font-weight: 600;
}
.demande-services-tableau th#view-field-dates-proposition-du-gesti-table-column,
.demande-services-tableau th#view-field-vos-demandes-de-blocs-gest-table-column{
	background-color: rgba(33, 39, 54, 0.6) !important;
	color: white;
	font-weight: 600;
}
.demande-services-tableau td.views-field-field-dates-proposition-du-gesti{
	background-color: rgba(33, 39, 54, 0.05) !important;
	color: #333;
}
.demande-services-tableau td.views-field-field-reservation-confirmee-1{
	background-color: rgba(0, 0, 0, 0.1) !important;
	color: #333;
}
.demande-services-tableau td.views-field-field-vos-preferences{
	background-color: rgba(161, 212, 202, 0.05) !important;
}
.demande-services-tableau .views-row{
	display: none;
}

/*Sections admin Enlever des description*/
body.gestionnaire.page-node-type-familles .field--type-markup.field--name-field-text-conditions-d-utilisat,
body.gestionnaire_rh.page-node-type-familles .field--type-markup.field--name-field-text-conditions-d-utilisat {
	display: none;
}
@media screen and (min-width: 1170px) {
	.container{
	width: 95%;
	max-width: 1440px !important;
	}
}

th {
    background: #eee !important;
}
table .views-field-type{
    text-transform: uppercase;
}
.message em {
    font-style: italic;
	color: white !important;
}
.message-status,
.message-status::before {
    /*background: #a1d4ca;*/
	font-size: 18px;
}
.ui-widget-content a:hover{
    color: #333;
	text-decoration: underline;
}
form.node-familles-edit-form .messages--warning,
form.node-usager-2-edit-form .messages--warning{
   display: none;
}
[type="submit"] {
    font-size: 24px;
}
.paragraph-type-top [type="submit"],
.paragraphs-dropbutton-wrapper [type="submit"] {
    font-size: 14px;
	margin-bottom: 20px;
}
.js .paragraph-type-title {
    display: none;
}
/*Demande de services - Calendar*/
.calendrier-96 .fc-content{
    padding: 7px 0;
}
.calendrier-96 a.fc-day-grid-event{
    text-decoration: underline;
	font-weight: 700;
}

/*.calendar-calendar .month-view .full td.single-day div.monthview {
    overflow: hidden;
    width: auto;
    padding: 0 3px;
    background: #fff;
}
.calendar-calendar .past-month {
   
}
.calendar.333.field_en_semaine_96_heures.0.0 a{
    border: 10px solid;
}
.calendar-demandes td .view-item a{
   font-size: 15px;
   color: black;
   padding: 10px;
}*/
/*Calendrier - Pref Proposition Adopté*/
/*bouton dans demande*/
.demande-services-tableau header h3.calendrier-demandes {
	display: block;
	float: left;
	padding: 0 10px 0 0;
}
.demande-services-tableau header h3.calendrier-demandes.pref a{
	background-color: #a1d4ca;
}
.demande-services-tableau header h3.calendrier-demandes.prop a{
	background-color: rgba(33, 39, 54, 0.6);
}
.demande-services-tableau header h3.calendrier-demandes.conf a{
	background-color: #444;
}
div.calendrier-preferences{
	
}

div.calendrier-preferences .calendrier-pref{
    padding: 10px !important;
	font-size: 12px !important;
	line-height: 120% !important;
}
div.calendrier-preferences .calendrier-pref span{
    padding: 3px !important;
	background: black;
	color: white !important;
	font-size: 11px;
	margin: 6px 0 !important;
	display: block;
}

div.calendrier-preferences .calendrier-pref.non-confirmer.non-proposition::before{
    content: "Mes preferences - Non confirmer";
	font-size: 12px;
	line-height: 110%;
	display: block;
	background-color: #fff;
	color: #333;
	padding: 2px;
	margin-bottom: 6px;
}
div.calendrier-preferences .proposition::before{
    content: "Proposition - Non confirmer";
	font-size: 12px;
	line-height: 110%;
	display: block;
	background-color: #fff;
	color: #333;
	padding: 2px;
	margin-bottom: 6px;
}
div.calendrier-preferences .confirmer::before{
    content: "Confirmer";
	font-size: 12px;
	line-height: 110%;
	display: block;
	background-color: #fff;
	color: #333;
	padding: 2px;
	margin-bottom: 6px;
}
.calendar-calendar .month-view .full td.multi-day div.monthview {
    background: red;
}
/*Légendes des couleurs - Calendrier*/
#block-legendesdescouleurspourlesmaisonsderepit{
    clear: both;
	width: 100%;
	height: 120px;
}
#block-legendesdescouleurspourlesmaisonsderepit .couleurs-vlfd,
#block-legendesdescouleurspourlesmaisonsderepit .couleurs-vaudreuil{
	float : left;
	margin-right: 20px;
}
#block-legendesdescouleurspourlesmaisonsderepit .couleurs-vaudreuil span{
	height: 50px;
	width: 50px;
	background-color: red;
	display: block;
	float: right;
	margin: -15px 0 0 7px;
}
#block-legendesdescouleurspourlesmaisonsderepit .couleurs-vlfd span{
	height: 50px;
	width: 50px;
	background-color: blue;
	display: block;
	float: right;
	margin: -15px 0 0 7px;
}
/*Demandes de services - Famille Révision*/
body.famille form.node-demande-de-services-edit-form .js-form-type-vertical-tabs{
    display: none !important;
}
body.page-node-type-demande_de_services article .field-item{ 
   font-size: 1.7rem;
   font-weight: 700;
   padding: 10px;
   border: 1px solid #333;
   display: inline-block !important;
   background: #eee;
}
.field--name-field-priorite-de-ce-choix .field-item,
.field--name-field-choix-du-calendrier .field-item,
.field--name-field-vos-preferences .field-item,
.field--name-field-reservation-confirmee .field-item,
.field--name-field-dates-confirmees .field-item,
.field--name-field-blocs-de-plage-confirm .field-item,
.field--name-field-vos-demandes-de-blocs-gest .field-item,
.field--name-field-vos-demandes-de-blocs-de-p .field-item,
.field--name-field-demandes-de-services-pour- .field-item,
.ui-dialog li.taxonomy-term{ 
   font-size: 1.7rem;
   font-weight: 700;
   padding: 10px;
   border: 1px solid #333;
   display: inline-block !important;
   background: #eee;
}

body.page-node-type-demande_de_services .field--type-markup.field-item{
   font-size: 1rem;
   font-weight: normal;
   padding: 0;
   border: none;
}
/*Demandes de services - Modification ajout date*/
#block-views-block-demande-de-services-d-un-usager-block-2,
#block-views-block-demande-de-services-d-un-usager-block-3{
    margin-top: 40px;
}
body.famille .usagers-famille table td.views-field-nothing,
body.famille .usagers-famille table th.views-field-nothing{
    display: none;
}
body.famille .usagers-famille.ajoutinfos table td.views-field-nothing,
body.famille .usagers-famille.ajoutinfos table th.views-field-nothing{
    display: block;
}
.dtp-content button{
    color: #333;
}
.edit-group-reserve-a-l-administration
body.page-node-type-demande_de_services #edit-group-vos-preferences-en-finaine summary,
body.page-node-type-demande_de_services #edit-group-vos-preferences-en-semaine summary,
body.page-node-type-demande_de_services #edit-group-vos-preferences-pour-les-j summary{
    font-size: 20px;
	text-transform: uppercase;
	background-color: #a1d4ca;
	color: white;
	padding: 10px 20px;
	display: block;
	font-weight: 500;
	margin: 20px 0;
}
form.node-demande-de-services-edit-form #edit-group-en-semaine summary,
form.node-demande-de-services-edit-form #edit-group-vos-preferences-en-semain summary,
form.node-demande-de-services-edit-form #edit-group-vos-preferences-conge summary{
    font-size: 20px;
	text-transform: uppercase;
	background-color: #a1d4ca;
	color: white;
	padding: 10px 20px;
	display: block;
	font-weight: 500;
	margin-bottom: 20px;
}
form.node-demande-de-services-form .field--type-daterange{
    margin-bottom: 50px;
}
form.node-demande-de-services-form .clearfix::after{
    display: block;
    float: right;
    padding: 10px 0 0 0;
    font-weight: 600;
    font-size: 120%;
    width: 800px;
    margin-top: 0;
}
form.node-demande-de-services-form #field-choisir-des-dates-48-add-more-wrapper .clearfix::after{
    content: "<< En semaine 48 heures mercredi 18h30 au vendredi 16h";
}
form.node-demande-de-services-form #field-en-semaine-96-heures-add-more-wrapper .clearfix::after{
    content: "<< En semaine de 96 heures du lundi 8h au vendredi 16h";
}
form.node-demande-de-services-form #field-en-semaine-24-heures-merc-add-more-wrapper .clearfix::after{
    content: "<< En semaine 24 heures mercredi 18h30 au jeudi 18h30";
}
form.node-demande-de-services-form #field-en-semaine-24-heures-mercr-add-more-wrapper .clearfix::after{
    content: "<< En semaine 24 heures jeudi 16h au vendredi 16h00";
}
form.node-demande-de-services-form #field-occasionnellement-en-semai-add-more-wrapper .clearfix::after{
    content: "<< Occasionnellement en semaine 8 heures 8h à 16h";
}
form.node-demande-de-services-form #field-fin-de-semaine-48-heures-v-add-more-wrapper .clearfix::after{
    content: "<< Fin de semaine 48 heures vendredi 18h30 au dimanche 16h";
}
form.node-demande-de-services-form #field-fin-de-semaine-24-heures-v-add-more-wrapper .clearfix::after{
    content: "<< Fin de semaine 24 heures vendredi 18h30 au samedi 18h30";
}
form.node-demande-de-services-form #field-fin-de-semaine-24-heures-s-add-more-wrapper .clearfix::after{
    content: "<< Fin de semaine 24 heures samedi 16h au dimanche 16h";
}
form.node-demande-de-services-form #field-fin-de-semaine-8-heures-sa-add-more-wrapper .clearfix::after{
    content: "<< Fin de semaine 8 heures samedi ou dimanche 8h à 16h";
}
form.node-demande-de-services-form #field-journees-pedagogiques-8h-a-add-more-wrapper .clearfix::after{
    content: "<< Journées pédagogiques 8h à 16h";
}
body.famille form.node-demande-de-services-edit-form fieldset#edit-group-reserve-a-l-administration,
body.famille form.node-demande-de-services-form fieldset#edit-group-reserve-a-l-administration,
body.famille form.node-repit-domicile-form fieldset#edit-group-reserve-a-l-administration,
body.famille form.node-repit-domicile-edit-form fieldset#edit-group-reserve-a-l-administration,
body.famille form.node-demande-de-services-journees-ped-form fieldset#edit-group-reserve-a-l-administration,
body.famille form.node-demande-de-services-journees-ped-edit-form fieldset#edit-group-reserve-a-l-administration{
    visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
}
#block-views-block-demande-de-services-d-un-usager-block-1 table thead tr th,
.liste-accompagnatrices table thead tr th,
.demande-services-tableau table thead tr th{
    font-size: 14px;
	line-height: 103% !important;
	font-weight: 600;
}
#block-views-block-demande-de-services-d-un-usager-block-1 table tbody tr td,
.liste-accompagnatrices table tbody tr td,
.demande-services-tableau table tbody tr td{
    font-size: 14px;
	line-height: 103% !important;
}
.demande-services-tableau caption{
    font-size: 22px;
	font-weight: 600;
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #333;
}
.horaire-des-accompagnatrices .fc-day-grid-event .fc-time {
    display: none;
}
.horaire-des-accompagnatrices td.fc-event-container a {
    padding: 10px;
}
/*liste Utilisateurs*/
form#views-exposed-form-liste-des-client-page-3 #edit-uid--description{
    display: none;
}
.liste-des-utilisateurs form.views-exposed-form.bef-exposed-form .js-form-item,
.liste-accompagnatrices form.views-exposed-form.bef-exposed-form .js-form-item{
  float: left;
  padding: 15px !important;
  display: block;
  border: 1px solid;
  margin: 15px;
  background-color: #fff;
}

.liste-des-utilisateurs form.views-exposed-form.bef-exposed-form .js-form-item label,
.liste-accompagnatrices form.views-exposed-form.bef-exposed-form .js-form-item label{
  font-weight: bold;
}

/*Line height des tableau*/
table td{
    line-height: 120% !important;
}
/*Enlever le titre dans la page d'enregistrement*/
/*Texte accueil*/
.dossiers-tabs a{
    font-weight: 600;
}

h3#infos-specifiques.infos-spe{
   padding: 5px;
   border: 1px solid #333;
   text-align: center;
   margin: 40px 0 20px;
   text-transform: uppercase;
   background-color: #eee;
}
.dossiers-tabs h3{
    margin: 20px 0 10px;
}

ul.page-tabs li{
    line-height: 110%;
}
/*Zone d'infos de précisions*/
body.authenticated .js-form-item-roles-famille-temporaire,
body.authenticated .js-form-item-roles-visiteurs{
    display: none;
}

#block-infosanonymeaccueil{
   padding: 40px;
   background-color: #a1d4ca;
   margin: 20px 0;
   font-size: 18px;
   /*width: 80%;*/
}

#block-envoyermademandedouverturededossier{
   padding: 40px;
   background-color: #a1d4ca;
   margin: 20px 0;
   font-size: 18px;
   width: 80%;
   color: white;
}
#block-infosanonymeaccueil ul li{
   font-size: 16px;
}
body.gestionnaire .precisions-infos,
body.accompagnatrice .precisions-infos,
body.gestionnaire_rh .precisions-infos{
   display: none;
}
body.gestionnaire .description-infos,
body.accompagnatrice .description-infos,
body.gestionnaire_rh .description-infos{
   display: none;
}
.precisions-infos .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 2.5em !important;
	color: white;
    overflow: visible;
    vertical-align: -0.125em;
	position: absolute;
}
.precisions-infos .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 2.5em !important;
    overflow: visible;
    vertical-align: -0.125em;
}
.precisions-infos .svg-inline--fa.fa-w-16 {
    width: 2.5em !important;
	left: 10px;
	margin-top: -5px;
}
.precisions-infos{
   padding: 20px 0 20px 60px;
   color: #333;
   background-color: #a1d4ca;
   margin: 20px 0;
   font-size: 16px;
   line-height: 120%;
}
.precisions-infos a{
   color: white;
   font-weight: normal;
}
#demande-camps-jours-specifiques.precisions-infos a{
   color: #333;
   text-decoration: underline;
}
#block-infosanonymeaccueil a{
   font-weight: 500;
}
.precisions-infos a:hover,
#block-infosanonymeaccueil a:hover{
   color: white;
   text-decoration: underline;
}
.description-infos{
   padding: 10px 20px 2px;
   color: white;
   background-color: rgb(71,70,93,0.9);
   margin: 20px 0;
}
.description-infos strong,
.precisions-infos strong{
   color: white;
}
strong{
   color: inherit;
}
.description-infos a{
   color: white;
   font-weight: bold;
}
.description-infos a:hover{
   color: white;
   text-decoration: underline;
}
#group-nom-du-beneficiaire--description .description{
   display: none;
}
/*Formulaire maison de répit*/
#edit-field-quelles-sont-les-habitudes-0--description,
#edit-field-quelles-sont-les-habitudes-0-caption--description,
.js-form-type-textfield.form-item-field-quelles-sont-les-habitudes-0-caption{
   display: none;
}
.form-item-field-quelles-sont-les-habitudes-0 label{
   font-size: 16px;
   font-weight: 600 !important;
}

/*Bouton tableau contenu Mon dossier*/
a h4.completer-bouton {
    background-color: #e75247;
    color: #ffffff;
    border-radius: 4px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
	position: relative;
    border: 0;
    padding: 8px 10px;
    line-height: 1.7;
    -webkit-appearance: button;
	display: inline-block;
}
a h4.completer-bouton:hover {
    background-color: #52CAE4;;
}
/*Calendar views accompagnatrices*/
.fc-event {
    border: none;
}
.fc-view table{
    margin-bottom: 0;
}

.fc-day-grid-event .fc-content {
    white-space: normal !important;
    overflow: show !important;
	text-align: center;
}

.fc-title span.Maison.Zéphyr {
  background-color: #E25B0E !important;
  display: block;
  text-align: center;
}
.fc-title span.Maison.Jean-Reid {
  background-color: #52CAE4 !important;
  display: block;
  text-align: center;
}
/*handle pour déplacer contenu field*/
a.tabledrag-handle .handle {
    width: 24px;
    height: 24px;
}
/*Demande de réservation*/
.field--name-field-commentaires-du-gestionnai{
  clear: both;
}
/*Tableau de bord famille*/
.etapes-familles-2 {
  width: 64.5%;
  padding: 0;
  float: left;
  display: block;
  position: relative;
  padding: 15px;
  background-color: #eee;
  margin: 5px;
  height: 870px;
}
.etapes-familles {
  width: 32%;
  padding: 0;
  float: left;
  display: block;
  position: relative;
  padding: 15px;
  background-color: #eee;
  margin: 5px;
  height: 870px;
}

.etapes-familles-2 .images-etapes{
  width: 100%;
  text-align: center;
}
.etapes-familles-2 img{
  width: 50%;
  height: auto;
}
.etapes-familles img{
  width: 100%;
  height: auto;
}
.etapes-familles .description-etapes,
.etapes-familles-2 .description-etapes {
  padding: 0 5px;
  z-index: 999;
  line-height: 145%;
}
.etapes-familles .sous-titre,
.etapes-familles-2 .sous-titre {
  font-size: .8rm;
  line-height: 100%;
  text-align: center;
  padding: 7px 0;
  color: white;
  background-color: #a1d4ca;
  margin-bottom: 5px;
}
.etapes-familles span.over-etape,
.etapes-familles-2 span.over-etape {
  background: transparent;
  width: 100%;
  height: 100%;
}
.etapes-familles span.over-etape:hover,
.etapes-familles-2 span.over-etape:hover  {
  background: rgb(0,0,0,0.5);
}
.etapes-familles a .titre-etapes,
.etapes-familles-2 a .titre-etapes,
.etapes-familles .titre-etapes,
.etapes-familles-2 .titre-etapes {
    text-align: center;
    /* width: 90%; */
    /* height: 100px; */
    text-transform: uppercase;
    font-size: 20px;
	line-height: 100%;
    /* position: absolute; */
    color: #444;
    font-weight: 600;
    /* top: 120px; */
	padding: 5px 0 10px;
}
.etapes-familles a .titre-etapes:hover,
.etapes-familles-2 a .titre-etapes:hover{
  text-decoration: underline;
}
/*Demande de services*/
form.views-exposed-form.bef-exposed-form .js-form-item{
  float: left;
  padding: 15px;
  display: block;
  border: 1px solid;
  margin: 15px;
  background-color: #eee;
}
form.views-exposed-form.bef-exposed-form .form-actions{
  clear: both;
}
body.famille form.node-demande-de-services-form .field--name-field-utilisateur-qui-fait-la-de,
body.famille form.node-repit-domicile-form .field--name-field-utilisateur-qui-fait-la-de, 
body.famille form.node-demande-de-services-journees-ped-form .field--name-field-utilisateur-qui-fait-la-de,
body.famille form.node-demande-de-services-journees-ped-edit-form .field--name-field-utilisateur-qui-fait-la-de,
body.famille form.node-informations-pour-les-camps-de-j-form .field--name-field-reference-utilisateur-camp,
body.famille form.node-usager-2-form .field--name-field-reference-parent,
body.famille form.node-familles-form .field--name-field-reference-utilisateur-info,
body.famille form.node-demande-de-services-camps-de-jou-form .field--name-field-utilisateur-qui-fait-la-de,
body.famille form.node-demande-de-services-camps-de-jou-edit-form .field--name-field-utilisateur-qui-fait-la-de  {
    visibility: hidden;
	height: 0;
	min-height: 0;
}
body.famille form.node-familles-edit-form .js-form-item-field-reference-utilisateur-info-0-target-id {
    visibility: hidden;
	height: 0;
	min-height: 0;
}
body.famille form.node-usager-2-edit-form .form-item-field-reference-parent-0-target-id{
    visibility: hidden;
	height: 0;
	min-height: 0;
}
body.famille form.node-demande-de-services-edit-form .form-item-field-utilisateur-qui-fait-la-de-0-target-id{
    visibility: hidden;
	height: 0;
	min-height: 0;
}
body.famille form.node-informations-specifiques-pour-le-form .field--name-field-reference-utilisateur-repi{
    visibility: hidden;
	height: 0;
	min-height: 0;
}
body.famille form.node-informations-specifiques-domicil-form .field--name-field-reference-utilisateur-domi{
    visibility: hidden;
	height: 0;
	min-height: 0;
}
.empty-fields .field-item{
    background-color: #eee;
	height: 50px;
	width: 100%;
	display: block;
}
label{
    font-size: 15px;
}
form.node-familles-form .paragraph-type-title,
form.node-familles-form .paragraph-type-top,
form.node-usager-2-form .paragraph-type-top,
.field--name-field-besoins-en-maisons-de-repi .paragraph-type-top {
    display: none;
}
.js-form-type-radio,
.js-form-type-checkbox{
    float: left;
	padding: 0 8px;
	display: block;
}

#edit-field-service-demande-horaire .js-form-type-radio,
#edit-field-service-demande-horaire .js-form-type-checkbox{
	width: 100%;
	padding: 0 8px;
	display: block;
	text-align: left;
}
.ui-accordion .ui-accordion-header {
    font-size: 24px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #333/*{borderColorActive}*/;
    background: #E25B0E/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
}
.form-required:after {
    content: "*";
    display: inline-block;
    padding-left: 4px;
    color: red;
	font-size: 30px !important;
}
body.page-type-familles .taxonomy-term h2 a {
  background-color: none;
  border: 0;
  border-radius: 0;
  box-shadow: 0;
  padding: 0;
  font-size: 1.3rem !important;
  line-height: 1;
  color: #111111;
  font-weight: normal;
}
body.page-type-familles ul.taxonomy-terms {
    margin: 0;
}
body.page-type-familles .field--name-field-adresse-de-residence {
    margin-bottom: 0 !important;
}
body.page-type-familles ul.taxonomy-terms li:before {
    display: none;
}
body.page-type-familles .node-taxonomy-container i.ficon-hashtag{
  display: none;
}
body.page-type-familles .node-taxonomy-container .taxonomy-term a {
    background-color: none;
    border: 0;
    border-radius: 40px;
    -webkit-box-shadow: 0 0 4px 1px var(--primary); */
    /* box-shadow: 0 0 4px 1px var(--primary); */
}
body.page-type-familles ul.taxonomy-terms li{
  width: 100%;
}
body.page-type-familles ul.taxonomy-terms li:before{
  content: "- ";
}
span.fieldset-legend{
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
  padding: 2px 12px;
  border: 1px solid #333;
  background: rgb(0,0,0,0.0);
  margin: 12px 0 20px;
  display: block;
  font-weight: 600;
}
#edit-field-beneficiaire-du-service-widget-0-subform-group-identification-de-l-enfant .fieldset-wrapper span.fieldset-legend,
#edit-field-beneficiaire-du-service-widget-1-subform-group-identification-de-l-enfant .fieldset-wrapper span.fieldset-legend,
#edit-field-beneficiaire-du-service-widget-2-subform-group-identification-de-l-enfant .fieldset-wrapper span.fieldset-legend,
#edit-field-beneficiaire-du-service-widget-3-subform-group-identification-de-l-enfant .fieldset-wrapper span.fieldset-legend{
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
  padding: 2px 12px;
  border: 1px solid #333;
  background: rgb(0,0,0,0.0);
  margin: 12px 0 20px;
  display: block;
  font-weight: 600;
}
#edit-field-beneficiaire-du-service-widget-0-subform-group-identification-de-l-enfant span.fieldset-legend,
#edit-field-beneficiaire-du-service-widget-1-subform-group-identification-de-l-enfant span.fieldset-legend,
#edit-field-beneficiaire-du-service-widget-2-subform-group-identification-de-l-enfant span.fieldset-legend,
#edit-field-beneficiaire-du-service-widget-3-subform-group-identification-de-l-enfant span.fieldset-legend{
  font-size: 28px;
  background: #a1d4ca;
  color: white;
}
#field-beneficiaire-du-service-0-item-wrapper{
  background-color: rgb(161, 212, 202, 0.1);
  padding: 15px;
}
#field-beneficiaire-du-service-1-item-wrapper{
  background-color: rgb(234, 80, 72, 0.1);
  padding: 15px;
}
#field-beneficiaire-du-service-2-item-wrapper{
  background-color: rgb(71, 70, 93, 0.1);
  padding: 15px;
}
#field-beneficiaire-du-service-3-item-wrapper{
  background-color: rgb(0, 0, 0, 0.1);
  padding: 15px;
}
.fieldset-wrapper span.fieldset-legend{
  font-size: 16px;
  color: #000;
  text-transform: none;
  padding: 0;
  border: none;
  margin-bottom: 7px;
  background: rgb(0,0,0,0.0);
  font-weight: 600;
}

.description,
.descripton-top{
  font-size: 14px;
  padding: 10px;
  /*background: rgb(231,82,71,0.8);*/
  background: rgb(71,70,93,0.9);
  display: block;
  font-weight: 500;
  color: white;
  
  margin: 10px 0;
}
.description a,
.description .placeholder,
.descripton-top a,
.descripton-top .placeholder{
  color: white !important;
}
.description a:hover,
.description-top a:hover{
  text-decoration: underline;
}
.tabledrag-toggle-weight-wrapper{
  display: none;
}
#edit-field-date-de-reservation--description.description{
  border : 1px solid;
  padding: 20px;
  text-align: center;
}
#edit-field-service-demande--wrapper--description.description,
#edit-field-date-de-reservation--description.description{
  background: #fff;
}
#edit-field-service-demande--wrapper--description.description ul li a{
  color: #383549 !important;
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
}
#edit-field-service-demande--wrapper--description.description ul li a:hover{
  text-decoration: none;
}
#edit-field-service-demande--wrapper--description.description,
#edit-field-date-de-reservation--description.description{
  color: #383549 !important;
  font-weight: 600;
  font-size: 18px;
}

/*Page contact*/
div.des-questions{
  display: block;
  width: 30%;
  float: left;
  padding: 10px;
}

/* HTML and Body
---------------------------------------- */
body {
  font-family: var(--body-font);
  background-color: #fff;
  color: var(--text-color);
}
.homepage .header {
    background: #fff;
}
header.header {
  background-color: #fff !important;
}
.inner-page .header {
    background: none !important;
    background-size: cover;
}
.header-top {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 1rem 0;
	background: #eee;
	height: 20px;
}
.header-top-block.header-top-left{
    width: 100%;
}
body.page-node-102 .paragraph-type-top {
    display: none;
}
body.page-node-102 .form-radios > .form-item:first-child {
	display: none;
}
label[for] {
    cursor: auto;
}
li.breadcrumb-item{
    font-size: 1.5rem;
}
li.menu-item a span.show-user-name-only{
    font-weight: 500;
}

#block-useraccountmenu ul.menu{
    list-style: none;
	margin-top: -15px;
	float: right;
}
#block-useraccountmenu ul.menu li{
    float: left;
}
#block-useraccountmenu ul.menu li a{
    float: left;
	margin-right: 13px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
}
/*Ajouter une note*/
#views-exposed-form-liste-des-client-page-3 .js-form-item{
  float: left;
  padding: 5px 10px 0 0;
}
#views-exposed-form-liste-des-client-page-3 #edit-actions{
  clear: both;
}
.ajoute-note .views-field-nothing span.field-content a{
  display: none;
}
/* Typography
---------------------------------------- */
h1.page-title{
  font-size: 36px;
  line-height: 38px;
  padding: 20px 0;
}
body.homepage h1.page-title{
  display: none;
}
body.homepage h2{
  line-height: 110%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font);
  color: var(--bold-color);
  font-weight: 600;
}

strong {
  color: var(--bold-color);
}

em {
  color: var(--primary);
}

a {
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

a,
a:active,
li a.active {
  color: var(--primary);
}

a:hover {
  color: var(--secondary);
}

/* Typography-> code tags */
code,
kbd,
pre,
samp {
  background: var(--border);
  color: var(--dark);
}

mark {
  background: var(--primary);
  color: #ffffff;
  padding: 0 6px;
}

figcaption {
  background: var(--border);
  color: var(--text-color);
}


/* Form
---------------------------------------- */
/*.notes-aux-dossiers header h3 a,
.demande-services-tableau header h3 a,
a.ajout-note2{
   font-size: 14px;
   padding: 5px;
}*/

/* Form -> Button */
.notes-aux-dossiers header h3 a,
.demande-services-tableau header h3 a,
a.ajout-note2,
a.button,
.button,
button,
[type="button"],
[type="reset"],
[type="submit"] {
  background-color: #e25b0e;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
a.ajout-note2 {
  font-size: 20px;
  padding: 7px;
}
a.ajout-note2:hover,
.notes-aux-dossiers header h3 a:hover,
a.button:hover,
.button:hover,
button:hover,
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover {
  background-color: var(--secondary);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: var(--text-color);
  background: #eee;
  border: 1px solid var(--border);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  background: transparent;
  border: 1px solid var(--border);
}

fieldset {
  border: 1px solid var(--border);
}

/* Form -> Label */
.form-item label,
form label,
summary {
  font-weight: 400;
  color: var(--bold-color);
}
form.node-form h4{
  font-weight: bold;
  font-size: 16px;
}

/* Form -> Radio buttons */
input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px solid  #212736;
}
input[type="radio"] {
    border-radius: 20%;
}
input[type="radio"] {
  background-color: white;
  border: 2px solid  #212736;
}

input[type="radio"]:hover,
input[type="checkbox"]:hover {
  border: 2px solid #a1d4ca;
}

input[type="checkbox"]:checked {
  background-color: var(--primary);
  color: #000000;
}

input[type="radio"]:checked {
  background-color: var(--primary);
}

input[type="checkbox"]::after {
  content: '\2714';
  text-align: center;
  display: none;
}

input[type="checkbox"]:checked::after {
  display: block;
}

select {
  color: var(--text-color);
  background: var(--light);
  border: 1px solid var(--border);
}

::-webkit-input-placeholder {
  color: var(--border);
}

:-ms-input-placeholder {
  color: var(--border);
  opacity: 1;
}

::-ms-input-placeholder {
  color: var(--border);
  opacity: 1;
}

::placeholder {
  color: var(--border);
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--border);
}

::-ms-input-placeholder {
  color: #969696;
}

:-moz-placeholder {
  color: var(--border);
}

::-moz-placeholder {
  color: var(--border);
}

/* Table
---------------------------------------- */
th {
  background: var(--border);
  color: var(--bold-color);
  border: 1px solid var(--border);
}

th a {
  color: var(--bold-color);
}

td {
  border: 1px solid var(--border);
}

/* Common HTML Elements
---------------------------------------- */
hr {
  background: var(--border);
}

dt {
  color: var(--bold-color);
}

blockquote {
  background: var(--light);
  -webkit-box-shadow: 0 0 6px 2px var(--border);
          box-shadow: 0 0 6px 2px var(--border);
  border-left: 8px solid var(--primary);
}

/* Selection
---------------------------------------- */
::-moz-selection {
  background: var(--dark);
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: var(--dark);
  color: #ffffff;
  text-shadow: none;
}

@font-face {
  font-family: 'ruhi';
  src: url("../fonts/ruhi.eot?rxiuz3");
  src: url("../fonts/ruhi.eot?rxiuz3#iefix") format("embedded-opentype"), url("../fonts/ruhi.ttf?rxiuz3") format("truetype"), url("../fonts/ruhi.woff?rxiuz3") format("woff"), url("../fonts/ruhi.svg?rxiuz3#ruhi") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ficon-"], [class*=" ficon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ruhi' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ficon-add_comment:before {
  content: "\e900";
}

.ficon-search:before {
  content: "\e901";
}

.ficon-user:before {
  content: "\e902";
}

.ficon-calendar:before {
  content: "\f073";
}

.ficon-twitter:before {
  content: "\f099";
}

.ficon-facebook:before {
  content: "\f09a";
}

.ficon-github:before {
  content: "\f09b";
}

.ficon-linkedin:before {
  content: "\f0e1";
}

.ficon-comments:before {
  content: "\f0e6";
}

.ficon-file:before {
  content: "\f0f6";
}

.ficon-youtube:before {
  content: "\f16a";
}

.ficon-instagram:before {
  content: "\f16d";
}

.ficon-vk:before {
  content: "\f189";
}

.ficon-whatsapp:before {
  content: "\f232";
}

.ficon-vimeo:before {
  content: "\f27d";
}

.ficon-hashtag:before {
  content: "\f292";
}

.ficon-telegram:before {
  content: "\f2c6";
}

/* Header
------------------------------- */
.homepage .header {
  background: var(--light);
}

.homepage.slider-page .header {
  background: url(../images/slider.svg) center top no-repeat;
  background-size: cover;
  min-height: 100vh;
}

.inner-page .header {
  background: url(../images/header-inner.svg) center top no-repeat;
  background-size: cover;
}

/* Header -> Header Top */
.header-top a {
  color: var(--dark);
}

.header-top a:hover,
.header-top i {
  color: var(--primary);
}

/* Header -> Header main */
.header-container {
  padding: 1rem 0;
}

.site-brand img {
  max-height: 50px;
  display: block;
}

.site-name {
  color: var(--dark);
  font-family: var(--heading-font);
  font-weight: 500;
}

.site-name a {
  color: var(--dark);
}

.site-name a:hover {
  color: var(--primary);
}

/* Header -> Main menu */
.mobile-menu {
  border-top: 2px solid var(--dark);
  border-bottom: 2px solid var(--dark);
}

.mobile-menu span {
  background-color: var(--primary);
}

.menu-wrap {
  font-family: var(--heading-font);
  font-weight: 600;
}

.menu-wrap ul.menu > li {
  margin-left: 6px;
}

.menu-wrap ul.menu li > a {
  padding: 10px;
}

/* Header -> search block region */
.search-icon {
  width: 36px;
  height: 36px;
}

.search-icon img {
  max-height: 30px;
}

.search-box {
  background-color: var(--light);
}

.search-box-content input[type="search"] {
  background: url(../images/icons/search-icon.svg) top right no-repeat;
  color: var(--text-color);
  -webkit-text-fill-color: var(--text-color);
  border-bottom: 2px solid var(--border);
}

.search-box-content input[type="search"]:focus {
  background: url(../images/icons/search-icon.svg) top right no-repeat;
  border: 0;
  border-bottom: 2px solid var(--border);
}

.search-box-content input[type="search"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--light) inset;
  background-color: transparent;
}

.header-search-close {
  top: 20px;
}

/* Header -> Page header */
.page-header {
  color: var(--text-color);
}

.page-header a:hover {
  color: var(--dark);
}

.region-page-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Main
---------------------------------------- */
/* Main -> Admin tabs */
ul.page-tabs {
  border-bottom: 2px solid var(--border);
}

.page-tabs li a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0.8rem;
  font-size: 14px;
  font-weight: 500;
}

.page-tabs li a {
  background: var(--light);
  color: var(--primary);
  border-right: 2px solid var(--border);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-transform: uppercase;
  text-align: center;
}

.page-tabs li.active-page-tab a,
.page-tabs li a:hover {
  background: var(--primary);
  color: #ffffff;
}
body.page-node-.gestionnaire.gestionnaire_rh ul.page-tabs li a::after{
  content: "Pour tous";
  display: block;
  font-size: 10px;
  line-height: 110%;
  text-transform: none;
  padding: 4px;
  background-color: white;
  color: #333;
  margin-top: 5px;
}
body.page-node-.gestionnaire.gestionnaire_rh ul.page-tabs li a.fam-tab::after{
  content: "Utilisateur famille";
  display: block;
  font-size: 10px;
  line-height: 110%;
  text-transform: none;
  padding: 4px;
  background-color: white;
  color: #333;
  margin-top: 5px;
}
body.page-node-.gestionnaire.gestionnaire_rh ul.page-tabs li a.acc-tab::after{
  content: "Utilisateur accompagnatrice";
  display: block;
  font-size: 10px;
  line-height: 110%;
  text-transform: none;
  padding: 4px;
  background-color: white;
  color: #333;
  margin-top: 5px;
}
/* Main -> Entity reference */
.taxonomy-term a {
  background-color: var(--light);
  border: 0;
  border-radius: 40px;
  -webkit-box-shadow: 0 0 4px 1px var(--primary);
          box-shadow: 0 0 4px 1px var(--primary);
}

.taxonomy-term a:hover {
  background-color: var(--primary);
  color: #ffffff;
}

/* Main -> Filter Module */
.filter-wrapper {
  border: 1px solid var(--border);
}

/* Main -> node -> Title */
.node-title a {
  position: relative;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

.node-readmore,
.node-links-container .comment-forbidden,
.node-links-container .comment-add {
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.node-readmore::after {
  content: '\2192';
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  padding-left: 2px;
}

.node-readmore:hover::after {
  padding-left: 12px;
}

.node-links-container .comment-forbidden::before,
.node-links-container .comment-add::before {
  content: "+";
  padding-right: 6px;
}

.node-title a:hover,
.node-links-container .node-readmore a:hover,
.comment-forbidden a:hover,
.node-links-container .comment-add a:hover {
  color: var(--dark);
}

.node-links-container .node-readmore a,
.node-links-container .comment-forbidden a,
.node-links-container .comment-add a {
  position: relative;
}

.node-title a::after,
.node-links-container .node-readmore a::before,
.node-links-container .comment-forbidden a::before,
.node-links-container .comment-add a::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--theme-color);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.node-title a:hover::after,
.node-links-container .node-readmore a:hover::before,
.comment-forbidden a:hover::before,
.node-links-container .comment-add a:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

/* Node Content */
.node-content input[type="text"]:focus,
.node-content input[type="email"]:focus,
.node-content input[type="url"]:focus,
.node-content input[type="password"]:focus,
.node-content input[type="search"]:focus,
.node-content textarea:focus {
  -webkit-box-shadow: 0 0 3px var(--secondary);
          box-shadow: 0 0 3px var(--secondary);
}

/* Sidebar
---------------------------------------- */
.sidebar .block {
  background-color: var(--light);
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 2rem;
}

.sidebar .block-title {
  font-size: 2.2rem;
  text-transform: none;
  text-align: center;
}

.sidebar .block-title::before {
  position: absolute;
  content: '';
  top: 50%;
  width: 24px;
  height: 2px;
  background-color: var(--primary);
  -webkit-transform: translateX(-34px);
          transform: translateX(-34px);
}

.sidebar .block-title::after {
  position: absolute;
  content: '';
  top: 50%;
  width: 24px;
  height: 2px;
  background-color: var(--primary);
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

/* Comments
--------------------------------------*/
#comments {
  border-top: 1px solid var(--border);
}

#comments i {
  color: var(--primary);
}

.comments-title::before,
.comment-form-wrap .add-comment-title::before {
  font-family: 'ruhi';
  color: var(--primary);
  padding-right: 6px;
}

.comments-title::before {
  content: "\f0e6";
}

.comment-form-wrap .add-comment-title::before {
  content: "\e900";
}

/* Comments -> single comment */
.comment {
  background-color: var(--light);
  -webkit-box-shadow: 0 0 6px 1px var(--border);
          box-shadow: 0 0 6px 1px var(--border);
}

.comment-header {
  background-color: #F9F5F0;
  border: 0;
  -webkit-box-shadow: 0 0 4px var(--border);
          box-shadow: 0 0 4px var(--border);
}

.comment-user-picture {
  -ms-flex: 0 0 100px;
  -webkit-box-flex: 0;
          flex: 0 0 100px;
}

.comment-title,
.comment-title a {
  color: var(--dark);
}

.comment-reply a,
.comment-delete a,
.comment-edit a {
  padding: 4px 12px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.comment-reply a:hover,
.comment-delete a:hover,
.comment-edit a:hover {
  background: var(--primary);
  color: #ffffff;
}

/*
 * Footer
 */
.footer-blocks h4 {
    color: white;
}
.footer .block-title {
  position: relative;
  font-size: 1.6rem;
  color: #ffffff;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.footer .block-title::before,
.footer .block-title::after {
  content: '';
  position: absolute;
  left: 0;
  height: 2px;
  background: var(--primary);
}

.footer .block-title::before {
  width: 30px;
  bottom: 6px;
}

.footer .block-title::after {
  width: 60px;
  bottom: 0;
}

.footer a:hover {
  color: #ffffff;
}

.footer-top {
  background-color: var(--light);
  color: var(--text-color);
}

.footer-top .block-title {
  color: var(--bold-color);
}

.footer-blocks,
.footer-bottom-blocks,
.footer-bottom,
.footer-social {
  background-color: var(--dark);
  color: #ffffff;
}

.footer-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-block li {
  padding: 10px 0;
  border-bottom: 1px solid #000000;
}

.footer-bottom-container {
  border-top: 2px solid #000000;
}

/* Footer -> customization */
.footer-logo {
  max-height: 100px;
  width: auto;
}

.homepage .main-wrapper {
  padding: 0;
}

.homepage-content .block-title {
  text-align: center;
  margin-bottom: 1rem;
}

.homepage-content .block-title::before {
  position: absolute;
  content: '';
  width: 40px;
  height: 2px;
  background: var(--primary);
  top: 50%;
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
}

.homepage-content .block-title::after {
  position: absolute;
  content: '';
  width: 40px;
  height: 2px;
  background: var(--primary);
  top: 50%;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.region-content-home-top .block {
  position: relative;
  padding: 4rem 0;
}

.region-content-home-top .block:nth-child(odd) {
  background: var(--light);
}

/*
.region-content-home-top .block:first-child::before {
  position: absolute;
  content: '';
  top: -10rem;
  left: 0;
  height: 10rem;
  width: 100%;
  background: var(--light);
  clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);
}
*/
.circle-lines {
  position: absolute;
  left: 5%;
  bottom: 30%;
  background: url("../images/shapes/circle-lines.svg") no-repeat;
  background-size: cover;
  height: 5rem;
  width: 5rem;
}

.circle-lines-right {
  position: absolute;
  right: 5%;
  bottom: 20%;
  background: url("../images/shapes/circle-lines.svg") no-repeat;
  background-size: cover;
  height: 5rem;
  width: 5rem;
}

.circle-double {
  position: absolute;
  right: 3%;
  top: 40%;
  background: url("../images/shapes/circle-double.svg") no-repeat;
  background-size: cover;
  height: 66px;
  width: 66px;
}

.triangle-left {
  position: absolute;
  left: 10%;
  bottom: 30%;
  background: url("../images/shapes/triangle.svg") no-repeat;
  background-size: contain;
  height: 3rem;
  width: 3rem;
}

.triangle-right {
  position: absolute;
  right: 8%;
  bottom: 8%;
  background: url("../images/shapes/triangle.svg") no-repeat;
  background-size: contain;
  height: 3rem;
  width: 3rem;
}

.square {
  position: absolute;
  left: 6%;
  top: 8%;
  height: 2rem;
  width: 2rem;
  border: 2px solid var(--primary);
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.square-dot {
  position: absolute;
  left: 6%;
  top: 8%;
  background: url("../images/shapes/square-dots.svg") no-repeat;
  background-size: contain;
  height: 3rem;
  width: 3rem;
}

/* Feed text */
.feed-icon {
  display: block;
  font-size: 0;
  width: 32px;
  height: 32px;
  background: url(../images/icons/rss.svg) no-repeat;
}

/* Components -> Social icons */
.social-icons {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.social-icons li {
  display: inline-block;
  margin: 6px 0;
  border: 2px solid #000000;
  border-radius: 6px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.social-icons li:hover {
  border: 2px solid var(--primary);
}

.social-icons i {
  padding: 10px;
}

/*
 * Custom Shortcodes
 */
/* Shortcodes -> Buttons */
.link-button,
.button-link,
.button-dark {
  display: inline-block;
  border-radius: 30px;
  padding: 0.8rem 1.8rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.link-button,
.button-link {
  color: #ffffff;
  background-color: var(--secondary);
  border: 4px solid var(--primary);
}

.link-button:hover,
.button-link:hover {
  color: var(--primary);
  background-color: var(--dark);
  border: 4px solid var(--primary);
}

.button-dark {
  background-color: var(--dark);
  color: var(--primary);
  border: 4px solid var(--primary);
}

.button-dark:hover {
  color: #ffffff;
  border: 4px solid var(--primary);
}

/* Elements -> Box */
.box {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 8px 4px var(--light);
  box-shadow: 0 0 8px 4px var(--light);
}

/* Icon Box */
.icon-box {
  font-family: var(--body-font);
  line-height: 1.7;
  background-color: var(--content-bg);
  -webkit-box-shadow: 0 3px 6px #bbbbbb;
          box-shadow: 0 3px 6px #bbbbbb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.icon-box-icon {
  padding-right: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.icon-box-text {
  font-family: var(--body-font);
  line-height: 1.7;
}

/* 
 * Features and Services
 */
.features,
.services {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(265px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
  grid-gap: 1rem;
  gap: 1rem;
}

.features:not(:last-child),
.services:not(:last-child) {
  margin-bottom: 1rem;
}

.feature,
.service {
  position: relative;
  background-color: #ffffff;
  padding: 1rem;
  -webkit-box-shadow: -10px 10px 16px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -10px 10px 16px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 10px 16px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.feature {
  text-align: center;
}

.service {
  -webkit-transform: skew(0);
          transform: skew(0);
}

.feature:hover,
.service:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.feature:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

.service:hover {
  -webkit-transform: skew(0);
          transform: skew(0);
}

.feature-icon,
.service-icon {
  position: relative;
  margin-bottom: 1rem;
}

.feature-icon img,
.service-icon img {
  max-height: 4rem;
}

.feature-icon {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.feature:hover .feature-icon {
  margin-top: -10px;
  margin-bottom: 26px;
}

.feature .link-button {
  display: inline-block;
}

.service img {
  max-height: 3rem;
  margin: 1rem 0 0 1rem;
}

.service-icon {
  position: relative;
  margin-bottom: 1rem;
}

.service-icon::before {
  position: absolute;
  content: '';
  width: 4rem;
  height: 4rem;
  background-color: var(--light);
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  z-index: -1;
}

@media (min-width: 768px) {
  /* Header */
  .site-brand img {
    max-height: 60px;
  }
  /* Header -> Page Header */
  .page-header {
    padding: .5rem 0 .5rem 0 !important;
  }
  /* Notice */
  .notice-block {
    width: 98%;
  }
  .notice-block::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-color: var(--secondary);
    width: 95%;
    height: 100%;
    z-index: -1;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  .feature {
    padding: 2rem;
  }
}

@media (min-width: 992px) {
  /* Header */
  .site-brand img {
    max-height: 80px;
  }
  /* Header -> Main menu */
.menu-wrap ul.menu {
    font-size: 1.1rem;
}
  .menu-wrap .menu a {
    color: var(--primary);
  }
  .menu-wrap .menu-item:hover a {
    color: #ffffff;
  }
  .menu-wrap ul.menu li {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, var(--dark)));
    background: linear-gradient(to bottom, transparent 50%, var(--dark) 50%);
    background-size: 100% 200%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
	border: 1px solid #eee;
  }
  .menu-wrap ul.menu li:hover {
    background-position: 0 -100%;
  }
  .menu-wrap ul.menu li.active {
    background-color: #333;
  }
  .menu-wrap ul.menu li.active a {
    color: white;
  }
  .menu-wrap ul.menu > li a:hover {
    color: #ffffff;
  }
  .menu-wrap ul.menu ul.submenu {
    top: 35px;
    background-color: var(--dark);
  }
  .menu-wrap ul.menu ul.submenu li {
    border-bottom: 1px solid var(--primary);
  }
  .menu-wrap ul.menu ul.submenu li a {
    color: #ffffff;
  }
  .menu-wrap ul.menu ul.submenu li a:hover {
    color: var(--primary);
  }
  
@media (min-width: 992px){
.menu-wrap ul.menu ul.submenu li {
    width: 100% !important;
}
 } 
  /* Shortcodes */
  .service {
    -webkit-transform: skew(4deg, 0deg);
            transform: skew(4deg, 0deg);
  }
}

@media (min-width: 1170px) {
  /* Header */
  .site-brand img {
    max-height: 90px;
  }
}
/*# sourceMappingURL=style.css.map */