/*!
Theme Name: Bourg-Argental
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bourg-argental
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Bourg-Argental is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
    width: 100%;
    overflow-x: hidden;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: inline-block;
    width: 100%;
}
@media screen and (max-height: 650px) and (max-width: 900px) {
    main {
        overflow-x: hidden;
    }
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: 'DM Sans', sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
    font-family: 'DM Sans', sans-serif;
	font-size: 15.5px;
	line-height: 25px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin:10px 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
.page .entry-content a {
    text-decoration: none;
    color: #404040;
    border-bottom: 2px solid #545454;
    transition: all 1s. ease;
    opacity: 1
}
.page .entry-content a:hover{
    opacity: 0.7
}
a{
    transition: all 1s ease;
    opacity: 1
}
a:hover{
    opacity: 0.7
}
a:hover,
a:focus,
a:active {
    outline: 0;
}


/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site, .site-header{
    overflow-x: hidden
}
.site-header{
    padding: 20px;
    position: absolute;
    z-index: 10;
    width: 100%;
    overflow-x: hidden;
    height: 100vh;
    max-height: 500px;
}
@media screen and (max-width: 530px) {
    .site-header{
         overflow-x: hidden;
    }
}
.site-header:after{
    content: '';
    background-color: rgba(26,42,91,0.75);
    width: 150%;
    position: absolute;
    left: -50px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    z-index: -1;
}
@media screen and (min-width: 530px) {
    .site-header:after{
         height: 230px;
        top: -100px;
    }
}
@media screen and (max-width: 530px) {
    .site-header:after{
         height: 370px;
         top: -155px;
    }
    .site-header{
        padding-bottom: 100px !important;
    }
}
.content-header{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
@media screen and (min-width: 530px) {
    .site-header .site-branding{
        float: left;
        margin-right: 20px;
        z-index: 100;
        position: relative;
    }
    .site-header .site-branding .logo{
        margin-top: -25px;
    }
}
@media screen and (max-width: 530px) {
    .site-header .site-branding{
        width: 100%;
        float: none;
        display: flex;
        justify-content: left; 
        z-index: 100;
        position: relative;
        height: 110px;
    }
    .site-header .site-branding .logo{
        margin-top: -5px;
    }
    .site-header .site-branding .logo{
        transform: scale(0.7);
        transform-origin: top left;
    }
}
.site-header .site-branding .logo{
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    display: block;
    width: 260px;
    height: 165px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* ----------------------- Navigation ---------------------- */
.main-navigation {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    width: auto;
    margin-top: 20px;
    z-index: 100;
}
@media screen and (min-width: 1100px) {
    .main-navigation {
        justify-content: space-between;
        position: relative;
    }
}
@media screen and (min-width: 530px) and (max-width: 1100px) {
    .main-navigation {
        justify-content:flex-end;
    }
}
@media screen and (max-width: 530px)  {
    .main-navigation {
        justify-content: flex-end;
    }
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation ul ul {
	margin-left: 30px;
}
.main-navigation ul ul ul {
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul li:hover > ul{
	left: 0;
}
.main-navigation li {
	position: relative;
}
.main-navigation a {
	text-decoration: none;
}
.menu-toggle{
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: 1s all ease;
}
.menu-toggle:hover{
    opacity: 0.7
}
.menu-toggle svg{
    width: 50px;
    height: auto;
    fill: #FFFFFF;
}
.menu-toggle,.main-navigation.toggled ul,.main-navigation.action-toggled ul  {
	display: block;
    margin-top: -10px;
    margin-right: 20px;
}
@media screen and (min-width: 1100px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: flex;
	}
    .closebtn{
        display: none;
    }
}
@media screen and (max-width: 1100px) {
    .main-navigation.toggled div.menu,
    .main-navigation.action-toggled div.menu{
        display: block;
        position: fixed;
        width: 100%;
        height: 220vh;
        background-color: rgba(26,42,91,1);
        top: 0;
        left: 0;
        overflow: hidden;
        padding: 90px 40px;
        z-index: 1000000;
    }
    .main-navigation.toggled ul.menu,
    .main-navigation.action-toggled ul.menu{
        width: 100%;
    }
    .main-navigation ul.primary-menu{
        height: calc(100vh - 125px);
        overflow-y: scroll;
    }
    .main-navigation li{
        display: inline-block;
        width: 100%;
        margin: 20px 0;
    }
    .main-navigation li li{
        margin: 0 !important;
    }
}
.closebtn,
.closebtn{
    display: none;
}
.noscroll .closebtn,
.search-open .closebtn2{
    display: block;
    position: fixed;
    top: 30px;
    right: 30px;
    color: #FFF;
    font-size: 50px;
    z-index: 15000000;
    cursor: pointer;
    transition: 1s all ease;
    text-decoration: none !important;
}
.noscroll .closebtn:hover,
.search-open .closebtn2:hover{
    opacity: 0.7;
}
    

.main-navigation .partie1,
.main-navigation .partie2,
.main-navigation .partie3,
.main-navigation .partie4{
    font-size: 17px;
    font-weight: 600;
    color: #FFF;
    position: relative;
    padding: 20px 30px 0 0;
    cursor: pointer;
    opacity: 1;
    transition: 1s all ease;
    opacity: 1;
}
.main-navigation .partie1:hover,
.main-navigation .partie2:hover,
.main-navigation .partie3:hover,
.main-navigation .partie4:hover{
    opacity: 0.7;
}
.main-navigation .partie1:before,
.main-navigation .partie2:before,
.main-navigation .partie3:before,
.main-navigation .partie4:before{
    content:'';
    display: block;
    width: 43px;
    height: 4px;
    position: absolute;
    top: 0px;
    letter-spacing: 0.7px;
}
.main-navigation .partie1:before{
    background-color: #fabf27;
}
.main-navigation .partie2:before{
    background-color: #25a44f;
}
.main-navigation .partie3:before{
    background-color: #85a5b8;
}
.main-navigation .partie4:before{
    background-color: #1572b4;
}
.main-navigation .partie1 ul.menu{
    display: none;
    opacity: 0;
}
.main-navigation ul.menu{
        opacity: 0;
        transition: 3s opacity ease, 3s height ease, 1s;
        -webkit-transition: 3s opacity ease, 3s height ease, 1s;
        -moz-transition: 3s opacity ease, 3s height ease, 1s;
        -ms-transition: 3s opacity ease, 3s height ease, 1s;
        height: 0;
        width: 500px;
        margin: 10px 0 0;
        border-left: 1px solid #FFF;
        padding-left: 20px;
        padding-top: 30px;
        padding-bottom: 20px;
        display: none;
    }
@media screen and (min-width: 1100px) {
    .main-navigation ul.menu{
        position: absolute;
    }
}
.main-navigation ul.menu a{
    color: #FFF;
    position: relative;
    padding-left: 7px;
}
.main-navigation ul.menu a:before{
    content: '';
    display: block;
    width: 25px;
    height: 2px;
    margin-right: 5px;
    position: absolute;
    left: -33px;
    top: 7px;
}
.menu-sous-menu-ma-ville-container a:before{
    background-color: #fabf27;
}
.menu-sous-menu-mon-environnement-container a:before{
    background-color: #25a44f;
}
.menu-sous-menu-mon-quotidien-container a:before{
    background-color: #85a5b8;
}
.menu-sous-menu-mes-loisirs-container a:before{
    background-color: #1572b4;
}
.main-navigation ul.menu li li a{
    margin-left: 20px;
    display: inline-block;
}
.main-navigation ul.menu li li a:before{
    background-color: #FFF;
    left: -40px;
    top: 9px;
}
.main-navigation .sub-menu{
    display: block !important;
    margin: 0 !important;
}
@media screen and (min-width: 1100px) {
    .sub-menu1-visible .menu-sous-menu-ma-ville-container,
    .sub-menu2-visible .menu-sous-menu-mon-environnement-container,
    .sub-menu3-visible .menu-sous-menu-mon-quotidien-container,
    .sub-menu4-visible .menu-sous-menu-mes-loisirs-container{
        position: absolute;
        width: 400px;
    }
}
.sub-menu1-visible .menu-sous-menu-ma-ville-container .menu,
.sub-menu2-visible .menu-sous-menu-mon-environnement-container .menu,
.sub-menu3-visible .menu-sous-menu-mon-quotidien-container .menu,
.sub-menu4-visible .menu-sous-menu-mes-loisirs-container .menu{
    display: block;
}
.sub-menu1-visible .partie2,
.sub-menu1-visible .partie3,
.sub-menu1-visible .partie4,
.sub-menu2-visible .partie1,
.sub-menu2-visible .partie3,
.sub-menu2-visible .partie4,
.sub-menu3-visible .partie1,
.sub-menu3-visible .partie2,
.sub-menu3-visible .partie4,
.sub-menu4-visible .partie1,
.sub-menu4-visible .partie2,
.sub-menu4-visible .partie3{
    opacity: 0.2 !important;
}
.sub-menu1-visible .menu-sous-menu-ma-ville-container ul.menu,
.sub-menu2-visible .menu-sous-menu-mon-environnement-container ul.menu,
.sub-menu3-visible .menu-sous-menu-mon-quotidien-container ul.menu,
.sub-menu4-visible .menu-sous-menu-mes-loisirs-container ul.menu {
    opacity: 1 !important;
    height: auto;
    width: 500px;
}
@media screen and (min-width: 1100px) {
    .menu-sous-menu-ma-ville-container:after,
    .menu-sous-menu-mon-environnement-container:after,
    .menu-sous-menu-mon-quotidien-container:after,
    .menu-sous-menu-mes-loisirs-container:after{
        height: 0;
        content: '';
        width: 200vw;
        display: block;
        position: absolute;
        left: -100vw;
        top: -130px;
        z-index: -1;
        background-color: #1a2a5b;
        transform: rotate(-5deg);
        transition: 1s all ease;
    }
    .sub-menu1-visible .menu-sous-menu-ma-ville-container:after{
        height: 490px;
    }
    .sub-menu2-visible .menu-sous-menu-mon-environnement-container:after{
        height: 370px;
    }
    .sub-menu3-visible .menu-sous-menu-mon-quotidien-container:after{
        height: 420px;
    }
    .sub-menu4-visible .menu-sous-menu-mes-loisirs-container:after{
        height: 590px;
    }
}
.logo.monochrome {
    mix-blend-mode: screen;
    -webkit-filter: grayscale(100%));
    filter: grayscale(100%);
}

.btn-search{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    background-color: #fabf27;
    margin-top: -20px;
    border-radius: 50%;
}
.btn-search svg{
    width: 23px;
    height: 23px;
}
.popup-search{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #1a2a5b;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    opacity: 0;
    display: none;
    transition: all .2s ease;
    z-index: 150000;
}
.search-open .popup-search{
    opacity: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.search-form{
    width: 100%;
    padding: 0 40px;
    max-width: 700px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.search-form label{
    width: calc(100% - 100px);
}
.popup-search .search-field{
    background-color: transparent;
    border-top: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #FFF !important;
    color: #FFF !important;
    width: calc(100% - 10px);
    padding: 7px;
}
input.search-submit{
	font-size: 15.5px;
    line-height: 25px;
    padding: 7px 25px !important;
    border: none !important;
    color: #1a2a5b !important;
    background-color: #fabf27;
    cursor: pointer;
}
input[type="search"] {
  -webkit-appearance: none;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.content-footer{
    max-width: 1400px;
    margin: 0px auto;
    padding: 40px 20px;
}
.titre-bleu{
    color: #5088a9;
    font-weight: 500;
}
.content-footer .tel, .content-footer .mail{
    text-decoration: none;
    font-weight: 600;
    color: #404040
}
.content-footer .logos-RS{
    display: flex;
    align-items: end;
}
.content-footer .illiwap,
.content-footer .facebook,
.content-footer .instagram{
    width: 40px;
    height: 40px;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.content-footer .facebook{
    background-color: #1a6794;
    margin-right: 20px;
}
.content-footer .illiwap{
    background-color: #a9c700;
    margin-right: 20px;
}
.content-footer .instagram{
    background-color: #F66757;
}
.content-footer .facebook svg{
    height: 17px;
    width: auto;
}
.content-footer .illiwap svg{
    height: 17px;
    width: auto;
}
.content-footer .instagram svg{
    height: 40px;
    width: auto;
}
@media screen and (min-width: 900px) {
    .content-footer{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    .column-gauche, .column-droite{
        width: 50%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
    }
    .column-droite{
        margin-top: 75px;
        display: block;
    }
}
@media screen and (min-width: 500px) and (max-width: 900px){
    .column-droite{
        text-align: center;
        display: inline-block;
    }
    .column-gauche, .column-droite{
        margin-top: 25px;
        width: 100%;
    }
}
@media screen and (min-width: 500px){
    .column1-2{
        width: 50%;
        float: left;
    }
    .content-footer .column1-2.trait-gauche{
        padding: 0 20px;
        border-left: 1px solid #5088a9;
        margin-top: 75px;
    }
    .content-footer #logo-footer{
        max-width: 200px;
        width: 100%;
        height: auto;
        margin-right: 20px;
        float: right;
    }
}
@media screen and (max-width: 500px) {
    .content-footer .column1-2.trait-gauche{
        padding: 20px 0px;
        border-top: 1px solid #5088a9;
    }
    .content-footer #logo-footer{
        max-width: 200px;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .column-gauche, .column-droite{
        text-align: center;
    }
}
.site-info{
    background-color: #efeff0;
}
.site-info .content-site-info{
    max-width: 1400px;
    margin: 0px auto;
    text-align: center;
    padding: 15px 20px;
}
.heart img{width: 10px;}
@media screen and (max-width: 900px) {
    .site-info .content-site-info{
        padding-bottom: 50px !important;
    }
}
.site-info .content-site-info p{
    margin: 0 !important;
    font-size: 12px;
    line-height: 18px;
}
.site-info .content-site-info p a{
    font-size: 12px;
    color: #404040;
    text-decoration: none;
}

.btn-top{
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 65px;
    height: 65px;
    background-color: #fabf27;
    text-align: center;
    color: #404040;
    font-size: 12px;
    text-decoration: none;
    display: none;
    z-index: 15000;
}
.btn-top.scroll{
    display: block;
}
.btn-top:before{
    content: "";
    width: 100%;
    height: 20px;
    float: none;
    display: block;
    margin-top: 7px;
    background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
    background-repeat: no-repeat;
    background-position: -465px -43px;
}
.btn-menu{
    position: fixed;
    right: 65px;
    bottom: 0px;
    width: 65px;
    height: 65px;
    background-color: #25a44f;
    text-align: center;
    color: #404040;
    font-size: 12px;
    text-decoration: none;
    z-index: 15000;
    padding-top: 20px;
    padding-left: 3px;
    display: none;
    cursor: pointer
}
.btn-menu.scroll{
    display: block;
}
.btn-menu svg{
    width: 47px;
    height: auto;
    fill: #FFFFFF;
    margin-top: -5px;
}
@media screen and (min-width: 1100px) {
    .btn-menu{display: none;}
}


/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
.entete-homepage{
    height: 100vh;
    min-height: 500px;
    position: relative;
}
.entete-homepage .wp-block-columns,
.entete-homepage .uagb-section__inner-wrap{
    height: 100%;
}
.home h1{
    color: #FFF;
    font-size: 40px;
    margin-top: 50px;
    text-shadow: 0 0 8px #000;
}
.home h1 strong{
    font-size: 70px;
    color: #fabf27;
    line-height: 80px;
    text-shadow: 0 0 15px #000;
}
.home .slogan-portes-soleil{
    position: relative;
    color: #fabf27;
    font-size: 22px;
    letter-spacing: 5px;
    text-shadow: 0 0 5px #000;
    padding-top: 45px;
}
.home .slogan-portes-soleil:before{
    position: absolute;
    content:"";
    width: 50px;
    height: 5px;
    background-color: #fabf27;
    top: 0;
    left: 0;
}
.home .entete-homepage::before {
  content: '';
  position: absolute;
  left: -130px;
  bottom: 0px;
  width: 780px;
  height: 350px;
  background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
  background-repeat: no-repeat;
  background-position: 0 -200px;
  transform-origin: left bottom;
}
.home .liens-rapides-homepage{
    background-color: #194b80
}
.home .titre-1-clic{
    color: #5f96d1;
    font-size: 17px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: -7px 0 0;
}
.home .titre-1-clic:before{
    content: '';
    background-color: #25a44f;
    background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
    background-repeat: no-repeat;
    background-position: 24px -151px;
    border-radius: 50%;
    width: 76px;
    height: 76px;
    display: block;
    margin-top: -50px;
    margin-right: 20px;
    float: left;
}
.owl-carousel2{
    position: relative;
}
.owl-carousel .owl-nav,
.owl-carousel2 .owl-nav{
    position: absolute;
    z-index: 50;
}
.owl-carousel .owl-nav{
    top: 20px;
    width: 100%;
}
.owl-carousel2 .owl-nav{
    top: 240px;
    width: calc(100% + 40px);
    left: -20px;
}
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel2 .owl-nav button.owl-next, 
.owl-carousel2 .owl-nav button.owl-prev{
    background-color: #3c71a9;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: none;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel2 .owl-nav button.owl-next{
    right: 0;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel2 .owl-nav button.owl-prev{
    left: 0;
}
.owl-carousel .owl-nav button.owl-next span, 
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel2 .owl-nav button.owl-next span, 
.owl-carousel2 .owl-nav button.owl-prev span{
    color: #FFF;
    font-size: 20px;
    line-height: 20px;
}

.owl-theme .owl-dots{
    display:none;
    text-align:center;
    -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-nav{
    margin-top:10px
}
.owl-theme .owl-nav [class*=owl-]{
    color:#FFF;
    font-size:14px;
    margin:5px;
    padding:4px 7px;
    background:#D6D6D6;
    display:inline-block;
    cursor:pointer;
    border-radius:3px
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background:#869791;
    color:#FFF;
    text-decoration:none
}
.owl-theme .owl-nav .disabled{
    opacity:.5;
    cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:-70px;
    z-index: 150000;
    position: relative;
}
.owl-theme .owl-dots .owl-dot{
    display:inline-block;
    zoom:1;
    position: relative;
}
.owl-theme .owl-dots .owl-dot span{
    width:10px;
    height:10px;
    margin:5px 7px;
    background:#D6D6D6;
    display:block;
    -webkit-backface-visibility:visible;
    transition:opacity .2s ease;
    border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#869791
}
.owl-carousel,.owl-carousel .owl-item{
    -webkit-tap-highlight-color:transparent;
    position:relative
}
.owl-carousel,
.owl-carousel2{
    display:none;
    width:100%;
    z-index:1
}
.owl-carousel .owl-stage,
.owl-carousel2 .owl-stage{
    position:relative;
    -ms-touch-action:pan-Y;
    touch-action:manipulation;
    -moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after,
.owl-carousel2 .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel .owl-stage-outer,
.owl-carousel2 .owl-stage-outer{
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0);
    z-index: 2;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper,
.owl-carousel2 .owl-item,.owl-carousel2 .owl-wrapper{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item,
.owl-carousel2 .owl-item{
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-touch-callout:none
}
.owl-carousel .owl-item img,
.owl-carousel2 .owl-item img{
    display:block;
    width:100%
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled,
.owl-carousel2 .owl-dots.disabled,.owl-carousel2 .owl-nav.disabled{
    display:none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded,
.no-js .owl-carousel2,.owl-carousel2.owl-loaded{
    display:block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev,
.owl-carousel2 .owl-dot,.owl-carousel2 .owl-nav .owl-next,.owl-carousel2 .owl-nav .owl-prev{
    cursor:pointer;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel button.owl-dot,
.owl-carousel2 button.owl-dot{
    background:0 0;
    color:inherit;
    border:none;
    padding:0!important;
    font:inherit
}
.owl-carousel.owl-loading,
.owl-carousel2.owl-loading{
    opacity:0;
    display:block
}
.owl-carousel.owl-hidden,
.owl-carousel2.owl-hidden{
    opacity:0
}
.owl-carousel.owl-refresh .owl-item,
.owl-carousel2.owl-refresh .owl-item{
    visibility:hidden
}
.owl-carousel.owl-drag .owl-item,
.owl-carousel2.owl-drag .owl-item{
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-grab,
.owl-carousel2.owl-grab{
    cursor:move;
    cursor:grab
}
.owl-carousel.owl-rtl,
.owl-carousel2.owl-rtl{
    direction:rtl
}
.owl-carousel.owl-rtl .owl-item,
.owl-carousel2.owl-rtl .owl-item{
    float:right
}
.owl-carousel .animated,
.owl-carousel2 .animated{
    animation-duration:1s;
    animation-fill-mode:both
}
.owl-carousel .owl-animated-in,
.owl-carousel2 .owl-animated-in{
    z-index:0
}
.owl-carousel .owl-animated-out,
.owl-carousel2 .owl-animated-out{
    z-index:1
}
.owl-carousel .fadeOut,
.owl-carousel2 .fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOut{
    0%{opacity:1}
    100%{opacity:0}
}
.owl-height{
    transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy,
.owl-carousel2 .owl-item .owl-lazy{
    opacity:0;
    transition:opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel2 .owl-item .owl-lazy:not([src]),.owl-carousel2 .owl-item .owl-lazy[src^=""]{
    max-height:0
}
.owl-carousel .owl-item img.owl-lazy,
.owl-carousel2 .owl-item img.owl-lazy{
    transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper,
.owl-carousel2 .owl-video-wrapper{
    position:relative;
    height:100%;
    background:#000
}
.owl-carousel .owl-video-play-icon,
.owl-carousel2 .owl-video-play-icon{
    position:absolute;
    height:80px;
    width:80px;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    background:url(owl.video.play.png) no-repeat;
    cursor:pointer;
    z-index:1;
    -webkit-backface-visibility:hidden;
    transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover,
.owl-carousel2 .owl-video-play-icon:hover{
    -ms-transform:scale(1.3,1.3);
    transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel2 .owl-video-playing .owl-video-play-icon,.owl-carousel2 .owl-video-playing .owl-video-tn{
    display:none
}
.owl-carousel .owl-video-tn,
.owl-carousel2 .owl-video-tn{
    opacity:0;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:opacity .4s ease
}
.owl-carousel .owl-video-frame,
.owl-carousel2 .owl-video-frame{
    position:relative;
    z-index:1;
    height:100%;
    width:100%
}
.home .owl-item a, .home .owl-item p{
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
    border: none !important;
}

.home .section-a-la-une{
    background-color: #c0d2dd;
    margin-bottom: 70px;
}
.home .section-a-la-une h2{
    color: #194b80;
    margin: -35px 0 0 !important; 
}
@media screen and (min-width: 900px) {
    .home .section-a-la-une h2{
        font-size: 100px;
        line-height: 100px;
    }
}
@media screen and (max-width: 900px) {
    .home .section-a-la-une h2{
        font-size: 80px;
        line-height: 80px;
    }
}
.home .section-a-la-une .uagb-section__inner-wrap{
    margin-bottom: -60px;
}
.home .section-a-la-une .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child){
    margin: 0 0 -10px!important;
}
.home .section-a-la-une .wp-block-columns{
    margin: 0 !important;
}
.home .section-a-la-une .uagb-infobox__content-wrap{
    padding: 35px;
    min-height: 350px;
    position: relative;
}
.home .section-a-la-une .uagb-ifb-title-prefix{
    font-weight: 500;
}
.home .section-a-la-une .uagb-ifb-title{
    font-size: 25px;
    font-weight: 500;
    line-height: 33px;
}
.home .section-a-la-une .uagb-ifb-separator-parent{
    display: none;
}
.home .section-a-la-une .uagb-infobox-cta-link{
    position: absolute;
    right: 35px;
    bottom: 35px;
    border: none !important;
}
.home .tribe-events-widget-events-list__header-title {
    font-weight: 600;
    font-size: 40px;
    margin: 0px 0 60px;
    position: relative;
    padding-top: 80px;
    padding-left: 30px;
    max-width: 400px;
    line-height: 45px;
    color: #25a44f;
}
.home .tribe-events-widget-events-list__header-title::before {
    content: '';
    display: block;
    width: 14px;
    height: 120px;
    position: absolute;
    top: 50px;
    left: 0;
    background-color: #fabf27;
}
.tribe-events-calendar-list__event-datetime-recurring-icon,
a.tribe-events-calendar-list__event-datetime-recurring-link,
.tribe-events-widget-events-list__event-datetime-recurring-icon,
.event-is-recurring,
.recurringinfo{
    display: none !important
}

@media screen and (min-width: 900px) {
    .home .toute-actualite{
        margin-top: 180px;
    }
}
@media screen and (max-width: 900px) {
    .home .toute-actualite{
        margin-top: 50px;
    }
}
.home .toute-actualite .titre-toute-actualite{
    font-weight: 600;
    font-size: 25px;
    color: #1a6794;
    line-height: 30px;
    position: relative;
}
.home .toute-actualite .titre-toute-actualite:before{
    content: '';
    display: block;
    width: 105px;
    height: 100px;
    background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
    background-repeat: no-repeat;
    background-position: -300px -45px;
}
.home .tribe-events-widget-events-list__events{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
@media screen and (min-width: 900px) {
    .home .tribe-events-widget-events-list__event-row{
        width: 33.33% !important;
        display: block !important;
        padding-right: 35px;
        margin-bottom: 60px !important
    }
}
@media screen and (max-width: 900px) {
    .home .tribe-events-widget-events-list__event-row{
        width: 50% !important;
        display: block !important;
        margin-bottom: 60px !important
    }
    .home .tribe-events-widget-events-list__event-row:nth-child(even){
        padding-left: 15px;
    }
    .home .tribe-events-widget-events-list__event-row:nth-child(odd){
        padding-right: 15px;
    }
}
.home .tribe-events-widget-events-list__event-title-link{
    border: none !important;
    font-size: 18px !important;
}
.home .tribe-events-widget-events-list__events .tribe-events-widget-events-list__event-date-datetime{
    color: #1a6794;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 25px;
}
.home .tribe-events-widget-events-list__events .evenement{
    background-color: #1a6794;
    display: inline;
    padding: 2px 15px;
    color: #FFF;
    letter-spacing: 2px;
    font-weight: 600;
}
.home .tribe-events-widget-events-list__events .tribe-events-widget-events-list__event-title {
    margin: 15px 0;
}
.home .tribe-events-widget-events-list__event-organizer-label{
    display: none;
}
.home .tribe-events-widget-events-list__event-organizer-title-link{
    margin-left: 25px;
    border: none !important;
    display: inline-block;
}
.home .tribe-events-widget-events-list__events .tribe-events-widget-events-list__event-datetime-wrapper {
    position: relative;
    padding-left: 25px !important;
}
.home .tribe-events-widget-events-list__events .tribe-events-widget-events-list__event-datetime-wrapper:before{
    content: '';
    position: absolute;
    left: 0px;
    margin-right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    background-repeat: no-repeat;
    top: 0px;
    background-position: -412px -18px;
    background-color: #FFF;
}
.home .tribe-events-widget-events-list__view-more{
    display: none;
}
.home .toute-actualite .btn-agenda a,
.home .toute-actualite .btn-facebook a,
.home .toute-actualite .btn-illiwap a{
    border: none !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 16px;
    position: relative;
    padding-left: 45px;
    margin: 10px 0;
}
.home .toute-actualite .btn-agenda a:before,
.home .toute-actualite .btn-facebook a:before,
.home .toute-actualite .btn-illiwap a:before{
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 7px;
}
.home .toute-actualite .btn-agenda a:before{
    background-position: -412px -49px
}
.home .toute-actualite .btn-facebook a:before{
    background-position: -412px -85px;
}
.home .toute-actualite .btn-illiwap a:before{
    background-position: -412px -122px
}
.home .presentation-ville{
    position: relative;
    padding-top: 100px;
    display: inline-block;
}
.home .presentation-ville:after{
    position: absolute;
    top: 0;
    right: 0px;
    display: block;
    width: 405px;
    height: 220px;
    background-repeat: no-repeat;
    background-position: -750px 0px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    content: '';
}
.home .presentation-ville:before{
    content: '';
    background-color: #FFF;
    width: 150%;
    height: 150px;
    position: absolute;
    top: -100px;
    left: -50px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    z-index: 1;
}
.home .presentation-ville .titre-presentation{
    font-weight: 600;
    font-size: 40px;
    margin: 0px 0 30px;
    position: relative;
    padding-top: 80px;
    padding-left: 30px;
    max-width: 400px;
    line-height: 45px;
    color: #fbc73b;
}
.home .presentation-ville .titre-presentation::before {
    content: '';
    display: block;
    width: 14px;
    height: 120px;
    position: absolute;
    top: 50px;
    left: 0;
    background-color: #25a44f;
}
.home .presentation-ville p{
    font-size: 17px;
    line-height: 30px;
    color: #FFF;
}
.home .pave-photos{
    margin-bottom: -80px;
}
.home .pave-photos .uagb-column__wrap{
    padding: 0 !important;
}
.home .pave-photos .uagb-column__inner-wrap{
    padding: 2px !important;
}
.home .pave-photos .uagb-columns__wrap{
    padding: 0 !important;
}
.home .pave-photos img{width: 100% !important;}
@media screen and (max-width: 900px) {
    .home .pave-photos .wp-block-uagb-column.col50mobile{
        width: 50% !important;
        float: left;
    }
}
.home .venir-bourgargental{
    padding-top: 100px !important;
    position: relative;
}
.home .venir-bourgargental:after{
    position: absolute;
    bottom: 0;
    left: -50px;
    display: block;
    width: 800px;
    height: 400px;
    background-repeat: no-repeat;
    background-position: 0 -200px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    content: '';
}
.home .venir-bourgargental .titre-venir{
    font-weight: 600;
    font-size: 40px;
    color: #FFF;
    line-height: 40px;
}
.home .wp-container-62051368b43ae{
    display: inline-block;
}
.home .venir-bourgargental .tag-territoire{
    color: #FFF;
    background-color: #1689c6;
    display: block;
    float: right;
    padding: 2px 20px;
    border-radius: 20px;
    width: auto;
    margin-left: 100px;
}
.home #wpc-weather-id-1491{
    background-color: #FFF;
    display: block;
    max-width: 350px;
    float: right;
    margin-top: -180px;
    width: 100%;
    height: 220px;
    padding: 10px 40px !important;
}
.home #wpc-weather-id-1491 .location_name{
    text-align: left;
    font-size: 19px !important;
    color: #2b3c8a;
    font-weight: 600;
    position: relative;
    padding-top: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.home #wpc-weather-id-1491 .location_name::before {
    content: '';
    display: block;
    width: 45px;
    height: 4px;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #fac027;
}
.home #wpc-weather-id-1491 .time_symbol{
    text-align: left !important;
    width: 60%;
    float: left;
    height: 100px;
}
.home #wpc-weather-id-1491 .time_symbol svg{
    fill: #2b3c8a;
}
.home #wpc-weather-id-1491 .time_temperature{
    height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: left;
    align-items: end;
    color: #2b3c8a;
    font-size: 40px!important;
    font-weight: 500;
}
.home #wpc-weather-id-1491 .time_temperature::after{
    line-height: 1;
    font-size: 34px!important;
}
.home #wpc-weather-id-1491 .wind{
    display: none;
}
#wpc-weather .climacon_component-fill {
    -webkit-text-fill-color:#FFF !important;
     fill:#FFF !important;
}
/*--------------------------------------------------------------
# Pages intérieures
--------------------------------------------------------------*/
.bandeau{
    position: relative;
    width: 100%;
    padding-top: 350px;
    padding-bottom: 30px;
    overflow-x: hidden;
}
.bandeau:before{
    content: '';
    position: absolute;
    left: -130px;
    bottom: 0px;
    width: 780px;
    height: 350px;
    background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
    background-repeat: no-repeat;
    background-position: 0 -200px;
    transform: scale(0.8);
    transform-origin: left bottom;
}
.content-bandeau{
    position: relative;
    padding: 20px 20px 20px 65px;
}
.bandeau .content-bandeau,
.content-page{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.content-page .page{
    padding: 0 20px 20px;
}

.bandeau .rubrique{
    font-size: 11px;
    letter-spacing: 4px;
    font-weight: 500;
    padding: 2px 20px;
    transform: rotate(-90deg);
    position: absolute;
    bottom: 90px;
    line-height: 20px;
    height: 25px;
}
.partie-ville .rubrique{
    left: -25px;
}
.partie-environnement .rubrique{
      left: -80px;
      bottom: 145px;
}
.partie-quotidien .rubrique{
    left: -55px;
}
.partie-loisirs .rubrique{
    left: -37px;
}
.partie-standard .rubrique{
    left: -65px;
}
.bandeau h1{
    color: #FFF;
    letter-spacing: -0.7px;
    max-width: 750px;
    margin: 0 0 20px;
}
@media screen and (min-width: 900px) {
    .bandeau h1{
        font-size: 55px;
        line-height: 50px;
    }
}
@media screen and (max-width: 900px) {
    .bandeau h1{
        font-size: 40px;
        line-height: 40px;
    }
}
.bandeau{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.partie-ville .bandeau{
    background-image:url('https://www.bourgargental.fr/img/entete-partie-ville.jpg');
}
.partie-ville .rubrique{
    background-color: #fabf27;
    color: #344996;
}
.partie-environnement .bandeau{
    background-image:url('https://www.bourgargental.fr/img/entete-partie-environnement.jpg');
}
.partie-environnement .rubrique{
    background-color: #25a44f;
    color: #344996;
}
.partie-quotidien .bandeau{
    background-image:url('https://www.bourgargental.fr/img/entete-partie-quotidien.jpg');
}
.partie-quotidien .rubrique{
    background-color: #85a5b8;
    color: #344996;
}
.partie-loisirs .bandeau{
    background-image:url('https://www.bourgargental.fr/img/entete-partie-loisirs.jpg');
}
.partie-loisirs .rubrique{
    background-color: #1572b4;
    color: #FFF;
}
.partie-standard .bandeau{
    background-image:url('https://www.bourgargental.fr/img/entete-partie-generique.jpg');
}
.partie-standard .rubrique{
    background-color: #fabf27;
    color: #344996;
    bottom: 127px;
}
.intro{
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 80px;
    max-width: 600px;
}
.intro.sans-marge{
    margin-top: 20px !important;
}
@media screen and (min-width: 900px) {
    .content-page article{
        width: 75%;
        float: left;
        padding-right: 100px !important;
    }
    .sidebar{
        float: right;
        width: 25%;
        display: inherit;
    }
}
@media screen and (max-width: 900px) {
    .content-page article{
        width: 100%;
    }
    .sidebar{
        width: 100%;
        display: inherit;
    }
}
 
/* ---option sticky sidebar----- */
@media screen and (min-height: 650px) and (min-width: 900px) {
    .content-page{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    .sidebar{
        position: relative;
        display: block !important;
    }
    .bloc-un-clic-sidebar{
        position: sticky!important;
        position: -webkit-sticky;
        display: block !important;
        top: 0;
    }
}


.bloc-un-clic-sidebar{
    position: relative;
    padding: 20px 40px;
    height: auto;
    width: 100%;
    margin-bottom: 80px;
    background-color: #1a6794;
}
.bloc-un-clic-sidebar:after{
    content: '';
    background-color: #1a6794;
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
    z-index: -1;
    
}
@media screen and (max-width: 500px)  {
    .bloc-un-clic-sidebar:after{
        height: 70px;
        bottom: -35px !important;
        transform: skew(0, -7deg);
    }
}
@media screen and (max-width: 500px) and (max-width: 900px) {
    .bloc-un-clic-sidebar:after{
        height: 100px;
        bottom: -35px !important;
        transform: skew(0, -4deg);
    }
}
@media screen and (min-width: 900px) {
    .bloc-un-clic-sidebar:after{
        height: 100px;
        bottom: -35px !important;
        transform: skew(0, -10deg);
    }
}
@media screen and (min-width: 900px)  {
    .bloc-un-clic-sidebar ul:before{
        left: -50px;
    }
    .bloc-un-clic-sidebar .titre::before {
        left: -70px;
    }
    .bloc-un-clic-sidebar .titre {
        padding-left: 40px
    }
}
@media screen and (max-width: 900px)  {
    .bloc-un-clic-sidebar .titre{
        padding-left: 90px;
    }
    .bloc-un-clic-sidebar ul{
        padding-left: 10px !important;
    }
    .bloc-un-clic-sidebar .titre::before {
        left: 0;
    }
}
.bloc-un-clic-sidebar .titre{
    color: #c7dff9;
    margin: 0;
    position: relative;
    padding-top: 15px;
    letter-spacing: 2px;
}

.bloc-un-clic-sidebar ul{
    margin: 40px 0 0px -25px;
    padding: 0;
    list-style: none;
}
.bloc-un-clic-sidebar li{
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
.bloc-un-clic-sidebar li a{
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    position: relative;
}
.bloc-un-clic-sidebar li a:before{
    content:'';
    display: block;
    width: 60px;
    height: 37px;
    float: left;
    margin-right: 10px;
    background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
    background-repeat: no-repeat;
    margin-top: -5px;
}
.bloc-un-clic-sidebar li a.agenda:before{
    background-position: -155px -166px;
}
.bloc-un-clic-sidebar li a.cm:before{
    background-position: -215px -166px;
}
.bloc-un-clic-sidebar li a.passeport:before{
    background-position: -673px -166px;
}
.bloc-un-clic-sidebar li a.demarches:before{
    background-position: -35px -166px;
}
.bloc-un-clic-sidebar li a.magazine:before{
    background-position: -95px -166px;
}
.bloc-un-clic-sidebar li a.regie-eau:before{
    background-position: -513px -166px;
}
.bloc-un-clic-sidebar li a.piscine:before{
    background-position: -335px -166px;
}
.bloc-un-clic-sidebar li a.mediatheque:before{
    background-position: -453px -166px;
}
.bloc-un-clic-sidebar li a.associations:before{
    background-position: -620px -166px;
}
.bloc-un-clic-sidebar li a.camping:before{
    background-position: -275px -166px;
}
.bloc-un-clic-sidebar li a.saison-culturelle:before{
    background-position: -395px -166px;
}
.bloc-un-clic-sidebar li a.plan:before{
    background-position: -752px -225px;
}
.bloc-un-clic-sidebar li a.portail-famille:before{
    background-position: -568px -166px;
}

.bloc-magazine{
    padding: 30px 20px 10px;
    height: 100%;
}
@media screen and (min-width: 600px) and (max-width: 782px){
    .bloc-magazine{
        border-right: 27px solid #FFF;
    }
}
@media screen and (max-width: 600px){
    .bloc-magazine{
        border-bottom: 27px solid #FFF;
    }
    .post-34 .wp-block-columns{
        margin-bottom: 0;
    }
}
.bloc-magazine .wp-block-image img {
    border: 1px solid #c5c5c5;
}
.bloc-magazine .categorie{
    color: #25a44f;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    font-size: 13px;
}
.bloc-magazine .titre-magazine{
    font-size: 19px;
    font-weight: 800;
    margin: 0;
}
.bloc-magazine .titre-magazine strong{
    color: #25a44f
}
.bloc-magazine .info-poids{
    color: #727272;
    font-size: 13px;
    position: relative;
    padding-bottom: 10px;
}
.bloc-magazine .info-poids::after {
    background-color: #c5c5c5;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 40px;
}
.bloc-magazine .btn-telecharger{
    margin: 0;
}
.bloc-magazine .btn-telecharger .wp-block-button__link{
    background-color: transparent;
    color: #404040;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    border-bottom: none;
    padding-left: 0;
}
.bloc-magazine .btn-telecharger .wp-block-button__link::before {
    content: ' ';
    background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
    background-repeat: no-repeat;
    background-position: -275px 0px;
    width: 20px;
    height: 23px;
    display: block;
    float: left;
    margin-right: 10px;
}


.bloc-elus{
    padding: 30px 20px 10px;
    height: 100%;
}
@media screen and (min-width: 600px) and (max-width: 782px){
    .bloc-elus{
        border-right: 27px solid #FFF;
    }
}
@media screen and (max-width: 600px){
    .bloc-elus{
        border-bottom: 27px solid #FFF;
    }
    .post-26 .wp-block-columns{
        margin-bottom: 0;
    }
}
.bloc-elus .nom{
    font-size: 19px;
    font-weight: 800;
    margin: 0;
    font-weight: 600;
}
.bloc-elus .organigramme-title{
    color: #25a44f;
    font-weight: 700;
    margin: 10px 0 0;
    text-transform: uppercase;
    font-size: 13px;
}
.bloc-elus .info{
    color: #727272;
    font-size: 13px;
    position: relative;
    padding-bottom: 10px;
    line-height: 16px;
    margin-top: 0;
}
.formulaire-contact-elus{
    padding: 20px 20px 50px 30px;
    border-left: 1px solid #5f96d1;
    margin-left: 30px;
}
.titre-contacter-elus{
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
.titre-contacter-elus:before{
    content: '';
    background-color: #fabf27;
    background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
    background-repeat: no-repeat;
    background-position: 11px -161px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    margin-left: -55px;
    margin-top: -15px;
    margin-right: 20px;
}
.formulaire-contact-elus input[type=text],
.formulaire-contact-elus input[type=email],
.formulaire-contact-elus input[type=tel],
.formulaire-contact-elus textarea{
    background-color: #f2f2f2;
    border: 0;
    border-radius: 0;
    padding: .85714em .71429em;
    resize: vertical;
    width: 100%;
}
.formulaire-contact-elus input:focus,
.formulaire-contact-elus textarea:focus{
    border: 1px dotted #5f96d1 !important;
    outline:none;
}
.formulaire-contact-elus strong{
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 20px 5px 0;
    text-transform: uppercase;
    float: left;
}
.formulaire-contact-elus .obligatoire{
    color: #ef404a;
    font-size: 12px;
    font-weight: 300;
    text-transform: none;
    padding-top: 10px;
    display: block;
}
.formulaire-contact-elus .menu-66{
    display: inline-block;
    width: 100%;
    position: relative;
}
.formulaire-contact-elus .menu-66:before {
    content: '↑';
    color: #666;
    right: 8px;
    top: 10px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    width: 20px;
    height: 30px;
}
.formulaire-contact-elus .menu-66:after {
    content: '↓';
    color: #666;
    right: 8px;
    bottom: 10px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    width: 20px;
    height: 30px;
}
.formulaire-contact-elus .wpcf7-form-control-wrap select{
    border: none !important;
    width: 100%;
    background-color: #f2f2f2;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.formulaire-contact-elus .wpcf7-form-control-wrap select option{
    padding: 10px;
}
.formulaire-contact-elus .wpcf7-form-control-wrap select option:checked { 
    border:1px solid #1a6794;
}
.formulaire-contact-elus input[type="submit"]{
    float: right;
    background-color: #25a44f;
    padding: 15px 30px;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    transition: 1s all ease;
    opacity: 1
}
.formulaire-contact-elus input[type="submit"]:hover{
    opacity: 0.7
}

.bloc-annee{
    width: 150px;
    height: 150px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    z-index: 20;
    position: relative;
    margin-top: 0px;
}
@media screen and (min-width: 782px){
    .bloc-annee{
        margin-right: -11px;
    }
}

.bloc-annee h2{
    color: #FFF;
}
.bloc-compte-rendu{
    padding: 30px 20px;
}
.bloc-compte-rendu ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.bloc-compte-rendu li{
    padding: 10px 0 10px 80px;
    position: relative;
}
.bloc-compte-rendu li:before{
    background-color: #25a44f;
    content: '';
    height: 2px;
    width: 40px;
    display: block;
    position: absolute;
    left: 20px;
    top: 23px;
}

.bloc-odj{
    padding: 20px;
    max-width: 600px;
}
.bloc-odj ul{
    margin: -10px 0 0;
    padding: 0;
    list-style: none;
}
.bloc-odj ul li{
    padding: 0px 0 0px 30px;
    position: relative;
}
.bloc-odj ul li:before{
    background-color: #25a44f;
    content: '';
    height: 2px;
    width: 20px;
    display: block;
    position: absolute;
    left: 0px;
    top: 13px;
}

.titre-2-niveaux{
    color: #25a44f;
    font-weight: 700;
    margin: 10px 0 20px;
    text-transform: uppercase;
    font-size: 13px;
}
.titre-2-niveaux strong{
    font-size: 28px;
    color: #404040;
    text-transform: none;
}
.bloc-liste-membres-commissions{
    padding: 10px 20px 20px;
    margin-bottom: 0px;
}
.liste-membres-commissions{
    list-style: none;
    margin: 0;
    padding: 0px;
}
.liste-membres-commissions li{
    padding: 0px 0 0px 30px;
    position: relative;
}
.liste-membres-commissions li:before{
    background-color: #25a44f;
    content: '';
    height: 2px;
    width: 20px;
    display: block;
    position: absolute;
    left: 0px;
    top: 13px;
}
.post-28 .wp-block-ub-content-toggle{
    margin: 10px 0 20px 0 !important;
}
.wp-block-ub-content-toggle-accordion-title-wrap,
.wp-block-ub-content-toggle-accordion-content-wrap{
    background-color: #f4f4f4 !important;
}
.wp-block-ub-content-toggle-accordion-content-wrap ul{
    list-style: none;
    margin: 0;
    padding: 0px;
}
.wp-block-ub-content-toggle-accordion-content-wrap li{
    padding: 0px 0 0px 30px;
    position: relative;
}
.wp-block-ub-content-toggle-accordion-content-wrap li:before{
    background-color: #404040;
    content: '';
    height: 1px;
    width: 20px;
    display: block;
    position: absolute;
    left: 0px;
    top: 13px;
}

.bloc-pave-navigation a{
    border: none !important;
    position: relative !important;
    padding-bottom: 60px !important;
}
.bloc-pave-navigation a:after{
    content: 'en savoir plus →';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 20px; 
}
.bloc-pave-navigation, .bloc-pave-navigation .uagb-marketing-btn__wrap, .bloc-pave-navigation a{
    height: 100%;
}
.bloc-pave-navigation{
    padding-left: 3px;
    padding-right: 3px;
}
.bloc-pave-navigation a{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
@media screen and (min-width: 600px) and (max-width: 780px) {
    .wp-block-column:first-child .bloc-pave-navigation {
          border-right: 12px solid #FFF;
          display: inline-block;
    }
    .wp-block-column:last-child .bloc-pave-navigation {
          border-left: 12px solid #FFF;
          display: inline-block;
    }
}
@media screen and (max-width: 600px) {
    .wp-block-column:first-child .bloc-pave-navigation {
          border-bottom: 25px solid #FFF;
          display: inline-block;
    }
}
.bloc-pave-navigation .uagb-marketing-btn__title{
    font-weight: 600;
    font-size: 28px !important;
    color: #1a6794 !important;
    margin: 40px 0 0 !important;
    position: relative;
    padding-left: 30px;
}
.bloc-pave-navigation .uagb-marketing-btn__title:before{
    content: '';
    display: block;
    width: 12px;
    height: 60px;
    position: absolute;
    top: -30px;
    left: 0;
}
.partie-ville .bloc-pave-navigation .uagb-marketing-btn__title:before{
    background-color: #fabf27;
}
.partie-loisirs .bloc-pave-navigation .uagb-marketing-btn__title:before{
    background-color: #1572b4;
}
.bloc-pave-navigation .uagb-marketing-btn__prefix{
    font-size: 15.5px !important;
    color: #404040 !important;
}
.titre-rubrique{
    font-weight: 600;
    font-size: 28px !important;
    margin: 0px 0 30px !important;
    position: relative;
    padding-top: 80px;
    padding-left: 30px;
    line-height: 35px;
}
.titre-rubrique:before{
    content: '';
    display: block;
    width: 12px;
    height: 60px;
    position: absolute;
    top: 50px;
    left: 0;
}
h3.titre-sous-rubrique{
    margin: 10px 0 15px;
    font-size: 20px;
    color: #1a6794;
    border-bottom: 1px dotted #9e9e9e;
    padding-bottom: 10px;
}
.partie-loisirs .titre-rubrique:before{
    background-color: #1572b4
}
.partie-quotidien .titre-rubrique:before{
    background-color: #85a5b8
}
.partie-environnement .titre-rubrique:before{
    background-color: #25a44f
}
.partie-ville .titre-rubrique:before{
    background-color: #fabf27
}
.partie-standard .titre-rubrique:before{
    background-color: #25a44f
}

.bloc-adresse{
    padding: 5px 20px 10px;
    margin-bottom: 15px;
}
.bloc-adresse h3{
    margin: 10px 0 15px;
    font-size: 20px;
    color: #1a6794;
    border-bottom: 1px dotted #9e9e9e;
    padding-bottom: 10px;
}
.bloc-adresse p{
    margin: 0;
}
.bloc-adresse p.contact{
    font-weight: 600;
}
.bloc-adresse p.contact,
.bloc-adresse p.adresse,
.bloc-adresse p.telephone,
.bloc-adresse p.mail,
.bloc-adresse p.website{
    position: relative;
    padding-left: 30px;
}
.bloc-adresse p.description{
    font-style: italic;
    margin-bottom: 10px;
}
.bloc-adresse p.mail a,
.bloc-adresse p.website a{
    border-bottom-width: 1px
}
.bloc-adresse p.contact:before,
.bloc-adresse p.adresse:before,
.bloc-adresse p.telephone:before,
.bloc-adresse p.mail:before,
.bloc-adresse p.website:before{
    content:'';
    position: absolute;
    left: 0px;
    margin-right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    background-repeat: no-repeat;
    
}
.bloc-adresse p.contact:before{
    background-position: -315px 3px;
}
.bloc-adresse p.adresse:before{
    background-position: -371px 3px;
}
.bloc-adresse p.telephone:before{
    background-position: -353px 3px;
}
.bloc-adresse p.mail:before{
    background-position: -334px 3px;
}
.bloc-adresse p.website:before{
    background-position: -297px 3px;
}

.encart-bleu{
    padding: 50px 30px 20px;
    position: relative;
}
.encart-bleu:before{
    content: '';
    background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
    background-repeat: no-repeat;
    background-position: -870px -20px;
    width: 450px;
    height: 450px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    transform: scale(0.7);
    transform-origin: top left;
}
.encart-bleu .wp-block-group__inner-container{
    z-index: 1;
    position: relative;
}
.encart-bleu h2{
    color: #194b80;
    margin-top: 0;
}
.encart-bleu.sans-marge{
    padding: 0px 0px 0px 30px !important;
}
.encart-bleu figure{
    margin: 0;
}
.encart-bleu p.contact,
.encart-bleu p.adresse,
.encart-bleu p.telephone,
.encart-bleu p.mail,
.encart-bleu p.website,
.encart-bleu p.information,
.encart-bleu p.tarifs,
.encart-bleu p.horaires{
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    
}
.encart-bleu p.description{
    font-style: italic;
    margin-bottom: 10px;
}
.encart-bleu p.mail a,
.encart-bleu p.website a{
    border-bottom-width: 1px
}
.encart-bleu p.contact:before,
.encart-bleu p.adresse:before,
.encart-bleu p.telephone:before,
.encart-bleu p.mail:before,
.encart-bleu p.website:before,
.encart-bleu p.information:before,
.encart-bleu p.tarifs:before,
.encart-bleu p.horaires:before{
    content:'';
    position: absolute;
    left: 0px;
    margin-right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    background-repeat: no-repeat;
}
.encart-bleu p.contact:before{
    background-position: -315px -18px;
}
.encart-bleu p.adresse:before{
    background-position: -371px -18px;
}
.encart-bleu p.telephone:before{
    background-position: -353px -18px;
}
.encart-bleu p.mail:before{
    background-position: -334px -18px;
}
.encart-bleu p.website:before{
    background-position: -297px -18px;
}
.encart-bleu p.information:before{
    background-position: -390px -18px;
}
.encart-bleu p.tarifs:before{
    background-position: -430px -18px;
}
.encart-bleu p.horaires:before{
    background-position: -410px -18px;
}
@media screen and (min-width: 780px) {
    .encart-bleu.trait-separateur:after{
        content: "";
        width: 4px;
        height: 100%;
        left: calc(50% - 2px);
        background-color: #FFF;
        display: block;
        position: absolute;
        top: 0;
    }
    .encart-bleu.trait-separateur-epais:after{
        content: "";
        width: 10px;
        height: 100%;
        left: calc(50% - 5px);
        background-color: #FFF;
        display: block;
        position: absolute;
        top: 0;
    }
    .encart-bleu .trait-horizontal:before{
        content: "";
        width: calc(100% + 45px);
        height: 4px;
        left: -5px;
        background-color: #FFF;
        display: block;
        position: absolute;
        top: calc(50% - 2px);
    }
}
@media screen and (max-width: 780px) {
    .encart-bleu.trait-separateur:after{
        content: "";
        width: 100%;
        height: 4px;
        left: 0px;
        background-color: #FFF;
        display: block;
        position: absolute;
        top: calc(50% - 2px);
    }
    .encart-bleu.urbanisme-mobile.trait-separateur:after{
        display: none !important
    }
    .encart-bleu.urbanisme-mobile.encart-bleu.trait-separateur-epais:after{
        top: calc(50% - 115px);
    }
    .encart-bleu.trait-separateur-epais:after{
        content: "";
        width: 100%;
        height: 10px;
        left: 0px;
        background-color: #FFF;
        display: block;
        position: absolute;
        top: calc(50% - 5px);
    }
    .encart-bleu .trait-horizontal:before{
        content: "";
        width: calc(100% + 115px);
        height: 4px;
        left: -80px;
        background-color: #FFF;
        display: block;
        position: absolute;
        top: calc(50% - 2px);
    }
}
.encart-bleu .trait-horizontal{
    position: relative;
}

.encart-bleu.bloc-3-niveaux .cadre{
    border:1px dotted #FFF;
    padding: 20px;
}
.encart-bleu.bloc-3-niveaux h3{
    color: #194b80;
}
.margin-nul{
    margin: 0 !important;
}
.z-index-haut{
    z-index: 1;
    position: relative;
}
.retrait-gauche{
    margin-left: 60px !important;
}
.plein-largeur{
    display: inline-block;
    width: 100%;
}
.padding30{
    padding: 30px;
}

.sommaire{
    position: relative;
    display: inline-block;
    min-width: 300px;
    margin-top: 50px;
}
.sommaire:before{
    content: '';
    width: 110vw;
    background-color: #fabf27;
    display: block;
    top: -20px;
    height: 120%;
    position: absolute;
    z-index: -1;
    right: -55px;
}
.sommaire:after{
    content: '';
    background-color: #fabf27;
    height: 168px;
    position: absolute;
    right: -55px;
    bottom: -85px !important;
    width: calc(100% + 150px);
    display: block;
    z-index: -1;
    transform: skew(0, -8deg);
}
.sommaire.deuxlignes:after{
    height: 150px;
}
.sommaire p{
    font-size: 14px;
    letter-spacing: 2px;
    color: #d49518;
}
.sommaire ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.sommaire li a{
    text-decoration: none;
    font-size: 14px;
    border: none !important;
    margin-left: 30px;
    display: inline-block;
    position: relative;
}
.sommaire li a:before{
    content: "→";
    float: left;
    margin-right: 10px;
    font-size: 18px;
    position: absolute;
    left: -30px;
}

.height-100pourcent{
    height: 100%;
}
.bloc-structure .colonne-texte{
    padding: 0 25px;
}
@media screen and (max-width: 780px) {
    .bloc-structure .colonne-texte p{
        margin-left: 20px;
        margin-right: 20px;
    }
}
.bloc-structure .titre{
    margin: 10px 0 15px;
    font-size: 20px;
    color: #1a6794;
}
.bloc-structure .description{
    font-style: italic;
    margin-bottom: 10px;
}
.bloc-structure .horaires,
.bloc-structure .contact,
.bloc-structure .adresse,
.bloc-structure .telephone,
.bloc-structure .mail,
.bloc-structure .website,
.bloc-structure .information,
.bloc-structure .tarifs{
    position: relative;
    padding-left: 30px;
}
.bloc-structure .horaires:before,
.bloc-structure .contact:before,
.bloc-structure .adresse:before,
.bloc-structure .telephone:before,
.bloc-structure .mail:before,
.bloc-structure .website:before,
.bloc-structure .information:before,
.bloc-structure .tarifs:before{
    content: '';
    position: absolute;
    left: 0px;
    margin-right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    background-repeat: no-repeat;
}

.bloc-structure .horaires:before{
    background-position: -410px 3px;
}
.bloc-structure .tarifs:before{
    background-position: -433px 3px;
}
.bloc-structure .contact:before{
    background-position: -315px 3px;
}
.bloc-structure .adresse:before{
    background-position: -371px 3px;
}
.bloc-structure .telephone:before{
    background-position: -353px 3px;
}
.bloc-structure .mail:before{
    background-position: -334px 3px;
}
.bloc-structure .website:before{
    background-position: -297px 3px;
}
.bloc-structure .information:before{
    background-position: -390px 3px;
}
ul.liste{
    list-style: none;
    margin: 0;
    padding: 0;
}
.liste li{
    padding: 10px 0 10px 60px;
    position: relative;
}
.liste li:before{
    background-color: #1a6794;
    content: '';
    height: 2px;
    width: 40px;
    display: block;
    position: absolute;
    left: 0px;
    top: 23px;
}
.liste.sans-marge li{
    padding: 0 0 0 60px !important;
}
.liste.sans-marge li:before{
    top: 13px !important;
}
.liste.sans-marge li ul{
    list-style: none!important;
    margin-left: 0px!important;
    padding-left: 0px!important;
}
.btn.small a{
	font-size: 15.5px;
    line-height: 25px;
    padding: 7px 25px !important;
}
.btn.bleu a{
    border: none !important;
    color: #FFF !important;
}
.wp-block-image{
    margin: 0 !important;
}
@media screen and (min-width: 600px) {
    .colonnes-small .wp-block-column:not(:first-child){
        margin-left: 10px !important;
    }
}
.chiffre em{
    font-size: 13px;
    font-style: normal;
    letter-spacing: 3px;
}
.chiffre.petit strong{
    font-size: 40px;
    font-weight: 200;
    line-height: 50px;
    color: #1a6794;
}
.chiffre.petit.legende strong{
    font-size: 25px;
    font-weight: 400;
    line-height: 10px;
    color: #1a6794;
    margin-top: -5px;
    display: inherit;
}
.chiffre.moyen strong{
    font-size: 50px;
    font-weight: 200;
    line-height: 50px;
    color: #1a6794;
}
.chiffre.grand strong{
    font-size: 70px;
    font-weight: 200;
    line-height: 70px;
    color: #1a6794;
}
.chiffre.grand.legende strong{
    font-size: 32px;
    font-weight: 400;
    line-height: 10px;
    color: #1a6794;
    margin-top: -5px;
    display: inherit;
}
.liste-chiffre{
    color: #1a6794;
}
.liste-chiffre strong{
    font-size: 22px;
    font-weight: 500;
}

.bloc-adresse.sans-marge{
    margin-bottom: 0 !important;
}
@media screen and (min-width: 781px) {
    .cache-desktop{
        display: none;
    }
    .margin-right{
        margin-right: 30px !important
    }
}
@media screen and (max-width: 781px) {
    .cache-mobile{
        display: none;
    }
}
.bloc-spectacle{
    padding-bottom: 20px;
}
.bloc-spectacle p{
    padding: 0 30px;
}
.bloc-spectacle h3{
    font-size: 30px;
    color: #FFF;
    padding: 2px 20px;
    margin: 0 20px;
    background-color: #48a4b3;
    display: inline;
    line-height: 35px;
}
.bloc-spectacle .date-spectacle{
    padding: 0 20px 0 100px;
}

/*--------------------------------------------------------------
# Page Plan site & mentions légales
--------------------------------------------------------------*/
.post-11 .entry-content a{
    border: none !important;
}
table{
    border: none;
}
th{
    border: 1px solid #FFF;
    background-color: #1a6794;
    text-align: center;
    padding: 10px 20px;
    text-transform: uppercase;
    color:#FFF;
}
td{
    border: 2px solid #FFF;
    background-color: #f4f4f4;
    text-align: center;
    padding: 10px 20px;
}
@media (max-width:600px){
    table{
        display: inline-block;
    }
    tbody{
        width: 100%;
        display: inline-block;
    }
    th{
        display: none !important;
    }
    tr{
        width: 100%;
        display: inline-block;
        border-top: 1px solid #f4f4f4;
    }
    tr td:first-child{
        border: 1px solid #f4f4f4;
        background-color: #1a6794;
        text-align: center;
        padding: 10px 20px;
        color:#FFF;
        font-weight: 600;
    }
    td, th{
        display: inline-block;
        width: 100%;
    }
}
.error-404{
    text-align: center;
    margin-top: 200px;
}

/*--------------------------------------------------------------
# Page Résultats recherche
--------------------------------------------------------------*/
.search-results .site-main{
    width: 100%;
    margin: 0 auto;
}
.sidebar{
    position: relative;
}
.sidebar:before{
    content: '';
    background-color: #25a44f;
    background-image: url('https://www.bourgargental.fr/img/sprite-07-2023.png');
    background-repeat: no-repeat;
    background-position: 24px -151px;
    border-radius: 50%;
    width: 76px;
    height: 76px;
    display: block;
    position: absolute;
    top: -35px;
    z-index: 50;
}

@media screen and (min-width: 900px) {
    .content-resultats .resultats,
    .no-results  .content-resultats{
        width: 75%;
        float: left;
        padding-right: 100px;
    }
    .content-resultats{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding: 0 20px 20px;
    }
    .content-resultats{
        padding: 0 20px 20px;
    }
}
@media screen and (max-width: 900px) {
    .content-resultats .resultats{
        width: 100%;
    }
    .content-resultats .resultats{
        padding: 0 20px 20px;
    }
    
}
.no-results .resultats{
    min-height: 300px;
}
.no-results form{
    padding: 50px 0 !important;
}
.no-results .search-field{
    width: calc(100% - 10px);
    padding: 7px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    border-bottom: 2px solid #1a6794;
}
.resultats{
    border-top: 1px solid gray;
    margin-top: 50px;
}
.content-resultats article{
      border-bottom: 1px solid gray;
      padding: 20px 0;
}
.content-resultats .entry-title {
  font-weight: 600;
  font-size: 28px !important;
  margin: 0px 0 30px !important;
  position: relative;
  padding-left: 30px;
  line-height: 35px;
}
@media screen and (min-width: 900px) {
    .content-resultats .entry-title {
        padding-top: 80px;
    }
    .content-resultats .entry-title::before {
        top: 50px;
    }
}
@media screen and (max-width: 900px) {
    .content-resultats .entry-title {
        padding-top: 30px;
    }
    .content-resultats .entry-title::before {
        top: 0px;
    }
}
.content-resultats a{
    text-decoration: none;
    color: #404040;
}
.content-resultats .entry-title::before {
  background-color: #fabf27;
  content: '';
  display: block;
  width: 12px;
  height: 60px;
  position: absolute;
  left: 0;
}
.navigation{
    margin-top: 50px !important
}
.navigation .nav-previous a:before{
    content:"<";
    margin-right: 10px;
}
.navigation .nav-next a:after{
    content:">";
    margin-left: 10px;
}
/*--------------------------------------------------------------
# Page Agenda
--------------------------------------------------------------*/
/* modifier dans general.php -> ligne 1125 : $date_without_year_format = tribe_get_date_format( true );*/

/* --- liste --- */
.tribe-events-notices ul{
    list-style: none;
    text-transform: uppercase;
    color: grey;
}
.tribe-events-notices li{
    background-color: #1572b4;
    display: inline-block;
    padding: 2px 15px;
    color: #FFF;
    font-size: 11px;
    letter-spacing: 4px;
    font-weight: 500;
}
.tribe-events .tribe-events-c-subscribe-dropdown__container{
    display: none;
}
.tribe-events-l-container{
    padding: 0 !important;
    margin-top: 50px !important;
    margin-bottom: 100px !important;
}
.tribe-common button[disabled], .tribe-common input[disabled]{
    opacity:0
}
.tribe-events .tribe-events-c-nav__next, .tribe-events .tribe-events-c-nav__prev{
    background-color: #1a6794;
    border: none !important;
    color: #FFF !important;
    font-size: 15.5px;
    line-height: 25px;
    padding: 7px 25px !important;
    border-radius: 9999px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    overflow-wrap: break-word;
    box-sizing: border-box;
}
.tribe-events-header,
.tribe-events-c-nav__list-item--today,
.comments-area{
    display: none !important;
}
.tribe-events-calendar-list__event-row{
    position: relative;
    padding-bottom: 40px;
}
.tribe-events-calendar-list__event-row:after{
    width: 100%;
    content: '';
    display: block;
    height: 2px;
    background-color: #efeff0;
    position: absolute;
    left: 0px;
    bottom: -20px;
}
.tribe-events .tribe-events-c-view-selector__list{
    display: none;
}
.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper{
    width: 100% !important;
    max-height: 400px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    padding: 0 0 24px !important;
    margin-left: 24px;
}
@media screen and (max-width: 530px) {
    .tribe-events .tribe-events-calendar-list__event-featured-image-wrapper{
    }
}
.tribe-events-calendar-list .tribe-common-h--alt{
    font-weight: 600;
    font-size: 28px !important;
    margin: 0px 0 30px !important;
    position: relative;
    padding-top: 80px;
    padding-left: 30px;
    line-height: 35px;
    text-transform: capitalize;
}
.tribe-events-calendar-list .tribe-common-h--alt::before {
    background-color: #1572b4;
    content: '';
    display: block;
    width: 12px;
    height: 60px;
    position: absolute;
    top: 50px;
    left: 0;
}
.tribe-events-calendar-list article{
    width: 100% !important;
    padding-right: 0 !important;
    float: none !important;
}
.tribe-events-calendar-list article.has-post-thumbnail{
    padding-top: 415px;
}
.tribe-events-calendar-list__event-details{
    width: 100% !important;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime{
    background-color: #fabf27;
    width: 90px;
    height: 90px !important;
    justify-content: center;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday{
    text-transform: uppercase;
    font-size: 13px;
    margin-top: -5px;
    font-weight: 200;
    letter-spacing: 2px;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime{
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
}
.tribe-events .tribe-events-status-label{
    display: block;
    background-color: #1a6794;
    width: 120px;
    padding: 2px 5px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
    color: #FFF;
    margin-bottom: 7px;
}
.tribe-events .tribe-events-calendar-list__event-wrapper{
    padding-left: 24px !important;
    padding-right: 24px !important;
}
.tribe-events .tribe-events-calendar-list__event-date-tag{
    min-width: 90px !important;
}
.tribe-events .tribe-events-calendar-list__event-title-link{
    margin: 0px 0 10px;
    font-size: 22px;
    color: #1a6794 !important;
    border-bottom: 3px solid #1a6794 !important;
    padding-bottom: 2px;
    display: inline-block;
}
.tribe-events .tribe-events-calendar-list__event-datetime-wrapper,
.tribe-events .tribe-events-calendar-list__event-venue{
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
}

.tribe-events .tribe-events-calendar-list__event-datetime-wrapper:before,
.tribe-events .tribe-events-calendar-list__event-venue::before {
    content: '';
    position: absolute;
    left: 0px;
    margin-right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    background-repeat: no-repeat;
}
.tribe-events .tribe-events-calendar-list__event-datetime-wrapper:before{
    background-position: -455px -18px;
}
.tribe-events .tribe-events-calendar-list__event-venue::before{
    background-position: -371px -18px;
}
.tribe-events .tribe-events-calendar-list__event-venue-address{
    display: none;
}
.tribe-events .tribe-events-c-small-cta__price{
    position: relative;
    padding-left: 25px;
}
.tribe-events .tribe-events-c-small-cta__price::before {
    content: '';
    position: absolute;
    left: 0px;
    margin-right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    background-repeat: no-repeat;
    background-position: -433px -18px;
    top: -2px;
}

/* --- événement seul --- */
#tribe-events-pg-template{
    margin-bottom: 100px;
}
.single-tribe_events #tribe-events-content{
    padding-top: 50px;
}
.tribe-events-back a{
    border: none !important;
    color: #1572b4 !important;
}
.tribe-events-single-event-title{
    margin: 0px;
    color: #1a6794 !important;
    border-bottom: 4px solid #1a6794 !important;
    padding-bottom: 10px;
    display: inline-block;
}
.tribe-events-schedule{
    margin-top: 0;
    display: block !important;
}
.tribe-events-schedule .tribe-venue-title{
    display: inline-block;
    width: 100%;
    margin: 5px 0 0;
    position: relative;
    padding-left: 25px;
    overflow: hidden;
}
.tribe-events-schedule .tribe-venue-title:before{
    content: '';
    position: absolute;
    left: 0px;
    margin-right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    background-repeat: no-repeat;
    background-position: -371px -18px;
    top: 0px;
}
.tribe-events-schedule .tribe-events-cost{
    display: inline-block;
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 25px;
}
.tribe-events-schedule .tribe-events-cost:before{
    content: '';
    position: absolute;
    left: 0px;
    margin-right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    background-repeat: no-repeat;
    background-position: -433px -18px;
    top: 0px;
}
.tribe-events-event-image{
    height: 400px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}
.tribe-events-single-section{
    width: 100% !important
}
.tribe-events-meta-group{
    background-color: #efeff0;
    padding: 20px 30px;
}
.tribe-events-meta-group .tribe-events-single-section-title{
    font-size: 20px;
    color: #1a6794;
    margin: 10px 0 15px;
    border-bottom: 1px dotted #9e9e9e;
    padding-bottom: 10px;
}
.tribe-events-meta-group .tribe-region,
.tribe-events-meta-group .tribe-delimiter,
.tribe-events-meta-group .tribe-locality,
.tribe-events-meta-group .tribe-postal-code,
.tribe-events-meta-group .tribe-country-name,
.tribe-events-meta-group .tribe-venue-tel-label,
.tribe-events-meta-group .tribe-organizer-tel-label,
.tribe-events-meta-group .tribe-events-start-date-label,
.tribe-events-meta-group .tribe-events-start-time-label,
.tribe-events-meta-group .tribe-events-event-cost-label,
#tribe-events-footer{
    display: none;
}
abbr[title]{
    text-decoration: none;
}
.tribe-events-start-time,
.tribe-events-start-date,
.tribe-events-event-cost,
.tribe-venue,
.tribe-venue-location,
.tribe-venue-tel,
.tribe-organizer-tel,
.tribe-organizer{
    position: relative;
    padding-left: 25px !important;
}
.tribe-events-start-time::before,
.tribe-events-start-date::before,
.tribe-events-event-cost::before,
.tribe-venue:before,
.tribe-venue-tel:before,
.tribe-organizer-tel:before,
.tribe-organizer:before{
    content: '';
    position: absolute;
    left: 0px;
    margin-right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://www.bourgargental.fr/img/sprite-07-2023.png);
    background-repeat: no-repeat;
    top: 0px;
}
.tribe-events-start-time::before{
    background-position: -412px -18px;
}
.tribe-events-start-date::before{
    background-position: -455px -18px;
}
.tribe-events-event-cost::before {
    background-position: -433px -18px;
}
.tribe-venue:before{
    background-position: -371px -18px;
}
.tribe-venue-tel:before,
.tribe-organizer-tel:before{
    background-position: -353px -18px;
}
.tribe-organizer:before{
    background-position: -315px -18px;
}
.tribe-venue-url a,
.tribe-organizer-url a,
.tribe-events-gmap, .tribe-events-event-url a{
    padding: 5px 20px 0;
    border: 2px solid #1a6794 !important;
    border-radius: 20px;
    color: #1a6794;
    font-size: 0;
    display: inline-block;
}
.tribe-events-gmap{
    margin-top: 15px;
}
.tribe-events-meta-group .tribe-venue-url{
   margin-left: 25px; 
}

.tribe-events-gmap:before{
    content:"Google map";
    font-size: 15.5px !important;
}
.tribe-venue-url a:before,
.tribe-organizer-url a:before,
.tribe-events-event-url a:before{
    content:"Site Internet";
    font-size: 15.5px !important;
}
.tribe-events-c-nav__next-label-plural,
.tribe-events-c-nav__prev-label-plural{
   display: none; 
}
.tribe-events-c-nav__prev-label:before{
    content:'< '
}
.tribe-events-c-nav__next-label:after{
    content:' >'
}

/*--------------------------------------------------------------
# Ajustement columns
--------------------------------------------------------------*/
@media (min-width:600px) and (max-width:781px) {
    .wp-block-column:not(:only-child) {
        flex-basis: auto !important;
        flex-grow: initial !important;
        width: 100%;
    }
    .wp-block-column:nth-child(2n) {
        margin-left:0 !important
     }
}
.wp-block-columns{
    gap: 0 !important;
    margin-bottom: 10px;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
    margin-right: 0px;
}
@media screen and (min-width: 781px) {
    .padding-left-desktop{
        padding-left: 35px;
    } 
    .padding-right-desktop{
        padding-right: 35px;
    }
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}