/*  Theme Name:   Generatepress Child
Description:  Personnalisation por mesconcerts.fr
Author:       Elisa  
Template:     generatepress  
Version:      0.1.0 */

/* GENERAL  */
body{
	font-family : "Roboto Condensed", sans-serif;
}
a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-decoration: underline;
    color: inherit;
	text-underline-offset: 3px;
}
.site-content .entry-content p{
	color : var(--contrast-2);
}
button, html input[type="button"],
 input[type="reset"],
 input[type="submit"],
 a.button,
 a.wp-block-button__link:not(.has-background) {
    color: var(--contrast-2);
    background-color: var(--base-2);
    border-radius: 40px;
}
button:hover, 
html input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
a.button:hover, button:focus, 
html input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus, 
a.button:focus, 
a.wp-block-button__link:not(.has-background):active, 
a.wp-block-button__link:not(.has-background):focus, 
a.wp-block-button__link:not(.has-background):hover {
    color: var(--contrast-2);
    background-color: var(--accent);
}
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="tel"], 
input[type="number"], 
textarea, 
select{
	background-color: #f2f2f2;
}
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="tel"]:focus, 
input[type="number"]:focus, 
textarea:focus, 
select:focus{
	background-color: #f2f2f2;
}
.wp-singular.separate-containers .inside-article {
    background-color: var(--base-2);
}
.travelersmap-container .textual-popup a.tooltip-link .title {
    font: 25px "Roboto Condensed", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
/* ENTETE */
.site-header {
    background-color: var(--base);
}
.main-title a{
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-size: 30px;
}
.main-navigation, 
.main-navigation ul ul {
    background-color: var(--base);
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.main-navigation .main-nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 60px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.wp-block-search__button{
	margin: 0px;
}
.wp-block-search__button.has-icon{
	padding :11px;
}
.wp-block-search input[type="search"]{
	background: #fff;
	border : 0px; 
}
.wp-block-search__input{
	min-width: 2rem;
}
/* FOOTER */
.site-info {
    background-color: var(--base);
}
/* STRUCTURE LISTE */
.archive .site-main,
.blog  .site-main,
.search-results  .site-main {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
}
.blog .liste-article,
.archive .liste-article, 
.search-results .liste-article {
    display: flex;
    flex-wrap: wrap;
	gap: 25px;
	margin : 25px;
}
.blog article,
.archive article, 
.search-results article, 
 .wp-singular .liste-concerts-single article {
    width: calc(25% - 20px);
    background:  var(--base-3);
    border-radius: 20px;
    display: block;
}
.archive .page-header{
	display : none;
}
.blog .paging-navigation,
.archive .paging-navigation,
.search-results .paging-navigation{
	flex : 0 0 100%;
	background-color: transparent;
    padding: 0px;
}
.paging-navigation .nav-links>*{
	color: var(--contrast-2);
}
.liste-article{
     width: calc(66% - 20px);	
}

/* Carte */
.carte {
	width: calc(33% - 20px);
	position: sticky;
    top: 0;
	margin : 25px 0px;
}
.marker-cluster-small {
	background-color: rgba(177 215 192, 0.4) !important;
	}
.marker-cluster-small div {
	background-color: rgb(177 215 192)!important;
	}

.marker-cluster-medium {
	background-color: rgba(255 205 51, 0.4)!important;
	}
.marker-cluster-medium div {
	background-color: rgba(255 205 51, 0.4)!important;
	}

.marker-cluster-large {
	background-color: rgba(255 79 0, 0.4)!important;
	}
.marker-cluster-large div {
	background-color: rgba(255 79 0, 0.4)!important;
	}


/* Page équipe */
.post-type-archive-equipe  .liste-article {
    width: calc(100% - 20px);
	justify-content: center;
}
.post-type-archive-equipe .liste-article article {
	width: 250px;
}

/* VIGNETTE LISTE */
.separate-containers .inside-article {
    padding: 0px 0  10px;
    border-radius: 20px;
    overflow: hidden;
}
.one-container .site-main>:last-child, 
.separate-containers .site-main>:last-child {
    margin-bottom: 20px;
}
.vignette .titre h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
	margin: 0 20px 0px;
	color: var(--contrast-3);
}
.date-concert {
    margin :  0 20px 5px;
}
.date-concert span{
	color: var(--contrast-3);	
}
a.lieu-concert-vignette {
    margin: 30px 20px 20px;
    display: flex;
    gap: 10px;
    align-items: center;
	color: var(--contrast-3);
}
.vignette .infos-concert .miniature-lieu {
    border-radius: 50%;
    max-width: 40px;
    max-height: 40px;
    overflow: hidden;
}
.vignette a.img-vedette {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}
.vignette a.img-vedette img {
    transition: all 0.5s ease-in-out;
	display: block;
	aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
}
.vignette a.img-vedette:hover img {
    transform: scale(1.05);
}
.lieu-concert-vignette span {
    line-height: normal;
}
/* PAGE CONCERT */
.wp-singular .inside-article {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
	overflow :visible;
    margin: 25px;
}
.wp-singular .infos-gauche {
	width: calc(33% - 20px);
	position: sticky;
    top: 45px;
	margin : 25px 0px;
}
.wp-singular .entry-content {
	width: calc(66% - 20px);
	margin : 25px;
}
.wp-singular .lieu-concert, 
.wp-singular .equipe-concert, 
.wp-singular .notation-concert {
    background:  var(--base-3);
    border-radius: 20px;
    padding: 25px;
    margin: 0 0 25px;
}
.wp-singular  .is-layout-grid figure {
    background: #000;
    display: flex;
    border-radius: 3px;
}
.wp-singular  .wp-block-image img,
.wp-singular  .wp-block-video video{
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    margin: auto;
    align-items: center;
    vertical-align: middle;
}
.wp-singular  h1 {
    font-weight: 700;
    margin: 0 0 5px;
	color : var(--contrast-2);
}
.wp-singular h2 {
    font-size: 24px;
	margin: 0 0 25px;
	color : var(--contrast-2);
}
ul.personnes {
    padding: 0px;
    margin: 0px;
}
ul.personnes li {
    list-style: none;
    display: inline-block;
}
ul.personnes li a {
    text-align: center;
    margin: 0 15px 15px;
    display: block;
}
ul.personnes li a {
    text-align: center;
    margin: 0 5px 15px;
    display: block;
    color: var(--contrast-3);
}
ul.personnes li img {
    max-width: 75px;
    max-height: 75px;
    display: block;
    margin: 10px;
    transition: all 0.5s ease-in-out;
	display: block;
	aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
}
ul.personnes li a:hover  img {
    transform: scale(1.05);
}
.notation-concert span {
    background: var(--contrast-3);
	color : var(--base-3);
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
    margin: 5px 10px 5px 0;
}
footer.entry-meta {
    display: none;
}
.lieu-concert a {
    display: flex;
    gap: 25px;
    align-items: center;
    color: var(--contrast-3);
	font-size : 25px;
}
.lieu-concert img {
    width: 75px;
}
.infos-gauche h3 {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px;
    color: var(--contrast-3);
}
/* Page festival   */
.wp-singular .date-festival {
    font-size: 25px;
    color: var(--contrast-3);
    font-weight: 600;
    letter-spacing: 0.5px;
    background: var(--base-3);
    padding: 25px;
    margin: 25px 0;
    border-radius: 20px;
}
.wp-singular .liste-concerts-single{
	display: flex;
    gap: 20px;
    align-items: flex-start;
    /* justify-content: space-between; */
	overflow :visible;
	flex-wrap: wrap;
}
.liste-concerts-single h3.titre-concert-vus {
    color: var(--contrast-2);
    font-weight: 700;
	flex : 0 0 100%;
}
.wp-singular .liste-concerts-single .inside-article {
    background-color: var(--base-3);
    overflow: hidden;
	margin: 0px;
	display: block;
}
.wp-singular .liste-concerts-single .vignette .titre h2 {
    margin: 20px 20px 20px;
}
.wp-singular .contenu {
    margin-bottom: 50px;
}
/* Commentaires */
.comments-area {
    margin: 100px 25px 25px;
	border-radius : 20px;
}
/* Page personne */
.wp-singular article header {
    display: flex;
    gap: 25px;
    margin: 0 0 10px;
    align-items: center;
}
.wp-singular article header .photo-personne{
	max-width: 75px;
}
.wp-singular.equipe-template-default .inside-article {
    margin: 0;
}
.wp-singular.equipe-template-default .infos-gauche{
    top: 0;
}
.wp-singular.equipe-template-default .liste-concerts-single .vignette .titre h2 {
    margin: 15px 20px 0;
}
nav.pagination {
    margin-top: 25px;
}

nav.pagination a {
    color: var(--contrast-2);
	padding: 0 5px;
}
nav.pagination a:first-child {
    padding-left: 0;
}
nav.pagination a.active {
    font-weight : 700;
}
/* Page recherche  */
.search header.page-header {
    background-color: var(--base-2);
    color: var(--contrast-2);
    flex: 0 0 100%;
    margin: 0px;
    padding : 0px;
}
/* Responsive */
@media screen and (max-width: 1690px) {
	.blog article,
	.archive article, 
	.search-results article, 
	.wp-singular .liste-concerts-single article{
		width: calc(33% - 20px);
	}
}
@media screen and (max-width: 1277px) {
	.blog article,
	.archive article, 
	.search-results article, 
	.wp-singular .liste-concerts-single article	{
		width: calc(50% - 20px);
	}
	.wp-block-search__input {
		width: 10rem;
	}
	.main-navigation .main-nav ul li a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 15px;
	}
}
@media screen and (max-width: 1024px) {
	.wp-singular .inside-article {
		flex-direction: column;
	}

	.wp-singular .entry-content {
		width: calc(100% - 20px);
		margin: 0 auto;
	}
	.wp-singular .infos-gauche {
		width: calc(100% - 20px);
		position: relative;
		top: auto;
		margin: 0px;
		display: flex;
		gap: 20px;
		flex-wrap : wrap;
		justify-content: space-between;
	}
	.wp-singular .infos-gauche h1,
	.wp-singular .infos-gauche h2 {
		width: 100%;
		flex: 0 0 100%;
	}
	.wp-singular .infos-gauche > div {
        width: calc(33.333% - 14px);
    }
	.festival-template-default .infos-gauche img{
		 width: calc(33.333% - 14px);
	}
	.wp-singular .infos-gauche > .titre-festival {
        width: calc(66.666% - 14px);
    }
	.wp-singular .liste-concerts-single{
		justify-content: space-between;
	}
}
@media screen and (max-width: 960px) {
	.blog article,
	.archive article, 
	.search-results article, 
	.wp-singular .liste-concerts-single article	{
		width: calc(50% - 20px);
	}
	.archive .site-main, 
	.search-results .site-main, 
	.blog .site-main {
		flex-direction: column;
		align-items: center;
	}
	.carte .travelersmap-container ,
	.carte-equipe .travelersmap-container {
		height: 400px !important;
	}
	.carte,
	.carte-equipe {
		width: calc(100% - 25px);
		position: relative;
		top: auto;
		margin : 0px;
	}
	.liste-article {
		width: calc(100% - 20px);
	}
	.liste-article {
        width: calc(100% - 20px);
        justify-content: center;
    }
	.vignette .lieu-concert span{
		font-size : 13px;
	}
	.wp-singular .infos-gauche > div {
		width: 100%;
	}
	.wp-singular .infos-gauche {
		flex-direction: column;
        gap: 0;
        width: 100%;
	}
	.wp-singular .lieu-concert,
	.wp-singular .equipe-concert,
	.wp-singular .notation-concert {
		padding: 20px;
		margin: 0 0 10px;
	}
	.festival-template-default .infos-gauche img{
		 width: calc(100% - 14px);
	}
	.wp-singular .infos-gauche > .titre-festival {
        width: calc(100% - 14px);
    }
	.equipe-template-default .carte-equipe {
       padding : 20px 12px;
    }
	.inside-header{
		padding : 20px;
	}
	.wp-block-search__input {
		width: 8rem;
	}
	.main-title a{
		font-size: 22px;
	}
	.nav-float-right .header-widget {
		margin-left: 10px;
	}
	.main-navigation .main-nav ul li a {
        padding-left: 6px;
        padding-right: 6px;
	}
	input[type=search]{
		padding: 10px 5px;
		width: 5rem;
	}
	.post-type-archive-equipe .liste-article article {
        width: calc(50% - 20px);
    }
}
@media (max-width: 768px) {
	.main-navigation .main-nav ul li a{
		line-height : 33px;
	}
	.menu-toggle{
		line-height : 33px;		
	}  
	.nav-float-right .header-widget {
        margin: 15px 0 0 0;
        padding: 0px 0 0 0;
    }
}