/* 
 * Theme customization based on Katana.
 * Copyright 2015 Ma Mémoire Médicale
*/

.mmm-homepage .tm-top-a, 
.mmm-homepage .tm-top-b,
.mmm-homepage .tm-bottom-a,
.mmm-homepage .tm-bottom-b {
	margin-top: 40px;
	margin-bottom: 40px;
}
.mmm-homepage header {
	border-bottom: 1px solid rgba(0,0,0,0.12);
}
.mmm-language, .mod-languages {
	float: right;
	margin-top: 38px;
	margin-left: 20px;
}
.mmm-slideshow {
	position: relative;
	background: #fff url('/images/banners/famille.jpg') no-repeat;
	box-sizing: border-box;
	width: 100%;
	min-width: 100%;
	height: 660px;
	min-height: 100%;
	background-position: 50%;
	/*background-size: cover;*/
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mmm-slideshow h1 {
	background: rgba(255, 255, 255, 0.4);
	padding: 20px;
	color: #03A7FF;
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 40px;
}
@media screen and (max-width: 1220px) {
    .mmm-slideshow h1 {
		font-size: 36px;
		line-height: 44px;
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 960px) {
    .mmm-slideshow h1 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 768px) {
    .mmm-slideshow h1 {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 80px;
	}
}
.mmm-homepage .tm-overlay.uk-overlay .uk-overlay-area {
	margin: 0;
}
.mmm-homepage .tm-overlay.uk-overlay .tm-overlay-headline,
.mmm-homepage .tm-overlay.uk-overlay .tm-overlay-content {
	transition: none;
}
@media (max-width: 480px) {
	.mmm-homepage .tm-overlay.uk-overlay .tm-overlay-content {
		display: inline !important;
	}
}
@media screen and (min-width: 1219px) and (max-width: 1400px) {
	.mmm-homepage .uk-position-cover h3,
    .mmm-homepage .tm-overlay-headline {
		font-size: 0.9em;
		line-height: 18px;
		margin: 0 0 10px;
	}
	.mmm-homepage .uk-position-cover h4 {
		font-size: 0.8em;
		line-height: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.mmm-homepage .uk-position-cover p,
	.mmm-homepage .tm-overlay-content {
		font-size: 0.9em;
		line-height: 18px;
		margin-top: 10px;
	}
}
@media screen and (min-width: 960px) and (max-width: 1220px) {
	.mmm-homepage .uk-position-cover h3,
    .mmm-homepage .tm-overlay-headline {
		font-size: 0.85em;
		line-height: 18px;
		margin: 0 0 5px;
	}
	.mmm-homepage .uk-position-cover h4 {
		font-size: 0.8em;
		line-height: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.mmm-homepage .uk-position-cover p,
	.mmm-homepage .tm-overlay-content {
		font-size: 0.8em;
		line-height: 16px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.mmm-homepage .uk-scrollspy-inview .uk-panel-space {
		padding: 10px;
	}
	.tm-overlay.uk-overlay .tm-overlay-headline {
		left: 10px;
		right: 10px;
	}
	.tm-overlay.uk-overlay .tm-overlay-content {
		bottom: 10px;
		left: 10px;
		right: 10px;
	}
}

.tm-block-dark hr {
	border-color: rgba(255, 255, 255, 0.7);
}
.tm-block-dark a, .tm-block-dark .uk-link {
	color: rgba(255, 255, 255, 0.85) !important;
}
.tm-block-dark .tm-top-c a {
	color: #03a7ff !important;
}

.tm-block-dark a:hover, .tm-block-dark .uk-link:hover {
	color: #FFFFFF !important;
	text-decoration: underline;
}
.tm-block-primary {
    color: #333333 !important;
}
.tm-block-primary a, .tm-block-primary .uk-link {
	color: #333333 !important;
}
.tm-footer p {
	font-size: 0.85em;
	color: rgba(255, 255, 255, 0.85);
}
.tm-footer a {
	color: rgba(255, 255, 255, 0.85);
}
.tm-footer a:hover {
	color: #FFFFFF !important;
	text-decoration: underline;
}
@media screen and (max-width: 1024px) {
	.tm-footer-top {
		font-size: 0.9em;
	}
	.tm-footer p {
		font-size: 0.8em;
		margin: 0;
	}
}
@media screen and (max-width: 768px) {
	.tm-footer p {
		font-size: 0.7em;
	}
}
@media screen and (max-width: 480px) {
	.tm-footer p {
		text-align: center;
	}
}
.uk-button:hover,
.uk-button:focus {
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
	background: #03a7ff;
    color: #fff;
}

@media (max-width: 1219px) {
  .tm-logo .mmm-visible-xlarge {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .tm-logo .mmm-visible-medium {
    display: none !important;
  }
}
@media (min-width: 1220px) {
  .tm-logo .mmm-visible-medium {
    display: none !important;
  }
}