/*
 Theme Name:   LPDW config
 Theme URL:    https://leplusduweb.com
 Description:  Theme enfant developpé par l'entreprise LE PLUS DU WEB
 Author:       Le plus du web
 Author URI:   http://leplusduweb.com
 Template:     enfold
 Version:      1.0.0
*/

/*
Styles tous médias
================================================== */

/********************** Typographie **********************/


/********************** Couleurs **********************/

:root {
  --blue: #2b6ab1;
  --black: #252828;
  --grey: #f2f2f2;
}

/********************** Animations **********************/

/*
Desktop Styles
================================================== */
/* Note: CSS POUR VUE PC CLASSIQUE */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

  /*********************************************************/
  /********************** GÉNÉRALITÉS **********************/
  /*********************************************************/
    /********************** Accessibilité **********************/

  /* Permet de rendre des éléments invisible à l'oeil nu, mais lisible par les lecteurs d'écrans, exemple : labels de formulaire  */
  .visually-hidden {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(
      1px,
      1px,
      1px,
      1px
    ); /*maybe deprecated but we need to support legacy browsers */
    clip-path: inset(
      50%
    ); /*modern browsers, clip-path works inwards from each corner*/
    white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
  }

  /********************** Titres **********************/
	.template-page .entry-content-wrapper h1{
		margin: 40px 0 0 0;
	}

  /********************** Marges **********************/
	.avia-section-large .content, .avia-section-large .sidebar{/*large*/
		padding : 110px 0;
	}

  /********************** Liens **********************/

  .main_color a:hover {
    text-decoration: none;
  }

  /********************** Boutons **********************/

  #top #main :is(.btn-primary, .secondary-button) {
    font-size: 14px;
    transition: all ease 300ms;
  }

  #top #main :is(.btn-primary, .secondary-button) .avia-button {
    padding: 14px 24px;
    background-color: transparent !important;
    border: none;
  }

  #top #main :is(.btn-primary, .secondary-button) .avia_button_icon {
    margin-left: 10px;
  }

  /********************** Formulaires **********************/

  #top #wrap_all .main_color .input-text,
  #top #wrap_all .main_color input[type="text"],
  #top #wrap_all .main_color input[type="input"],
  #top #wrap_all .main_color input[type="password"],
  #top #wrap_all .main_color input[type="email"],
  #top #wrap_all .main_color input[type="number"],
  #top #wrap_all .main_color input[type="url"],
  #top #wrap_all .main_color input[type="tel"],
  #top #wrap_all .main_color input[type="search"],
  #top #wrap_all .main_color textarea,
  #top #wrap_all .main_color select {
    background-color: white;
    color: #020202;
    border-color: #cecece;
    border-radius: 4px;
  }

  #top #wrap_all .main_color ::placeholder {
    color: #cecece;
  }

  /********************** Accordéon **********************/
	
 .togglecontainer .av_toggle_section .single_toggle {
    margin-bottom: 8px;
    overflow: visible;
  }

  .togglecontainer .av_toggle_section .single_toggle p.toggler {
    padding: 14px 2px 14px 32px;
  }

  .togglecontainer .av_toggle_section .single_toggle p.toggler {
    font-weight: 600;
    color: #cecece;
    box-shadow: 2px 2px 10px #0c0c0c12;
    border-radius: 4px;
    transition: all ease 300ms;
  }

  .togglecontainer
    .av_toggle_section
    .single_toggle
    :is(.vert_icon, .hor_icon) {
    border-color: blue;
  }

  .togglecontainer .av_toggle_section .single_toggle p.toggler:focus,
  .togglecontainer .av_toggle_section .single_toggle p.toggler:hover {
    background-color: #77aca264;
  }

  .togglecontainer .av_toggle_section .single_toggle p.toggler.activeTitle {
    background-color: #77aca282;
  }

  .togglecontainer .av_toggle_section .single_toggle .toggle_content {
    color: white;
    border: none;
    margin: 0;
  }

  .togglecontainer .av_toggle_section .single_toggle .toggle_icon {
    border: none;
    opacity: 1;
  }

  .togglecontainer .av_toggle_section .single_toggle .toggle_content {
    margin-top: 6px;
    background-color: white;
    color: var(--black);
    border-radius: 4px;
    box-shadow: 2px 2px 10px #1d787532;
  }

  /********************** Tableaux **********************/

  #top tr:nth-child(2n + 1),
  #top .pricing-table > li:nth-child(2n + 1),
  #top .pricing-extra {
    background-color: #d0dfdd;
  }

  #top tr:nth-child(2n),
  #top .pricing-table > li:nth-child(2n),
  #top .pricing-extra {
    color: #020202;
  }

  tr {
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #020202 !important;
  }

#top tbody > tr:first-child {
    background-color: #e1ed94 !important;
    font-weight: 700;
    font-size: 14px;
    color: white;
  }
	
	

  /*************************************************************/
  /********************** SIDEBAR/TAB BAR **********************/
  /*************************************************************/

  /****************************************************/
  /********************** HEADER **********************/
  /****************************************************/
  /********************** Navigation secondaire **********************/

	#header_meta{

	}	

	#header_meta .sub_menu{

	}
	#header_meta .sub_menu li{

	}
	
  /********************** Logo **********************/


  /********************** Navigation principale **********************/

	
  /********************** Sous-Navigation **********************/

	#avia-menu .sub-menu li{

	}		
	#avia-menu .sub-menu li a{

	}	

  /********************** Mega menu **********************/

   
  /********************************************************/
  /********************** HOMEPAGE **********************/
  /********************************************************/

  /********************** Section [NOM_DE_SECTION] **********************/

	
 /*****************************************************/
  /********************** CONTENU **********************/
  /*****************************************************/

  /********************** Page de maintenance **********************/
  /*TODO : Modifier ID de la page */
  .page-id-30 #av_section_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }

  /********************** Page 404 **********************/

  /********************** Page [NOM_DE_PAGE] **********************/



  /********************************************************/
  /********************** ACTUALITÉS **********************/
  /********************************************************/

	.slide-meta{/* date de publication */
		display : none;
	}	
	.slide-entry > a{
		min-height: 310px;
	}
	
  /****************************************************/
  /********************** FOOTER **********************/
  /****************************************************/	
  /********************** Tête du footer **********************/

  /********************** Corps du footer **********************/

  #footer-page #footer {
    padding: 0;
  }

  #footer .template-page {
    padding: 42px 0;
  }

  /****************************************************/
  /********************** SOCKET **********************/
  /****************************************************/

  #socket {
    border: 0px;
  }

  #main #socket {
    max-height: 50px;
    min-height: unset;
  }

   #main #socket :is(.template-page, .container) {
    padding: 0;
  }

	
}