/* CSS Document */
/*
Theme Name: Seliweb-view Child
Theme URI: https://www.proposition2.com-visuelle.fr/seliweb-view-child/
Description: Thème enfant de SELIWEB
Author: Spiranne
Author URI: https://www.com-visuelle.fr/
Template: seliweb-view
Version: 1.0.0
*/

/* Add your custom styles here */

/**** PERSO A GARDER  ***/

/*HEADER*/
#swv-header {
  min-height: 300px;
}

.swv-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 120px;
  padding-top: 200px;
  max-width: var(--container);
  margin: 0 auto;
  gap: 20px;
}

/*voile devant l'entête*/
#swv-header.has-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(24,24,50, 0.2);
}



/*MENU*/

#swv-nav {
width:100%;
margin:0 auto;
position: sticky;
top:0;}

#swv-nav ul {
list-style:none;
display:flex;
position:static;}

#swv-nav ul li {
float:left;
width:auto;
text-align:center;
position:relative;}

#swv-nav ul::after {
content:"";
display:table;
clear:both;}

#swv-nav ul li a {padding:5px 20px;}

#swv-nav ul li a:hover {}

#swv-nav ul li ul.sub-menu {
display:none !important;
/*background-color:#167caf;*/
background: var(--color-nav-bg);
box-shadow: 0px 1px 2px #CCCCCC;
position:absolute;
width:100%;
min-width:150px;	
z-index:1000;}

#swv-nav ul li:hover ul.sub-menu {display:block !important;}

.sub-menu li {float:none;
width:100%;
text-align:left;}

sub-menu a {padding:10px;}

sub-menu a:hover {background-color: RGBa(200,200,200,0.1);}

/* PAGE */



.swv-single-wrap {
	display: flex !important;
  flex-direction: column;
  gap: 15px;}

.swv-page {width:100%; 
padding: 2em;}

/* Page CATEGORIES*/

.swv-main-inner {
  max-width: var(--container, 1200px);
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr var(--sidebar-w, 280px);
  gap: 24px;
  align-items: start;
}

.swv-posts-list {
  /*display: flex; 
  justify-content: space-between; 
  gap: 8px;*/
 display: grid; 
 /*-template-columns: repeat(3, 1fr);*/
  grid-template-rows: auto auto;
 grid-template-columns: :repeat(auto-fill, minmax(200px, 1fr));
  
}

.swv-post-item {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: 2em;
  box-shadow: var(--shadow);
  /*flex: 1;*/
  display: flex; 
  justify-content: center;
   flex-direction: column !important;
}

.post-image { 
margin:auto !important; 
max-width: max-content !important; 
padding:0.5em ;
}

/*SINGLE*/

#swv-main div.swv-main-inner {display: flex !important;gap: 2em;}


/*SIDEBAR*/

#swv-sidebar {
  top: 50px;
  min-width: 300px;
  float:left;
  display:block;
  border-left: 3px solid #6AAE04;
  padding:2em;
}

/* FOOTER*/

#swv-footer div.swv-footer-inner { display: block!important;}

.sidebar-footer {padding: 0 1em;width:100%; display:flex;gap:2em;direction:row;}

.sidebar-footer .widget {padding: 0.5em 1 em; margin: 0 2em;}

.swv-footer-bottom {display:block; width:100%;position:relative; float:left;}



/* TITRES*/
h1 {padding: 1em 1.5em;}

@media (max-width: 900px) {
/* list category */
 .swv-posts-list {
	 grid-template-columns: repeat(2, 1fr);
	 }
.swv-single-wrap	{ grid-template-columns: 1fr;}
	}


/* Use media query and show the flex items vertically if screen width is less than 600px */
@media screen and (max-width:600px) {

/*list categorie*/		
 .swv-posts-list, .swv-single-wrap  {
    /*flex-direction: column;*/
	  grid-template-columns: 1fr;
}
.swv-post-item { }
	
  }

.post-image { 
  width:100%;;
}
/*logo entete*/	
.swv-site-brand {display:block;}

}