/*
Theme Name: Therapie Famille Couple
Theme URI: https://www.studio-creatis.net
Author: Studio Créatis
Author URI: https://www.studio-creatis.net
Description: Ceci est un thème personnalisé pour Catherine LAMARE, thérapeute systémique basée à Ligugé.
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: therapy
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

h2 {
	color: #FFF;
	font-family: 'Belgrano', serif;
	background-color: #ca460a;
	padding: 20px;
	text-align: center;
	width: auto;
	display: inline-block;
	font-size: 1.5rem;
}

h3 {
	color: #ca460a;
	font-family: 'Cabin Sketch', cursive;
	text-align: center;
	width: auto;
	font-size: 2.5rem;
	margin-bottom: 0px;
}

h4 {
	color: #FFF;
	font-family: 'Cabin Sketch', cursive;
	text-align: left;
	width: auto;
	font-size: 2rem;
	margin-bottom: 0px;
	padding-top: 15px;
}

p {
	color: #000;
	font-family: 'Belgrano', serif;
	font-size: 1rem;	
}

.p-classic {
	text-align: left;
}

.p-classic a {color: #ca460a;}

body {margin: 0; background-color: #FFFFFF;}

.content {margin-left: auto; margin-right: auto; width: 95%; max-width: 1300px; position: relative; height: auto; text-align: center;}

.header-accueil {
	width: 100%;
	height: auto;
	background-color: #f6e3ce;
	position:fixed;
	top: 0;
	box-shadow: 0px 0px 10px #92612a;
	padding: 0px;
	z-index: 10;
}

.menu-logo {
	font-family: 'Cabin Sketch', cursive;
	font-size: 2rem;
	margin-top: 20px;
	font-weight: 700;
	color: #ca460a;
	position: relative;
	float: left;
}

.menu-smartphone {
	display: none;
	}

.top-bar-right {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
}

.top-bar-right ul {
	list-style: none;
	font-family: 'Belgrano', serif;
	font-size: 1rem;
	margin: 0px;
	padding: 0;
}

.top-bar-right ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

.top-bar-right a:link {
	color: #ca460a;
	background-color: none;
	text-decoration: none;
	display: inline-block;
	padding: 30px 10px 30px 10px;
	transition: 1s;
}

.top-bar-right a:visited {color: #ca460a;}

.top-bar-right a:hover {
	color: #FFFFFF;
	background-color: #ca460a;
	transition: 0.5s;
}

#page-actuelle {color: #FFFFFF; background-color: #ca460a;}

.footer {
	width: 100%;
	height: 120px;
	background-color: #ca460a;
	box-shadow: 0px 0px 10px #92612a;
	padding: 0px;
	position: relative;
	clear: both;
	margin-top: 25px;
	padding-top: 0px;
}

.footer p {color: #FFF; text-align: left; margin-top: 0px;}
.footer .content {padding-top: 0px;}
.footer a {color: #FFF;}
.footer a:visited {color: #FFF;}
.footer img {width: 105px; float: left;}
.footer .footer-right {color: #FFF;font-family: 'Belgrano', serif; font-size: 0.7rem; margin-top: -30px; position: relative; float: right;}

.visuel-accueil {
	margin-top: 100px;
	margin-bottom: 25px;
	width: auto;
	height: 80vh;
	padding: 20px;
	background-color: #FFFFFF;
}

.visuel-inter {
	margin-top: 100px;
	margin-bottom: 25px;
	width: auto;
	height: 50vh;
	padding: 20px;
	background-color: #FFFFFF;
}

.visuel-accueil-inside {
	width: auto;
	height: 100%;
	padding: 20px;
	border-width: 2px;
	border-style: solid;
	border-color: #ca460a;
	background-color: #FFFFFF;
	margin-top: -20px;
}

.visuel-accueil-inside2 {
	width: auto;
	height: 100%;
	background-size: cover;
	background-position: center;
	margin-top: 0px;
}

.content-titre {
	background-color: #FFF;
	float: right;
	width: 100%;
	max-width: 600px;
	position: relative;
	top: 40%;
	text-align: center;
}

.titre-accueil {
	font-family: 'Cabin Sketch', cursive;
	font-size: 4rem;
	line-height: 3rem;
	margin-top: 20px;
	font-weight: 700;
	color: #ca460a;
	margin: 20px 20px 0px 20px;
	padding-bottom: 0px;
}

.sous-titre {
	font-family: 'Belgrano', serif;
	color: #ca460a;
	font-size: 1.5rem;
	line-height: 2rem;
	margin-top: 0px;
	margin-bottom: 10px;
}

.titre-inter {
	font-family: 'Cabin Sketch', cursive;
	font-size: 4rem;
	line-height: 3rem;
	margin-top: 20px;
	font-weight: 700;
	color: #ca460a;
	margin: 20px 20px 0px 20px;
	padding-bottom: 20px;
}

.content-colonnes {width: 75%; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 10px; clear: both;position: relative; height: auto; display: flex;}
.content-1colonne {width: 75%; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 10px; clear: both;position: relative; height: auto;}

.colonneg{
	width: 30%;
	min-width: 250px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.colonned{
	width: 60%;
	min-width: 300px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.colonne {
	width: 30%;
	position: relative;
	float: left;
	background-color: #ca460a;
	margin: 0px 1.66%;
	padding: 0px 10px 20px 10px;
	transition: 0.5s ease-in-out;
}
.colonne:hover {transition: 0.5s ease-in-out; margin-top: -25px;}

.colonne p {color: #FFF; font-size: 0.8rem;}
.colonne h3 {color: #FFF; line-height: 2.3rem; margin-top: 20px; font-size: 2.5rem;}
.colonne .bouton {background-color: #FFF;color: #ca460a;}
.colonne .bouton:hover {background-color: #ecc9a3;}
.colonne img {width: 80%;margin-bottom: -12px;}

.img-colonne {
	width: 100%;
}

.bouton {
	font-family: 'Belgrano', serif;
	color: #FFFFFF;
	background-color: #ca460a;
	transition: 0.5s;
	display: inline-block;
	padding: 20px 30px;
	border-radius: 40px;
	text-decoration: none;
	font-size: 1rem;
}

.bouton:hover {
	transition: 0.5s;
	background-color: #de7140;
	padding: 20px 40px;
}




@media screen and (max-width: 900px)
{
	h2 {
	color: #FFF;
	font-family: 'Belgrano', serif;
	background-color: #ca460a;
	padding: 20px;
	text-align: center;
	width: auto;
	display: inline-block;
	font-size: 2.5rem;
}

h3 {
	color: #ca460a;
	font-family: 'Cabin Sketch', cursive;
	text-align: center;
	width: auto;
	font-size: 3.5rem;
	margin-bottom: 0px;
}

h4 {
	color: #FFF;
	font-family: 'Cabin Sketch', cursive;
	text-align: left;
	width: auto;
	font-size: 3rem;
	margin-bottom: 0px;
	padding-top: 15px;
}

	p {
	color: #000;
	font-family: 'Belgrano', serif;
	font-size: 2rem;	
}
	
	.content {margin-left: auto; margin-right: auto; width: 100%; max-width: 1300px; position: relative; height: auto; text-align: center;}

	.bouton {
	font-family: 'Belgrano', serif;
	color: #FFFFFF;
	background-color: #ca460a;
	transition: 0.5s;
	display: inline-block;
	padding: 20px 30px;
	border-radius: 40px;
	text-decoration: none;
	font-size: 2rem;
}

.visuel-accueil {
	margin-top: 100px;
	margin-bottom: 25px;
	width: auto;
	height: 600px;
	padding: 20px;
	background-color: #FFFFFF;
}
.visuel-inter {
	margin-top: 100px;
	margin-bottom: 25px;
	width: auto;
	height: 600px;
	padding: 20px;
	background-color: #FFFFFF;
}
.visuel-accueil-inside2 {
	width: auto;
	height: 100%;
	background-size: cover;
	background-position: left;
	margin-top: 0px;
}

.content-titre {
	background-color: rgba(255,255,255,0.85);
	float: right;
	width: 100%;
	max-width: 100%;
	position: relative;
	top: 75%;
	text-align: center;
}
	
.content-colonnes {width: 90%; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 10px; clear: both;position: relative; height: auto; display: block;}
.content-1colonne {width: 90%; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 10px; clear: both;position: relative; height: auto;}

	
.colonneg{
	width: 100%;
	min-width: 250px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.colonned{
	width: 100%;
	min-width: 300px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding-left: 0px;
	padding-right: 20px;
}

.colonne {
	width: 95%;
	position: relative;
	float: left;
	background-color: #ca460a;
	margin: 0px 1.66%;
	margin: 0px 0px 40px;
	padding: 0px 10px 40px 10px;
	transition: 0.5s ease-in-out;
}

.colonne p {color: #FFF; font-size: 1.8rem;}
.colonne h3 {color: #FFF; line-height: 3.3rem; margin-top: 40px; margin-bottom: 40px; font-size: 3.5rem; padding-left: 20px; padding-right: 20px;}

.menu-logo {
	font-size: 2.4rem;
	margin-top: 25px;
	margin-left: 10px;
}	
	
.menu-smartphone {
text-decoration: none;
display: inline-block;
padding: 30px 40px 30px 40px;
position: relative;
color: #FFFFFF;
float: right;
font-family: 'Belgrano', serif;
margin: 0px;
background-color: #ca460a;
font-size: 1.5rem;
border: none;
}
	
.top-bar-right {
	display: block;
	position: fixed;
	right: -300px;
	top: 120px;
	font-family: 'Belgrano', serif;
	font-size: 2rem;
	margin: 0px;
	padding: 0px;
	width: 300px;
	background-color: #ca460a;
	text-align: right;
	box-shadow: 0px 0px 10px #92612a;
	transition: 0.5s;
}
.top-bar-right-open {
	display: block;
	position: fixed;
	right: 0px;
	top: 120px;
	font-family: 'Belgrano', serif;
	font-size: 2rem;
	margin: 0px;
	padding: 0px;
	width: 300px;
	background-color: #ca460a;
	text-align: right;
	box-shadow: 0px 0px 10px #92612a;
	transition: 0.5s;

}

.top-bar-right ul {
	list-style: none;
	font-family: 'Belgrano', serif;
	font-size: 1.5rem;
	margin: 0px;
	padding: 0;
	text-align: right;
}

.top-bar-right ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	text-align: right;
}

.top-bar-right a:link {
	color: #FFFFFF;
	background-color: none;
	text-decoration: none;
	display: inline-block;
	padding: 30px 10px 30px 10px;
	transition: 1s;
	text-align: right;

}

.top-bar-right a:visited {color: #FFFFFF;}

.top-bar-right a:hover {
	color: #FFFFFF;
	background-color: #ca460a;
	transition: 0.5s;
}	
	
.content {width: 700px;}
.visuel-accueil {margin-top: 120px;}
.visuel-inter {margin-top: 120px;}

	.footer {
	width: 190vw;
	height: 350px;
	background-color: #ca460a;
	box-shadow: 0px 0px 10px #92612a;
	padding: 0px;
	position: relative;
	float: left;
	clear: both;
	margin-top: 50px;
	padding-top: 0px;
}

.footer p {color: #FFF; text-align: left; margin-top: 0px;}
.footer .content {padding-top: 0px;}
.footer a {color: #FFF;}
.footer a:visited {color: #FFF;}
.footer img {width: 130px; float: right; transform: rotateY(180deg);}
.footer .footer-right {color: #FFF;font-family: 'Belgrano', serif; font-size: 1.2rem; margin-top: -30px; position: relative; float: left;}

	
}