/*
Theme Name: PUPenVOL
Author: Frane RODENAS-SOLA
Version: 1.0
*/
@import url('css/reset.css');
@import url('css/expound.css');


.counter {
	font-style: italic;
	text-align: center;
}

.notClear {
	display: inline;
}

.widget-title {
    font-weight: 10%;
    margin-bottom: 5px!important;
}

#footer {
    border-top: 2px solid #ddd;
	clear: both;
	min-height: 210px;
	padding: 10px 0 0;
	width: 100%;
}

#footer div {
	float: left;
	padding: 0 50px 30px;
}

#footer h1 {
	color: #000;
	margin-bottom: 10px!important;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	list-style-type: none;
}

.gestionsite {
	width: 100%;
	text-align: center;
}

#footer ul a,
.gestionsite a {
	color: #777;
	text-decoration: none!important;
}

#footer ul a:hover,
.gestionsite a:hover {
	color: #000;
}

.backtop {
	position: fixed;
	bottom: 100px;
	left: 50px;
	display: none;
}

.coxinette-footer {
	float: right;
	margin-right: 10px;
	margin-top: 50px;
	position: relative;
}

.site-title-group {
    float: left;
    text-align: center;
    width: 15%;
}

.site-texte-group {
    float: left;
    text-align: center;
    width: 80%;
}

.site-content article {
    padding-top: 0!important;
}

.elementor-heading-title.elementor-size-large,
.elementor-heading-title,
.elementor-widget-heading {
	margin: 0!important;
}

@media (max-width: 1080px) {
  #page
  {
    width: 960px;
  }
  
  #primary
  {
    width: 680px;
  }
  
  .expound-full-width #primary
  {
    width: 960px;
  }
  
  .featured-content-secondary
  {
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .featured-content-secondary article
  {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .featured-content-secondary .entry-thumbnail
  {
    float: left;
    margin-bottom: 0;
  }
  
  .featured-content-secondary .has-post-thumbnail .entry-header,
  .featured-content-secondary .has-post-thumbnail .entry-summary
  {
    margin-left: 240px;
  } 
  .featured-content-secondary .has-post-thumbnail .entry-title
  {
    clear: none;
    margin-top: -5px;
  } 
  .single .site-content .related-content article{
    width: 200px;
  }
}
@media (max-width: 1020px)
{
  #page
  {
    width: 900px;
  }
  #primary
  {
    width: 620px;
  }
  .expound-full-width #primary
  {
    width: 900px;
  }
  .single .site-content .related-content article
  {
    width: 180px;
  }
}
@media (max-width: 960px)
{
  #page
  {
    width: 840px;
  }
  #primary
  {
    width: 560px;
  }
  .expound-full-width #primary
  {
    width: 840px;
  }
  .single .site-content .related-content article
  {
    width: 160px;
  }
}
@media screen and (max-width: 946px)
{
	.menu-toggle,
	.main-small-navigation ul.nav-menu.toggled-on 
	{
		display: block;
	}
	.navigation-main ul
	{
		display: none;
	}
}

@media (max-width: 900px)
{
  #page
  {
    width: 87%;
  }
  #primary
  {
    width: 100%;
    margin-right: 0;
  }
  #secondary
  {
    width: 100%;
    margin-left: 0;
  }
  .expound-full-width #primary
  {
    width: 100%	;
  }
  .featured-content .has-post-thumbnail .entry-thumbnail
  {
    width: 220px;
  }
  .featured-content .has-post-thumbnail .entry-thumbnail a
  {
    margin-right: 0;
  }
  .featured-content .has-post-thumbnail .entry-header,
  .featured-content .has-post-thumbnail .entry-summary
  {
    margin-left: 240px;
    padding-left: 0;
  }
  .site-content article
  {
    padding-right: 40px;
  }
  .widget-area .widget
  {
    margin-left: 40px;
  }
  .comments-area
  {
    padding-right: 40px;
  }
  #disqus_thread
  {
    margin-right: 40px;
  }
}

@media (max-width: 700px)
{
  .featured-content .has-post-thumbnail .entry-thumbnail,
  .featured-content-secondary .has-post-thumbnail .entry-thumbnail,
  .has-post-thumbnail .entry-thumbnail
  {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }
  
  .featured-content .has-post-thumbnail .entry-header,
  .featured-content .has-post-thumbnail .entry-summary,
  .featured-content-secondary .has-post-thumbnail .entry-header,
  .featured-content-secondary .has-post-thumbnail .entry-summary,
  .blog .site-content .has-post-thumbnail .entry-header,
  .blog .site-content .has-post-thumbnail .entry-summary,
  .blog .site-content .has-post-thumbnail .entry-meta,
  .archive .site-content .has-post-thumbnail .entry-header,
  .archive .site-content .has-post-thumbnail .entry-summary,
  .archive .site-content .has-post-thumbnail .entry-meta,
  .search .site-content .has-post-thumbnail .entry-header,
  .search .site-content .has-post-thumbnail .entry-summary,
  .search .site-content .has-post-thumbnail .entry-meta
  {
    margin-left: 0;
    clear: both;
  }
  .single .site-content .entry-title,
  .site-content .entry-content h1,
  .site-content .comment-content h1
  {
    font-size: 28px;
    line-height: 38px;
  }
  .single .site-content .related-content
  {
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .single .site-content .related-content .related-content-title
  {
    margin-left: 0;
  }
  .single .site-content .related-content article
  {
    width: 100%;
    padding: 20px 0 0 0;
    margin: 0;
  }
  .single .site-content .has-post-thumbnail .entry-thumbnail
  {
    width: 50px;
    margin-bottom: 0;
  }
}
@media (max-width: 600px) {
    .site-title-group {
        float: none;
        text-align: center;
        width: 100%
    }
	
    .site-texte-group {
        width: 100%
    }
	
    #page {
        width: 85%
    }
}

.dispnone {
    display: none;
}