/*
Theme Name: Sante a coeur
Version: 1.0
Description: Thème enfant pour Sante a coeur (basé sur Sela)
Author: Miou Design
Author URI: http://mioudesign.com/
Template: sela
*/

@import url("../sela/style.css");

/* Paragraphe spéciaux */
p.jaune {
    background-color:yellow;
}

p.alt {
    font-family: 'Courgette', cursive;
}

/* LOGO */
img.site-logo {width:250px; height:auto;}

/* LAYOUT*/

/* Largeur ajustee  */
@media screen and (min-width: 1180px) {
   .content-wrapper .content-area {
        width: 723px;
    }
    .sidebar-widget-area {width:200px;}
}

/* COULEURS */

body {
    background:#186d73 url("images/teal-bg.png")repeat top left;
	color:#1A1927;
}
#page {
     background:#fff url("images/bgfleur.jpg")no-repeat top right;
}

a {
    color: #9D2053;
}

.site-content {background-color:transparent;}
.content-wrapper {background-color:transparent;}

.content-wrapper.full-width.without-featured-image {
    background-color:transparent;
}

.content-wrapper.with-featured-image {
    background-color:#fff;
}

.main-navigation {background-color:#333333;}
.site-footer {background-color:#333333;}

#tertiary {
    background: url('images/vert-transparent.png')repeat top left, 
    #fff url('images/bgfleur2.jpg')no-repeat bottom left;
}

#site-navigation,
.site-footer {background-color:#752b46;}

.site-footer,
.site-footer a {color:#ffffff;}

.main-navigation {
    border-bottom:0;
}
.main-navigation a {color:#ffffff;}

.footer-widget-area a {
    color: #9D2053;
}

.footer-widget-area a:hover {
    color: #ffffff;
}

.main-navigation li.current_page_item > a, 
.main-navigation li.current-menu-item > a, 
.main-navigation li.current_page_ancestor > a, 
.main-navigation li.current-menu-ancestor > a,
.main-navigation a:hover, 
.main-navigation ul > :hover > a, 
.main-navigation ul > .focus > a {
    color: #db5184;
}

.main-navigation .nav-menu > li > a::after, 
.main-navigation .menu > li > a::after {
    color: #db5184;
    content: " \2764";
}

.main-navigation ul ul a:hover, 
.main-navigation ul ul > li.focus > a {
	color: #960064;
	background-color:#DCEDE5;
}

/* GENERAL */

.site-branding {text-align:left; background-color:transparent;}

.content-wrapper.with-featured-image {
    padding:1em 55px 0 36px;
    line-height:1.2em;
}

.footer-widget-area,
.site-footer {
    border-top: 0;
}

.sidebar-widget-area {
    padding-top:4em;
}

.child-pages {border-top:0; padding-top:0;}

.hentry:after {
    background-color:#186d73;
}

.entry-meta span.comments-link {display:none;}

/* Accueil */

.hero article {
    width:50%;
}

.front-page-content-area .without-featured-image {border-bottom:0;}

/* Typographie */
body {
	font-size:16px;
	font-size: 1.6rem;
    font-weight:400;
}

h1, h2, .front-widget-area .widget-title, .widget-title {
    font-family: 'Courgette', cursive;
    text-transform:none;
    letter-spacing: -0.025em;
    color:#752b46;
    line-height:1.2em;
}

h1.entry-title,
h1.entry-title a {
    font-size:3.5rem;
    color:#186d73;
    line-height:1.2em;
}

h1.entry-title a:hover {
    color:#752b46;
}

h2 {font-size:2.5rem;}

.site-main h3 {font-weight:500; font-size:1.5rem; display:inline-block; border-bottom:solid 5px #ededed; padding-bottom:0.25em;}

button {
background-color: #288767;
color: #fff;
}

/* WIDGET */
#secondary .widget {
    background-color:#fff;
    padding:0.5em;
}

.home #secondary aside.widget {
    border-bottom:solid 5px #ededed;
    padding:0 0 2rem 0;
}

.widget-title {
    font-size:2.1rem;
    text-align: center;
}

.front-widget-area .widget-title,
.sidebar-widget-area .widget-title,
.footer-widget-area .widget-title {
    	font-weight: 300;
}

.front-widget-area .widget-title,
.sidebar-widget-area .widget-title {
	font-size: 21px;
 	font-size: 2.1rem;
	color:#fff;
    background-color:#8f3556;
    padding:0.25em;
}

.sidebar-widget-area .widget-title {
    padding:0.25em;
    margin:-0.5em -0.5em 1em -0.5em;
}

.front-widget-area .widget-title {margin-bottom:0;}

.footer-widget-area .widget-title {
	color:#1A1927;
}

.footer-widget-area .widget ul > li, .footer-widget-area .widget ol > li {
    border-top: 0;
	border-bottom:solid 1px #fff;
}

.widget-title::before, 
.widget-title::after {
    content: "";
}

#secondary .widget ul > li {
	background-color:#fff;
	padding:0.5em;
	margin-bottom:0.1em;
	font-weight:400;
}

.footer-widget-area .widget ul > li, 
.footer-widget-area .widget ol > li {
    	border-top: 0;
    	border-bottom: solid 2px #b6d0c3;
	text-align:center;
	font-weight:400;
    font-size:1.5rem;
}