/*
Theme Name: UnderStrap
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
GitHub Theme URI: https://github.com/understrap/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 0.9.1
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/

h1,
h2,
h3 {
  font-family: "Oswald", sans-serif !important;
}

.bg-primary {
  /* Change at this path(the orginal is background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;) */
  /* C:\wamp64\www\cemrefonte22i\web\app\reactpress\apps\new-simulator-src\node_modules\bootstrap\dist\css\bootstrap.css */
}

ul.children {
  display: none;
}

.page-list.subpages-page-list {
  /* display: flex; */
  padding: 51px;
  align-content: stretch;
  flex-flow: row wrap;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  list-style: none;
}

.subpages-page-list .page_item a {
  padding: 5px;
  width: 200px;
  /* height: 150px; */
  margin-top: 10px;
  /* line-height: 150px; */
  font-size: 32px;
  text-align: center;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  -ms-transition: color 1s ease;
  -o-transition: color 1s ease;
  transition: color 1s ease;
  overflow: hidden;
}

.page_item a:hover {
  background: #e2001a;
  color: white;
}

.entry-content ul li {
  width: 225px;
}

.sect-text {
  display: block;
  /* display: -webkit-box; */
  max-width: 100%;
  /* height: 38px; */
  /* margin: 0 auto; */
  /* font-size: 14px; */
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.agence-title a h3 {
  text-align: right;
  font-size: 22px;
}

/* .navmenu{
    
    width: 0px;
    transition-duration: 150ms;
    -webkit-transition-duration: 150ms;
} */

.hamburger-header .navmenu {
  width: 320px;
  z-index: 9;
  border-right: solid 4px #e2001a;
}

.entry-content ul li {
  width: 100% !important;
}

.box-agence .agence-title {
  flex: 0 0 175px !important;
}

.row.video-slider {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* responsive */
/* @media only screen and (max-width: 1199px) {
    .row.video-slider {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
} */

@media only screen and (max-width: 767px) {
  .box-agence .agence-title {
    width: 100% !important;
  }

  .agence-title a h3 {
    text-align: left !important;
    position: relative;
    right: -74px;
  }
}

.row.video-slider {
  padding: 30px;
}

.feature-1-content .epargne-box {
  height: auto !important;
  padding: 32px 30px 30px 30px;
  border-radius: 3px;
}

.alignright {
  top: 18px;
  position: relative;
}

a:hover {
  text-decoration: underline;
  color: #e03a37;
}

/* responsive */
@media only screen and (max-width: 768px) {
  .feature-thumb {
    flex: 0 0 170px;
  }

  .feature-events-content {
    position: relative;
    z-index: 2;
    padding: 0 20px 0 15px;
  }
}