/*
Theme Name: Flat Bootstrap Child
Theme URI: http://xtremelysocial.com/wordpress/child/
Description: Child theme for Flat Bootstrap. Includes a stylesheet (style.css) for you to restyle any of the CSS and a functions.php file to change theme parameters or components. Both files include samples of a few common things you might want to do.
Author: XtremelySocial
Author url: http://xtremelysocial.com
Version: 1.5
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.9
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
*/

/* 
 * IMPORT the parent theme's stylesheet(s). NOTE: This was moved to functions.php for
 * performance reasons.
 */
/*@import url("../flat-bootstrap/style.css");*/

/* PUT YOUR CHANGED STYLES HERE 
 * 
 * The best way to do this is to copy in the relevant section from the parent's style.css
 * file, change what you want, and remove the lines that you didn't change.
 *
 * NOTE: All these examples here are included just to show you how to do the most common
 * things that users have requested, such as changing colors and the look of buttons, etc.
*/

@font-face {
  font-family: 'Plantin';
  src: url('https://cyrilleweiner.com/wp-content/themes/flat-bootstrap-child/fonts/PlantinMTStd-Light.eot');
  src: url('https://cyrilleweiner.com/wp-content/themes/flat-bootstrap-child/fonts/PlantinMTStd-Light.woff2') format('woff2'),
       url('https://cyrilleweiner.com/wp-content/themes/flat-bootstrap-child/fonts/PlantinMTStd-Light.woff') format('woff'),
       url('https://cyrilleweiner.com/wp-content/themes/flat-bootstrap-child/fonts/PlantinMTStd-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Plantin';
  src: url('https://cyrilleweiner.com/wp-content/themes/flat-bootstrap-child/fonts/PlantinMTStd-Semibold.eot');
  src: url('https://cyrilleweiner.com/wp-content/themes/flat-bootstrap-child/fonts/PlantinMTStd-Semibold.woff2') format('woff2'),
       url('https://cyrilleweiner.com/wp-content/themes/flat-bootstrap-child/fonts/PlantinMTStd-Semibold.woff') format('woff'),
       url('https://cyrilleweiner.com/wp-content/themes/flat-bootstrap-child/fonts/PlantinMTStd-Semibold.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
  font-style: normal;
}

/* Change the content (page) header to dark blue. */
.content-header {
	background-color: #2980b9;
}

/* Change the main link color to dark blue. Note that the hover color is set using a 
 * neat trick with the opacity tag. This simply lightens whatever the link color is. That
 * way we don't need to try to figure out a hover color that looks good. 
 */
a {
	color: #707070;
    text-decoration: none;
}
a:hover,
a:focus {
	color: #000;
    text-decoration: none;
}

/* Make the buttons square, if you'd like. */
.btn {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* PUT ANY NEW STYLES TO USE IN YOUR CONTENT AREAS HERE SO YOU CAN EASILY PASTE THIS
 * SECTION IF YOU CHANGE THEMES
 */

html {
    /*background: rgba(0, 0, 0, 0) url("https://s3.amazonaws.com/app.codeable.io/attachments/43203/site-design-cyrille.jpg") no-repeat scroll 8px 14px;*/
}
body {
    font-family: "Plantin", "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    /*background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;*/
    background: #fff;
}

h1, .h1 {
    font-size: 19px;
}

h2, .h2 {
    font-size: 16px;
}

/* Header */
header#masthead.site-header { overflow: hidden; }
.site-branding { float: left; }
@media (min-width: 768px) {
    .container-fluid-nav { float: right; margin-top: 6px; }
}

.navbar-default {
    background-color: inherit;
    border: none;
}
.navbar-default a { font-size: 19px; }
.navbar-nav > li > a {
    padding-right: 20px;
    text-decoration: none;
}

@media (max-width: 767px) {
  .navbar-nav > li > a { padding-left: 30px; }
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
    font-weight: bold;
}

.site-title {
    margin: 0;
    padding: 20px 5px;
}
.site-title a { letter-spacing: 2px; }
#main { margin: 20px; }

@media (min-width: 768px) {
.navbar-expand-md {
    justify-content: flex-end;
}
}

ul#menu-menu-1 {
    margin: 9px -15px;
}

@media (max-width: 767px) {
.main-navigation {
    justify-content: flex-end;
}
.navbar-default {
    flex-basis: 100%;
}
.navbar-nav li {
    text-align: right;
}
ul#menu-menu-1 {
    margin: 26px -15px 0;
}
}

.navbar-toggler {
    background-color: transparent;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px 8px;
}

.navbar-toggler-icon {
    opacity: .8;
    width: 1.4em;
    height: 1.3em;
}

/* END Header */

/* Category Menu */
.menu-category-menu-container { padding-left: 1px; }
#category-menu {
    list-style: outside none none;
    padding: 0;
    position: relative;
    margin-bottom: 60px;
}

.sub-menu.menu-odd.menu-depth-1, .menu-posts { list-style: outside none none; }
.menu-link.active, li.current-menu-item { color: #000; }
.menu-link.main-menu-link.active + ul, .menu-link.active + .sub-menu, 
.menu-item.current-post-ancestor .sub-menu {
    display: block !important;
}
.title li { color: #000; letter-spacing: 1px; }
.sub-menu, .sub-menu .menu-posts { padding-left: 30px; }
.sub-menu + .menu-posts, .main-menu-item .menu-posts { padding-left: 60px; }
#category-menu li { line-height: 17px; }
#category-menu li, #category-menu a { letter-spacing: 1px; }
#category-menu .active, .menu-link.active + .sub-menu .sub-menu-item.current-menu-parent a { color: #000; } 

#category-menu.info-menu li.current-menu-item a { color: #000000; font-weight: bold; }

.active_post_ancestor li.current-menu-item { display: block; }
.active_post_ancestor li { display: none; }

#crumbs {list-style:none;display:inline-block;padding:0;}
#crumbs li {text-transform:capitalize;float: left;}

@media screen and (min-width: 768px) { 
    #category-menu .menu-item-depth-0 a { width: 156px; }

    .sub-menu.menu-odd.menu-depth-1 {
        left: 166px;
        padding: 0;
        position: absolute;
        top: 0;
    }

    .sub-menu + .menu-posts, .main-menu-item .menu-posts { padding: 0; }
    .main-menu-item .sub-menu-link + .menu-posts { padding-left: 34px; }
    .menu-posts {
        left: 166px;
        padding: 0;
        position: absolute;
        top: 0;
    }

    .main-menu-item > .menu-posts { left: 366px; }
    .main-menu-item > .main-menu-link + .menu-posts { left: 166px; }

    .menu-posts > li { width: 500px; }
}

/* END Category Menu */

.content-header-image {
    display: none;
}

.comments-wrap {
    display: none;
}

.content-header {
    display: none;
}

.after-content .container, .after-content .container .container {
    padding: 0;
    width: auto;
}
.sidebar-footer { display: none; }
footer .container { width: auto; padding: 15px 30px; }

.uil-ring-css {
    background: rgba(0, 0, 0, 0) url("https://www.atmospheriquesnarratives.com/wp-content/plugins/posts-grid/images/ring.svg") no-repeat scroll center center;
    height: 200px;
    position: relative;
    width: 100%;
}

.grid .text h3 { font-weight: bold; }
.grid a:hover img { opacity: 0.4; }

/* Royalslider cas */
/* Background */
.rsUni,
.rsUni .rsOverflow,
.rsUni .rsSlide,
.rsUni .rsVideoFrameHolder,
.rsUni .rsThumbs {
	background: #FFF !important;
	color: #000 !important;
}

/* Caption */
.rsUni .rsGCaption {
	position: absolute;
	float: none;
	bottom: -30px !important;
	left: -8px !important;
	text-align: left;
	font-size: 14px !important;
    	left: 200px;
    	right: 200px;

	background: #fff !important;

	color: #555 !important;
	font-family: "Plantin", "Helvetica Neue", Arial, sans-serif;
	padding: 2px 8px;
	width: auto;
	border-radius: 2px;
}

.after-footer {
	display: none;
}

/* desktop */
@media (min-width: 768px) {
	#qtranslate-chooser {
		display: inline !important;
		float: right;
		padding-right: 50px;
		list-style-type: none;
		margin-top: -60px;
	}
}

/* Arrows */
.rsUni .rsArrow {
	height: 100%;
	width: 40% !important;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rsUni.rsHor .rsArrowLeft { left: -22% !important; top: 0; }
.rsUni.rsHor .rsArrowRight { right: -62% !important; top:0; }

.rsUni .rsArrowIcn {
    background: url(rs-univers.png) !important;
}

.collapseomatic_excerpt, .collapseomatic_content {
    margin-left: 0 !important;
}

.collapseomatic {
    background-image: url() !important;
    background-repeat: no-repeat;
    padding: 0 0 0 0 !important;
    cursor: pointer;
}