body
{
overflow-x: hidden;
overflow-y: scroll;
}
body, p, ul, ol
{
font-family: helvetica, sans-serif; 
color: #dddddd;
font-size: 1.05rem;
line-height: 1.5rem;
}
.site-branding p
{
line-height: 2.8rem;
color: white;
}
li
{
margin-bottom: 0.4rem;
margin-left: 0.8rem;
}
.navigation-top li
{
margin: 0;
}
.main-navigation ul li
{
margin-left: 0;
}
body
{
background-color:#00232e;
}
body.colors-dark ::placeholder
{
color: #aaa;
}
body.colors-dark a
{
color: #1a9a9b;
}
body.colors-dark a.wp-block-button__link
{
font-size: 1.1rem;
font-weight: inherit;
}
body.colors-dark p.has-text-color a
{
color: inherit;
}
body a:hover
{
color: white!important;
box-shadow: none!important;
}
body.colors-dark.single h2
{
color: #1a9a9b;
font-size: 2.5rem;
}
body.colors-dark h3, body.colors-dark h4
{
font-weight: normal;
}
body.colors-dark h3
{
font-size: 1.4rem;
}
body.colors-dark h4
{
font-size: 1.5rem;
color: #1a9a9b;
}
body.colors-dark.home h4
{
font-size: 1.2rem;
color: #1a9a9b;
}
body.colors-dark p{
margin: 0 0 1em;
}
body.colors-dark ul, body.colors-dark ol {
margin: 0 0 1rem 1rem;
padding: 0;
}
body.colors-dark pre, body.colors-dark ins, body.colors-dark input[type="text"], body.colors-dark input[type="email"], body.colors-dark input[type="url"], body.colors-dark input[type="password"], body.colors-dark input[type="search"], body.colors-dark input[type="number"], body.colors-dark input[type="tel"], body.colors-dark input[type="range"], body.colors-dark input[type="date"], body.colors-dark input[type="month"], body.colors-dark input[type="week"], body.colors-dark input[type="time"], body.colors-dark input[type="datetime"], body.colors-dark input[type="datetime-local"], body.colors-dark input[type="color"], body.colors-dark textarea, body.colors-dark select, body.colors-dark fieldset
{
background-color: white;
color: black!important;
}
.wp-block-image figcaption {
color: #cccccc;
line-height: 1.4rem;
}
.social-navigation {
clear: right;
float: right;
margin-bottom: 0;
width: inherit;
}
body .navigation-top .social-navigation a
{
margin: 0 0 0 0.6rem;
background-color: #0e9999!important;
color: #00232e!important;
height: 35px;
width: 35px;
}
body .navigation-top .social-navigation a:hover
{
margin: 0 0 0 0.6rem;
background-color: #eeeeee!important;
}
.social-navigation .icon {
top: 10px;
}
.navigation-top .wrap {
padding: 1rem;
}
.section_large, .uagb-is-root-container.alignfull.wp-block-uagb-container
{
display: block;
width: 100vw;
max-width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50.5vw!important;
margin-right: -50.5vw!important;
padding: 2rem; 
}
.home .uagb-is-root-container.alignfull.section_home_top a.wp-block-button__link:hover, .home .uagb-is-root-container.alignfull.section_home_boutons a.wp-block-button__link:hover, .colors-custom .entry-content .wp-block-button__link:hover, .colors-dark .entry-content .wp-block-button__link:hover
{
background-color: #1a9a9b!important;
}
.home h2 strong
{
font-family: "Arial Black", Impact, Haettenschweiler, "Franklin Gothic Bold",  "sans-serif"
}
.menu-menu-footer-container ul.menu
{
text-align: center;
}
#menu-menu-footer li
{
display: block;
border: none;
margin: 0 1rem;
}
#menu-menu-footer li a
{
font-size: 1.2rem;
color: #51b795;
text-transform: uppercase;
}
.site-footer .social-navigation {
clear: none;
float: none;
}
.site-footer .social-navigation ul{
text-align: center;
margin-bottom: 2rem;
}
.colors-dark .site-footer .social-navigation a
{
background-color: #51b795;
color: white;
height: 35px;
width: 35px;
}
body.colors-dark .site-footer
{
border: none;
}
.wp-block-column {
overflow-wrap: normal;
word-break: normal;
}
body.colors-dark.archive .site-main > article h2
{
font-size: 1.2rem;
}
body.single h1.entry-title, body.colors-dark.archive h2.entry-title a, body.colors-dark h2
{
text-transform: none;
font-weight: normal;
letter-spacing: 0;
color: #1a9a9b;
box-shadow: none;
}
body.colors-dark.page h2
{
font-size: 1.9rem;
color: #1a9a9b;
}
body.colors-dark.home h2
{
color: white;
font-size: 2rem;
text-transform: uppercase;
}
body.colors-dark .entry-meta a
{
box-shadow: none;
}
body.colors-dark.archive h2.entry-title a:hover{
color: white!important;
}
body.colors-dark.single .site-content
{
padding-top: 2rem;
}
.home .panel-content .wrap
{
padding-bottom: 0;
}
body:not(.home) .wp-custom-header img{
display: block;
width: 100vw;
max-width: 100vw;
max-height: 215px;
object-fit: cover;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw !important;
margin-right: -50vw !important;
opacity: 0.7;
}
@media screen and (min-width: 48em) {
.carrousel_accueil
{
max-width: 1220px;
}
body .site-content {
padding: 0;
}
.page #breadcrumbs, .single #breadcrumbs
{
max-width: 800px;
margin: 0 auto 2rem auto;
}
.single #breadcrumbs
{
margin: 0 0 2rem 0;
}
.colors-dark .entry-meta #breadcrumbs a
{
color: #1a9a9b;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img
{
max-width: 250px;
}
body:not(.home) .custom-logo-link img {
max-height: 5.52rem;
} 
.onglets_home.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a:focus {
border: none;
box-shadow: none;
outline: none;
}
.onglets_home.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab{
border: none;
box-shadow: none;
outline: none;
}
.uagb-block-87da483d.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab.uagb-tabs__active {
border-top: 2px #00303f solid;
border-left: 2px #00303f solid;
border-right: 2px #00303f solid;
border-bottom: 4px #00232e solid;
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
} .archive  main {
display: flex;
flex-wrap: wrap;
}
.fluentform * {
font-size: 0.9rem;
}
body .ff-default .ff-el-form-control, body .fluentform .ff-el-form-control
{
padding-top: 5px;
padding-bottom: 5px;
border: none;
color: black;
}
body.colors-dark .fluentform select
{
color: #666666!important;
}
body .fluentform .ff-btn-submit {
background-color: var(--fluentform-primary);
color: #ffffff;
border-radius: 7px;
} 
.fluentform .ff-el-form-left .ff-el-input--label, .fluentform .ff-el-form-right .ff-el-input--label {
padding: 0 15px 0 0;
width: 250px;
}
.fluentform .ff-el-form-left .ff-el-input--content, .fluentform .ff-el-form-right .ff-el-input--content {
margin-left: 250px;
}
body.colors-dark.archive .site-main > article
{
max-width: 30%;
display: inline-block;
margin-right: 2%;
margin-bottom: 2%;
vertical-align: top;
background-color: #003440;
padding-bottom: 0;
}
body.colors-dark.archive .site-main > article .entry-header
{
padding: 0.5rem 1.5rem 2rem 1.5rem;
}
.archive article:last-child
{
margin-right: 0;
}
.archive .entry-date
{
font-size: 1rem;
}
.wrap {
max-width: 1000px; 
}
.archive .wrap, .archive.page-one-column:not(.has-sidebar) #primary, .archive.page-one-column:not(.has-sidebar) .page-header
{
max-width: 1300px;
}
#menu-menu-footer li
{
display: inline-block;
}
.section_large, .uagb-is-root-container.alignfull.wp-block-uagb-container
{
padding: 6rem;
}
.single-post:not(.has-sidebar) #primary {
max-width: 1000px;
}
body .main-navigation
{
clear: none;
}
.navigation-top li:focus
{
background-color: inherit;
}
.navigation-top {
position: relative;
background-color: #00232e;
border: none;
font-size: 1.2rem;
}
body.colors-dark .main-navigation a, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
color: white;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
body.colors-dark .main-navigation a:hover
{
color: #1a9a9b!important;
}
.navigation-top .wrap {
max-width: 100%;
}
body.colors-dark .main-navigation li.current-menu-item a
{
color: #1a9a9b!important;
}
body.colors-dark .main-navigation ul ul {
border:none;
background: #001a22;
z-index: 10000;
width: 250px;
margin-left: 0;
}
body.colors-dark .main-navigation ul ul li
{
border: none;
width: 250px; 
}
body.colors-dark .main-navigation ul ul li:hover
{
border: none;
background: #00323f;
}
body.colors-dark .main-navigation ul ul li a {
text-transform: inherit;
font-size: 1.2rem;
text-align: left;
font-weight: normal;
width: 250px;
}
body.colors-dark .main-navigation ul ul li a:hover {
color: white!important;
}
body.colors-dark .main-navigation ul ul li.menu-item-has-children a
{
color: white!important;
}
body.colors-dark .main-navigation ul ul li.menu-item-has-children ul li a
{
font-size: 1rem!important;
padding: 0.95rem;
}
body.colors-dark .main-navigation ul ul li.menu-item-has-children ul
{
background-color: #00323f;
}
body.colors-dark .main-navigation ul ul li.menu-item-has-children ul li a:hover
{
background-color: #003f4f;
}
body .custom-header
{
margin-bottom: 0!important;
}
body .custom-logo-link {
margin-top: 0.5rem;
margin-bottom: 0;
margin-left: 2rem;
padding-right: 0;
}
body #idIframe
{
height: 1600px!important; 
}
.menu_alte
{
font-size: 4rem;
}
body .main-navigation a {
padding: 0.5rem 1.25rem 1rem 1.25rem;
font-size: 1.3rem;
font-size: 1.3vw;
}
body.page:not(.twentyseventeen-front-page) .entry-title, body.single h1.entry-title{
font-size: 30px;
font-size: 2.3rem;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
color: white!important;
position: relative;
margin-top: -8rem;
margin-bottom: 5rem;
}
body.single h1.entry-title
{
margin-top: 1rem;
margin-bottom: 1rem;
}
body.single img
{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media
{
opacity: 0.5;
}
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 1em;
}
.site-title a
{
font-size: 1.6rem;
}
.home .site-title a
{
font-size: 2rem;
}
body .site-description
{
font-size: 1.1rem;
opacity: 1!important;
text-align: center; 
}
body.home .site-description
{
font-size: 1.5rem;
}
.twentyseventeen-front-page.has-header-image .custom-header-media
{
height: 55vh;
}
.section_large, .uagb-is-root-container.alignfull.wp-block-uagb-container
{
display: block;
width: 100vw;
max-width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw!important;
margin-right: -50vw!important;
padding: 4rem;
}
.uagb-is-root-container.alignfull.wp-block-uagb-container.section_home_boutons
{
padding: 3rem;
}
.uagb-is-root-container.alignfull.wp-block-uagb-container.section_home_boutons h2
{
margin-bottom: 3.5rem!important;
}    
.home h2
{
font-family: 'Marianne-Regular';
font-weight: normal;
text-transform: uppercase;
font-size: 2.5vw;
margin-bottom: 2rem;
}
.home .site-branding
{
margin-bottom: 0rem!important;
background-image: url(//alte-provence.org/wp-content/themes/ALTE/img/bandeau_noir.webp);
background-repeat: no-repeat;
background-position: center bottom;
padding-top: 100px!important;
border-bottom: 2px #00303f solid;
}
.home .section_large .innerblocks-wrap
{
max-width: 1000px;
margin: 0 auto;
}
.home .section_large.carrousel .innerblocks-wrap {
max-width: 1200px;
}
.home .uagb-is-root-container.alignfull.section_home_top h2
{
display:inline-block;
margin: -4.5rem auto 0 auto;
margin-bottom: 0;
position: relative;
z-index: 1000;
background-color: #00232e;
padding: 2rem 5rem 2rem 5rem;
border-radius: 30px;
}
.home .uagb-is-root-container.alignfull.section_home_top h2, .home .uagb-is-root-container.alignfull.section_home_top div
{
max-width: 1200px;
margin-left:auto;
margin-right: auto;
margin-bottom: 0.5rem;
}
.home .uagb-is-root-container.alignfull.section_home_top div
{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.home .uagb-is-root-container.alignfull.section_home_top .wp-block-uagb-tabs
{
margin-left:auto;
margin-right: auto;
}
.home .uagb-is-root-container.alignfull.section_home_top .uagb-tabs__body-wrap
{
width: 100%;
}
.home .uagb-is-root-container.alignfull.section_home_top .wp-block-buttons
{
padding-top: 2.5rem;
padding-bottom: 0;
max-width: 1200px;
}
.home .uagb-is-root-container.alignfull.section_home_top a.wp-block-button__link, .home .uagb-is-root-container.alignfull.section_home_boutons a.wp-block-button__link
{
font-size: 1.1rem;
line-height: 1.4rem;
border-radius: 20px;
margin-top: 0;
padding: 1rem 1.5rem;
}
.home .panel-content .wrap
{
padding-top: 0;
}
.home .section_home_top, .home .uagb-is-root-container.alignfull.section_home_top
{
padding-top: 0!important;
padding-bottom: 0; 
text-align: center;
}
.home .section_home_top
{
margin-top: -3.9rem; 
}
.home .onglets_home .uagb-tabs__panel .uagb-tab
{
border-radius: 18px;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
}
.home .entry-header
{
margin: 0!important;
}
.home .twentyseventeen-panel {
overflow: visible;
}
body.colors-dark .site-content-contain
{
z-index: 10!important;
}
body .site-branding .wrap
{
width: fit-content;
margin-bottom: 4rem;
}
.site-footer .widget-column.footer-widget-1 {
float: none;
width: 100%;
}
body.colors-dark.home .site-footer
{
margin: 0;
}
.widget.widget_nav_menu
{
padding-bottom: 0;
}
}
@media screen and (max-width: 1337px) {
body .main-navigation a {
padding: 0.5rem 0.6rem 1rem 0.6rem;
}
}
body.colors-dark .site-content-contain
{
background-color: #00232e;
}
body.colors-dark, body.colors-dark .site-content-contain, body.colors-dark .navigation-top, body.colors-dark .main-navigation ul
{
background-color: #00232e;
z-index: 100;
}
body.colors-dark .navigation-top, body.colors-dark .main-navigation ul, body.colors-dark .site-footer
{
background-color: #001a22; 
}
.js .menu-toggle {
position: relative;
z-index: 100;
}
body.colors-dark .menu-toggle
{
background-color: #00232e;
}
.colors-dark input[type="text"]:focus, .colors-dark input[type="email"]:focus, .colors-dark input[type="url"]:focus, .colors-dark input[type="password"]:focus, .colors-dark input[type="search"]:focus, .colors-dark input[type="number"]:focus, .colors-dark input[type="tel"]:focus, .colors-dark input[type="range"]:focus, .colors-dark input[type="date"]:focus, .colors-dark input[type="month"]:focus, .colors-dark input[type="week"]:focus, .colors-dark input[type="time"]:focus, .colors-dark input[type="datetime"]:focus, .colors-dark input[type="datetime-local"]:focus, .colors-dark input[type="color"]:focus, .colors-dark textarea:focus, .colors-dark button.secondary, .colors-dark input[type="reset"], .colors-dark input[type="button"].secondary, .colors-dark input[type="reset"].secondary, .colors-dark input[type="submit"].secondary, .colors-dark a, .colors-dark .site-title, .colors-dark .site-title a, .colors-dark .navigation-top a, .colors-dark .dropdown-toggle, .colors-dark .menu-toggle, .colors-dark .page .panel-content .entry-title, .colors-dark .page-title, .colors-dark.page:not(.twentyseventeen-front-page) .entry-title, .colors-dark .page-links a .page-number, .colors-dark .comment-metadata a.comment-edit-link, .colors-dark .comment-reply-link .icon, .colors-dark h2.widget-title, .colors-dark mark, .colors-dark .post-navigation a:focus .icon, .colors-dark .post-navigation a:hover .icon, .colors-dark.blog .entry-meta a.post-edit-link, .colors-dark.archive .entry-meta a.post-edit-link, .colors-dark.search .entry-meta a.post-edit-link, .colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link {
color: white;
}
.site-header .main-navigation {
z-index: 1000;
max-width: 70%;
float: right;
margin-right: 2rem;
margin-top: 3.1rem;
}
.site-branding a:hover, .site-branding a:focus {
opacity:1;
}
.site-title {
font-size: 30px;
font-size: 2rem;
font-weight: normal;
line-height: 1.25;
letter-spacing: 0;
text-transform: inherit;
}
body.colors-dark .entry-content a, body.colors-dark .entry-content a:hover
{
box-shadow: none;
}
body.colors-dark .no_marge
{
margin: 0!important;
}
.home.colors-dark h2
{
color: white;
}
body.colors-dark h2
{
color: initial;
}
@media (min-width: 960px) {
.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap {
display: block;
}
}
body.colors-dark .entry-content a img, body.colors-dark .comment-content a img, body.colors-dark .widget a img {
box-shadow: none;
}
body.colors-dark .site-header, body.colors-dark .single-featured-image-header {
background-color: #00232e;
border: none;
padding-top: 0;
}
body.colors-dark.home .site-header
{
padding-top: 0;
}
body.colors-dark .spectra-image-gallery__control-lightbox--close
{
background-color: black;
}
body .entry-meta, body .entry-footer .cat-links, body .nav-title {
color: #ffffff;
font-size: 1rem;
font-weight: normal;
letter-spacing: 0;
text-transform: none;
}
#page {
word-wrap: normal;
}
.page.page-one-column:not(.twentyseventeen-front-page) #primary
{
max-width: 800px;
}
body.archive .page-title
{
letter-spacing: 0;
margin-bottom: 0;
margin-top: 0;
font-size: 2.3rem;
font-weight: 600;
text-transform: uppercase;
color: white !important;
}
body.archive p#breadcrumbs
{
margin-top: 2rem;
margin-bottom: 0;
}
.galerie_logos
{
max-width: 1200px;
margin: 0 auto;
}
.wp-block-gallery.has-nested-images.galerie_logos figure.wp-block-image img
{
max-height: 193px!important;
}
.home .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image)
{
max-width: 200px;
}
.home .wp-block-gallery.has-nested-images.galerie_logos figure.wp-block-image:first-child
{
max-height: 193px!important;
width: 400px!important;
max-width: 400px!important;
}
.home .wp-block-gallery.has-nested-images.galerie_logos figure.wp-block-image:hover
{
border: 1px #eeeeee solid;
}
@media screen and (max-width: 48em) {
body.colors-dark.home h2 {
font-size: 1.5rem!important;
}
.site-content {
padding: 0;
}
.baseline p
{
font-size: 1.5rem!important;
}
body, p, ul, ol
{
font-size: 1.1rem;
line-height: 1.7rem;
}
p#breadcrumbs
{
font-size: 0.9rem;
line-height: 1.3rem; 
}
.social-navigation {
margin-top: 1rem;
}
body.home .boutons_mobile_home .wp-block-button a, body.home .boutons_mobile_home .wp-block-button, body.home .boutons_mobile_home .wp-block-buttons
{
width: 100%!important;
}
body.home .boutons_mobile_home .wp-block-button a
{
font-size: 1.1rem!important;
}
.site-branding p
{
line-height: 2.4rem;
}
body.colors-dark .menu-toggle {
color: white;
font-size: 1.2rem;
}
body .main-navigation a {
font-size: 1.2rem
}
.site-header .main-navigation {
z-index: 1000;
max-width: 100%;
float: none;
margin-right: 2rem;
margin-top: 3rem;
}
body .navigation-top .main-navigation li
{
display: block;
}
.panel-content .entry-header {
margin-bottom: 0;
}
body.archive .page-title {
font-size: 2rem;
text-align: center;
}
.home .section_home_top, .home .section_home_boutons{
padding-top:0!important; 
}
.home h2
{
font-size: 1.8rem;
text-transform: uppercase;
}
.home .uagb-is-root-container.alignfull.section_home_top a.wp-block-button__link, .home .uagb-is-root-container.alignfull.section_home_boutons a.wp-block-button__link {
font-size: 1.7rem;
border-radius: 10px;
margin-top: 0;
}
.home .uagb-is-root-container.alignfull.section_home_top .wp-block-buttons, .home .uagb-is-root-container.alignfull.section_home_boutons .wp-block-buttons {
display: inline-block;
text-align: center;
}
.home .uagb-is-root-container.alignfull.section_home_top .wp-block-buttons > .wp-block-button {
display: inline-block;
margin: 0 0 1rem 0;
}
.home h2.has-background
{
padding:2rem 0;
}
.home .uagb-block-ccc0bda5:not(.is-grid).uagb-post__items {
margin-right: 0;
margin-left: 0;
}
body.page:not(.twentyseventeen-front-page) h1.entry-title, body.single h1.entry-title {
font-size: 4vw;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
color: #1a9a9b!important;
}
body.page:not(.twentyseventeen-front-page) h1.entry-title
{
color: #fff !important;
margin-top: -3rem;
position: absolute;
}
body.single h1.entry-title
{
font-size: 7vw;
}
body .site-description {
color: #ffffff!important;
font-size: 1.2rem!important;
}
}
body .lightweight-accordion .lightweight-accordion-body {
padding: 30px;
}
body .lightweight-accordion .lightweight-accordion-title span
{
font-size: 17px;
}
body .lightweight-accordion-body h3
{
padding-top: 0.5rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet {
flex-direction: column;
}
.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet ul.uagb-tabs__panel
{
flex-direction: row;
}
.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet ul.uagb-tabs__panel, .uagb-tabs__wrap.uagb-tabs__vstyle7-tablet ul.uagb-tabs__panel, .uagb-tabs__wrap.uagb-tabs__vstyle9-tablet ul.uagb-tabs__panel, .uagb-tabs__wrap.uagb-tabs__vstyle10-tablet ul.uagb-tabs__panel {
min-width: 100%;
max-width: 100%;
}
.onglets_home .uagb-tabs__panel .uagb-tab a {
font-size: 1.3em;
}
.site-header .main-navigation {
margin-top: 0rem;
}
}
@media screen and (max-width: 577px) {
body.has-header-image .custom-header-media img {
left: -50vw;
width: inherit;
position: relative;
height: 100vh;
top: 1vw;
filter: brightness(0.75);
}
}