/*
Theme Name: Tropes Activello
Description: Theme enfant de la Cie des tropes
Author: Anne-Julie Contenay
Template: activello
Version: 0.1.0

/* Table of content
-----------------------------------------------
1. Font
2. Content
3. Post styling
4. Singe Post/Page Pagination
5. Media
6. Widgets
7. Buttons
8. Infinite Scroll
8. Custom Styles
9. Navigation
10. Comments
11. Attachment styling
12. Gallery
13. Footer
14. Social icons
15. Call For Action
*/


/* =Font
----------------------------------------------- */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #29a8bb;
    font-weight: 400;
	font-family: 'Libre Baskerville', serif;
    margin: 30px 0;
}

button, input, select, textarea {
    font-family: 'Libre Baskerville', serif;
}

.entry-title {
    font-family: 'Libre Baskerville', serif;
    color: #29a8bb;
}

.entry-content {
    font-family: 'Open Sans', sans-serif;
}

.read-more a {
    font-family: 'Open Sans', sans-serif;
}

.comment-author .fn {
    font-family: 'Libre Baskerville', serif;
}

.cat-title a {
    font-family: 'Libre Baskerville', serif;
}

article.post .post-categories a, .post-inner-content .cat-item a {
    font-family: 'Open Sans', sans-serif;
}

.tagcloud a {
    font-family: 'Open Sans', sans-serif;
}

 .btn-default, .label-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .btn.btn-default, button, .input-group-btn:last-child>.btn, input[type=submit] {
    font-family: 'Open Sans', sans-serif;
}

.tagline {
    font-family: 'Open Sans', sans-serif;
}

.post-navigation a, .paging-navigation a {
    font-family: 'Open Sans', sans-serif;
}

.navbar.navbar-default {
    font-family: 'Open Sans', sans-serif;
}

.navbar-brand {
    font-family: 'Libre Baskerville', serif;
}

.comment-reply-link {
    font-family: 'Open Sans', sans-serif;
}

.copyright {
    font-family: 'Open Sans', sans-serif;
}

/* = Carrousel
----------------------------------------------- */

div.flex-caption {
 background-color: rgba(255, 255, 255, 0.8);
 max-width: 40%;
 padding: 1%;
 top: auto;
 bottom: 12%;
 left: auto;
 right: 30%;
}

div.flex-caption a {
text-decoration: none;
}

div.flex-caption h2{
margin: Opx;
color: #32A8BA;
}

div.flex-caption h2:hover{
color: #ff9534;
}


/* = Header
----------------------------------------------- */
div.membre-area {
    background-color: #29a8bb ;
}


/* = Front page
----------------------------------------------- */
.main-content-area {
    margin-top: 40px;
    margin-bottom: 0px;
}

section.members {
    background-color: #29a8bb;
    width: 100%;
}

#members-title {
    text-align: center;
    padding: 2%;
    color: white;
}

.border-radius {
    border-radius: 300px;
}

.front-line-members {
    margin: auto;
    text-align: center;
}

.block-member {
    display: inline-block;
    width: 30%;
    margin: auto;
    text-align: center;
}

.title-member {
    text-align: center;
    margin-top: 5px;
}

.front-line-description {
    display: block;
    margin-left: 5%;
    margin-right: 5%;
   padding-bottom: 20px;
    text-align: center;
    color: white;
}

.front-line-description p{
    margin-bottom: 20px;
}

.btn-default-home {
    color: #ffffff;
}
.btn-default-home a {
    text-decoration: none;
}

.btn-default-home:hover {
    background-color: #ffffff;
    border-color: transparent;
    color: #32A8BA;
}

.btn-default-home, .btn-default, .label-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .btn.btn-default, button, .input-group-btn:last-child>.btn, input[type=submit] {
    background: #ff9534;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px;
    text-decoration: none;
}


.btn-default:hover, .label-default[href]:hover, .label-default[href]:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, button:hover, .input-group-btn:last-child>.btn:hover, input[type=submit]:hover {
    background-color: #ffffff;
    border-color: transparent;
    color: #32A8BA;
}

/* = Footer
----------------------------------------------- */
 footer{
    border-top: 1px solid #29a8bb;
    margin: 5px;
 }


#footer-area {
    background-color: #ffffff;
    display: inline;
}

.fa-facebook-square {
    color: #29a8bb;
    float: left;
    font-size: 10em;
    margin: 5%;
    margin-left: 10%;
}

.fa-envelope {
    color: #29a8bb;
    float: left;
    font-size: 10em;
    margin-top: 5%;
}

.fa-facebook-square:hover, .fa-envelope:hover {
    color: #ff9534;
}

.footer-adresse {
width: 30%;
float: left;
margin-left: 15%;
}

.footer-lien {
width: 30%;
float: right;
margin-right: 15%;
}

@media (max-width: 658px) {
    .footer-adresse {
    width: 100%;
    float: none;
    margin: auto;
    }

    .footer-lien {
    margin-left: 50%;
    width: 50%;
    float: none;
    margin: auto;
    }

@media (max-width: 536px) {
    .fa-facebook-square {
    font-size: 6em;
}
    .fa-envelope {
     font-size: 6em;
    }

}