/* @override 
	https://projet-ui.guyvincent-sociologue.fr/wp-content/themes/biography/style.css?*
	https://guyvincent-sociologue.fr/wp-content/themes/biography/style.css?* */

/* Theme Name: Biography
Theme URI: https://themepalace.com/downloads/biography/
Author: Yam Chhetri
Author URI: http://www.yamchhetri.com/
Description: Biography Theme's exquisiteness and simplicity helps individuals represent their personal site at ease. A must-have for all individuals looking to exhibit and brand one's personal information. Aided with control for Theme options of various Layout and Footer options, the Biography theme's unique features includes but not limited to: Font-family setting, header banner and text slider with background image offers relentless control to mould the theme as per your need. Top notch code quality with extended Customizer settings for various sections such as: Service, Review, Testimonial, etc. All these acquainted with robust in-house responsive framework would serve its purpose to befit your Biography. This theme is ideal for business purposes and is now made WooCommerce ready.
Version: 1.1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: biography
Tags: one-column, two-columns, left-sidebar, right-sidebar,flexible-header,custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, theme-options, threaded-comments, translation-ready, e-commerce

Biography is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later. */
/* ======================================
Table Of Content

1. Normalize

-----------------------------------------
2. General Styles
  2.1 Links
  2.2 Typography
  2.3 Accessibility
  2.4 Forms
  2.5 Placeholder
  2.6 Button
  2.7 Clearings
  2.8 Table

-----------------------------------------
3. Header
  3.1 Header Top Bar
  3.2 Header Nav Bar

-----------------------------------------
4. Sidebar
  4.1 Widget
  4.1 Widget_archive
  4.2 Widget_calendar
  4.3 Widget_categories
  4.4 Widget_nav_menu
  4.5 Widget_meta
  4.6 Widget_pages
  4.7 Widget_recent_comments
  4.8 Widget_recent_entries
  4.9 Widget_rss
  4.10 Widget_search
  4.11 Widget_tag_cloud
  4.12 Widget_text

-----------------------------------------
5. Primary
  5.1 Articles

-----------------------------------------
6. Footer
  6.1 Site Info

-----------------------------------------
7. Content
  7.1 Alignments
  7.2 Posts and Pages
  7.3 Asides
  7.4 Comments
  7.5 404 page
-----------------------------------------
8. Infinite scroll

-----------------------------------------

9. Media
  9.1 Captions
  9.2 Galleries

-----------------------------------------

10. Global
  10.1 Nullify Bootstrap columns padding
  10.2 columns of same height
-----------------------------------------

11. Custom Pages
  11.1 Custom Pages style

=========================================

/* ====================================================== */
/* 1 Normalize */
/* --------------------------------------- */
html {
    font-family: "Raleway", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    position: relative;
    color: #414141;
    font: normal 15px/1.5 'Raleway', sans-serif;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    border: 0;
}

img.attachment-full.size-full.wp-post-image {
    height: auto;
}

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

embed,
iframe,
object,
video {
    max-width: 100%;
}

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

figure {
    margin: 0;
}

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

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

[hidden],
template {
    display: none;
}

/* ====================================================== */
/* 2 General Styles */
/* --------------------------------------- */
/* Links */
/* --------------------------------------- */
a,
a i,
button,
input[type="submit"] {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

a {
    color: #333333;
    text-decoration: none;
    background-color: transparent;
}

.logged-in.admin-bar .ab-top-menu a,
.logged-in.admin-bar .ab-top-menu a > p {
    color: inherit !important;
}

a:active,
a:hover,
a:focus {
    outline: 0;
    border: none;
    text-decoration: none;
    color: #DFB200;
}

/* Typography */
/* --------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #555555;
    text-transform: uppercase;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
}

h1,
h2,
h3 {
    margin-top: 10px;
    margin-bottom: 15px;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

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

p {
    margin-bottom: 15px;
}

p a {
    text-decoration: underline;
}

q,
blockquote {
    color: #787878;
}

q::before,
q:before {
    content: open-quote;
}

q::after,
q:after {
    content: close-quote;
}

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

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 0 1.5em;
    border-left: none;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Raleway", sans-serif;
    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,
samp {
    font-family: "Raleway", sans-serif;
    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%;
}

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;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 20px;
    list-style-position: inside;
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

@media screen and (max-width: 767px){
    h1,
    h2 {
        font-size: 24px;
    }
}

/* Accessibility */
/* --------------------------------------- */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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. */
}

/* Forms */
/* --------------------------------------- */
form {
    position: relative;
}

input {
    outline: 0;
    border: 1px solid #dddddd;
    height: inherit;
    color: #333333;
    font-size: 16px;
    padding: 8px 15px;
    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;
}

button,
html input[type="button"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
    background: #FFD52D;
    color: #352C00 !important;
    font-size: 18px;
    line-height: 1;
    padding: 18px 28px 18px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 0;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #bababa;
    border: none;
    box-shadow: none;
    color: #352C00 !important;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
button.line-btn:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background-color: #DFB200;
    border: none;
    box-shadow: none;
    color: #212121;
}

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

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    background-color: #F7F7F7;
    box-sizing: border-box;
    padding: 8px 5px 8px 15px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

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

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    background-color: #ffffff;
    -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;
    width: 100%;
    min-height: 120px;
}

optgroup {
    font-weight: bold;
}

select:focus {
    outline: none;
}

/* Button */
/* --------------------------------------- */
button,
a.button {
    outline: none;
    border: none;
    overflow: visible;
}

/* Underline Reveal */
a.button,
a.line-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    border: none;
    background: #FFD52D;
    color: #352C00 !important;
    font-size: 18px;
    line-height: 1;
    padding: 18px 28px 18px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 0;
}

a.line-btn {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 1px #ffffff inset;
    color: #ffffff !important;
}

a.button:before,
a.line-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

a.button:hover,
a.button:focus,
a.button:active,
a.line-btn:hover,
a.line-btn:focus,
a.line-btn:active {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    color: #352C00 !important;
}

a.line-btn:hover,
a.line-btn:focus,
a.line-btn:active {
    background: #FFD52D;
    box-shadow: 0 0 0 1px #FFD52D inset;
}

a.button:hover:before,
a.button:focus:before,
a.button:active:before,
a.line-btn:hover:before,
a.line-btn:focus:before,
a.line-btn:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* 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 {
    content: "";
    display: table;
}

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

/* Table */
/* ----------------------------------------------- */
table,
th,
td {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.6em;
    table-layout: fixed;

    /* Prevents HTML tables from becoming too wide */
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 600;
}

td {
    border-width: 0 1px 1px 0;
}

th,
td {
    padding: 0.4em;
}

del {
    opacity: 0.8;
}

dl {
    margin-bottom: 1.6em;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1.6em;
    margin-left: 0;
}

dd a {
    text-decoration: underline;
}

/* ====================================================== */
/* 3 Header */
/* --------------------------------------- */
/* Header Top Bar */
/* ----------------------------------------------- */



@media screen and (max-width: 767px){
    .menu-main-menu-container {
        /* width: auto; */
        text-align: center;
    }

    .site-branding .pull-right {
        float: none !important;
    }

    .textwidget > ul {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
}

/* header-nav-bar */
/* ----------------------------------------------- */
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    background: none repeat scroll 0 0 #028484;
    text-align: left;
    margin-top: 15px;
}

.main-navigation .nav-menu {
    width: 1170px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (max-width: 1170px){
    .main-navigation .nav-menu {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
}

@media only screen and (max-width: 992px){
    .main-navigation {
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    display: inline-block;
    position: relative;
}

.main-navigation a {
    color: #ffffff;
    display: block;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    padding: 17px 18px;
    position: relative;
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    left: -999em;
    z-index: 99999;
    background-color: #333333;
    text-align: center;
}

.main-navigation ul ul ul {
    top: 0;
}

.main-navigation ul ul a {
    border-bottom: 1px solid #666666;
    width: 200px;
    text-align: center;
}

.main-navigation ul ul li:last-child a {
    border-top: none;
}

.main-navigation li:hover > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
}

.main-navigation ul ul a:hover {
    background: rgb(0, 0, 0);

    /* fallback */
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.main-navigation ul li:hover > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul {
    left: 200px;
    width: 200px;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation li.active > a,
.main-navigation li.active > a,
.main-navigation li.active > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: relative;
    color: #ffffff;
}

.main-navigation li:hover > a:after,
.main-navigation .current_page_item > a:after,
.main-navigation .current-menu-item > a:after,
.main-navigation .current_page_ancestor > a:after,
.main-navigation li.active > a:after,
.main-navigation li.active > a:after,
.main-navigation li.active > a:after,
.main-navigation li.current_page_parent a:after {
    background: #003d28 none repeat scroll 0 0;
    top: 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 50px;
}

@media screen and (max-width: 1199px){
    .main-navigation a {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media screen and (min-width: 992px){
    .main-navigation .current_page_item > a,
    .main-navigation .current-menu-item > a,
    .main-navigation .current_page_ancestor > a {
        color: #ffffff;
    }
}

/* Small menu. */
.menu-toggle {
    display: none;
}

@media screen and (max-width: 767px) {
    .main-navigation {
        margin: 0;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .menu-toggle,
    #site-navigation .toggled .menu-toggle {
        margin-bottom: 5px;
        padding: 5px 10px !important;
    }

    .main-navigation ul {
        display: none;
    }

    .main-navigation li {
        float: none;
        display: block;
        border-top: 1px solid #787878;
    }

    .main-navigation ul a:hover,
    .main-navigation ul a:focus,
    .main-navigation .current_page_item > a,
    .main-navigation .current-menu-item > a,
    .main-navigation .current_page_ancestor > a,
    .main-navigation li.active > a,
    .main-navigation li.active > a,
    .main-navigation li.active > a {
        background: #212121;
    }

    .main-navigation li:hover > a:after,
    .main-navigation .current_page_item > a:after,
    .main-navigation .current-menu-item > a:after,
    .main-navigation .current_page_ancestor > a:after,
    .main-navigation li.active > a:after,
    .main-navigation li.active > a:after,
    .main-navigation li.active > a:after,
    .main-navigation li.current_page_parent a:after {
        display: none;
    }

    .main-navigation.toggled .nav-menu {
        background: none repeat scroll 0 0 #565656;
    }

    /* 2 level mobile menu */
    .main-navigation ul ul:before {
        border-bottom: 10px solid #414141;
        border-left: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        left: 0;
        margin: -10px auto auto;
        position: absolute;
        right: 0;
        width: 10px;
    }

    .main-navigation ul ul {
        background: none repeat scroll 0 0 #414141;
        display: block;
        float: none;
        position: static;
        text-align: left;
        box-shadow: none;
    }

    /* 3 level mobile menu */
    .main-navigation ul ul ul {
        background: none repeat scroll 0 0 #323232;
    }

    .main-navigation ul ul ul:before {
        border-bottom-color: #323232;
    }

    /* 4 level mobile menu */
    .main-navigation ul ul ul ul {
        background: none repeat scroll 0 0 #212121;
    }

    .main-navigation ul ul ul ul:before {
        border-bottom-color: #212121;
    }

    /* 5 level mobile menu */
    .main-navigation ul ul ul ul ul {
        background: none repeat scroll 0 0 #151515;
    }

    .main-navigation ul ul ul ul ul:before {
        border-bottom-color: #151515;
    }

    .main-navigation ul ul li {
        border-top-color: #212121;
    }

    .main-navigation ul ul li:hover > ul {
        width: 100%;
    }

    .main-navigation ul ul li:first-child {
        border-top: none;
    }

    .main-navigation ul ul li a {
        display: block;
        width: auto;
        text-align: center;
        border-bottom: none;
    }

    .main-navigation .menu-toggle {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
        border: none;
        box-shadow: none;
        float: none;
        text-align: center;
    }

    .main-navigation .menu-toggle i {
        color: #fff;
        font-size: 40px;
    }
}

.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%;
}

/* --------------- Biography Nav Left ------------------------ */
.biography-nav-left .main-navigation .nav-menu {
    width: auto;
}

.biography-nav-left .main-navigation {
    background-color: transparent;
}

.biography-nav-left .main-navigation ul {
    text-align: left;
}

.biography-nav-left .main-navigation a {
    color: #ffffff !important;
    background-color: transparent;
}

.biography-nav-left .main-navigation a:hover {
    background-color: transparent;
}

/* ====================================================== */
/* Sidebar */
/* --------------------------------------- */
.widget {
    margin: 0 0 3.5em;
}

.widget-title,
.widgettitle {
    background: none repeat scroll 0 0 rgb(241, 242, 243);
    border-left: 3px solid #FFDC44;
    font-size: 18px;
    padding: 12px 15px;
    text-transform: capitalize;
}

.widget ul {
    padding-left: 0;
    list-style: none;
}

.widget li {
    border-top: 1px solid #ededed;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.widget li a:hover {
    color: #DFB200;
}

/* Make sure select elements fit in widgets. */
.widget select {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    max-width: 100%;
    padding: 8px 15px;
}

@media screen and (max-width: 767px){
    #secondary {
        margin-top: 60px;
    }
}

/* Search widget. */
/* ------------------------------------ */
.search-form label {
    margin-bottom: 0;
    width: 68%;

    /* fallback */
    width: calc(100% - 106px);
}

.search-form .search-field {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #212121;
    display: block;
    height: 42px;
    width: 100%;
    vertical-align: top;
    background-color: #f7f7f7;
    line-height: 20px;
    margin-bottom: 0;
    font-size: 14px;
}

.search-form .search-submit {
    background-color: #003d28;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
    height: 22px;
    padding: 15px 30px 27px;
    text-shadow: none;
    vertical-align: top;
    width: 102px;
    font-size: 15px;
}

.search-form .search-submit:hover,
.search-form .search-submit:focus {
    background-color: #bababa;
    box-shadow: none;
    border: none;
    text-shadow: none;
    vertical-align: top;
    border-radius: 0;
    padding: 15px 30px 27px;
}

/* widget_archive */
/* ------------------------------------ */
/* widget_calendar */
/* ------------------------------------ */
.widget_calendar table {
    margin: 0;
}

.widget_calendar td,
.widget_calendar th {
    border: 1px solid #ededed;
    line-height: 2.3333;
    text-align: center;
    padding: 0;
}

.widget_calendar caption {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    margin: 0 0 1.6em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.widget_calendar tbody a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    background-color: #333;
    color: #fff;
    display: block;
    font-weight: 600;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
    background-color: #707070;
    background-color: rgba(51, 51, 51, 0.7);
    color: #fff;
}

/* widget_categories */
/* ------------------------------------ */
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
    margin: 0.4688em 0 0 1em;
    padding-top: 0.4688em;
}

/* widget_nav_menu */
/* ------------------------------------ */
/* widget_recent_entries */
/* ------------------------------------ */
.widget_recent_entries .post-date {
    font-style: normal;
    display: block;
    line-height: 2;
    opacity: 0.8;
    display: block;
}

/* widget_rss */
/* ------------------------------------ */
.widget_rss ul {
    list-style: none;
    margin: 0;
}

.widget_rss li {
    margin-bottom: 1.6em;
}

.widget_rss ul:last-child,
.widget_rss li:last-child {
    margin-bottom: 0;
}

.widget_rss .rsswidget {
    border: 0;
    font-weight: 600;
}

.widget_rss .rsswidget img {
    margin-top: -4px;
}

.widget_rss .rss-date,
.widget_rss cite {
    font-style: normal;
    display: block;
    line-height: 2;
    opacity: 0.8;
}

/* ====================================================== */
/* Primary */
/* --------------------------------------- */
/* Aricles */
/* ------------------------------------ */
.blog article.hentry,
#blog-post article.hentry,
.search article.hentry,
.archive article.hentry,
.tag article.hentry,
.category article.hentry,
#ak-blog-post article.hentry {
    border-bottom: 3px solid #003d28;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.cat-links {
    border-right: 1px solid #333333;
    padding-right: 10px;
}

.tags-links {
    padding-left: 10px;
}

.posted-on a,
.cat-links a,
.tags-links a,
.author a {
    font-weight: 600;
}

.posted-on a:hover,
.cat-links a:hover,
.tags-links a:hover,
.author a:hover,
.comments-link a:hover {
    color: #212121;
}

.edit-link {
    margin-left: 15px;
}

.edit-link a {
    color: #999999;
    font-weight: 600;
    text-decoration: underline;
}

.edit-link a:hover,
.edit-link a:focus {
    color: #333333;
}

.comments-link {
    margin-left: 15px;
}

#respond .comment-form-cookies-consent input[type="checkbox"],
.comment-form-cookies-consent input[type="checkbox"] {
    width: auto;
    float: left;
    height: auto;
    min-height: auto;
    margin: 0 10px 0 0;
}

#respond .comment-form-cookies-consent label,
.comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}

.comment-form-cookies-consent {
    clear: both;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}

/* ====================================================== */
/* Footer */
/* --------------------------------------- */
.site-footer {
    background-color: #636B6B;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Site Info */
/* --------------------------------------- */
.site-info {
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
    color: #f8f8f8;
}

.copyright {
    margin-bottom: 15px;
}

.site-info a {
    color: #d8d8d8 !important;
}

.site-info a:hover {
    color: #ffffff !important;
}

/* ====================================================== */
/* Content */
/* --------------------------------------- */
.site-content {
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 40px;
    width: 1170px;
}

.full-layout .site-content {
    width: auto;
}

.site-content:before,
.site-content:after {
    display: block;
    clear: both;
    content: "";
}

#primary {
    float: left;
    width: 68%;
}

#secondary {
    float: right;
    width: 29%;
}

@media screen and (max-width: 1199px){
    .site-content {
        width: 970px;
    }
}

@media screen and (max-width: 991px){
    .site-content {
        width: 750px;
    }
}

@media screen and (max-width: 767px){
    .site-content {
        margin-left: auto;
        margin-right: auto;
        width: 96%;
    }

    #primary,
    #secondary {
        width: 100%;
        float: none;
    }
}

/* right-sidebar start */
#primary,
body.biography-right-sidebar #primary {
    float: left;
    width: 68%;
}

#secondary,
body.biography-right-sidebar #secondary {
    float: right;
    width: 29%;
}

/* right-sidebar ends */
/* left-sidebar start */
body.biography-left-sidebar #primary {
    float: right;
    width: 68%;
}

body.biography-left-sidebar #secondary {
    float: left;
    width: 29%;
}

/* left-sidebar ends */
/* no-sidebar start */
body.biography-no-sidebar #primary {
    float: left;
    width: 100%;
}

/* no-sidebar ends */
@media only screen and (max-width: 1170px){
    .site-content {
        width: 96%;
        margin: 0 auto;
    }

    .container:before,
    .container:after {
        display: block;
        clear: both;
        content: "";
    }
}

@media only screen and (max-width: 767px){
    #primary,
    body.biography-right-sidebar #primary,
    body.biography-left-sidebar #primary,
    #secondary,
    body.biography-right-sidebar #secondary,
    body.biography-left-sidebar #secondary {
        width: 100%;
        float: none;
    }
}

/* post image position */
article.hentry .image-full {
    margin-bottom: 20px;
}

.entry-content .image-left {
    float: left;
    margin-right: 20px;
}

.entry-content .image-right {
    float: right;
    margin-left: 20px;
}

.entry-content .image-left {
    float: left;
    margin-right: 20px;
}

.entry-content .image-none {
    float: none;
    display: none;
}

@media screen and (max-width: 991px){
    .entry-content .left-image {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .entry-content .right-image {
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
    }
}

/* 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;
}

/* 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/pagination */
.page-links {
    clear: both;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 2em;
}

.page-links a,
.page-links > span {
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 15px;
    height: 2em;
    line-height: 2;
    margin: 0 3px 3px 3px;
    text-align: center;
    width: 2em;
}

.page-links a {
    background-color: #f7f7f7;
    color: #333;
}

.page-links a:hover,
.page-links a:focus {
    background-color: #707070;
    border-color: transparent;
    color: #fff;
}

/* Asides */
/* --------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

article.hentry .entry-title,
article.hentry .entry-title a,
.entry-title a {
    color: #FFDC44;
}

/* Comments */
/* --------------------------------------- */
.comment-list + .comment-respond {
    border-top: 1px solid #eaeaea;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
    padding-top: 1.6em;
}

.comments-title,
.comment-reply-title {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 1.3333;
}

.comments-title {
    margin-bottom: 1.3333em;
}

.comment-list {
    list-style: none;
    margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid #eaeaea;
    padding: 1.6em 0;
}

.comment-list .children {
    list-style: none;
    margin: 0;
}

.comment-list .children > li {
    padding-left: 0.8em;
}

.comment-author {
    color: #707070;
    margin-bottom: 0.4em;
}

.comment-author a:hover {
    border-bottom: 1px solid #707070;
}

.comment-author .avatar {
    float: left;
    height: 32px;
    margin-right: 0.8em;
    width: 32px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
}

.comment-metadata,
.pingback .edit-link {
    color: #999999;
    font-weight: 600;
}

.comment-metadata a,
.pingback .edit-link a {
    color: #707070;
}

.comment-metadata a:hover,
.pingback .edit-link a:hover {
    border-bottom: 1px solid #333;
}

.comment-metadata a.comment-edit-link:hover {
    border-bottom: none;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
    color: #333;
}

.comment-metadata {
    margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
    margin-left: 1em;
}

.pingback .edit-link {
    margin-left: 1em;
}

.pingback .edit-link:before {
    top: 5px;
}

.comment-content ul,
.comment-content ol {
    margin: 0 0 1.6em 1.3333em;
}

.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}

.comment-content > :last-child {
    margin-bottom: 0;
}

.comment-list .reply {
    font-size: 12px;
}

.comment-list .reply a {
    border: 1px solid #eaeaea;
    color: #707070;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    line-height: 1;
    margin-top: 2em;
    padding: 0.6167em 0.8333em;
    text-transform: uppercase;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
    border-color: #333;
    color: #333;
    outline: 0;
}

.comment-form {
    padding-top: 1.6em;
}

.comment-form label {
    color: #707070;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 600;
    display: block;
    line-height: 1.5;
    text-transform: uppercase;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="submit"] {
    width: 100%;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
    color: #707070;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 2em;
}

.logged-in-as a:hover {
    border-bottom: 1px solid #333;
}

.no-comments {
    border-top: 1px solid #eaeaea;
    color: #707070;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    padding-top: 1.6em;
}

.comment-navigation + .no-comments {
    border-top: 0;
}

.form-allowed-tags code {
    font-family: "Raleway", sans-serif;
}

.form-submit {
    margin-bottom: 0;
}

.required {
    color: #c0392b;
}

.comment-reply-title small {
    font-size: 100%;
}

.comment-reply-title small a {
    border: 0;
    float: right;
    height: 32px;
    overflow: hidden;
    width: auto;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Posts and Pages */
/* --------------------------------------- */
@media screen and (min-width: 768px){
    .error404 #primary {
        width: 55% !important;
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }
}

.error404 .search-form {
    margin-bottom: 30px;
}

/* ====================================================== */
/* 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;
}

/* ====================================================== */
/* Captions */
/* --------------------------------------- */
.wp-caption {
    margin-bottom: 1em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption.alignnone img {
    float: left;
}

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

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

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

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
}

.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 screen and (max-width: 767px){
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px){
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item {
        max-width: 100%;
    }
}

/* ====================================================== */
/* 10 Global */
/* --------------------------------------- */
/* 10.1 Nullify Bootstrap columns padding */
/* --------------------------------------- */
.pad0l {
    padding-left: 0px;
}

.pad0r {
    padding-right: 0px;
}

.pad0lr {
    padding-left: 0px;
    padding-right: 0px;
}

/* 10.2 columns of same height */
/* --------------------------------------- */
.row-same-height {
    display: table;
    width: 100%;

    /* fix overflow */
    table-layout: fixed;
}

.col-same-height {
    display: table-cell;
    float: none !important;
}

/* vertical alignment styles */
.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

/* social icons styles */
.biography-social-section ul {
    list-style: none;
    margin-bottom: 0;
    margin-top: 17px;
    text-align: right;
}

.biography-social-section ul li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.biography-social-section a:before {
    font-family: "FontAwesome";
    font-size: 14px;
}

.biography-social-section a {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    line-height: 38px;
    width: 38px;
    height: 38px;
    text-align: center;
    background-color: #ffffff;
    color: #3b4141;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    margin-left: 5px;
    margin-right: 5px;
}

.biography-social-section a:hover {
    color: #ffffff !important;
}

.biography-social-section a[href*="facebook.com"]:before {
    content: "\f09a";
}

.biography-social-section a[href*="twitter.com"]:before {
    content: "\f099";
}

.biography-social-section a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.biography-social-section a[href*="instagram.com"]:before {
    content: "\f16d";
}

.biography-social-section a[href*="youtube.com"]:before {
    content: "\f167";
}

.biography-social-section a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.biography-social-section a[href*="pinterest.com"]:before {
    content: "\f0d2";
}

.biography-social-section a[href*="flickr.com"]:before {
    content: "\f16e";
}

.biography-social-section a[href*="tumblr.com"]:before {
    content: "\f173";
}

.biography-social-section a[href*="wordpress.org"]:before {
    content: "\f19a";
}

.biography-social-section a[href*="wordpress.com"]:before {
    content: "\f19a";
}

.biography-social-section a[href*="soundcloud.com"]:before {
    content: "\f1be";
}

/* ---------------------- */
.biography-social-section a:hover[href*="facebook.com"] {
    background-color: #3C579E;
}

.biography-social-section a:hover[href*="twitter.com"] {
    background-color: #01BBF6;
}

.biography-social-section a:hover[href*="linkedin.com"] {
    background-color: #1484C3;
}

.biography-social-section a:hover[href*="instagram.com"] {
    background-color: #2D6A93;
}

.biography-social-section a:hover[href*="youtube.com"] {
    background-color: #D62424;
}

.biography-social-section a:hover[href*="pinterest.com"] {
    background-color: #BD2126;
}

.biography-social-section a:hover[href*="plus.google.com"] {
    background-color: #D73D32;
}

.biography-social-section a:hover[href*="flickr.com"] {
    background-color: #FD0083;
}

.biography-social-section a:hover[href*="tumblr.com"] {
    background-color: #34465D;
}

.biography-social-section a:hover[href*="wordpress.org"] {
    background-color: #3480A3;
}

.biography-social-section a:hover[href*="wordpress.com"] {
    background-color: #3480A4;
}

.biography-social-section a:hover[href*="soundcloud.com"] {
    background-color: #FF5500;
}

/* social group in nav section */
.social-icon-only a {
    font-size: 0;
}

.social-group-nav a:before {
    font-size: 18px;
}

.social-group-nav a[href*=".com"],
.social-group-nav a[href*=".org"] {
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
}

@media screen and (max-width: 767px){
    .biography-social-section ul {
        padding-left: 0;
        text-align: center;
    }
}

/* back-to-top section */
.biography-back-to-top {
    background: #ffffff !important;
    border-radius: 2px;
    bottom: 15px;
    color: #000000;
    display: inline-block;
    font-size: 28px;
    padding: 3px 16px 4px;
    position: fixed;
    z-index: 9999999;
    transition: all 1s;
	
	left: 50%;
	transform: translateX(-50%);
}

.biography-back-to-top:hover {
    border-radius: 50px;
}

.biography-back-to-top i {
    color: #000;
	transform: translate(0, 0px);
	transition: transform .3s ease-in-out 0s;
}
.biography-back-to-top:hover i {
	transform: translate(0, -10px);
}
/* overflow hidden */
.overhidden {
    overflow: hidden;
}

/* contact form 7 plugin style */
.wpcf7-form-control {
    height: 50px;
    margin-bottom: 15px;
    width: 100%;
}

.contact-form .wpcf7-form label {
    width: 100%;
}

/* -------------------- breadcrumb section ----------------- */
#breadcrumb {
    background-color: #DFB200;
    color: #565656;
    font-size: 13px;
    padding-bottom: 11px;
    padding-top: 10px;
    color: #ffffff;
}

#breadcrumb a {
    color: #ffffff;
}

#breadcrumb a:hover {
    opacity: 0.7;
}

#breadcrumb span {
    margin-right: 5px;
    margin-left: 5px;
}

#breadcrumb span:first-child {
    margin-left: 0;
}

/* ====================================================== */
/* 11 Custom Pages */
/* --------------------------------------- */
/* 11.1 Custom Pages style */
/* --------------------------------------- */
/* Home page Style */
/* --------------------------------------- */
.wrapper {
    float: left;
    width: 100%;
    background-color: #ffffff;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.block-section {
    position: relative;
    background-position: center top;
    vertical-align: top;
    -webkit-background-attachment: fixed;
    -moz-background-attachment: fixed;
    -o-background-attachment: fixed;
    -ms-background-attachment: fixed;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.block-overlay {
    opacity: 0.7;
    background-color: #2d2c28;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
}

.block-overlay-content {
    position: relative;
    z-index: 2;
}

.block-title {
    margin-bottom: 60px;
}

.title-divider {
    background-color: #cccccc;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 30px;
    margin-top: 25px;
    position: relative;
    width: 150px;
}

.title-divider span {
    background-color: #ffdb46;
    content: "";
    display: block;
    height: 3px;
    margin-top: 0;
    position: absolute;
    top: -1px;
    width: 50px;
}

/* -------------------- header section ----------------- */











.banner-slider-content {
    font-size: 42px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
}

.banner-slider-content span {
    font-weight: 400;
    background-color: rgba(0,3,4,0.6);
    padding: 5px 18px 6px;
}

.goest-btn {
    margin-top: 70px;
    margin-bottom: 40px;
}

.goest-btn a.button {
    margin-right: 12px;
}




@media screen and (max-width: 479px){
    .goest-btn a.button {
        display: block;
        margin-bottom: 15px;
        width: 100%;
    }
}

/* -------------------- service block section ----------------- */
.wrap-service {
    padding-top: 10px;
    padding-bottom: 45px;
    text-align: center;
}

.wrap-service .title-divider,
.wrap-service .title-divider span {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}

.service-inner {
    background-color: #ffffff;
    margin-top: -130px;
    position: relative;
    z-index: 1;
}

.wrap-service .block-title {
    padding-top: 30px;
}

.service-list {
    padding: 15px;
}

.icon-section {
    padding-top: 10px;
    padding-bottom: 10px;
}

.icon-section i {
    color: #003d28;
    line-height: 1;
    font-size: 28px;
}

.wrap-service .icon-section i {
    background: transparent none repeat scroll 0 0 !important;
}

.wrap-service h3 {
    margin-bottom: 25px;
}

.wrap-service h3 a {
    color: #555555;
    text-transform: uppercase;
    font-weight: 600;
}

.wrap-service h3 a:hover {
    color: #dfb200;
}

/* -------------------- about section ----------------- */
.wrap-about {
    background-color: #F7F8FA;
    padding-top: 60px;
    padding-bottom: 80px;
}

/* why hire me section */
.about-content {
    margin-right: 65px;
}

.btn-container {
    margin-top: 60px;
}

.wrap-about p.hero {
    font-size: 17px;
}

/* client's testimonial section */
.testimonial-section {
    margin-top: 50px;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.sayer-thumb {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -o-border-radius: 150px;
    -ms-border-radius: 150px;
    border-radius: 150px;
    float: left;
    height: 150px;
    margin-right: 25px;
    overflow: hidden;
    width: 150px;
}

.sayer-thumb img {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -o-border-radius: 150px;
    -ms-border-radius: 150px;
    border-radius: 150px;
    vertical-align: middle;
}

#testimonial-slide .item > div {
    display: table-cell;
}

.testimonial-content {
    color: #222222;
    font-size: 16px;
}

.sayer-detail {
    font-weight: 600;
}

.carousel-indicators li {
    background-color: #cccccc;
    border: medium none;
    border-radius: 0;
    height: 4px;
    margin-left: 3px;
    margin-right: 3px;
    width: 25px;
}

.carousel-indicators li:hover {
    background-color: #999999;
}

.carousel-indicators .active,
.carousel-indicators li:hover.active {
    background-color: #ffdb46;
    height: 8px;
    margin: 0;
    width: 25px;
}

.carousel-indicators {
    bottom: -25px;
    float: right;
    margin-left: -10%;
    text-align: right;
}

@media screen and (max-width: 1199px) and (min-width: 992px){
    .testimonial-content {
        font-size: 15px;
    }
}

@media screen and (max-width: 991px){
    .about-content {
        margin-right: 0;
        margin-bottom: 60px;
    }

    .carousel-indicators {
        bottom: -50px;
    }
}

@media screen and (max-width: 767px){
    #testimonial-slide .item > div {
        display: block;
    }
}

@media screen and (max-width: 480px){
    .sayer-thumb {
        float: none;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .testimonial-content {
        float: left;
        text-align: center;
        width: 100%;
    }
}

/* -------------------- story section ----------------- */
.wrap-story {
    padding-top: 60px;
    padding-bottom: 60px;
    color: #fff;
    line-height: 22px;
}

.wrap-story .block-title h2 {
    color: #ffffff;
}

.wrap-story .block-title {
    text-align: center;
}

.wrap-story .title-divider,
.wrap-story .title-divider span {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}

.wrap-story .btn-container {
    text-align: center;
}

/* -------------------- skill section ----------------- */
.wrap-skill {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #F7F8FA;
}

.wrap-skill .block-title {
    text-align: center;
}

.wrap-skill .title-divider,
.wrap-skill .title-divider span {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}

.progress {
    height: 8px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), inset 0 0px 1px rgba(0, 0, 0, .4);
}

.progress-value {
    font-weight: 700;
}

.progress-bar {
    background-color: #555555;
}

/* -------------------- resume section ----------------- */
.wrap-resume {
    padding-top: 60px;
    padding-bottom: 60px;
}

.wrap-resume .block-title {
    text-align: center;
}

.wrap-resume .title-divider,
.wrap-resume .title-divider span {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}

.resume-list-outer {
    position: relative;
    margin-top: 60px;
}

.resume-list-outer:after,
.resume-list:after {
    clear: both;
    display: table;
    content: "";
}

.resume-list-outer:before {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    content: "";
    height: 100%;
    margin-left: 197px;
    padding-right: 3px;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: -1;
}

.resume-list {
    padding-bottom: 30px;
}

.resume-list .date,
.resume-list .icon,
.resume-list .textbox {
    float: left;
    color: #555555;
}

.resume-list .date {
    font-size: 27px;
    margin-right: 10px;
    width: 180px;
}

.resume-list .icon i {
    background-color: #ffdb43;
    border-radius: 50px;
    color: #313131;
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.resume-list .textbox {
    background-color: #ffffff;
    position: relative;
    border: 1px solid #f2f2f2;
    margin-left: 30px;
    padding: 15px 20px 20px;
    width: 78%;

    /* fallback */
    width: calc(100% - 265px);
}

.resume-list .textbox:before {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #f2f2f2;
    border-top: 10px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    margin-left: -30px;
    position: absolute;
    top: 15px;
}

.resume-list .textbox h3 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}

.wrap-resume .btn-container {
    text-align: center;
}

@media screen and (max-width: 480px){
    .resume-list-outer:before {
        display: none;
    }

    .resume-list .icon {
        margin-top: 0;
    }

    .resume-list .textbox {
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
    }

    .resume-list .textbox:before {
        border-bottom: 10px solid #f2f2f2;
        border-left: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid rgba(0, 0, 0, 0);
        margin-left: auto;
        top: -20px;
    }
}

/* -------------------- counter section ----------------- */
.wrap-counter {
    padding-bottom: 80px;
    padding-top: 80px;
    text-align: center;
    color: #fff;
}

.wrap-highlight h2,
.wrap-highlight h3,
.wrap-highlight h3 a {
    color: #ffffff !important;
}

.wrap-highlight .title-divider {
    margin-right: auto;
    margin-left: auto;
}

.wrap-highlight .title-divider span {
    left: 0;
    right: 0;
    margin: auto;
}

.counter-box {
    margin-top: 30px;
    margin-bottom: 20px;
}

.counter-box .icon i {
    font-size: 36px;
    color: #ffdb43;
}

.counter-box h3 {
    font-weight: normal;
    margin-top: 30px;
    text-transform: inherit;
}

.counter-box .number {
    font-size: 62px;
    font-weight: 100;
    line-height: 1;
}

/* -------------------- portfolio section ----------------- */
.wrap-portfolio {
    padding-bottom: 80px;
    padding-top: 80px;
    text-align: center;
    color: #fff;
}

.wrap-portfolio .title-divider {
    margin-right: auto;
    margin-left: auto;
}

.wrap-portfolio .title-divider span {
    left: 0;
    right: 0;
    margin: auto;
}

/* porfolio item */
.portfolio-content .item {
    margin-bottom: 30px;
}

.portfolio-content .content {
    overflow: hidden;
    position: relative;
}

.portfolio-content .content .overlay {
    display: block;
    height: 100%;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    z-index: 2;
}

.portfolio-content a:hover .content .overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.portfolio-content .content .overlay .valign-container {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}

.portfolio-content .content .overlay .valign-content {
    display: table-cell;
    vertical-align: middle;
}

.portfolio-content .content .overlay .text:before {
    border-bottom: 1px solid #003d28;
    border-top: 1px solid #003d28;
    bottom: 50px;
    content: "";
    left: 30px;
    opacity: 0;
    position: absolute;
    right: 30px;
    top: 50px;
    transform: scale(0, 1);
    transform-origin: 0 0 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.portfolio-content .content .overlay .text:after {
    border-left: 1px solid #003d28;
    border-right: 1px solid #003d28;
    bottom: 30px;
    content: "";
    left: 50px;
    opacity: 0;
    position: absolute;
    right: 50px;
    top: 30px;
    transform: scale(1, 0);
    transform-origin: 100% 0 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.portfolio-content .content .overlay .text {
    position: relative;
    text-align: center;
}

.portfolio-content a:hover .content .text:before {
    opacity: 1;
    transform: scale(1);
}

.portfolio-content a:hover .content .text:after {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.2s;
}

.portfolio-content .content .overlay .text .project-name {
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: 0;
    padding-left: 70px;
    padding-right: 70px;
}

.portfolio-content a:hover .content .overlay .text .project-name {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.portfolio-content .content .image {
    background: #000000 none repeat scroll 0 0;
    height: auto;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.portfolio-content .content .image img {
    width: 100%;
}

.portfolio-content a:hover .image {
    -webkit-transform: rotate(10deg) scale(1.3);
    -moz-transform: rotate(10deg) scale(1.3);
    -o-transform: rotate(10deg) scale(1.3);
    -ms-transform: rotate(10deg) scale(1.3);
    transform: rotate(10deg) scale(1.3);
}

@media screen and (max-width: 767px){
    .portfolio-content {
        text-align: center;
    }

    .portfolio-content .item {
        clear: both;
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 300px;
    }
}

/* -------------------- client section ----------------- */
.wrap-client {
    padding-bottom: 80px;
    padding-top: 80px;
    text-align: center;
    color: #fff;
    background-color: #F7F8FA;
}

.wrap-client .title-divider {
    margin-right: auto;
    margin-left: auto;
}

.wrap-client .title-divider span {
    left: 0;
    right: 0;
    margin: auto;
}

/* client slider */
.cycle-slideshow a:hover {
    opacity: 0.7;
}

.cycle-slideshow #prev,
.cycle-slideshow #next {
    background-color: #e1e1e1;
}

.arrow-section {
    text-align: right;
    margin-bottom: 25px;
}

.arrow-section a {
    margin: 5px;
}

/* -------------------- contact section ----------------- */
.wrap-contact {
    padding-top: 60px;
    padding-bottom: 40px;
    background-color: #636b6b;
    border-bottom: 1px solid #898989;
}

.wrap-contact,
.wrap-contact .widget-title,
.wrap-contact .widgettitle,
.wrap-contact ul li,
.wrap-contact ul li a {
    color: #ffffff !important;
}

.wrap-contact h2 {
    color: #ffffff !important;
}

.contact-list {
    padding-top: 40px;
    font-size: 16px;
}

.contact-info i.fa {
    color: #898989;
    font-size: 24px;
    text-align: center;
    width: 40px;
}

.contact-form p {
    margin-bottom: 0;
}

@media screen and (min-width: 992px){
    .contact-info {
        padding-right: 60px;
    }
}

/* -------------------- Inner Page Header ----------------- */
body.single article.hentry .image-full {
    margin: 0;
    padding: 0;
}

.header img {
    margin-top: 24px;
}

.child-site-header {
    background-color: #2D3B46;
    color: #fff;
    text-align: left;
    width: 100%;
    z-index: 2;
}

.photo-section-child span img {
    border: 7px solid #ffffff;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -o-border-radius: 150px;
    -ms-border-radius: 150px;
    border-radius: 150px;
    margin-bottom: 10px;
    max-height: 150px;
    max-width: 150px;
    height: 100%;
    width: 100%;
}

.navbar-fixed-top .navbar-static-top {
    background: #636B6B!important;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    transition: all 0.5s ease 0s;
    z-index: 99;
}

.child-site-title,
.child-site-title a {
    color: #fff !important;
    font-size: 22px;
    font-weight: 500;
    margin-top: 24px;
    text-transform: inherit;
    display: block;
    text-decoration: none;
}

.child-site-title,
.child-site-description a {
    text-decoration: none;
}

p.child-site-description {
    color: #fff;
}

.child-main-navigation {
    background: transparent;
    clear: both;
    display: block;
    float: left;
    margin-top: 24px;
    text-align: left;
    width: 100%;
    color: #fff;
    z-index: 999;
}

.child-main-navigation a {
    color: #fff;
    display: block;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    padding: 17px 18px !important;
    position: relative !important;
    text-decoration: none;
}

.child-main-navigation ul {
    text-align: left;
    color: #fff !important;
}

.child-main-navigation li {
    display: inline-block;
    position: relative;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent;
    text-decoration: none;
    border-bottom: 1px solid #DFB200;
}

#biography_child_page {
    background-attachment: fixed, fixed;
    background-color: #565656;
    background-position: center top;
    padding-bottom: 70px;
    padding-top: 80px;
    text-align: center;
}

.biography_child_page h1 {
    font-size: 36px;
    color: #fff !important;
    text-align: center;
}

nav.child-navigation {
    background: transparent;
}

.child-navigation .nav-menu {
    width: auto;
}

.child-margin {
    margin-left: 10px;
}

/* -------------------- Front Page Widget Section ----------------- */
span.the-author:before {
    content: "\f044";
    font-family: fontawesome;
    color: #FFD52D;
    font-size: 14px;
    margin-right: 2px;
}

.blog-post-wrapper {
    padding: 4px;
    border: 1px solid #eee;
    border-bottom: 3px double #eee;
    margin-bottom: 20%;
}

span.the-time::before {
    content: "\f133";
    font-family: fontawesome;
    color: #FFD52D;
    font-size: 14px;
    margin-right: 2px;
}

span.the-comments::before {
    content: "\f0e6";
    font-family: fontawesome;
    color: #FFD52D;
    font-size: 14px;
    margin-right: 2px;
}

.btn-container.featured-btn {
    margin-top: 40px;
}

p.widget-excerpt {
    color: #212121;
}

hr.widgethr {
    margin: 5px 0;
    padding: 0;
}

.blog-post-wrapper ul.list-inline {
    margin: 3px 0;
    padding: 0;
}

.blog-post-wrapper h3.entry-title {
    font-size: 22px;
    text-transform: inherit;
}

.banner-section-sortable {
    margin-bottom: 22em;
    margin-top: 4.5em;
}

.widget-height {
    margin-bottom: 35px;
}

/* ------------------------------------------------------
Custom CSS
------------------------------------------------------- */
body {
    position: inherit;
}









.wp-custom-logo .service-inner {
    padding-top: 80px;
}



.service-inner {
    padding-top: 30px;
}

.banner-inner.biography-animate.fadeInDown.overhidden {
    overflow: visible;
}

.progress {
    border-radius: 0;
    height: 10px;
    margin-bottom: 25px;
    background-color: #D1D1D1;
    box-shadow: none;
}

.progress-bar {
    background-color: #DFB200;
    box-shadow: none;
}

.progress-title {
    font-weight: 500;
    color: #212121;
}

.skill-item .title-detail {
    margin-bottom: 3px;
    font-size: 16px;
}

.button {
    text-transform: uppercase;
}

input[type="submit"],
input[type="submit"]:hover {
    color: #fff !important;
}

.title-divider {
    background-color: transparent;
}

.title-divider span {
    height: 4px;
    width: 72px;
}

div.wpcf7 .ajax-loader {
    position: absolute;
    margin-top: 16px;
}

.counter-box .icon i {
    font-size: 52px;
    color: #fff;
}

.wrap-client .fa.fa-chevron-circle-left:before {
    content: "\f0a8";
}

.wrap-client .fa.fa-chevron-circle-right:before {
    content: "\f0a9";
}

.arrow-section a {
    color: #A1A1A1 !important;
}

.contact-form .wpcf7-form label {
    width: 100%;
    font-weight: 400;
}

.contact-form .wpcf7-form span {
    margin-top: 8px;
    display: inline-block;
    width: 100%;
}

.wrap-story .content {
    line-height: 1.8;
    text-align: center;
}

input.wpcf7-form-control.wpcf7-submit {
    height: 54px;
}

.contact-form textarea {
    min-height: 150px;
    outline: none;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="url"],
.contact-form input[type="tel"],
.contact-form input[type="password"],
.contact-form input[type="search"],
.contact-form textarea {
    background-color: #D1D3D2;
}

.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="url"]:focus,
.contact-form input[type="tel"]:focus,
.contact-form input[type="password"]:focus,
.contact-form input[type="search"]:focus,
.contact-form textarea:focus {
    background-color: #fff;
}

.contact-address {
    margin-top: 60px;
    margin-bottom: 50px;
}

.contact-address ul {
    list-style: none;
}

.contact-address ul li:not(:last-child) {
    margin-bottom: 15px;
}

.contact-address li.address:before,
.contact-address li.phone:before,
.contact-address li.mail:before {
    content: "\f041";
    font-family: "FontAwesome";
    margin-right: 15px;
}

.contact-address li.phone:before {
    content: "\f095";
}

.contact-address li.mail:before {
    content: "\f0e0";
}

.wrap-service .btn-container {
    margin-top: 40px;
}

.wrap-service {
    padding-bottom: 60px;
}

.wrap-resume,
.wrap-contact {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 567px) {
    .wp-custom-logo .service-inner {
        padding-top: 130px;
    }

    

    

    
}

@media screen and (min-width: 767px) {
    

    .resume-list .textbox {
        border: none;
    }

    .resume-list .textbox:before,
    .resume-list-outer:before {
        display: none;
    }

    .resume-list .icon i {
        font-size: 25px;
        padding: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        position: relative;
        z-index: 1;
    }

    .resume-list-outer {
        overflow: hidden;
        padding-top: 100px;
    }

    .resume-list {
        display: flex;
        padding-bottom: 80px;
        position: relative;
    }

    .resume-list-outer:after {
        content: "";
        background-color: #D1D1D1;
        width: 2px;
        height: 1000px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        right: auto;
        text-align: center;
        margin: 0 auto;
        z-index: 0;
    }

    .resume-list:nth-child(even) {
        flex-direction: row-reverse;
    }

    .resume-list .date,
    .resume-list .textbox {
        width: 45%;
    }

    .resume-list .icon {
        width: 10%;
        text-align: center;
    }

    .resume-list:nth-child(odd) .date,
    .resume-list:nth-child(even) .textbox {
        text-align: right;
    }

    .resume-list .textbox {
        margin: 0;
        padding: 0;
    }

    .resume-list .date {
        margin: 0;
    }

    .resume-list .textbox h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .resume-list:nth-child(odd) .textbox {
        padding-left: 20px;
    }

    .resume-list:nth-child(even) .textbox {
        padding-right: 20px;
    }

    .resume-list:nth-child(even) .date {
        padding-left: 20px;
    }

    .resume-list:nth-child(odd) .date {
        padding-right: 20px;
    }
}

@media screen and (min-width: 992px) {
    

    

    

    .wp-custom-logo .service-inner {
        padding-top: 120px;
    }

    .wrap-client .arrow-section #prev {
        float: left;
        position: relative;
        top: 100px;
        left: -30px;
    }

    .wrap-client .arrow-section #next {
        position: relative;
        top: 100px;
        right: -30px;
    }

    .contact-address {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1600px) {
    body {
        font-size: 16px;
    }

    

    

    .contact-form p:nth-last-child(-n+2) .wpcf7-form-control {
        margin-bottom: 0;
    }

    .wrap-counter,
    .wrap-about,
    .wrap-story,
    .wrap-skill,
    .wrap-resume,
    .wrap-contact,
    .wrap-portfolio,
    .wrap-client {
        padding-top: 85px;
        padding-bottom: 100px;
    }

    .wrap-service {
        padding-bottom: 100px;
    }

    .contact-address ul li {
        font-size: 20px;
    }

    .contact-address li.address:before,
    .contact-address li.phone:before,
    .contact-address li.mail:before {
        margin-right: 25px;
    }
}


/* Modifications par Alexandre le 24 octobre */
:root {
    --fond: #fdfefc;
    --color: #c96e3e;
    --color: #9a380b;
    --color: #1f336d;
    --color: #0f0d19;
    --color-opa: rgba(15, 12, 25, 0.4);
    --color-txt: #fff;

    /* Couleur du texte sur la --color */
    --lien: #247b56;
}

@font-face {
    font-family: bodoniModa;
    src: url(/wp-content/uploads/alexandre-ui/fonts/Bodoni_Moda/BodoniModa-VariableFont_opsz,wght.ttf);
}

@font-face {
    font-family: bodoniModaItal;
    src: url(/wp-content/uploads/alexandre-ui/fonts/Bodoni_Moda/BodoniModa-Italic-VariableFont_opsz,wght.ttf);
}

@font-face {
    font-family: prataReg;
    src: url(/wp-content/uploads/alexandre-ui/fonts/Prata/Prata-Regular.ttf);
}

forVar {
    color: #0f0d19;
    background-color: rgba(15, 12, 25, 0.48);
}

/* <uniquifier>: Use a unique and descriptive class name */
/* <weight>: Use a value from 400 to 900 */
/* .bodoni-moda-<uniquifier> {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
} */
.bodoni-moda-light,
h1.entry-title,
.entry-content h1.wp-block-heading {
    font-family: "bodoniModa", serif !important;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	
	text-transform: none;
}

.prataReg,
h1.entry-title,
.entry-content h1.wp-block-heading {
    font-family: "prataReg", serif !important;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

h1.entry-title,
.entry-content h1.wp-block-heading {
    font-size: 50px !important;
    text-align: left;
}
h1.entry-title small,
.entry-content h1.wp-block-heading small {
	display: block;
}
body.page-id-204 h1.entry-title,
body.page-id-1048 h1.entry-title,
.entry-content h1.wp-block-heading {
    width: 250px;
    margin-left:45px
}
.search h1.entry-title {
    margin-left:45px
}

.alexandre.follow-title {
	font: 50px/50px "prataReg", serif !important;
	font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	text-align: left;
    margin-left: 45px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    transform: translateY(-30px);
	padding-top: 15px;
}

.alexandre.follow-title em {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 100;
    font-size: 110px;
    display: block;
    position: absolute;
    opacity: .1;
    z-index: -1;
    bottom: 18px;
    left: -24px;
}

/* Navigation */
@media (min-width: 992px) {
    .main-navigation {
        display: none;
    }

    div.head-top  {
        margin-bottom: 0;
    }
}

/* Un gros lien avec une flèche vers la droite */
.alexandre.cta a {
    display: block;
    position: relative;
    z-index: 10;
    margin-bottom: 50px;
    color: var(--color) !important;
    padding: 10px;
    margin-left: -10px;
    clip-path: polygon(0 0, calc(100% - 37px) 0, 100% 50%, calc(100% - 37px) 100%, 0 100%);
    min-height: 50px;
}

.alexandre.cta a em {
    display: block;
    font-size: 20px;
    font-style: normal;
    text-decoration: underline;
}

.alexandre.cta a::after {
    content: "";
    display: block;
    border-top: 1px solid var(--color);
    border-right: 1px solid var(--color);

    /* border-color: red; */
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 25px);
    right: 11px;
    transition: transform .6s ease-in-out 0s;
}

.alexandre.cta a:hover {
    background-color: var(--color);
    color: var(--color-txt) !important;
}

.alexandre.cta a:hover::after {
    /* transform: rotate(45deg) scale(1);
	transition: transform .3s ease-in-out 0s; */
}

/* Un gros lien avec une fleche vers le bas */
p.alexandreNextCta a,
a.alexandreNextCta {
	position: relative;
	padding-top: 70px;
	display: block;
}
p.alexandreNextCta a::before,
a.alexandreNextCta::before {
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 50%;
	width: 40px; height: 40px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	transform: translate(-50%, 0) rotate(45deg) scale(.7);
	
	transition: border-color .3s ease-in-out 0s,
				transform .3s ease-in-out 0s;		
}
p.alexandreNextCta a:hover::before,
a.alexandreNextCta:hover::before {
	border-color: #247b56 !important;
	transform: translate(-50%, 0) rotate(45deg) scale(1);
}	

body {
    background-color: var(--fond);
}

.entry-content {
    max-width: 650px;
    margin: auto;
}

article,
body.page article {
    /* Page de tous les articles */
    /* Page d'accueil */
    margin: auto !important;
    display: block;
    width: auto;
    padding: 0 5% 5%;
    box-shadow: 12px;
}

.groupe-biography {
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.13);
    background-color: white;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

body.home h1.entry-title {
    display: none;
}

h2 {
    text-transform: none;
}

body a:hover {
    color: #247b56 !important;
}

.page-header {
	/* From Bootstrap */
	border-bottom: none;
}
/* Fin du header */
/* Biographie */
.container.container-custom {
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.13);
}

h2.text-biography {
    padding-left: 10%;
    padding-right: 10%;
    text-align: left;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    font-family: "prataReg" !important;
    font-weight: 400;
    font-size: 52px;
	
	display: block;
	overflow: hidden;
}

h2.text-biography em {
    font-size: 20px;
    display: block;
    text-align: right;
}

p.text-biography {
    padding-left: 10%;
    padding-right: 10%;
    text-align: left;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 25px;
}

p.text-biography:first-of-type::before,
p.text-biography:last-of-type::after {
    font-size: 60px;
    display: block;
    position: absolute;
    font-family: "prataReg" !important;
}

p.text-biography:first-of-type::before {
    content: '“';
    transform: translate(-30px, 10px);
}

p.text-biography:last-of-type::after {
    content: '”';
    right: 0;
    transform: translate(-30px, 10px);
}

/* *
 *
 *
 * Page des articles */
/* List des articles */
h4.wp-block-heading {
    padding-bottom: 35px;
    padding-left: 5px;
    padding-top: 15px;
    margin: 70px -60px 0 35px;
    text-align: left !important;
    position: sticky;
    top: -1px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, var(--fond) 50%);
    z-index: 1;
    font-size: 26px;
    font-weight: 100;
    color: var(--color) !important;
    z-index: 1;
}

h4.wp-block-heading:first-of-type {
    margin-top: 0;
}

/* La time line */
/* h4.wp-block-heading::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100vh;
	border-right:1px dashed;
	z-index: -1;
} */
/* La rupture de la time line */
/* h4.wp-block-heading::before {
	content: "";
	display: block;
	position: absolute;
	left: -7px;
	z-index: -1;
	background-color: #fafdf7;
	width: 30px;
	height: 30px;
	bottom: calc(100% + 1px);
} */
ul.display-posts-listing {
    margin: 0;
    list-style: none;
    position: relative;
}

ul.display-posts-listing::before {
    /* La time line */
    content: "";
    display: block;
    position: absolute;
    top: -55px;
    bottom: 0;
    left: 7px;
    border-left: 1px solid var(--color);
    border-top: 1px solid var(--color);

    width:36px;
}

ul.display-posts-listing > li {
    font-size: 14px;
    position: relative;
    margin-bottom: -9px;
    padding: 65px 15px 25px 80px;
    perspective: 2000px;
    transform-style: preserve-3d;
    perspective-origin: 50% 65%;
    filter: drop-shadow(-1px -1px 12px rgba(0, 0, 0, 0.05));
}


ul.display-posts-listing > li a,
ul.display-posts-listing > li p {
    z-index: 10;
    position: relative;
}
ul.display-posts-listing > li ul {
	padding: 0;
	margin-bottom: 15px;
}
ul.display-posts-listing > li::before {
    /* Effet papier 3d */
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: white;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05);
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, calc(100% - 2px) 100%, 2px 100%);
}

ul.display-posts-listing a.title {
    display: block;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 7px;
}

/* Effet guilemets */
ul.display-posts-listing a.title::before {
    content: "« ";
    display: inline-block;
    position: absolute;
    right: calc(100% - 0px );
    margin-right: 10px;
}

ul.display-posts-listing a.title::after {
    content: " »";
}

/* Pas d'effet guillemets sur les catégories Recension / Préface */
ul.display-posts-listing .category-preface a.title::before,
ul.display-posts-listing .category-preface a.title::after,
ul.display-posts-listing .category-recension a.title::before,
ul.display-posts-listing .category-recension a.title::after {
    display: none;
}
span.date {
    background-color: var(--color);
    color: var(--color-txt);
    padding: 2px 10px;
	font-weight: bold;
}
body.single .entry-content span.date {
	transform: translateY(-50px);
	display: inline-block;
}
ul.display-posts-listing span.date {
    display: block;
    position: absolute;
    left: 14px;
    margin-right: 10px;
    margin-left: -50px;
	z-index: 2;
}

/* Image dans la liste */
ul.display-posts-listing li a.aForThumbnail {
    display: block;
    position: absolute;
    right: 100%;
    width: 100px;
    margin-right: 20px;
    perspective: 200px;
    top:65px;
	z-index: 1;
}
ul.display-posts-listing li a.aForThumbnail:hover {
	z-index: 3;
}
ul.display-posts-listing li a.aForThumbnail img {
    height: auto;
    transform: rotateY(20deg);
    transition: transform .3s ease-in-out 0s;
}

ul.display-posts-listing li:hover a.aForThumbnail img,
ul.display-posts-listing li a.aForThumbnail:hover img {
    transform: rotateY(0deg);
    transition: transform .3s ease-in-out 0s;
}

ul.display-posts-listing .wp-block-file a {
    /* Ne pas proposer le PDF sur la page de listing */
    /* le transformer en icone */
    display: none;
}

/* *
 *
 *
 * L'icone des PDF */
/* Option icone fichier Mac Os avec un image */
/* D'abord la version pour la liste : non cliquable, petit */
ul.display-posts-listing .wp-block-file {
    width: 36px;
    height: 45px;
    display: block;
    padding: 22px 2px 0;
    position: absolute;
    left: calc(50% - 17px);
    margin-bottom: 0;
    bottom: 26px;
    background-image: url(../../../wp-content/uploads/alexandre-ui/icone-fichier.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    color: var(--color);
    z-index: 1;
    box-shadow: 0 0 15px #ffffff;
}
@media (max-width: 1021px){
    /* Pour ne pas que le l'icone passe sous le lien */
    ul.display-posts-listing .wp-block-file {
        left:auto;
        right:30px;
    }
}

ul.display-posts-listing .wp-block-file::before {
    content: ".pdf";
}


@media (max-width:991px){
    /* Rendre la liste des publications sur mobile */
    ul.display-posts-listing::before {
        left: 17px;
    }
    ul.display-posts-listing > li {
        padding: 45px 15px 25px 40px;
    } 
    ul.display-posts-listing span.date {
        left: 80px;
        top: 12px;
    }
    ul.display-posts-listing li a.aForThumbnail {
        margin-right: -30px;
        top: 80px
    }
}

/* Maintenant la version Lien pour les pages single */
.single .wp-block-file {
    /* Reste */
    border: none !important;
    padding: 0 !important;
    width: auto !important;

    /* Deux liens dans le même lien (ouvrir fichier + télécahrger fichier) */
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

body.single  .wp-block-file a {
    position: relative;
    width: 100%;
    min-height: 70px;
    padding: 0 10px;
    margin: 0;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid #fff;
    border-bottom: 1px solid #333;
    font-size: 16px;
    background-color: white;
    transition: background-color .6s ease-in-out 0s,
				   color .6s ease-in-out 0s;
}

@media screen and (min-width: 992px){
    body.single  .wp-block-file a {
		/* Cette règle pose au problème sur un single avec plsueurs fichier PDF */
		/*max-width: calc(50% - 20px);*/
		
		
		
        margin-right: 20px;
        margin-bottom: 20px;
    }
}

body.single .wp-block-file a:hover {
    background-color: var(--color);
    color: var(--color-txt) !important;
    border-color: var(--color);
    transition: background-color .3s ease-in-out 0s,
				   color .3s ease-in-out 0s;
}

body.single .wp-block-file a::before {
    content: ".pdf";
    font-size: 13px;
    width: calc(100% + 20px);
    height: 90px;
    display: block;
    padding: 50px 2px 0;
    margin: 0 -10px 5px;
    background-image: url(../../../wp-content/uploads/alexandre-ui/icone-fichier.png);
    background-size: auto 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    color: var(--color);
    z-index: 1;
    position: relative;
    text-align: center;
}

body.single .wp-block-file a + a::after {
    content: "";
    display: block;
    background-color: var(--color);
    opacity: .5;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 33px;
    left: calc(50% - 10px);
    z-index: 1;
    clip-path: polygon(
		5px 0,
		5px 10px,
		0 10px,
		50% 100%,
		100% 10px,
		15px 10px,
		15px 0
	);
    transform: scale(.8);
}

/* Plusieurs PDF dans une seule publication */
/* Catégorie .category-multifichiers */
ul.display-posts-listing 
	.wp-block-file 
  ~ .wp-block-file {
    margin-left: 20px;
    color: rgba(255, 255, 255, 0);
    z-index: 0;
    opacity: .7;
}

ul.display-posts-listing 
	.wp-block-file
  ~ .wp-block-file
  ~ .wp-block-file {
    margin-left: 40px;
    z-index: -1;
    opacity: .4;
}

ul.display-posts-listing
	.wp-block-file
  ~ .wp-block-file
  ~ .wp-block-file
  ~ .wp-block-file {
    display: none;
    margin-right: 4px;
    transform: translateY(-6px);
}

/* ul.display-posts-listing
	.wp-block-file
  ~ .wp-block-file
  ~ .wp-block-file
  ~ .wp-block-file
  ~ .wp-block-file {
	margin-right: 2px;
	transform: translateY(-8px);
} */
/* Bouton pour switcher l'affichage liste / icons */
ul.display-posts-listing .jsFichiersListeIcones {
    display: none;
}

.jsFichiersListeIcones {
    margin-right: -50px;
    margin-bottom: 30px;
}

.jsFichiersListeIcones .wp-block-button a.wp-block-button__link {
    color: var(--color-txt) !important;
    font-weight: normal;
    border-radius: 0;
    padding: 5px 10px 4px;
}

/* Fin de l'option icone fichier Mac Os aved un image */
ul.display-posts-listing a.link {
    display: inline-block;
    width: auto;
    background-color: white;
    color: black;
    padding: 1px 7px 0 8px;
    font-size: 12px;
    margin-left: -8px;
    line-height: 22px;
    text-decoration: underline;
    transition: background-color .3s ease-in-out 0s,
	color .3s ease-in-out 0s;
    margin-top: 20px;
}

ul.display-posts-listing a.link:hover {
    background-color: #247b56;
    color: white !important;
    text-decoration: none;
}

.category-multifichiers {
}

ul.display-posts-listing .category-multifichiers .wp-block-group h2,
ul.display-posts-listing .category-multifichiers .wp-block-group p {
    /* Ceci pour masquer le contenu… Désolé */
    display: none;
}

/* Nouveau widget de recherche et gestion des colonnes dans le responsive */
.site-content {
    display: flex;
}

.site-content #primary {
    order: 2;
    z-index: 2;
    float:none !important;
}

.site-content #secondary {
    order: 1;
}

#secondary {
    position: relative;
    display: block;
    overflow: initial !important;
    min-height: 100%;
    padding-top: 350px;
}

aside#block-2 {
}

aside#block-3 {
    display: block;
    position: sticky !important;
    top: 50%;
    left: auto;
}
aside#block-3 .alexandre {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
aside#block-3 .menu-menu-container {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.wp-block-search__inside-wrapper {
    background-color: #f7f7f7;
    height: 50px;
	padding: 0;
}

.wp-block-search__inside-wrapper input {
	width: 100px;
	transition: width .3s ease-in-out 0s;
}
.wp-block-search__inside-wrapper input,
.wp-block-search__inside-wrapper input:focus {
    border: none;
    background: none;
    padding: 0 0 0 20px;
}
.wp-block-search__inside-wrapper input:focus {
	width: 500px;
	transition: width .3s ease-in-out 0s;
}

.wp-block-search__inside-wrapper button.wp-block-search__button {
    background: none;
    border: none;
    background-color: var(--color);
    width: 75px;
    height: 75px;
    border-radius: 100%;
    margin-top: -13px;
    margin-right: -13px;
    transform: rotate(-90deg) scale(.6);
    transition: transform .6s ease-in-out 0s;
}

.wp-block-search__inside-wrapper button.wp-block-search__button svg {
    min-height: 35px;
    min-width: 35px;
    fill: var(--color-txt);
}

.wp-block-search__inside-wrapper button.wp-block-search__button:hover,
.wp-block-search__inside-wrapper button.wp-block-search__button:focus {
    transition: transform .3s ease-in-out 0s;
    transform: rotate(0) scale(1);
}

/* *
 *
 * Moteur de rechercher carré */


.wp-block-search__inside-wrapper button.wp-block-search__button {
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transform: scale(1);
    height: 50px;
    width: 50px;
    margin: 0;
    line-height: 50px;
    padding: 0;
}

.wp-block-search__inside-wrapper button.wp-block-search__button svg {
    margin: auto;
    display: block;
    transform: rotate(-90deg) scale(.7);
    transition: transform .3s ease-in-out 0s;
}

.wp-block-search__inside-wrapper button.wp-block-search__button:hover,
.wp-block-search__inside-wrapper button.wp-block-search__button:focus {
    transition: transform .3s ease-in-out 0s;
    transform: scale(1);
}

.wp-block-search__inside-wrapper button.wp-block-search__button:hover svg {
    transform: rotate(0deg) scale(1);
}

.wp-block-search__inside-wrapper button.wp-block-search__button:active svg {
    transform: rotate(0deg) scale(.7);
}

/* *
 *
 *
 *
 * Page SINGLE pour une publication */
/* Dans le cadre d'un mise en page 50 / 50, faisons un titre plus large qui déborde sur la colponne de gauche */
@media (min-width:992px) {
    body.single header.entry-header {
        margin-left: -40%;
        width: calc(100% + 40%);
        position: relative;
        z-index: 1;

        /* Par dessus l'effet dégardé de la carte papier dessous */
    }
}

body.single .entry-content {
    /* effet carte repris sur les détails d'une publication */
    background-color: white;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05);

    /* Décallage pour le padding */
    margin-left: 0;
    padding: 70px 30px 15px;
    position: relative;
    margin-bottom: 30px;
}

@media (min-width:992px) {
    body.single .entry-content {
        margin-left: -30px;
    }
}

body.single .entry-content::before {
    /* Qu'il commence en dégradé */
    content: "";
    display: block;
    background: linear-gradient(
			to bottom, 
			var(--fond) 50%, 
			rgba(255, 255, 255, 0) 100%
		);
    position: absolute;
    height: 80px;
    left: 0;
    top: -20px;
    right: 0;
}

body.single h1.entry-title {
    font-style: italic;
    font-size: 30px !important;
    position: relative;
    z-index: 1;
    padding-left: 25px;
    margin-bottom: -25px;
}

@media (min-width:992px) {
    body.single h1.entry-title {
        font-size: 50px !important;
        padding-left: 0;
        margin-bottom: 10px;
    }
}

body.single h1.entry-title::before {
    content: "« ";
    margin-left: -20px;
}

body.single h1.entry-title::after {
    content: " »";
}

body.single .category-recension h1.entry-title,
body.single .category-preface h1.entry-title {
    font-style: normal;
}

body.single .category-recension h1.entry-title::before,
body.single .category-recension h1.entry-title::after,
body.single .category-preface h1.entry-title::before,
body.single .category-preface h1.entry-title::after {
    display: none;
}

/* Mise en page 50 / 50 ou 30 70 ? */
.site-content {
    padding-top: 0;
    justify-content:flex-end;
}

.site-content #primary {
    width: calc(100% - 25px) !important;
}
@media (min-width:992px) {
    .site-content{
        justify-content:initial;
    }
    .site-content #primary {
        width: calc(60% + 20px) !important;
    }
}

body .site-content #secondary {
    width: auto;
    padding-top: 250px;
}

@media (min-width:992px) {
    body .site-content #secondary {
        width: calc(50% - 20px);
    }

    body .site-content #secondary {
    }
}

.alexandre.follow-title em {
    /* & */
    left: -50px;
}

aside#block-3 {
    width: 80%;
    margin: auto;

    /* Si image thumbnails affichées : */
    width: calc(80% - 100px);
    margin-left: 0;
}

aside#block-3:hover {
    z-index: 10;
}
aside#block-3:has(input:focus) {
	z-index: 10;
}

body.single article.hentry .image-full {
    position: absolute;
    top: 70px;
    right: calc(100% + 30px);
    width: 234px;
}

body.single aside#block-3 {
    width: 50%;
}

/* Tags Links */
span.tags-links {display: none;}

/* 
 *
 * Le widget recherche + menu en mode replié 
 *
 * Le même code est écrit deux fois à cause de @media
 */

body.single aside#block-3 form.wp-block-search__button-inside {
    max-width: 45px;
    transition: max-width 0.3s ease-in-out 0s;
}

body.single aside#block-3 .widget li {
    border-top-color: black;
    max-width: 45px;
    overflow: hidden;
    white-space: nowrap;
    margin-left: -20px;
    max-height: 3px;
    transition: max-width 0.3s ease-in-out 0s, max-height 0.3s cubic-bezier(0, 1, 0, 1);
}

body.single aside#block-3:hover form.wp-block-search__button-inside {
    max-width: 100%;
    transition: max-width 0.3s ease-in-out 0s;
}

body.single aside#block-3:hover .widget li {
    max-height: 100%;
    max-width:100%;
    transition: max-width 0.3s ease-in-out 0s, max-height 0.3s cubic-bezier(0, 1, 0, 1);
    overflow:visible;
}
@media (max-width:991px) {
    aside#block-3 {
        top: 15px;
        left: 15px;
        z-index: 20;
    }
    body aside#block-3 form.wp-block-search__button-inside {
        max-width: 45px;
        transition: max-width 0.3s ease-in-out 0s;
    }
    
    body aside#block-3 .widget li {
        border-top-color: black;
        max-width: 45px;
        overflow: hidden;
        white-space: nowrap;
        margin-left: -20px;
        max-height: 3px;
        transition: max-width 0.3s ease-in-out 0s, max-height 0.3s cubic-bezier(0, 1, 0, 1);
    }
    
    body aside#block-3:hover form.wp-block-search__button-inside {
        max-width: 100%;
        transition: max-width 0.3s ease-in-out 0s;
    }
    
    body aside#block-3:hover .widget li {
        max-height: 100%;
        max-width:100%;
        transition: max-width 0.3s ease-in-out 0s, max-height 0.3s cubic-bezier(0, 1, 0, 1);
        overflow:visible;
    }
}
/*
 *
 *
 *
 Footer */
.site-footer {
    background-color:rgba(255,255,255,0);
}
.site-footer div.site-info {
    display:none;   
}

body.single article.hentry div.image-full {
    position: relative;
    top: unset;
    right: unset;
    max-width: 100%;
    margin-bottom:20px
}
@media (max-width:991px) {
    body.single article.hentry div.image-full {
        position: relative;
        top: unset;
        right: unset;
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
        perspective: 200px;
    }

    div.image-full img {
        height: 100%;
        max-width: 75%;
        transform: rotateX(-2deg);
        transform-style: preserve-3d;
    }

    body.single .entry-content {
        display: flex;
        flex-wrap: wrap;
    }

    body.single .entry-content p {
        order: 0;
    }

    body.single .entry-content .image-full {
        order: 2;
    }

    body.single .entry-content .wp-block-file {
        order: 2;
    }
}

body.single article.hentry div.image-full img {
    box-shadow: 0px 0px 9px rgba(0,0,0,0.35);
}

/* Mise en forme du CV */

figure.wp-block-pullquote,
.cartePapier {
	text-align: left;
	border: none;
	
    font-size: 14px;
    position: relative;
    margin-bottom: -9px;
    padding: 45px 15px 35px 80px;
    perspective: 2000px;
    transform-style: preserve-3d;
    perspective-origin: 50% 65%;
    filter: drop-shadow(-1px -1px 12px rgba(0, 0, 0, 0.05));
}
figure.wp-block-pullquote::before,
.cartePapier::before {
    /* Effet papier 3d */
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: white;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05);
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, calc(100% - 2px) 100%, 2px 100%);
}
figure.wp-block-pullquote::after {
	content: "";
	display: block;
	position: absolute;
	width: 10px; height: 10px;
	left: -3px;
	top: 50%;
	background-color: black;
}
figure.wp-block-pullquote {
	padding-left: 60px;
}

figure.wp-block-pullquote blockquote {
	padding-left: 0px;
}

ul.cv li {
	position: relative;
	margin-bottom: 15px;
	list-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/* Faire une accolade */
ul.cv li::before {
	content: "";
	width: 12px;
	position: absolute;
	top: 0; right: 100%; bottom: 0;
	border-radius: 10px 0 0 10px;
	border-left: 1px solid rgba(0,0,0,.5);
	
	background-color: white;
}
ul.cv li::after {
	content: "";
	width: 5px; height: 5px;
	background-color: white;
	position: absolute;
	top: calc(50% - 2.5px); right: calc(100% + 10px);
	border-top: 1px solid  rgba(0,0,0,.5);
	border-left: 1px solid  rgba(0,0,0,.5);
	
	transform: rotate(-45deg);
}
/* Mettre les dates en avant */
ul.cv li strong {
	position: absolute;
	display: block;
	white-space: nowrap;
	right: calc(100% + 25px);
	top: 0; bottom: 0;
	display: flex;
	align-items: center;
}

/* Résultat de recherche et pagination */
.biography_numeric_posts_navigation {
	padding: 30px 30px 30px 0;
}
.biography_numeric_posts_navigation > a,
.biography_numeric_posts_navigation > span {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: rgba(0,0,0,0);
	color: black;
	
	transition: background-color .3s ease-in-out 0s, color .3s ease-in-out 0s;
}
.biography_numeric_posts_navigation > a:hover {
	background-color: rgba(0,0,0,1);
	color: white !important;
}


/* Tests d'alternatives de mise en page en activant des class */




@media (min-width: 992px) {
	.identityLeft .banner-section .container .row div.banner-inner {
		top: auto;
		height: 100%;
		bottom: 0;
		flex-direction: column;
		margin: 2%;
	}
	.identityLeft .banner-section .site-description {
		position: absolute;
		left: 0;
		right: auto;
		width: 100%;
		padding-right: 5%;
		padding-left: 10%;
		top: 70px;
		
		font-style: italic;
		font-size: 18px !important;
		text-shadow: 0 0 2px #ffffff;
		
		font-family: "prataReg" !important;
	}
	
}
.identityLeft .banner-inner .author-content .site-branding {
	display: flex;
	height: auto;
	
	position: absolute;
	top: auto;
	bottom: 0 !important;
	padding-top: 135px !important;
}




#testHeaders {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 10000;
	background-color: rgba(0,0,0,0.7);
	border-radius: 5px;
	padding: 20px;
	color: white;
	text-shadow: 1px 1px 2px #000;
}
#testHeaders span {
	display: block;
	text-decoration: underline;
	cursor: pointer;
}
#testHeaders span em {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #FFF;
	border-radius: 50%;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: -5px;
	text-align: center;
	line-height: 20px;
}
#testHeaders span em.active {
	background-color: green;
}
#testHeaders span em.active::before {
	content: "✔";
	font-style: normal;
	
}

.identityLeft.photoColorisee .banner-section .container .row div.banner-inner {
	margin-bottom: 0;
	/*bottom: -13px;*/
}
.identityLeft.photoColorisee .banner-inner .author-content .site-branding {
	padding-bottom: 0 !important;
	padding-top: 130px !important;
}
.identityLeft.photoColorisee .banner-section .site-title {
	margin-bottom: 0;
/*	margin-top: -13px;*/
}









div.ficheFondBlanc {
	/* Une balise vide */
    padding: 15px !important;
    margin: auto;
	
	position: absolute;
	display: block;
	top: 15px; bottom: 15px;
	right: 50%;
	height: 100%;
	width: 25%;
	
	z-index: 0;
}






/* Variante citation  */
.citationColonne p.site-description {
    width: 235px;
	margin-left: calc(25% - (235px / 2) );
	margin-left: 235px;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0;
	
	position: relative !important;
}
.citationColonne .author-content {
	height: 80%;
}
.citationColonne.photoColorisee p.site-description {
	position: relative;
	align-self: unset;
	bottom: unset;
	margin-bottom: 0;
}


.identityLeft.citationColonne p.site-description {
	padding-left: 15px;
	margin-left: 0;
	margin-left: 18.5%;
}


.identityLeft.citationColonne.photoColorisee p.site-description {
	padding-left: 15px;
	margin-left: 18.5%;
}




/* Repère */
#page::after {
/*	content: "";
	border: 1px solid red;
	position: fixed;
	top: 0; right: 50%; bottom: 0;
	left: 42.5%;*/
}
#page::before {
/*	content: "";
	border: 1px solid pink;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 26.5%;
	right: 26.5%;*/
}

/* Code trouvé dans ls CSS du theme viat wp-admin */

@media screen and (min-width: 992px){ 	

  .container-custom{ 
  	bottom: 114px;
     padding: 25px;
     position: relative;
       background-color: white;
      box-shadow: 1px -1px 5px #8c8c8c;
 }
  }
  	.container-custom{     padding: 25px;
       background-color: white;
      box-shadow: 1px -1px 5px #8c8c8c;
 }
  .container-custom h3{     font-weight: 800;
 }
  .container-custom .fa{ 	
  	color: #0D7C56 ;
 	font-size: 30px;
 }
  .container-custom hr{     box-sizing: content-box;
     background-color: #0D7C56;
     border: 0;
     height: 3px;
     margin-bottom: 2.5em;
     width: 72px;
     margin: auto;
 }
  .search-form label {     margin-bottom: 10px;
     width: 100%;
 }
  .search-form .search-submit{ 	width: 100% !important;
 }
  .entry-meta{ 	display: none;
 }
  .post-navigation{ 	display: none;
 }
  h2.entry-title{ 	text-transform: unset;
 }
  body.home.biography-left-sidebar #primary{ 
  	width: 100%;
 	float: none;
 }
  @media screen and (min-width: 767px) { 	.resume-list-outer:after {     height: 2800px;
 	}
 	 }
 	 .wp-block-file {  
 	 	margin-bottom: 1.5em;
     width: 160px;
     padding: 10px;
     color: #0D7C56;
     border: 2px solid;
     text-align: center;
 }
  .wp-block-file a{ 	color:#0D7C56 !important;
 	text-decoration: none;
 }
  body.home.biography-left-sidebar #secondary {  
  	float: none;
     width: 0;
     display: none;
 }
  .icon-section i {  
  	color: #0D7C56 !important;
     line-height: 1;
     font-size: 28px;
 }
  .title-divider span{ 	background-color: #0D7C56;
 }
  .resume-list .icon i {     background-color: #0D7C56;
 }
  .biography-back-to-top {     background: #0D7C56 none repeat scroll 0 0;
 }
  .main-navigation li:hover > a:after, .main-navigation .current_page_item > a:after, .main-navigation .current-menu-item > a:after, .main-navigation .current_page_ancestor > a:after, .main-navigation li.active > a:after, .main-navigation li.active > a:after, .main-navigation li.active > a:after, .main-navigation li.current_page_parent a:after {     background: #0D7C56 none repeat scroll 0 0;
 }
  .search-form .search-submit {     background-color: #0D7C56;
 }
  .widget-title, .widgettitle {     background: none repeat scroll 0 0 rgb(241, 242, 243);
     border-left: 3px solid #0D7C56;
 }
  .text-biography{ 	text-align: justify;
 }
  .resume-list .textbox h3{ 	text-transform: none;
 }
   .font-italic{ 	
   	font-style: italic;
 }
  .block-section{ 
  	-webkit-background-attachment: scroll;
     -moz-background-attachment: scroll;
     -o-background-attachment: scroll;
     -ms-background-attachment: scroll;
     background-attachment: scroll;
 }

  .listing-item{ 	 
  	margin-bottom: 10px;
  }
   article.hentry .entry-title,
   article.hentry .entry-title a, 
   .entry-title a { 
   	color: #FFDC44;
     font-size: 25px;
     text-transform: none;
 }
  .cat-links{ 	display: none;
 }
  .biography-nav-left .main-navigation a{ 
  	font-weight: 600;
 	font-size: 18px;
 }

 /* Maintenance */
 body::after {
 	/*content: "Maintenance en cours — prévue jusqu'à ce 5 juin au soir.";*/
 	text-shadow: 0 1px 2px black;
 	display: block;
 	position: fixed;
 	top: 0; right: 0; bottom: 0; left: 0;
 	background-color: rgba(0,0,0,.7);
 	z-index: 10000;
 	color: white;
 	text-align: center;
 	line-height: 50;
 }