/*
Theme Name: Recup'info
Theme URI: http://www.lebarbucodeur.fr/
Author: www.lebarbucodeur.fr
Author URI: http://www.lebarbucodeur.fr/
Description: Fresh theme designed for http://www.recup-info.fr association.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: recupinfo
Tags:

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.
*/


@import url("ressources/css/vendors/bulma-0.4.1.css");
@import url("ressources/css/vendors/font-awesome-4.7.0.min.css");


/************************
 *      OVERRIDING
 ************************/
@font-face {
  font-family: 'Futura Md BT Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Futura Md BT Medium'), url('ressources/fonts/futura_medium_bt-webfont.ttf') format('ttf');
  src: local('Futura Md BT Medium'), url('ressources/fonts/futura_medium_bt-webfont.woff') format('woff');
}

body { color: #545454;}
h1, h2, h3, h4, h5, h6 { margin-left: -1px; font-family: 'Futura Md BT Medium';}
.button.is-primary:hover { background-color: #65A000; transition: .2s ease all;}
.columns { margin-left: -1.75rem; margin-right: -1.75rem;}
.column { padding: .75rem 1.75rem;}


/************************
 *      LAYOUT
 ************************/
.main { padding-top: 84px;}
.hero-header { height: 400px; box-shadow: 0 0 10px -2px #545454; background-size: cover; background-position: center center;}
.container { padding-left: 2%; padding-right: 2%;}
.breadcrumbs { padding: 25px 0 12px; font-size: .8rem; font-style: italic;}
.breadcrumbs .fa-home { font-size: 1.4em;}
.breadcrumbs .fa-chevron-right { padding: 5px; font-size: .8em;}
.content { padding: 40px 0 75px;}
.button-send { padding-top: 25px;}


/************************
 *      MENUS
 ************************/
nav { position: fixed; width: 100%; z-index: 9999;}


/* Header menu */
nav .nav-top { height: 2rem; background: #3e3e3e; font-size: .8em; line-height: 2rem; color: #a8a8a8;}
nav .nav-top .nav-left, .nav-top .nav-right { display: inline-block;}
nav .nav-top .nav-left { font-family: 'Futura Md BT Medium';}
nav .nav-top .nav-right { float: right;}
nav .nav-top > .container { min-height: 100%;}

.social-links { display: inline-block;}
.social-links li { display: inline-block;}
.social-links li a { display: block; line-height: 100%; padding: 7px; color: white;}
.social-links li a:hover { color: #ccc; transition: .2s ease color;}
.social-links li span { display: none;}


/* Main navigation */
nav .nav { box-shadow: 0 0 10px -2px #545454; font-family: 'Futura Md BT Medium';}
nav .nav .nav-right { overflow: visible;}
nav .nav .nav-right > ul { margin-right: -10px; line-height: 0;}
nav .nav .nav-right > ul > li { display: inline-block; height: 100%;}
nav .nav .nav-right > ul > li.current-menu-item a { color: black;}
nav .nav .nav-right > ul > li > a { display: block; height: 100%; line-height: 3.25rem; padding: 0 10px; font-size: 0.9em; text-transform: uppercase;}
nav .brand { padding-left: 0;}

nav .sub-menu { display: none; position: absolute; background: white; width: 200px; margin-left: -50px;}
nav .sub-menu a { display: block; line-height: 1em; padding: 12px; font-size: 0.9em; text-transform: uppercase;}
nav .menu-item-has-children:hover .sub-menu { display: block !important;}


/************************
 *      BLOG
 ************************/
#blog h2 { margin-bottom: 0;}
#blog .time { font-size: 0.8em; margin-bottom: .5em;}
#blog .time i { padding-top: 3px;}
#blog .excerpt { font-size: .9em; font-style: italic;}


/************************
 *      CONTACT
 ************************/
#contact .datas h3 { font-weight: bold; text-transform: uppercase; margin-bottom: 0;}
#contact .datas ul { margin: 0; list-style: none;}
#contact .datas p, #contact .datas ul li { font-size: .9em;}
#contact .datas p { padding: 3px 0;}


/************************
 *      FOOTER
 ************************/
footer { background: #3e3e3e; font-size: 13px; color: #a8a8a8; padding: 25px 0;}
footer h4 { text-transform: uppercase;}
footer h5 { margin: 0;text-transform: uppercase; font-size: 1.2em; font-weight: bold; letter-spacing: 2px;}
footer form { padding: 0 !important;}
footer a:hover { color: #98D32D; transition: .2s ease all;}
footer #recent-posts-3 li { line-height: 15px; padding: 5px 0; border-bottom: 1px dotted;}
footer .bottom { font-style: italic; line-height: 12px;}
footer .bottom h2, footer .bottom > div { display: inline-block;}
footer .bottom ul { font-size: 14px;}
footer .bottom li { float: left;}
footer .bottom li:before { content: '-'; padding: 6px;}