/*
Theme Name: TourDuMonde
Author: Baptiste Legrand
*/

:root {
	--tdm-couleur-liens: #69c6bf;
	--tdm-couleur-cta: #26bab0;
}



/** #####################################################
* TYPOGRAPHIE & STYLES DE BASE
** ##################################################### */
body {
	font: 0.75rem/1.3em Arial, Helvetica, sans-serif;
	color: #444;
	background-color: #FFF;
}

h1,
h2,
h3,
h4,
.serif {
	font-family: 'Playfair Display', serif;
	margin-bottom: 0.938em;
	font-size: 100%;
	color: #4E5860;
	line-height: 1.125em
}

h1 {
	font: 300 48px/1em 'Playfair Display', Georgia, serif;
	margin: 0 auto 15px;
	text-align: center;
	color: #444;
}

h2 {
	font-size: 15px;
	font-weight: 400
}

h3 {
	font-size: 1em;
	font-weight: 400
}

small,
.small {
	font-size: 0.750em
}

@media screen and (max-width:450px) {
	h1 {
		font-size: 30px;
		margin: 0 auto 0.34em;
	}
}


a {
	color: var(--tdm-couleur);
	text-decoration: underline;
}

a:hover {
	color: var(--tdm-couleur);
	text-decoration: none;
}


.cta,
.cta.invert {
	font: 1rem/1em Arial;
	text-decoration: none;
	padding: 0.75em 1em;
	display: inline-block;
}

.cta,
.cta.invert:hover {
	background-color: var(--tdm-couleur-cta);
	color: #FFF;
	border: 1px solidvar(--tdm-couleur-cta);
}

.cta:hover,
.cta.invert {
	background-color: #FFF;
	color: var(--tdm-couleur-cta);
	text-decoration: none;
}

@media screen and (max-width:600px) {

	.cta,
	.cta.invert {
		font-size: 14px;
	}
}





.icon.links li {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.icon.links li a {
	display: block;
	background: var(--tdm-couleur-cta);
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	width: 2em;
	text-align: center;
	line-height: 2em;
}

.icon.links li a:hover {
	background-color: #000;
}

.round.icon.links li a {
	border-radius: 50%;
}





@media screen and (max-width:450px) {
	#destinations .cover .titrage {
		top: 45% !important;
	}

	#destinations .cover .titrage h1,
	#destinations .cover .titrage h2 {
		font-size: 18px !important;
	}
}