/*!
Theme Name: bani street
Theme URI: http://underscores.me/
Author: piwa
Author URI: https://www.kaokeb.com
Description: Bani street
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: banistreet
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.

bani street is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

blockquote, q {
  quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
  color: #1F4964;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
  color: #FFF;
}

p {
  color: #1F4964;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
p.white {
  color: #FFF;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #A13032;
  border-radius: 100px;
  background: #A13032;
  color: #fff;
  padding: 10px 26px;
  font-size: 20px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #b53638;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #b53638;
}

.wpcf7 button,
.wpcf7 input[type=button],
.wpcf7 input[type=reset],
.wpcf7 input[type=submit] {
  margin-left: 72px;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
  width: 500px;
  min-height: 40px;
  margin-top: 6px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}
a:visited {
  color: purple;
}
a:hover, a:focus, a:active {
  color: midnightblue;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation,
.site-footer {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation .menu-logo,
.site-footer .menu-logo {
  position: relative;
  float: left;
  top: 25px;
}
.main-navigation .menu-logo a,
.site-footer .menu-logo a {
  text-align: left;
}
.main-navigation .menu-logo img,
.site-footer .menu-logo img {
  max-height: 80px;
}
.main-navigation .primary-menu-container,
.site-footer .primary-menu-container {
  width: 980px;
  position: relative;
  float: right;
  top: 50px;
}
.main-navigation ul,
.site-footer ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul,
.site-footer ul ul {
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  position: absolute;
  border-radius: 0 5px 5px;
  background-color: #1F4964;
}
.main-navigation ul ul ul,
.site-footer ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li.menu-item,
.site-footer ul ul li.menu-item {
  padding: 0;
  display: block;
  margin: 0;
  text-align: left;
  white-space: nowrap;
}
.main-navigation ul ul li.menu-item a:hover, .main-navigation ul ul li.menu-item a:focus,
.site-footer ul ul li.menu-item a:hover,
.site-footer ul ul li.menu-item a:focus {
  background-color: #255777;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.site-footer ul li:hover > ul,
.site-footer ul li:focus > ul {
  left: auto;
}
.main-navigation li,
.site-footer li {
  display: inline-block;
  vertical-align: middle;
}
.main-navigation li.menu-item a,
.main-navigation li a,
.site-footer li.menu-item a,
.site-footer li a {
  color: white;
  padding: 8px;
  border-radius: 5px;
  font-size: 15px;
}
.main-navigation li.menu-item a:hover, .main-navigation li.menu-item a:focus,
.main-navigation li a:hover,
.main-navigation li a:focus,
.site-footer li.menu-item a:hover,
.site-footer li.menu-item a:focus,
.site-footer li a:hover,
.site-footer li a:focus {
  color: white;
  background-color: #1F4964;
}
.main-navigation li.menu-item-has-children:hover,
.site-footer li.menu-item-has-children:hover {
  background-color: #1F4964;
  border-radius: 5px 5px 0 0;
}
.main-navigation li.menu-item-has-children > a,
.site-footer li.menu-item-has-children > a {
  position: relative;
  padding-right: 30px;
}
.main-navigation li.menu-item-has-children > a:before,
.site-footer li.menu-item-has-children > a:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 16px;
  right: 12px;
  border: 5px solid #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.main-navigation li:last-child,
.site-footer li:last-child {
  margin-right: 0;
}
.main-navigation li.button-nav,
.site-footer li.button-nav {
  margin-right: 5px;
}
.main-navigation li.button-nav a,
.site-footer li.button-nav a {
  background-color: #aaa;
  border-radius: 100px;
  padding: 7px 16px;
}
.main-navigation li.button-nav.rounded a,
.site-footer li.button-nav.rounded a {
  border-radius: 100px;
}
.main-navigation li.button-nav.primary a,
.site-footer li.button-nav.primary a {
  background-color: #A13032;
}
.main-navigation li.button-nav.primary a:hover, .main-navigation li.button-nav.primary a:focus,
.site-footer li.button-nav.primary a:hover,
.site-footer li.button-nav.primary a:focus {
  background-color: #b53638;
}
.main-navigation li.social-icon,
.site-footer li.social-icon {
  margin-right: 5px;
}
.main-navigation li.social-icon a,
.site-footer li.social-icon a {
  font-size: 22px;
  text-align: center;
}
.main-navigation li.social-icon.rounded a,
.site-footer li.social-icon.rounded a {
  background-color: #fff;
  width: 36px;
  height: 36px;
  color: #333;
  border-radius: 100px;
  line-height: 36px;
  padding: 0;
}
.main-navigation li.social-icon:last-child,
.site-footer li.social-icon:last-child {
  margin-right: 0;
}
.main-navigation li.social-icon.instagram a:hover,
.site-footer li.social-icon.instagram a:hover {
  background: #f6cd75;
  background: linear-gradient(45deg, #f6cd75 0%, #d92a69 40%, #4c64cf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f6cd75", endColorstr="#4c64cf",GradientType=1 );
  color: #fff;
}
.main-navigation li.social-icon.facebook a:hover,
.site-footer li.social-icon.facebook a:hover {
  background-color: #1877f2;
  color: #fff;
}
.main-navigation li.social-icon.twitter a:hover,
.site-footer li.social-icon.twitter a:hover {
  background-color: #1991da;
  color: #fff;
}
.main-navigation li.social-icon.youtube a:hover,
.site-footer li.social-icon.youtube a:hover {
  background-color: #ff0100;
  color: #fff;
}
.main-navigation a,
.site-footer a {
  display: block;
  text-decoration: none;
}
.site-footer {
  color: #fff;
  background-color: #2a2a3b;
}
.site-footer .site-info {
  padding: 25px 20px;
  max-width: 1200px;
  margin: auto;
  position: relative;
}
.site-footer .site-info .menu-logo {
  top: 0;
}
.site-footer .site-info .menu {
  min-height: 87px;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.site-footer .site-info .menu li {
  margin-right: 10px;
}
.site-footer .site-info .menu li.footer-center {
  margin: 0 auto;
}
.site-footer .copyright {
  text-align: center;
  border-top: 2px solid rgba(255, 255, 255, 0.3);
  margin-top: 20px;
  padding-top: 20px;
}

/* Small menu. */
.menu-toggle.toggled,
.main-navigation.toggled {
  z-index: 28000;
  /* background: rgba(255, 255, 255, 0.98); */
  height: 100vh;
  width: 100%;
  transition: all 0.1s ease-in-out 0s;
  left: 0;
  top: 0;
  position: fixed;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.3);
  background-blend-mode: overlay;
}
.menu-toggle.toggled .primary-menu-container,
.main-navigation.toggled .primary-menu-container {
  width: 100%;
  top: 0;
}
.menu-toggle.toggled ul,
.main-navigation.toggled ul {
  display: block;
}
.menu-toggle.toggled ul li,
.main-navigation.toggled ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  /* width: calc(100% - 20px); */
  margin: 5px 10px;
}
.menu-toggle.toggled ul li.social-icon,
.main-navigation.toggled ul li.social-icon {
  display: -webkit-inline-flex;
  display: inline-flex;
  border: none;
}
.menu-toggle.toggled ul li.button-nav,
.main-navigation.toggled ul li.button-nav {
  border: none;
  margin: 20px auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.menu-toggle.toggled ul li a,
.main-navigation.toggled ul li a {
  text-align: center;
  font-weight: bold;
}
.menu-toggle.toggled ul ul,
.main-navigation.toggled ul ul {
  background: none;
}
.menu-toggle.toggled ul ul li,
.main-navigation.toggled ul ul li {
  border: none;
  margin: 0;
}
.menu-toggle.toggled ul ul li a,
.main-navigation.toggled ul ul li a {
  padding: 5px;
  font-weight: normal;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .main-navigation .menu-logo {
    top: 10px !important;
  }
  .main-navigation .menu-logo a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .main-navigation .menu-logo a img {
    max-height: 50px;
    margin: 0 10px 10px;
    width: auto;
  }
  .main-navigation #menumobile .menu-logo a img {
    margin: 0 30px 30px;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.col-3:before, .col-3:after,
.box:before, .box:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.w1200 {
  max-width: 1200px;
  margin: 0 auto;
}

.w980 {
  max-width: 980px;
  margin: 0 auto;
}

.w900 {
  max-width: 900px;
  margin: 0 auto;
}

.home-section-1 {
  margin: 250px auto 50px auto;
  padding: 0 15px;
}

.new-button {
  margin-right: 5px;
  background-color: #AAA;
  padding: 7px 16px;
  color: white;
  text-decoration: none;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
.new-button:hover, .new-button:focus, .new-button:visited {
  outline: none;
  color: white;
}
.new-button.rounded {
  border-radius: 100px;
}
.new-button.medium {
  padding: 10px 26px;
  font-size: 20px;
}
.new-button.shadow {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.new-button.primary {
  background-color: #A13032;
}
.new-button.primary:hover, .new-button.primary:focus {
  background-color: #b53638;
}
.new-button.secondary {
  background-color: #1F4964;
}
.new-button.secondary:hover, .new-button.secondary:focus {
  background-color: #255777;
}

.first-call-button {
  background-color: #A13032;
  border: 4px solid #A13032;
  padding: 20px 30px;
  font-size: 32px;
  text-decoration: none;
  color: #FFF;
  margin: 10px;
  border-radius: 100px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  display: inline-block;
}
.first-call-button:visited {
  color: #FFF;
}
.first-call-button:hover, .first-call-button:focus {
  background-color: #b53638;
  border-color: #b53638;
  color: #FFF;
}
.first-call-button.secondary-home {
  background-color: rgba(0, 0, 0, 0.3);
  border: 4px solid #FFF;
}
.first-call-button.secondary-home:hover, .first-call-button.secondary-home:focus {
  background-color: #FFF;
  color: #111;
}

.box {
  border-radius: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.col-3 {
  width: 33%;
}

.highlight-wrapper .highlight-item {
  position: relative;
  text-align: center;
  padding: 20px;
  min-height: 270px;
}
.highlight-wrapper .highlight-item i {
  border: 4px solid #1F4964;
  width: 80px;
  height: 80px;
  padding: 13px 0;
  border-radius: 100px;
  font-size: 44px;
  color: #1F4964;
}
.highlight-wrapper .highlight-item h2 {
  font-size: 20px;
  margin: 20px 0 10px;
}
.highlight-wrapper .highlight-item a {
  position: absolute;
  left: 0;
  bottom: 20px;
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  color: #A13032;
}

.perso {
  height: 450px;
  background-repeat: no-repeat !important;
  background-position: 100% -9rem !important;
  background-size: 74rem !important;
  background-attachment: local !important;
}

.text-photo-banner {
  height: 450px;
  background: linear-gradient(to right, #1f4964 0%, #1f4964 35%, rgba(31, 73, 100, 0.77) 50%, rgba(31, 73, 100, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1f4964", endColorstr="#001f4964",GradientType=1 );
}

.text-photo-banner p {
  color: white;
  text-align: center;
  width: 420px;
  padding: 120px 0 40px;
  font-size: 28px;
  font-weight: 600;
}

.text-photo-banner a {
  margin: 0 140px;
}

.social-home-banner {
  text-align: center;
}
.social-home-banner .social-item {
  display: inline-block;
  margin: 20px 60px;
}
.social-home-banner a {
  display: block;
  text-align: center;
  color: #A13032;
  font-size: 22px;
  text-decoration: none;
}
.social-home-banner i {
  background-color: #255777;
  display: block;
  color: white;
  padding: 10px 0;
  font-size: 48px;
  text-align: center;
  width: 68px;
  height: 68px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.so-widget-sow-editor p a,
.so-widget-sow-editor p a:visited {
  color: #A13032;
}

.centre {
  width: 300px;
  height: 240px;
  text-align: center;
}
.centre .center-centre {
  padding: 18% 0;
  padding-left: 70px;
}
.centre .center-centre .text-centre {
  color: white;
  font-size: 26px;
}
.centre .center-centre .bord {
  border: solid white 2px;
}

.right-centre {
  border-radius: 0 20px 20px 0;
  float: right;
  background: linear-gradient(to right, rgba(31, 73, 100, 0) 1%, #1f4964 30%, #1f4964 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#001f4964", endColorstr="#1f4964",GradientType=1 );
}

.left-centre {
  border-radius: 20px 0 0 20px;
  float: left;
  background: linear-gradient(to right, #a13032 0%, #a13032 70%, rgba(31, 73, 100, 0) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a13032", endColorstr="#001f4964",GradientType=1 );
}
.left-centre .center-centre {
  padding-left: 0;
  padding-right: 70px;
}

.centres-img {
  text-align: center;
}
.centres-img img {
  border-radius: 20px 20px 0 0;
  max-height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
}
.centres-img h3.widget-title {
  margin: 0;
  padding: 10px;
}

.stats-box {
  text-align: center;
}
.stats-box .number-circle {
  border: solid #1F4964 4px;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  margin: 20px auto;
}
.stats-box .number-circle p {
  font-size: 36px;
  margin-top: 20px;
  letter-spacing: -2px;
}
.stats-box .title {
  color: #A13032;
  margin: 0;
}

.card-actions .so-widget-sow-image img {
  max-height: none;
  margin-bottom: -20px;
  width: 234px;
  height: 210px !important;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-actions .two-col img {
  width: 296px !important;
  height: 210px !important;
}
.card-actions .card {
  background: #1F4964;
  background: linear-gradient(to bottom, #255777 0%, #0d1e2a 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="lighten($color, 5%)", endColorstr="darken($color, 15%)",GradientType=0 );
}
.card-actions .card h1, .card-actions .card h2, .card-actions .card h3, .card-actions .card h4, .card-actions .card h5, .card-actions .card h6 {
  color: white;
  font-size: 20px;
}
.card-actions .card p {
  color: white;
  font-size: 12px;
}
.card-actions .card-red {
  background: #A13032;
  background: linear-gradient(to bottom, #b53638 0%, #661e20 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="lighten($color, 5%)", endColorstr="darken($color, 15%)",GradientType=0 );
}
.card-actions .card-red h1, .card-actions .card-red h2, .card-actions .card-red h3, .card-actions .card-red h4, .card-actions .card-red h5, .card-actions .card-red h6 {
  color: white;
  font-size: 20px;
}
.card-actions .card-red p {
  color: white;
  font-size: 12px;
}

.box-left img {
  border-radius: 20px 0 0 20px;
}

.diaporama.blue-gradient {
  background: #1F4964;
  background: linear-gradient(to bottom, #255777 0%, #0d1e2a 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="lighten($color, 5%)", endColorstr="darken($color, 15%)",GradientType=0 );
}
.diaporama.red-gradient {
  background: #A13032;
  background: linear-gradient(to bottom, #b53638 0%, #661e20 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="lighten($color, 5%)", endColorstr="darken($color, 15%)",GradientType=0 );
}
.diaporama .diaporama-img img {
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.diaporama .diaporama-editeur h1, .diaporama .diaporama-editeur h2, .diaporama .diaporama-editeur h3, .diaporama .diaporama-editeur h4, .diaporama .diaporama-editeur h5, .diaporama .diaporama-editeur h6, .diaporama .diaporama-editeur p {
  color: white;
}

.article-img img {
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-img h2, .article-img h3 {
  margin: 0;
}

.video-flex-frame {
  margin-bottom: 0 !important;
}

.iw-so-person-content {
  background: #A13032 !important;
  padding: 1px !important;
}
.iw-so-person-content h4, .iw-so-person-content p, .iw-so-person-content a, .iw-so-person-content span {
  color: #fff !important;
}
.iw-so-person-content .iw-so-person-about {
  line-height: 8px;
}

@media only screen and (min-width: 781px) {
  .iw-so-person-content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(163, 47, 47, 0.6) !important;
    padding-top: 50px !important;
  }
}
.iw-so-person-profiles a {
  color: transparent !important;
}

.person:hover .iw-so-person-content {
  display: block;
}

.widget[data-index="0"] .sow-headline-container .sow-headline {
  border: solid 3px white;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 20px;
  text-align: center;
}

.alert {
  border: 2px solid #A13032;
  background-color: #8d2a2c;
  border-radius: 10px;
  margin: 15px auto;
  padding: 10px 5px;
  font-weight: bold;
  color: white;
}

.wpcf7 p {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
}

.panel-grid .social-home-banner {
  display: block !important;
}
.panel-grid .social-home-banner .panel-grid-cell {
  width: 50% !important;
  display: inline-block !important;
}

.site-content .new_progress {
  width: 600px;
}
.site-content .new_progress .new_progression {
  background-color: #A13032;
}
.site-content .new_progress .new_progression:after {
  background-color: #b53638;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

@media only screen and (max-width: 480px) {
  .first-call-button {
    font-size: 20px;
    padding: 15px 20px;
    width: calc(100% - 20px);
  }

  .home-section-1 {
    margin: 170px 0 30px 0;
  }

  .perso {
    background-size: 160% !important;
    background-position: center -50px !important;
  }

  .text-photo-banner {
    background: linear-gradient(to bottom, rgba(31, 73, 100, 0) 0%, rgba(31, 73, 100, 0.77) 50%, #1f4964 65%, #1f4964 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#001f4964", endColorstr="#1f4964",GradientType=0 );
  }
  .text-photo-banner p {
    padding: 250px 0 20px;
    font-size: 24px;
    width: auto;
  }
  .text-photo-banner a {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
  }

  .sow-slider-image .panel-grid-cell {
    width: 33.33%;
  }

  .widget[data-index="0"] .sow-headline-container .sow-headline {
    font-size: 20px;
  }

  .rounded-img .panel-layout .sow-image-container img.so-widget-image {
    border-radius: 1000px;
    max-width: 200px;
  }

  .box-left img {
    border-radius: 20px 20px 0 0;
  }

  .widget_ink-person {
    width: calc(50% - 15px);
    margin-right: 15px !important;
    display: inline-block;
  }

  input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
    width: 100%;
  }

  .site-footer .site-info .menu li.footer-center {
    display: block;
    text-align: right;
    line-height: 14px;
  }
  .site-footer .site-info .menu li.social-icon {
    margin-top: 10px;
  }
  .site-footer .site-info .menu li.social-icon:last-child {
    margin-right: 10px;
  }
  .site-footer .site-info .menu-logo img {
    max-height: 70px;
    width: auto;
  }

  .main-navigation.toggled ul li.social-icon {
    margin-top: 20px;
  }
  .main-navigation.toggled ul li.social-icon:last-child {
    margin-right: 10px;
  }

  .site-content .new_progress {
    width: auto;
  }
}
@media only screen and (min-width: 481px) and (max-width: 780px) {
  .widget_ink-person {
    width: calc(33.3333% - 20px);
    margin-right: 20px !important;
    display: inline-block;
  }
}

/*# sourceMappingURL=style.css.map */