/* 
 * Theme Name:  Les Teddys 
 * Description:  Les Teddys du Phare Ouest
 * Version: 1 
*/

/*------------------------------------------------------------------
[SOMMAIRE]
0. GENERAL
1. FONTS
2. HEADER 
3. TEMPLATE ACCUEIL 
10. FOOTER 
11. RESPONSIVE 
12. WORDPRESS CLASSES
-------------------------------------------------------------------*/

/**** 0. GENERAL ***************************************************/
body { 
	font-family: 'Dosis';
	color: #3d3d3d;
}

h1, h2,h3, h4, h5, h6 { 
	font-family: 'Parisienne'; 
	color: #3d3d3d;
	text-align: center;
}

h1 { font-size: 42px; margin-bottom: 2%; }
h2 { font-size: 38px; margin-bottom: 2%; }
h3 { font-size: 34px; margin-bottom: 2%; }
h4 { font-size: 30px; margin-bottom: 2%; }

p { font-family: 'Dosis'; font-size: 20px; font-weight: 200;}

a:hover { color: #3d3d3d; text-decoration: #000000 wavy underline; }
a.btn-lien { font-family: 'Parisienne'; font-size: 30px; color: #3d3d3d;}
	a.btn-lien:hover { text-decoration: #3d3d3d wavy underline;}
a { font-family: 'Parisienne'; color: #3d3d3d;}

img {
    max-width: 100%;
    height: auto;
}
img.ico_fle {
    max-width: 50px;
    margin: 0 2% !important;
}


/**** 1. FONTS ***************************************************/
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');

@font-face {
    font-family: 'Dosis';
    src: url('font/Dosis/Dosis-VariableFont_wght.ttf');
}

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Parisienne&display=swap');

@font-face {
    font-family: 'Parisienne';
    src: url('font/Parisienne/Parisienne-Regular.ttf');
}



/**** 2. HEADER ***************************************************/
.header-accueil {}
	
	/* MENU CONTACT */
	.header-accueil .container_menu_contact {
		background-color: white;
		color: #3d3d3d;
		padding: 5px 5%;
		text-align: center;
	}
		.menu_contact img.logo_loc, .menu_contact img.logo_tel, .menu_contact img.logo_ava {
			width: 34px;
			display: inline-block;
			text-align: center;
		}
		.menu_contact p {
			display: inline-block;
			text-align: center;
			font-size: 18px;
			margin-bottom: 0;
		}


	/* MENU PRINCIPAL */
	.header-accueil .container_menu_header {
		background-image: url(./img/champ_herbe_opa_vert.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 1% 5%;
	}
		/* LOGO HEADER ACCUEIL */
		.header-accueil img.logo_header {
		    max-width: 100%;
		    margin: 0 auto;
		    text-align: center;
		}
			.header-accueil .container_menu_header .logo_header {
				text-align: center;
				margin: 0 auto;
			}
		
		/* LOGO HEADER PAGE+BLOG */
        .header-accueil img.logo_header_min {
			max-width: 20%!important;
		    margin: 0 auto;
		    text-align: center;
		}
			.header-accueil .container_menu_header .logo_header_min {
				text-align: center;
				margin: 0 auto;
			}

/* MENU HAUT CENTRE */
.header-accueil .container_menu_header .menu-haut-centre {
    background-image: linear-gradient(to right top, #fea86e, #fbad7c, #f8b28a, #f4b897, #efbda4);
    text-align: center;
    margin: 0;
    padding: 0;
}
	/* MENU HAUT GAUCHE */
	.header-accueil .container_menu_header .menu-haut-gauche {
		background-image: linear-gradient(to right top, #fea86e, #fbad7c, #f8b28a, #f4b897, #efbda4);
		text-align: right;
		margin: 0;
		padding: 0;
	}	
		/* MENU HAUT DROIT */
		.header-accueil .container_menu_header .menu-haut-droit {
			background-image: linear-gradient(to right top, #fea86e, #fbad7c, #f8b28a, #f4b897, #efbda4);
			text-align:  left;
			margin: 0;
			padding: 0;
		}

ul.menu_haut {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.menu_haut li {
    display: inline-block;
    margin: 2% 4%;
    text-align: center;
}
	.menu_haut li a { 
	    font-family: 'Parisienne';
	    text-decoration: none;
	    color: #fffcf7;;
	    display: block;
	    font-size: 30px;
		font-weight: 400;
	}
	.menu_haut li a:hover { 
		color: #fffcf7;; 
		text-decoration: #fffcf7 wavy underline;
	}
		.menu_haut ul.sub-menu {      
			display: none; 
			position: absolute; 
			z-index: 2; 
		}
		.menu_haut li:hover ul.sub-menu { display: block; padding: 0;}
		.menu_haut ul.sub-menu li {
			display: block; 
			position: relative;
			padding: 5px 10px; 
			z-index: 2;
			color: #fffcf7;;
			text-align: left;
		}
		.menu_haut ul.sub-menu li a { color: #fffcf7;; }
		.menu_haut ul.sub-menu li a:hover { color: #fffcf7;;}


/*** 3/ TEMPLATE ACCUEIL ***************************************************/
/* CONTAINER BIENVENUE */
.page-accueil .bienvenue {
    padding: 5% 10%;
	text-align: center;
	background: linear-gradient(90deg,rgba(254, 168, 110, 1) 0%, rgba(254, 168, 110, 1) 75%, rgba(255, 252, 247, 1) 100%);
	color: #3d3d3d;
}
	.bienvenue .imgBienvenue {
	    text-align: center;
	}
		.bienvenue .imgBienvenue img {
			width: 70%;
			margin: 1% auto;
		}

/* CONTAINER SLIDER PHOTO 1*/
.page-accueil .slider_photo_accueil1 {
	background-image: url(./img/fond_plage_opa_blanc.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	color: #3d3d3d;
	padding: 5% 0 3% 0;
    text-align: center; 
}
	.page-accueil .slider_photo_accueil1 img {
		margin: auto 0;
		text-align: center;
		width: 100%;
		border-radius: 100%;
	}
		/* MODIF CODE SOURCE PLUGIN, CONTAINER SLIDER PHOTO 	 */
		.slider_photo_accueil1 .metaslider .caption-wrap {
			position: relative;
			bottom: 0;
			left: 0;
			background: #3d3d3d;
			color: white;
			opacity: 1;
			margin: 0;
			display: block;
			width: 100%;
			line-height: 1.4em;
		}

/* CONTAINER MARIAGE */
.page-accueil .mariage {
    padding: 5% 10%;
    text-align: center;
	background: linear-gradient(90deg,rgba(178, 198, 157, 1) 0%, rgba(178, 198, 157, 1) 48%, rgba(255, 252, 247, 1) 100%);
	color: #3d3d3d;
}
	.page-accueil .mariage_fond {
		background-image: url(./img/emprunt_lapin.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0;
		padding: 0;
	}
	.page-accueil .mariage .blockMariage {
		margin: 5% auto 3% auto;
	}
		.page-accueil .mariage img {
			margin: auto 0;
			text-align: center;
			width: 85%;
			border-radius: 100%;
			padding-bottom: 5%;
		}
		.page-accueil .mariage img.ico_fle {
			padding-bottom: 0!important;
		}

/* CONTAINER NAISSANCE*/
.page-accueil .naissance {
	background-image: url(./img/phare_opa_vert.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #3d3d3d;
	padding: 5% 10%;
    text-align: center;
}
	.page-accueil .naissance .blockNaissance {
		margin: 3% auto;
	}
		.page-accueil .naissance .post-thumbnail {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			border-radius: 100%;
			width: 100%;
			height: 300px;
			margin-top: 3%;
		}
		.page-accueil .naissance .post-thumbnail h3{
			color: #fffcf7;
    		margin-top: 75%;
		}
		.page-accueil .naissance img.ico_fle {
			padding-bottom: 0!important;
		}
		.page-accueil .naissance .lien { margin-top: 5%; }


/* CONTAINER TEMOIGNAGES */
.page-accueil .temoignages {
    padding: 5% 10%;
	text-align: center;
	background: linear-gradient(90deg,rgba(254, 168, 110, 1) 0%, rgba(254, 168, 110, 1) 75%, rgba(255, 252, 247, 1) 100%);
	color: #3d3d3d;
}
	.page-accueil .temoignages_fond {
		background-image: url(./img/emprunt_lapin2.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0;
		padding: 0;
	}
	.page-accueil .temoignages h1 { 
		display: inline-block; 
	}
	.page-accueil .temoignages .ico_tem { 
		display: inline-block;
   		width: 100px; 
	}
	.page-accueil .temoignages .blockTemoignages {
		margin: 5% 0;
	}

/* CONTAINER SLIDER PHOTO 2
.page-accueil .slider_photo_accueil2 {
	padding: 0;
    text-align: center; 
}*/


/* CONTAINER CONTACT */
.page-accueil .contact {
	background: linear-gradient(90deg,rgba(255, 252, 247, 1) 0%, rgba(239, 189, 164, 1) 48%, rgba(239, 189, 164, 1) 100%);
    padding: 5% 10%;
    text-align: left;
}

/**** 4. TEMPLATE PAGE ***************************************************/
.page-basic {
	background: linear-gradient(90deg,rgba(239, 189, 164, 1) 0%, rgba(254, 168, 110, 1) 35%, rgba(255, 252, 247, 1) 69%, rgba(178, 198, 157, 1) 100%);	padding: 2% 10%;
	text-align: center;
	color: #3d3d3d;
}
.page-basic .title {
    padding: 1% 0;
	text-align: left;
	color: #3d3d3d;
}

	.page-basic .contenu {
		padding: 5% 0;
		color: #3d3d3d;
	}

.page-basic .retour { text-align: center; }
	.page-basic .retour a {
		color: #3d3d3d;
		font-size : 24px;
	}

.page-basic .maps_large {
	padding: 0;
	margin: 0;
}

/**** 5. TEMPLATE CONTACT ***************************************************/
.page-contact { 
    padding: 5% 0%;
    text-align: center;
	background: linear-gradient(90deg,rgba(178, 198, 157, 1) 0%, rgba(178, 198, 157, 1) 48%, rgba(255, 252, 247, 1) 100%);
	color: #3d3d3d;
}
	.page-contact .fond_contact {
		background-image: url(./img/emprunt_lapin.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0;
		padding: 0 10%;
	}

	.page-contact .contenu {
		padding: 5% 2%;
	}
		.page-contact .contenu .left {
			text-align: left;
			font-size: 20px;
		}
		.page-contact .contenu .right {
			text-align: center;
			font-size: 20px;
			margin-top: 10%;
		}
		.page-contact .contenu .right p, a {
			color: 	#3d3d3d;
			text-align: center;
			font-size: 20px;
		}
		.page-contact .contenu .right img {
			width: 300px;
		}

	
/**** 6. TEMPLATE SINGLE ***************************************************/
.page-single { 
	background: linear-gradient(90deg,rgba(255, 252, 247, 1) 0%, rgba(239, 189, 164, 1) 48%, rgba(239, 189, 164, 1) 100%);
	padding: 5% 0;
}
	.page-single  .title {
		padding: 2%;
		background-color: #3d3d3d;
	}
	.page-single  .contenu {
		padding: 5% 0;
	}
	.page-single  .retour { text-align: center; }
		.page-single .retour a {
			color: #3d3d3d;
		}


/**** 5. TEMPLATE NAISSANCE ***************************************************/
.page-naissance {
	background: linear-gradient(90deg,rgba(239, 189, 164, 1) 0%, rgba(254, 168, 110, 1) 35%, rgba(255, 252, 247, 1) 69%, rgba(178, 198, 157, 1) 100%);	padding: 2% 10%;
	text-align: center;
	color: #3d3d3d;
}
	.page-naissance .title {
		padding: 1% 0;
		text-align: left;
		color: #3d3d3d;
	}
	.page-naissance .contenu {
		padding: 2% 0;
		color: #3d3d3d;
	}
	.page-naissance .listing_bebe .post-thumbnail {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 100%;
		width: 100%;
		height: 300px;
		margin-top: 3%;
	}
		.page-naissance .post-categories li:first-child { 
			display: none;
		}
			.page-naissance .post-categories li {
				list-style-type: none;
				color: #3d3d3d;
				text-align: right;
				margin: 0;
			}
			.page-naissance .post-categories li a {
				font-family: 'Dosis';
				pointer-events: none !important;
				text-align: right;
				background-color: #fffcf7;
				padding: 1% 3%;
			}
		.page-naissance .listing_bebe .post-thumbnail h3{
			color: #fffcf7;
    		margin-top: 75%;
		}
	.page-naissance .retour { 
		padding-top: 5%;
		text-align: center; 
	}
		.page-naissance .retour a {
			color: #3d3d3d;
			font-size : 24px;
		}
	.page-naissance .maps_large {
		padding: 0;
		margin: 0; 
	}


/*** 10. FOOTER  ***************************************************/
.footer {
    background-color: #b2c69d;
    padding: 1% 0;
}
	.footer p{
		text-align: center;
		color: #3d3d3d;
		margin: 0;
		font-family: 'Dosis';
	}
	.footer a{
		text-align: center;
		color: #3d3d3d;
		font-family: 'Dosis';
	}
	
	/* CONTAINER MAPS DU FOOTER */
	.info_large {
		background-image: url(./img/champ_herbe_opa_vert.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 1% 5%;
		min-height: 300px;
		color: #3d3d3d;
		font-family: 'Dosis';
	}

	/* CONTAINER MAPS DU FOOTER */
	.maps_large {
		margin: 0;
		padding: 0;
		min-height: 300px;
	}

/* !-------- 110/ RESPONSIVE ------------------- */
/*------------------------------------------------------------ *\
\*------------------------------------------------------------ */

/* XS = sous 576px ********************/
@media (max-width: 575px) { 

}

/* SM =  576 à 767px ********************/
@media (min-width: 576px) {
	
}

/* MD = 768 à 991px ********************/
@media (min-width: 768px) { 
	
}

/* LG = 992 à 1199px ********************/
@media (min-width: 992px) { 
	
}

/* EL = plus de 1200px ********************/
@media (min-width: 1200px) {
	
}



/* !-------- 12/ WORDPRESS CLASSES ------------------- */
/*------------------------------------------------------------ *\
\*------------------------------------------------------------ */

/* !-- WP WYSIWYG Editor Styles -- */
.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}


/* !-- WP Widgets Default -- */
.widget {}

/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {} 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

/* calendar widget */
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {} 
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

/* search widget */
#searchform {}
.widget_search {}
.screen-reader-text {}

/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}


/* !-- WP Comment Styles -- */
.commentlist .reply {}
.commentlist .reply a {}

.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}

.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard cite.fn a.url {}

.commentlist .comment-meta {} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}

.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}

.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}

#cancel-comment-reply {}
#cancel-comment-reply a {}


/* !-- WP Miscellaneous Styles == */
/* category links */
 li.categories {}  
 li.cat-item {}
 li.cat-item-{id} {}
 li.current-cat {}
 li.current-cat-parent {}
 ul.children {}

/* blogroll links */
.linkcat {}
.blogroll {}

/* read-more links */
.more-link {}


/* !-- WP body_class() -- */

.rtl {}
.home {}
.blog {}
.archive {}
.date {}
.search {}
.paged {}
.attachment {}
.error404 {}
.single postid-(id) {}
.attachmentid-(id) {}
.attachment-(mime-type) {}
.author {}
.author-(user_nicename) {}
.category {}
.category-(slug) {}
.tag {}
.tag-(slug) {}
.page-parent {}
.page-child parent-pageid-(id) {}
.page-template page-template-(template file name) {}
.search-results {}
.search-no-results {}
.logged-in {}
.paged-(page number) {}
.single-paged-(page number) {}
.page-paged-(page number) {}
.category-paged-(page number) {}
.tag-paged-(page number) {}
.date-paged-(page number) {}
.author-paged-(page number) {}
.search-paged-(page number) {}


/* !-- WP post_class() -- */

.post-id {}
.post {}
.page {}
.attachment {}
.sticky {}
.hentry {}
.category-misc {}
.category-example {}
.tag-news {}
.tag-wordpress {}
.tag-markup {}


/* !-- WP Page Listings -- */

.pagenav {}               /* outermost list item */
.page_item {}             /* any page item */
.page-item-{id} {}        /* specific page id */
.current_page_item {}     /* current page */
.current_page_parent {}   /* parent of current page */
.current_page_ancestor {} /* any ancestor of current page */

.pagenav ul,
.pagenav .current_page_item ul,
.pagenav .current_page_ancestor ul,
.pagenav .current_page_ancestor .current_page_item ul,
.pagenav .current_page_ancestor .current_page_ancestor ul,
.pagenav .current_page_ancestor .current_page_ancestor .current_page_item ul,
.pagenav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {}

.pagenav  ul ul,
.pagenav .current_page_item ul ul,
.pagenav .current_page_ancestor ul ul,
.pagenav .current_page_ancestor .current_page_item ul ul,
.pagenav .current_page_ancestor .current_page_ancestor ul ul {}
.pagenav .current_page_ancestor .current_page_ancestor .current_page_item ul ul, 
.pagenav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul ul {}




/* == WP CSS - Comment Styles == */

.commentlist .reply {}
.commentlist .reply a {}

.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}

.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard cite.fn a.url {}

.commentlist .comment-meta {} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}

.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}

.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}

#cancel-comment-reply {}
#cancel-comment-reply a {}