/*
 Theme Name:   Atlas Belon 2021
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Atlas du Bélon
 Author:       Lunaweb
 Author URI:   http://www.lunaweb.fr
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v3
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  atlasbelon
*/

/* Reduce header margins */
/*#masthead{
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}*/
.site-header {
    padding-top: calc(0.25 * var(--global--spacing-vertical));
    padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px){
    .site-header {
        padding-bottom: 0;
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

}

/* Resize title */

:root{
    	/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2rem;
	--global--font-size-xxl: 2.3rem;
	--global--font-size-xxxl: 2.6rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;
    --branding--logo--max-width: 130px;
    --branding--logo--max-height: 130px;
    --form--border-width: 1px;
}

@media only screen and (min-width: 652px) {

	:root {
        --global--font-size-xl: 2.5rem;
        --global--font-size-xxl: 3rem;
        --global--font-size-xxxl: 4rem;
        --heading--font-size-h3: 1.7rem;
        --heading--font-size-h2: 2rem;
	}
}

@media only screen and (min-width: 822px){
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1010px);
        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
    }
}
:root .front-page{
    --global--font-size-page-title: var(--global--font-size-xxl);
}

/* Remove header on all pages */
#primary article.page .entry-header {
    display: none;
}
#main{
    padding-top: 0;
    padding-bottom: 0;
}

/* Mastheader container */
#mastheader-container{
    background: var(--global--color-background);;
    z-index: 4000000000 !important;
}

/* Center site name in navigation */
.primary-menu-container{
    text-align: center;
}
#site-name{
    margin-top: 10px;;
    font-weight: bold;
    font-size: 120%;
    text-align: right;
    margin: 0;
    font-family: var(--heading--font-family);
    padding-right: var(--primary-nav--padding);
}
#site-name a{
    font-family: var(--heading--font-family);
}
#site-name a:hover{
    text-decoration: none;
}


/* Archive description */
.archive-description{
    font-size: inherit;
}

/* Espacer les traductions en breton dans la nav principale */
.primary-navigation a{
line-height: 1.5;
}

.wp-block-latest-posts .wp-block-group{
    /*padding: 30px;*/
}
.wp-block-latest-posts .wp-block-post-title{
    font-size: 21px;
    padding: 10px;
    margin: 0;
    min-height: 75px;

}
.wp-block-latest-posts .wp-block-group .wp-block-group__inner-container{
    background: white;
    border: 1px solid #000;
}
.wp-block-latest-posts .wp-block-group .wp-block-group__inner-container a{
}
.wp-block-latest-posts .wp-block-post-featured-image{
    margin-bottom: 10px;padding-bottom: 0;
}
.wp-block-latest-posts .wp-block-post-excerpt__excerpt{
    padding: 10px;
}

.block-news li{
    background: white;
    border: 1px solid #000;
}
.block-news > li > a{
    padding: 10px;
    font-size: 105% !important;
}

/* Main menu for breton */
.breton{
    color: #666;
    font-style: italic;
    font-weight: normal;
}

#primary-menu-list a:hover .breton{
    text-decoration-color: #666;
}

#primary-menu-list .breton{
    font-size: 16px;
}

#primary-menu-list a{
    text-align: right;
    line-height: normal;

}

/* Archive in grid/columns */
.archive .site-main {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	width: 100%;
}
@media (min-width: 482px) {
	.archive .site-main {
        padding: 0 1rem;
    }
}

.archive .site-main .page-header {
	width: 100%;
    max-width: none;
}
.archive .site-main article {
	padding: 1rem;
	margin: 0;
	width: 100%;

}
@media (min-width: 482px) {
	.archive .site-main article {
        width: 33%;
    }
}
.archive .site-main article .entry-header {
	width: 100%;
	margin: 0;
    background: white;
    border: 1px solid black;
}
.archive .site-main article .wp-block-post-excerpt {
    display: none;

}
.archive .site-main article .entry-header .entry-title {

	font-size: 21px;
	width: 100%;
    margin: 0;
    padding: 10px;
    min-height: 75px;
}
.archive .site-main article .entry-content, .archive .site-main article .entry-footer{
    display: none;
}
.archive .site-main article .post-thumbnail{
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
    margin-top: 0;
}
.archive .site-main article .post-thumbnail img{
    height: 100% !important;
    width: 100%;
    margin-top: 0;
    object-fit: cover;
}

.archive .infinite-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
}

@media only screen and (max-width: 481px){
    .primary-navigation > .primary-menu-container{
        z-index: 600000000000;
    }
}