/*
 Theme Name:   Mon Littoral
 Author:       Sylvain RIVIERE - SRC
 Author URI:   http://sylvainriviere.com
 Template:     astra
 Text Domain:  monlittoral
*/

/* Globals */
body {
position: relative !important;
}
footer {
background-image: url(/wp-content/uploads/2020/04/bg-sable.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
footer .ast-footer-overlay {
background: rgba(181, 176, 169, 0.3) !important;
}
.ast-normal-title-enabled #content{
padding-top: 40px;
}
.single-donnees #content,
.single-donnees #primary {
padding-top: 0;
margin-top: 0;
}
#raccourcis h2 {
margin-bottom: 0;
}
#raccourcis h2 a {
color: #fff;
}
#content p:not(.has-text-align-center):not(.has-text-align-right) {
text-align: justify;
}
.monlittoral {
font-family: 'Open Sans',sans-serif;
font-weight: 400;
font-size: 14px;
font-size: 1rem;
line-height: 1.49;
}
.monlittoral .bg-primary {
background-color: #337f97 !important;
}
.monlittoral .bg-niveaux {
background-image: url(img/bg-niveaux.webp);
background-repeat: no-repeat;
background-size: 100%;
}
.monlittoral .bg-secondary {
background-color: #b5b0a9 !important;
}
.monlittoral .btn-primary {
color: #fff;
background-color: #337f97;
border-color: #337f97;
}
.monlittoral .btn-primary.focus,
.monlittoral .btn-primary:focus {
color: #fff;
background-color: #29677A;
border-color: #29677A;
box-shadow: 0 0 0 .2rem rgba(41,103,122,.5)
}
.monlittoral .btn-primary:not(:disabled):not(.disabled).active,
.monlittoral .btn-primary:not(:disabled):not(.disabled):active,
.monlittoral .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #29677A;
border-color: #29677A;
box-shadow: 0 0 0 .2rem rgba(41,103,122,.5)
}
.monlittoral #primary-menu a:hover {
text-decoration:none;
}
.wp-block-nextend-smartslider3 {
position: relative;
}
.icon-scroll,
.icon-scroll::before {
position: absolute;
left: 50%;
}
.icon-scroll {
width: 20px;
height: 35px;
margin-left: -10px;
bottom: 20px;
margin-top: -17px;
box-shadow: inset 0 0 0 1px #fff;
border-radius: 10px;
}
.icon-scroll::before {
content: '';
width: 6px;
height: 6px;
background: #fff;
margin-left: -3px;
top: 6px;
border-radius: 3px;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: scroll;
animation-name: scroll;
}
@keyframes scroll {
	0%  {opacity: 1;}
	100% {opacity: 0; transform: translateY(18px); }
}
.sticker {
margin: 0;
display: inline-block;
transform: translate(2.5rem, 50%);
background: #347f98;
color: #fff;
padding: 0.25rem 1rem;
}
h4.sticker + * {
padding-top: 2rem;
}
.widget {
position: relative;
padding-top: 2rem !important;
}
.widget h5 {
position: absolute;
top: 0;
padding: 0.25rem 1rem;
transform: translate(0, -50%);
}
.monlittoral h1 {
font-size: 2rem !important;
}
.breadcrumbs {
padding: .75rem 1rem;
margin-bottom: 2rem;
background-color: #f8f9fa;
border-radius: .25rem;
}
.breadcrumbs i:last-of-type,
.breadcrumbs .current-item,
.breadcrumbs [property="itemListElement"]:last-child {
display: none;
}
.breadcrumbs .separator {
font-style: normal;
}
.monlittoral .bg-primary {
background-color: #347f98 !important;
}
.monlittoral .ast-inside-advanced-header-content {
background-color: rgba(0,0,0,0.25);
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.map-4-3 {
position: relative;
padding-top: 75%;
}
.map-4-3 .leaflet-map {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
height:auto !important;
}
#emprise-facet .leaflet-draw-section .leaflet-draw-draw-rectangle {
background-position: -212px -2px;
}
figure figcaption {
text-align: center !important;
font-size: 90% !important;
opacity: 0.75 !important;
color: #333 !important;
margin: 0 0 1.6rem 0 !important;
padding: 0.5rem !important;
}
figure a:hover {
text-decoration: none;
}
.wp-block-image:not(.size-full),
.wp-block-image:not(.size-full) figure:not(.size-full) {
margin-left: auto;
margin-right: auto;
max-width: 450px;
}
blockquote {
font-size: 90%;
opacity: 0.85;
margin-bottom: 1.6rem;
}
.kt-blocks-carousel.kt-carousel-container-dotstyle-none {
padding-bottom: 0;
}
button:active, button:focus {
outline: none;
}
.ast-inside-advanced-header-content .breadcrumbs {
background: transparent !important;
padding: 0 !important;
}
.ast-advanced-headers-title {
text-align: left !important;
}
.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail {
margin: 0 !important;
}
.ast-inside-advanced-header-content {
background-color: rgba(44,62,80,0.40);
}
.wp-block-uagb-icon-list.uagb-icon-list__layout-horizontal.align-items-end .uagb-icon-list__wrap {
-ms-flex-align: flex-end !important;
align-items: flex-end !important;
}
header .main-navigation #primary-menu > li > a {
font-weight: bold;
text-transform: uppercase;
}

#primary {
margin-top: 1rem;
}
.ast-advanced-headers #primary,
.ast-theme-transparent-header #primary {
margin-top: 0;
}

/* Homepage */

@media screen and (max-width: 768px) {
	.home #content .ast-container {
	padding-left: 0;
	padding-right: 0;
	}
}

/* Mobile logo */
@media screen and (max-width: 768px) {
	.monlittoral .site-logo-img .custom-mobile-logo-link img {
		max-width: 100% !important;
		height: 100% !important;
		width: auto !important;
	}
	.monlittoral .ast-site-identity {
		padding: 0 !important;
	}
	.monlittoral .main-header-bar .site-branding {
		padding-right: 1.5rem !important;
	}
	.monlittoral .main-header-bar .ast-container {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

/* Posts */
.home .actualites .post-thumbnail {
margin: 0 !important;
}
.home .actualites article .entry-content-wrap {
padding: 1rem !important;
background: #fff;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.05)!important;
}
.home .actualites article header {
margin: 0;
padding: 0;
}
.home .actualites article header .entry-title {
text-align: center;
font-size: 1.5rem;
line-height: 1.5rem;
}
.home .actualites article header .entry-title a {
color: #347f98 !important;
text-decoration: none !important;
}
.home .actualites article header .entry-meta {
justify-content: center !important;
}
.home .actualites article header .entry-meta * {
color: #313131 !important;
}

/* Agenda */
.home .agenda:has(.ecs-no-events) {
display: none;
}

/* Searchbox */
.ast-header-search .astra-search-icon {
text-decoration: none !important;
}
.ast-search-box.header-cover {
background: #337f97 !important;
}

/* Agenda */
.ecs-event-list {
list-style-type: none;
margin: 0;
}
@media screen and (min-width: 769px) {
	.ecs-event-list .ecs-event {
	width: 33%;
	}
}
.ecs-event-list .ecs-event {
text-align: center;
}
.ecs-event-list .ecs-event a {
width: 100%;
}
.ecs-event-list .ecs-event img {
width: 100%;
margin-bottom: 0.25rem;
}
.ecs-event-list .ecs-event .entry-title {
font-size: 1.2rem;
margin-bottom: 0.25rem;
}


/* Facets */
.card .facetwp-facet {
margin: 0;
}
.card .facetwp-facet:empty {
padding: .75rem 1.25rem;
opacity: 0.6;
}
.card .facetwp-facet:empty::before {
content:'Aucun élément à afficher';
}
.card .facetwp-type-checkboxes .facetwp-toggle:not(.facetwp-hidden) {
display: block;
}
.card .facetwp-type-slider {
padding:1.25rem;
}
.card .facetwp-type-slider .facetwp-slider-label {
margin-bottom:.5rem;
display:block;
}
.card .facetwp-type-fselect .fs-wrap {
width:100%;
}
.card .facetwp-type-fselect .fs-label-wrap {
padding: .75rem 1.25rem;
border: 0;
}
.card .facetwp-type-fselect .fs-label-wrap .fs-arrow {
right: 1.25rem;
}
.card .facetwp-type-fselect .fs-dropdown {
width:calc(100% + 2px);
margin-top:-1px;
margin-left:-1px;
}
.card .facetwp-type-fselect .fs-dropdown .fs-search {
padding:0;
}
.card .facetwp-type-fselect .fs-dropdown .fs-search input {
padding: 0.75rem 1.25rem;
}
.card .facetwp-type-fselect .fs-dropdown .fs-option {
padding: .75rem 1.25rem;
}
.card .facetwp-type-fselect .fs-dropdown .fs-option .fs-checkbox {
margin-left: .75rem;
}
.card .facetwp-type-fselect .fs-dropdown .fs-option-label {
margin-left: 1.5rem;
white-space: normal;
word-break: break-word;
}
.search-header input,
.search-header select,
.search-header .facetwp-input-wrap {
width: 100%;
}
.search-header .facetwp-facet {
margin-bottom: 0;
}
.facetwp-selections ul {
margin-left: 0;
margin-bottom: 1.5rem;
}
.facetwp-selections ul li {
background: #57BAB7;
color:#fff;
padding:0.5rem;
border-radius: .25rem;
}
.facetwp-selections ul li .facetwp-selection-value {
color:#fff;
margin:0;
background:none;
padding:0;
}
.facetwp-selections ul li .facetwp-selection-value:empty {
display: none;
}
.facetwp-selections ul li .facetwp-selection-value:not(:last-child) {
margin-right:0.5rem;
}
.facetwp-selections ul li .facetwp-selection-value::after {
content: " ×"
}

/* Page */
.wp-bootstrap-blocks-row {
margin-top: 2rem;
}
.summary-sidebar .ub_table-of-contents {
background: transparent;
border: none;
display: block;
padding: 0;
}
.summary-sidebar .ub_table-of-contents ul {
list-style-type: none;
}
.summary-sidebar .ub_table-of-contents ul ul {
font-size: 90%;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 10px;
}
.summary-sidebar .ub_table-of-contents .ub_table-of-contents-container > ul {
margin-left: 0;
}
.summary-sidebar .ub_table-of-contents .ub_table-of-contents-container > ul > li::before {
content: '›';
margin-right: 10px;
}

.n2-ss-layer.n2-ow {
max-width: 1240px !important;
margin-left: auto;
margin-right: auto;
}
.n2-ss-layer.n2-ow p {
max-width:60% !important;
}

/* Contact From 7 */
.wpcf7-form-control-wrap {
margin-bottom: 1rem;
}
.wpcf7-form-control-wrap.accepte_utilistation_donnees {
display: inline;
}

/* Home */
.monlittoral.home .wp-block-gallery.columns-6 img {
max-height: 100px !important;

}
.monlittoral.home .wp-block-gallery.columns-6 .blocks-gallery-grid {
display: flex;
justify-content: space-between !important;
align-items: center !important;
}
.monlittoral.home .wp-block-gallery.columns-6 .blocks-gallery-grid .blocks-gallery-item {
width: auto !important;
margin: 0;
}
/* Evenements */
.monlittoral .ecs-event-list {
display: flex;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
}
.monlittoral .ecs-event-list .ecs-event {
display: flex;
flex-direction: column !important;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
.monlittoral .ecs-event-list .ecs-event > a {
order: 1;
}
.monlittoral .ecs-event-list .ecs-event > a img {
margin: 0 !important;
}
.monlittoral .ecs-event-list .ecs-event > .entry-title {
padding: 20px;
padding-bottom: 15px;
margin: 0 !important;
order: 2;
background: #e4e4e4;
}
.monlittoral .ecs-event-list .ecs-event > .duration {
padding: 20px;
padding-top: 0;
order: 3;
color: #777777;
background: #e4e4e4;
}
.monlittoral .tribe-common .tribe-common-c-btn,
.monlittoral .tribe-common a.tribe-common-c-btn,
.monlittoral .tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after,
.monlittoral .tribe-events .tribe-events-calendar-day__event--featured:after {
background-color: #347f98 !important;
}
.monlittoral .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-featured-text,
.monlittoral .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.monlittoral .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link,
.monlittoral .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-datetime-featured-text {
color: #347f98 !important;
}
.monlittoral .tribe-events .tribe-events-c-ical__link {
color: #347f98 !important;
border-color: #347f98 !important;
}
.monlittoral .tribe-events .tribe-events-c-ical__link:hover {
color: #fff !important;
background: #347f98 !important;
}
.monlittoral .tribe-common .tribe-common-anchor-thin-alt {
border-color: #347f98 !important;
}
.monlittoral .tribe-common .tribe-common-anchor-thin-alt:hover {
color: #347f98 !important;
}
.monlittoral .tribe-events .datepicker .day.active,
.monlittoral .tribe-events .datepicker .day.active.focused,
.monlittoral .tribe-events .datepicker .day.active:focus,
.monlittoral .tribe-events .datepicker .day.active:hover,
.monlittoral .tribe-events .datepicker .month.active,
.monlittoral .tribe-events .datepicker .month.active.focused,
.monlittoral .tribe-events .datepicker .month.active:focus,
.monlittoral .tribe-events .datepicker .month.active:hover,
.monlittoral .tribe-events .datepicker .year.active,
.monlittoral .tribe-events .datepicker .year.active.focused,
.monlittoral .tribe-events .datepicker .year.active:focus,
.monlittoral .tribe-events .datepicker .year.active:hover {
background: #347f98 !important;
}
.monlittoral .tribe-events-event-meta,
.monlittoral .event-tickets .tribe-tickets__rsvp-wrapper,
.monlittoral #tribe-events-pg-template {
width: 100%;
max-width: 100%;
}
.postid-7281 .tribe-events-event-image {
display: none;
}
.monlittoral .tribe-events-pg-template {
padding: 0 !important;
}
.acf-field-checkbox.scrollable-list .acf-checkbox-list {
border: #ccd0d4 solid 1px;
border-radius: 3px;
max-height: 200px;
overflow: auto;
padding: 10px;
}
.acf-actions {
margin-top: 1rem;
margin-bottom: 1rem;
}
.acf-fields > .acf-field {
padding-left: 0 !important;
padding-right: 0 !important;
}
.single-acteurs #content {
padding-top: 0 !important;
}

.single-tribe_events #content {
	padding-top: 0 !important;
}

.tribe-event .sidebar .tribe-events-meta-group {
	width: 100%;
	padding: 2rem 1.5rem 1rem 1.5rem;
	margin: 0;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	margin-top: 1.5rem !important;
	margin-bottom: 2.5rem;
	position: relative;
}

.tribe-event .sidebar .tribe-events-meta-group dl {
	margin: 0;
}

.tribe-event .sidebar .tribe-events-meta-group .tribe-events-single-section-title {
	background-color: #347f98;
	position: absolute;
	top: 0;
	padding: 0.25rem 1rem;
	transform: translate(0, -50%);
	color: #fff;
	border-radius: .25rem;
	font-size: 1.25rem;
	text-transform: none;
}

.btn-facebook {
	background-color: #4267B2;
	color: #fff !important;
}

.btn-twitter {
	background-color: #1DA1F2;
	color: #fff !important;
}

.btn-linkedin {
	background-color: #0e76a8;
	color: #fff !important;
}

.tribe-tickets__form-field-label[for*="tribe-tickets-rsvp-name"],
.tribe-tickets__form-field-label[for*="tribe-tickets-rsvp-email"],
.tribe-tickets__rsvp-form-field-email,
.tribe-tickets__rsvp-form-field-name {
	display: none !important;
}