/* 
 * COULEURS
 * 
 * Marron sombre : #221D1F
 * Marron        : #5B4B42
 * Marron clair  : #EAE4E1
 * Vert          : #30A15C
 *
 */


/* TYPO */
h1, h2, h3, h4, h5, h6 {
	color: #30A15C;
}


/* HEADER */
.header {
	background: #EAE4E1;
}
.header_branding_inner a{
	display : inline-block;
    
}
.header_branding_inner a span {
	display : inline-block;
	position: relative;
	z-index : 10;
	height  : 100%;
}

	.header_branding_inner a span:after {
		content   :" ";
		position  : absolute;
		z-index   : -1;
		background: #FFF;
		top       : -10px;
		bottom    : -10px;
		left      : -10px;
		right     : -5px;
	}

.burger span, .burger span:before, .burger span:after {
    background: #5B4B42;
}

.header_nav {
    background: #221D1F;
}













.header_branding_inner  a.header_logo_desktop_colmar_link{
    height: auto !important;
    padding:0;
    margin-left:25px;
    position: relative;
}


@media only screen and (min-width: 1024px) {
    .mainMenu > .content > .menu-block-wrapper > ul > li > a, 
    .mainMenu > .content > .menu-block-wrapper > ul > li > .nolink {
       font-size:0.75rem;
        padding: 0 4px;
    }
}

@media only screen and (min-width: 1200px) {
    .mainMenu > .content > .menu-block-wrapper > ul > li > a, 
    .mainMenu > .content > .menu-block-wrapper > ul > li > .nolink {
       font-size:0.825rem;
        padding: 0 9px;
    }
}

@media only screen and (min-width: 1280px) {
    .mainMenu > .content > .menu-block-wrapper > ul > li > a, 
    .mainMenu > .content > .menu-block-wrapper > ul > li > .nolink {
       font-size:0.875rem;
        padding: 0 9px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1425px) {
    .header_branding_inner img{
        max-height:83% !important;
        margin-top: 5px;
    }
   .header_branding_inner .header_logo_desktop_colmar_link img.header_logo_desktop_colmar{

    }

}


















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

	.header_branding_inner a span:after {
		left      : -20px;
		right     : -20px;
	}

}

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


	.mainMenu > .content > .menu-block-wrapper > ul:before, .mainMenu > .content > ul:before {
		background: #EAE4E1;
	}

	.header_nav {
		background: transparent;
	}

	.header > .row {
		padding: 0 35px;
	}

		.header_branding_inner a span:after {
			top       : -12px;
			bottom    : -12px;
			left      : -40px;
			right     : -10px;
		}

		.header_button i, a.header_button i {
			color: #5B4B42 !important;
			border-color: #958982;
		}

		.mainMenu > .content > .menu-block-wrapper > ul > li > a, 
		.mainMenu > .content > .menu-block-wrapper > ul > li > .nolink {
			color: rgba(0, 0, 0, .9);
		}

		.header_search {
			background: #5B4B42;
		}
}



@media only screen and (min-width: 1430px) {
    .mainMenu > .content > .menu-block-wrapper > ul > li > a, 
    .mainMenu > .content > .menu-block-wrapper > ul > li > .nolink {
       font-size:1rem;
    }
}



/* BLOC BOUTON */
.blocbouton:after, .blocbouton:before {
	display: none;
}

.blocbouton {
	color: #5B4B42;
}

.blocbouton__color {
	color: #FFFFFF;
}


input[type=submit],
button {
	color: #FFFFFF;
}




/* BTN */
.btn, a.btn {
	color: #5B4B42;
	box-shadow: inset 0 0 0 4px #5B4B42;
}

.btn.small {
	box-shadow: inset 0 0 0 2px #5B4B42;
}

.no-touch .btn.hover_marron:after,
.no-touch a.btn.hover_marron:after,
.no-touch .btn.hover_marron:before,
.no-touch a.btn.hover_marron:before {
  border-color: #5B4B42;
}
.no-touch .btn.hover_marron:hover,
.no-touch a.btn.hover_marron:hover {
  color: #5B4B42;
}




/* SLIDER ACCUEIL */
.homeSlider_slide_wrapper {
	max-width: 80%;
}

	.homeSlider_slider_image {
		position: absolute;
		right: 0;
		max-width: 50%;
		top: 80px;
		box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.3);
	}

	.homeSlider_slide_titre {
		font-weight: bold;
		color: #FFF;
	}

		.homeSlider_slide_titre .ligne {
			display: block;
		}

		.homeSlider_slide_titre .soustitre {
			font-size: .6em;
		}

		.homeSlider_slide_titre .background {
			background: #30A15C;
			line-height: 1;
			display: inline-block;
			padding: 5px 10px;
			margin-bottom: 2px;
		}

	.homeSlider_slide_contenu {
		max-width: 320px;
		width: 50%;
	}

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

		.homeSlider_slider_image {
			right: 40px;
			top: 80px;
		}

		.homeSlider_slide_contenu {
			padding-bottom: 2em;
			font-size: .875rem;
			padding-top: 0.8em;
			line-height: 1.6;
		}

	}

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

		.homeSlider_slider_image {
			right: 60px;
		}

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

		.homeSlider_slider_image {
			right: 80px;
		}

	}

	@media only screen and (min-width: 768px) and (min-height: 670px) {

		.homeSlider_slider_image {
			top: 120px;
		}

		.homeSlider_slide {
			padding-top: 100px;
		}
	}
	@media only screen and (min-width: 768px) and (min-height: 800px) {
		.homeSlider_slider_image {
			top: 180px;
		}
		
		.homeSlider_slide {
			padding-top: 180px;
		}
	}
	@media only screen and (min-width: 768px) and (min-height: 900px) {
		.homeSlider_slider_image {
			top: 240px;
		}
		.homeSlider_slide {
			padding-top: 240px;
		}
	}


/* GOOGLE MAP */
#block-bean-google-map-accueil {
	border-top:    5px solid #FFF;
	border-bottom: 5px solid #FFF;
}

	.map {
		background: #F0F0F0;
	}


/* FOOTER */
.footer, .footer a:not(.btn) {
	color: rgba(68, 68, 68, 0.8);
}

.footer_top {
	background: #F0F0F0;
}

	.footer_top > .region > .row > [class*="col-"]:not(:last-child) {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.footer_top > .region > .row > [class*="col-"]:not(:last-child):after {
		content: " ";
		position: absolute;
		left: 5px;
		right: 5px;
		bottom: 0;
		height: 1px;
		background: rgba(0, 0, 0, 0.15);
	}
	@media only screen and (min-width: 768px) {
		.footer_top > .region > .row > [class*="col-"] {
			padding-left: 20px;
			padding-right: 20px;
			border-bottom: none;
		}
		.footer_top > .region > .row > [class*="col-"]:after {
			display: none;
		}
		.footer_top > .region > .row > [class*="col-"]:first-child {
			padding-left: 5px;
		}
		.footer_top > .region > .row > [class*="col-"]:last-child {
			padding-right: 5px;
		}
		.footer_top > .region > .row > [class*="col-"]:not(:last-child) {
			padding-bottom: 0;
			margin-bottom: 0;
			border-right: 1px solid rgba(0, 0, 0, 0.15);
		}
	}

	.footer_menu {
		display: none;
	}

	@media only screen and (min-width: 1280px) {
		.footer_menu {
			display: inline-block;
		}
	}
	
	.footer_menu ul li {
		padding: 0;
	}
	.footer_menu ul li:before {
		display: none;
	}
	.footer_menu ul li a {
		text-decoration: none;
		border: none;
	}


.footer_bottom {
	background: #E0E0E0;
}


/* ACTUS */
.page__liste_bg, .page__liste_bg__block {
	background-color: #5B4B42;
	background-image: url('../../assets/images/cloitre-fade.jpg');
}
.page__liste {
	background-color: #221D1F;	
}

.gradientOverlay:after {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 60, 53, 0)), color-stop(100%, #221D1F));
	background: -webkit-linear-gradient(top, rgba(73, 60, 53, 0) 0%, #221D1F 100%);
	background: linear-gradient(to bottom, rgba(73, 60, 53, 0) 0%, #221D1F 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00221D1F', endColorstr='#221D1F', GradientType=0);
}

.listItem_title {
	text-transform: none;
}
.listItem_categorie {
	font-size: 14px;
	font-weight: 300;
}

.homeEvents {
	border-bottom: none;
}

.homeEvents_title {
	margin: 0 15px 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, .25);
}

	.homeEvents_title h2 {
		float: left;
		text-transform: uppercase;
		letter-spacing: .2em;
		font-size: 18px;
		margin: 0;
		color: #FFF;
	}

	a.homeEvents_link {
		float: right;
		color: #FFF;
		border: none;
		text-transform: uppercase;
		font-size: 12px;
		padding-top: 4px;
	}

	@media only screen and (min-width: 480px) {
		.homeEvents_title h2 {
			font-size: 22px;
		}
		a.homeEvents_link {
			font-size:  14px;
			padding-top: 5px;
		}
	}

	@media only screen and (min-width: 768px) {
		.homeEvents_title {
			margin: 0 25px 40px;
		}
	}


.homeEvents .listItem {
	margin-bottom: 20px;
}

.homeEvents [class*="col-"] {
	padding-left:  10px;
	padding-right: 10px;
}

@media only screen and (min-width: 768px) {
	.homeEvents {
		padding-left:  20px;
		padding-right: 20px;
	}
}

@media only screen and (min-width: 1024px) {
	.homeEvents {
		padding-left:  40px;
		padding-right: 40px;
	}
}
@media only screen and (min-width: 1280px) {	
	.homeEvents {
		padding-left:  60px;
		padding-right: 60px;
	}
}






/* //  PAGINATION                              */
/* //  --------------------------------------------- */

.pager {
		/* .list_nostyle; */
		padding-top: 2rem !important;
		/* .font-size(17); */   
		list-style: none;
		/* padding-top: 25px !important; */
		text-align: center;
		font-size: 1.0625em;
	}
	.pager li {
		display: inline-block;
		list-style: none;  
		padding: 0;
		margin: 0;
	}
	.pager li:before {
		content:'';
		display: none;
	}

	.pager a, 
	.pager .pager-current {
		display: inline-block;
		font-weight: bold;
		line-height: 1;
		padding: 7px 10px;
		border: none;
		/* border: 1px solid @color; */
		border: 1px solid #fff;
	}

	.pager a:hover {
		background: #F6F6F6;
	}

	.pager .pager-current {
		color: #FFF;
		/* background: @color; */
		/* background: #fff; */
		font-weight: normal;
	}

	.pager-first,
	.pager-previous,
	.pager-next,
	.pager-last {
		/* //a { font-weight: normal } */
	}

	.pager-previous { padding-right: 10px }
	.pager-next     { padding-left:  10px }

	
	.page-search404 .error{
			display: none;
	}