#eu-cookie-bar {
display: none;
direction: ltr;
color: #ffffff;
min-height: 20px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 99999;
padding:3px 20px 2px;
background-color: #2e363f;
text-align: center;
font-size: 12px;
}
#eu-cookie-bar a {
color: #ffffff;
text-decoration: underline;
}
button#euCookieAcceptWP {
margin:0 10px;
line-height:20px;
background:#45AE52;
border:none;
color: #ffffff;
padding:2px 12px;
border-radius: 3px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
}.mfp-bg,.mfp-container,.mfp-wrap{left:0;top:0;width:100%;height:100%}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.mfp-bg{z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";height:100%}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-gallery .mfp-image-holder .mfp-figure,.mfp-zoom{cursor:pointer}.mfp-zoom{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-preloader a{color:#ccc}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:"";top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
} .alignnone {
margin: 5px 0px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 10px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 0px;
line-height: 16px;
text-align: center;
}
.wp-caption.alignnone {
margin: 20px auto;
clear: both;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
height: auto;
max-width: 100%;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.sticky {
position: relative;
}
.bypostauthor {
position: relative;
} html {
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background-color: #fff;
font-size: 14px;
font-weight: 400;
height: 100%;
line-height: 1;
overflow-x: hidden;
}
* {
box-sizing: border-box;
}
h1 {
font-size: 38px;
line-height: 40px;
}
h2 {
font-size: 34px;
line-height: 36px;
}
h3 {
font-size: 30px;
line-height: 32px;
}
h4 {
font-size: 26px;
line-height: 28px;
}
h5 {
font-size: 22px;
line-height: 24px;
}
h6 {
font-size: 20px;
line-height: 22px;
}
p {
font-size: 16px;
line-height: 24px;
margin: 0 0 20px 0;
}
a {
text-decoration: none;
transition:all 0.3s ease;
}
a:hover {
text-decoration: none;
}
iframe {
margin: 0 0 100px;
}
blockquote, q {
margin: 20px;
position: relative;
}
blockquote *,
q * {
display: inline-block;
margin: 0 !important;
}
blockquote:before,
q:before {
content: open-quote;
display: inline-block;
vertical-align: top;
}
blockquote:after,
q:after {
content: close-quote;
display: inline-block;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
strong, b {
font-weight: 700;
}
i, em{
font-style: italic;
font-weight: 300;
}
strong i,
strong em {
font-weight: 700;
}
cite {
font-style: italic;
}
dl {
margin: 0 0 20px;
}
dt {
margin: 0 0 10px;
text-transform: uppercase;
}
dd {
font-style: italic;
line-height: 20px;
margin: 0 0 10px 20px;
}
acronym,
abbr {
border-bottom: 1px dashed #000;
display: inline-block;
transition:all 0.3s ease;
}
acronym:hover,
abbr:hover {
border-bottom: 1px dashed transparent;
}
tt, code, kbd, samp {
background: #f7f7f7;
color: #ce2121;
font-family: monospace;
padding: 0 5px;
white-space: pre-wrap;
}
s, strike, del {
text-decoration: line-through;
}
u, ins {
text-decoration: underline;
}
pre {
background: #f7f7f7;
font-family: monospace;
line-height: 16px;
margin: 0 0 20px;
padding: 5px 5px;
white-space: pre-wrap;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
var {
font-style: italic;
}
.overflow {
overflow: hidden;
}
.mask {
background: rgba(0, 0, 0, 0.66);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 4;
}
.main-wrap {
height: auto;
min-height: 100%;
padding-bottom: 40px;
}
.site-content {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.gallery img {
border: none !important;
padding: 5px;
}
.gallery-item {
margin: 0 !important;
} input {
border: 1px solid #ccc;
font-family: inherit;
font-size: 14px;
height: 40px;
line-height: 40px;
max-width: 100%;
padding: 0 10px;
transition:all 0.3s ease;
-webkit-appearance: none;
}
textarea {
border: 1px solid #ccc;
font-family: inherit;
font-size: 14px;
max-width: 100%;
padding: 10px 10px;
resize: none;
transition:all 0.3s ease;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color:#c0392b;
}
input:focus:-moz-placeholder {
color:#c0392b;
}
input:focus:-ms-input-placeholder {
color:#c0392b;
}
textarea:focus::-webkit-input-placeholder {
color: transparent;
}
textarea:focus::-moz-placeholder {
color:#c0392b;
}
textarea:focus:-moz-placeholder {
color:#c0392b;
}
textarea:focus:-ms-input-placeholder {
color:#c0392b;
}
input[type="submit"] {
background-color: #476368;
border: none;
box-shadow: none;
color: #fff;
cursor: pointer;
line-height: 40px;
padding: 0 10px;
font-weight: 600;
text-transform: uppercase;	
transition:all 0.3s ease;
}
input[type="submit"]:hover {
background-color: #476368;
color: #fff;
} input:focus,
textarea:focus{
border: 1px solid #476368;
outline: none;
-webkit-animation-name: glowinput;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: glowinput;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-moz-animation-timing-function: ease-in-out;
-o-animation-name: glowinput;
-o-animation-duration: 1s;
-o-animation-iteration-count: infinite;
-o-animation-direction: alternate;
-o-animation-timing-function: ease-in-out;
animation-name: glowinput;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes glowinput {
0% {
-webkit-box-shadow: 0px 0px 2px 0px #476368;
-moz-box-shadow:  0px 0px 2px 0px #476368;
box-shadow:	 0px 0px 2px 0px #476368;
}
100% {
-webkit-box-shadow: 0px 0px 4px 0px #476368;
-moz-box-shadow:  0px 0px 4px 0px #476368;
box-shadow:	 0px 0px 4px 0px #476368;
}
}
@-moz-keyframes glowinput {
0% {
-webkit-box-shadow: 0px 0px 2px 0px #476368;
-moz-box-shadow:  0px 0px 2px 0px #476368;
box-shadow:	 0px 0px 2px 0px #476368;
}
100% {
-webkit-box-shadow: 0px 0px 4px 0px #476368;
-moz-box-shadow:  0px 0px 4px 0px #476368;
box-shadow:	 0px 0px 4px 0px #476368;
}
}
@-o-keyframes glowinput {
0% {
-webkit-box-shadow: 0px 0px 2px 0px #476368;
-moz-box-shadow:  0px 0px 2px 0px #476368;
box-shadow:	 0px 0px 2px 0px #476368;
}
100% {
-webkit-box-shadow: 0px 0px 4px 0px #476368;
-moz-box-shadow:  0px 0px 4px 0px #476368;
box-shadow:	 0px 0px 4px 0px #476368;
}
}
@keyframes glowinput {
0% {
-webkit-box-shadow: 0px 0px 2px 0px #476368;
-moz-box-shadow:  0px 0px 2px 0px #476368;
box-shadow:	 0px 0px 2px 0px #476368;
}
100% {
-webkit-box-shadow: 0px 0px 4px 0px #476368;
-moz-box-shadow:  0px 0px 4px 0px #476368;
box-shadow:	 0px 0px 4px 0px #476368;
}
} .site-header {
background-color: #476368;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
position: relative;
padding: 0 0 0 20px;
width: 100%;
z-index: 3;
}
.site-header:after {
clear: both;
content: '';
display: block;
}
.site-header a {
color: #fff;
}
.site-header a:hover {
color: #a8c6cc;
}
.logo {
display: block;
float: left;
}
.logo span {
display: inline-block;
font-size: 24px;
font-weight: 700;
padding: 8px 0 0;
text-transform: lowercase;
vertical-align: top;
width: 150px;
}
.logo:hover {
color: #fff;
}
.burger-menu {
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/menu-burger.svg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 40px 40px;
cursor: pointer;
display: none;
height: 72px;
position: absolute;
right: 0px;
top: 0px;
width: 72px;
}
.burger-menu.active{
background-color: rgba(44,54,52,0.95);
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/burger-close.svg);
background-size: 30px 30px;
} .nav {
float: right;
font-size: 16px;
}
.nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav li {
float: left;
position: relative;
text-transform: uppercase;
}
.nav .menu>li:last-child ul.children,
.nav .menu>li:last-child .sub-menu {
left: auto;
right: 0;
}
.nav a {
color: #fff;
display: inline-block;
line-height: 72px;
padding: 0 20px;
text-decoration: none;
transition:all 0.3s ease;	
}
.nav li:hover>a {
background: rgba(44,54,52,0.95);
}
.nav .menu ul.children,
.nav .sub-menu {
background-color: rgba(44,54,52,0.95);
display: none;
left: 0;
position: absolute;
top: 72px;
}
.nav li:hover>ul.children,
.nav li:hover>.sub-menu {
display: block;
}
.nav ul.children,
.nav .sub-menu {
padding: 10px 0px;
width: 320px;
}
.nav ul.children li,
.nav .sub-menu li {
text-transform: none;
font-size: 16px;
line-height: 24px;
padding: 10px 0;
width: 100%;
}
.nav ul.children li a,
.nav .sub-menu li a {
display: block;
line-height: 24px;
padding: 0 10px 0 20px;
}
.nav ul.children li:hover>a,
.nav .sub-menu li:hover>a {
background: none;
}
.nav ul.children ul.children,
.nav .sub-menu .sub-menu {
left: auto;
padding: 5px 0;
right: 100%;
top: 0;
}
.nav ul.children>li.current-menu-item>a,
.nav ul.children>li.current-menu-parent>a
.nav .sub-menu>li.current-menu-item>a,
.nav .sub-menu>li.current-menu-parent>a{
background: none;
color: #8c9190;
}
.current-menu-ancestor a{
color: #8c9190;
background: rgba(44,54,52,0.95);
}
.current-menu-ancestor ul a{
color: #fff;
}
.nav li.current-menu-parent li a{
background: none;
}
.nav ul .sub-menu .current-menu-item a,
.nav ul .sub-menu .sub-menu .current-menu-item a{
color: #8c9190;
}
.nav ul .sub-menu .current-menu-item .sub-menu a{
color: #fff;
}
.current-menu-ancestor ul a{
background: none;
}
.nav li:hover .sub-menu a{
background: none;
} .main.fixed-header .site-content {
padding-top: 40px;
} .banner-wrap {
background-attachment: fixed;
background-position: 50% 100%;
background-size: cover;
color: #fff;
display: table;
height: 500px;
margin: 0 0 5px 0;
overflow: hidden;	
position: relative;
width: 100%;	
}
.banner-wrap div {
font-weight: 700;
display: table-cell;
font-size: 70px;
letter-spacing: 1px;
line-height: 70px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
} .sticky-block{
height: 80px;
width: 80px;
border: 40px solid transparent;
border-left: 40px solid #4fa4b3;
border-top: 40px solid #4fa4b3;
}
.stick-post-svg{
height: 18px;
left: 15px;
position: absolute;
top: 15px;
width: 18px;
}
.item-list {
clear: both;
position: relative;
text-align: center;
width: 100%;
}
.item-list::after {
display: block;
clear: both;
content: '';
}
.item-list article {
border: 5px solid #fff;
float: left;
height: auto;
margin: 0;
height: 310px;
overflow: hidden;
position: relative;
width: 25%;
}
.item-list article a {
background-color: #476368;
background-position: 50% 50%;
background-size: cover;
display: block;
height: 100%;
}
.item-list article a:after {
background-color: rgba(44,54,52,0.95);
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/plus.svg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 40px 40px;
display: block;
content: '';
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition:all 0.5s ease;
width: 100%;
}
.item-list article a:before {
background-color: rgba(44,54,52,0.95);
display: block;
content: '';
height: 100%;
left: 0;
opacity: 0.4;
position: absolute;
top: 0;
transition: all 0.5s ease;
width: 100%;
}
.item-list article a:hover:before {
opacity: 0;
}
.item-list article a:hover:after {
opacity: 0.9;
background-size: 80px 80px;
}
.item-list article h2 {
font-size: 30px;
font-weight: 700;
line-height: 32px;
padding: 0 10%;
text-transform: uppercase;
}
.post-info {
color: #fff;
left: 0;
position: absolute;
top: 50%;
transition:all 0.3s ease;
width: 100%;
z-index: 1;
}
.item-list article a:hover .post-info {
opacity: 0;
}
.post-meta {
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 18px;
position: absolute;
transition:all 0.3s ease;
z-index: 1;
}
.item-list article a:hover .post-meta {
opacity: 0;
}
.post-meta.post-author {
bottom: 40px;
left: 20px;
}
.post-meta.post-date {
bottom: 15px;
left: 20px;
}
.post-meta.post-comment {
right: 75px;
top: 15px;
}
.post-meta.post-views {
right: 15px;
top: 15px;
}
.post-meta img.post-icon {
height: 16px;
width: auto;
display: inline;
vertical-align: text-bottom;
margin: 0 5px 0 0;
} .search-no-results .post-header,
.search-results .post-header,
.archive .post-header {
margin: 30px 0 30px 0;
}
.article-content {
background: #fff;
margin: 0 auto;
padding: 40px 40px 40px;
}
.article-content a {
color: #4fa4b3;
transition: all 0.3s ease;
}
.article-content a:hover{
color: #a8c6cc;
}
.post-header {
margin: 0 0 30px 0;
position: relative;
text-transform: uppercase;
text-align: center;
}
.post-content {
margin: 0 auto 50px auto;
max-width: 820px;
width: 100%;
}
.post-content img {
max-width: 100%;
height: auto;
}
.attachment-post_me_featured{
display: block;
height: auto;
margin: 0 auto 40px;
max-width: 100%;
}
.article-content .post-header h1{
background: #fff;
display: inline-block;
font-size: 40px;
font-weight: 600;
letter-spacing: 1px;
line-height: 60px;
margin: 0;
width: 100%;
padding: 0 20px;
position: relative;
}
.post-meta-box {
margin: 0 auto 50px auto;
max-width: 820px;
overflow: hidden;
}
.article-content .post-meta {
bottom: auto;
color: #000;
left: auto;
line-height: 28px;
margin: 0 auto;
max-width: 820px;
padding: 0;
position: relative;
transition: all 0.3s ease;
width: 100%;
z-index: 1;
}
.post-meta-box .author {
color: #000;
display: block;
line-height: 18px;
margin: 0 auto;
text-decoration: none;
width: 96px;
}
.post-meta-box .author-post-box a {
display: block;
text-decoration: none;
}
.post-meta-box .user-avatar {
border-radius: 96px;
float: left;
height: 96px;
margin: 0 0 5px 0;
overflow: hidden;
position: relative;
width: 96px;
z-index: 2;
}
.user-avatar img {
transition: all 0.3s ease;
}
.user-avatar:hover img {
transform: scale(1.1);
}
.user-name {
display: block;
font-size: 20px;
line-height: 30px;
margin: 0 0 10px;
text-transform: uppercase;
}
.author-post-box-info{
margin: 0 0 0 110px;
}
.author-post-box-info.no-gravatar {
margin: 0;
}
.article-content .author-post-box-info p {
font-size: 18px;
line-height: 26px;
}
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
margin: 40px 0 20px 0;
}
.article-content p {
font-size: 22px;
line-height: 32px;
text-align: justify;
}
.article-content ul,
.article-content ol {
margin: 0 0 20px 28px;
}
.article-content ul{
list-style-type: disc;
}
.article-content ul ul,
.article-content ol ul,
.article-content ul ol,
.article-content ol ol {
margin: 10px 0 10px 20px;
}
.article-content ol ul,
.article-content ul ul {
list-style-type: square;
}
.article-content ol ul ul,
.article-content ul ul ul {
list-style-type: circle;
}
.article-content ul li,
.article-content ol li  {
font-size: 22px;
line-height: 32px;
margin: 0 0 10px 0;
}
.article-content ul ul li,
.article-content ol ul li,
.article-content ul ol li,
.article-content ol ol li{
margin: 0 0 10px 0;
}
.article-content table{
margin: 0 0 20px;
width: 100%;
font-size: 16px;
}
.article-content table th,
.article-content table td{
border: 1px solid #000;
padding: 10px;
vertical-align: middle;
}
.article-content address{
font-style: italic;
line-height: 18px;
margin: 0 0 20px;
}
.article-content blockquote:before,
.article-content q:before{
content: '"';
position: absolute;
top: 3px;
left: -25px;
font-size: 40px;
font-style: italic;
}
.article-content blockquote:after,
.article-content q:after{
display: none;
}
.post-tags{
margin: 0 auto 50px auto;
max-width: 820px;
padding: 0 0 0 30px;
position: relative;
width: 100%;
}
.post-tags svg{
height: 21px;
left: 0;
position: absolute;
top: 4px;
width: 21px;
}
.post-tags a{
border-radius: 20px;
background: #476368;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 600;
line-height: 20px;
margin: 0 5px 5px 0;
min-width: 50px;
padding: 4px 9px;
text-align: center;
transition: all 0.3s ease;
}
.post-tags a:hover{
background: rgba(44,54,52,0.95);
color: #fff;
} .single-format-audio iframe {
width: 100%;
height: auto;
} .post-gallery{
margin: 0 0 20px 0;
}
.gallery-title {
text-align: center;
font-size: 24px;
font-weight: 700;
margin: 0 0 20px 0;
text-transform: uppercase;	
}
.post-gallery a {
display: inline-block;
margin: -2px 0 0 0;
width: 25%;
}
.post-gallery a img {
max-width: 100%;
padding: 5px;
width: 100%;
} .qoute-text {
font-size: 24px;
font-style: italic;
line-height: 36px;
margin: 0 auto;
max-width: 820px;
text-align: center;
width: 100%;
}
.qoute-text:before,
.qoute-text:after{
content: '"';
display: inline;
}
.qoute-author {
font-size: 20px;
line-height: 30px;
margin: 0 auto 20px auto;
max-width: 820px;
text-align: right;
width: 100%;
}
.qoute-author:before{
content: '- ';
} .contact-text {
float: left;
width: 59%;
}
.contact-text.extend {
width: 100%;
}
.contact-form {
float: right;
width: 40%;
}
.contact-form p {
overflow: visible;
}
.contact-form label {
display: block;
font-size: 14px;
line-height: 20px;
}
.contact-form span {
display: block;
position: relative;
}
.contact-form textarea {
height: 150px;
max-width: 364px;
width: 100%;
}
.wpcf7-not-valid-tip{
display: block !important;
position: absolute !important;
left: 0;
bottom: -20px;
font-size: 14px !important;
line-height: 20px;
}
.contact-form .wpcf7-submit {
float: right;
min-width: 100px;
}
.wpcf7-form-control-wrap input {
width: 100%;
}
.wpcf7-response-output {
padding: 10px !important;
width: 100%;
}
.wpcf7:after,
.post-content:after {
display: block;
clear: both;
content: '';
} .archive.author .author-bio {
margin: 10px 5px;
overflow: hidden;
padding: 100px 100px 100px 50px;
}
.author-bio{
background-attachment: fixed;
background-position: 50% 50%;
background-size: cover;
}
.user-has-bg{
color: #fff;
}
.author-bio .user-avatar {
border-radius: 96px;
display: block;
float: left;
height: 96px;
overflow: hidden;
position: relative;
width: 96px;
z-index: 2;
}
.author-bio .user-info {
margin: 0 0 0 120px;
text-align: justify;
}
.author-bio .user-name {
font-weight: 700;
margin: 0 0 10px;
}
.author-posts {
font-size: 24px;
font-weight: 700;
line-height: 36px;
margin: 0 5px 5px;
padding: 20px 0;
text-align: center;
text-transform: uppercase;
}
.user-info-block {
max-width: 820px;
margin: 0 auto;
width: 100%;
}
.user-info .author-soc-link {
display: block;
float: left;
margin: 0 20px 0 0;
padding: 5px;
width: 40px;
}
.user-info .author-soc-link svg {
height: 20px;
width: 20px;
}
.user-info .author-soc-link .soc {
fill: #476368;
transition:all 0.3s ease;
}
.user-info .author-soc-link:hover .soc {
fill: #fff;
}
.user-has-bg .author-soc-link .soc{
fill: #fff;
} .nothing-found {
font-size: 40px;
text-align: center;
} .pagination {
clear: both;
font-size: 20px;
line-height: 50px;
text-align: center;
width: 100%;
}
.pagination a {
color: #476368;
display: inline-block;
margin: 0 5px;
text-decoration: none;
transition:all 0.3s ease;
}
.pagination a:hover {
color: #4fa4b3;
}
.pagination .next,
.pagination .prev{
background-repeat: no-repeat;
background-size: 15px 15px;
}
.pagination .next{
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/next.svg);
background-position: 100% 50%;
padding-right: 20px;
}
.pagination .next:hover{
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/next-hover.svg);
}
.pagination .prev{
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/back.svg);
background-position: 0 50%;
padding-left: 20px;
}
.pagination .prev:hover{
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/back-hover.svg);
} #commentform:after{
clear: both;
content: '';
display: block;
}
#comments {
margin: 0 auto 60px auto;
max-width: 820px;
overflow: hidden;
}
.comments-area .comment-list{
margin: 0;
}
.comments-area p{
clear: both;
font-size: 16px;
line-height: 24px;
overflow: visible;
}
.comments-title {
font-size: 24px;
margin: 0 0 20px;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-body{
margin: 0 0 20px;
position: relative;
}
.comment-body h1,
.comment-body h2,
.comment-body h3,
.comment-body h4,
.comment-body h5,
.comment-body h6{
clear: both;
margin: 0px 0 10px 0;
}
#cancel-comment-reply-link {
float: right;
}
.fn{
font-size: 14px;
font-style: normal;
font-weight: 700;
position: relative;
top: 10px;
}
.says{
font-size: 14px;
position: relative;
top: 10px;
}
.comment-meta {
font-size: 15px;
left: 57px;
line-height: 22px;
position: absolute;
top: -4px;		
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0;
}
.article-content ol li {
margin-bottom: 15px;
}
.article-content ol li #respond{
margin: 20px 0 0;
}
.reply {
clear: both;
overflow: hidden;
}
.reply a {
background: #476368;
clear: both;
color: #fff;
display: inline-block;
float: right;
line-height: 40px;	
padding: 0 20px;
}
.reply a:hover{
background: rgba(44,54,52,0.95);
color: #fff;
}
.reply a,
input[type="submit"] {
font-size: 16px;
font-weight: 800;
min-width: 85px;
text-align: center;
text-transform: uppercase;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
float: left;
margin: 0 0 20px;
}
.comment-author .avatar {
border-radius: 40px;
display: block;
float: left;
height: 40px;
margin-right: 0.875em;
position: relative;
width: 40px;
}
.comment-form-comment label{
display: inline-block;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.comment-field-wrap{
width: 32%;
float: left;
}
.comment-field{
width: 100%;
margin: 0 0 13px 0;
}
.comment-field.comment-form-url{
margin-right: 0;
}
.comment-field input{
line-height: 40px;
margin: 0;
padding: 0 10px;
width: 100%;
}
p.comment-form-comment {
clear: none;
float: right;
width: 65%;
}
.comment-form-comment textarea{
clear: both;
display: block;
font-size: 14px;
height: 146px;
width: 100%;
}
.comment-form .form-submit{
clear: both;
float: right;
}
.logged-in-as{
float: left;
width: 32%;
}
#reply-title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 0 0 20px 0;	
text-transform: uppercase;
}
.navigation.comment-navigation {
font-size: 20px;
margin: 0 0 40px;
}
.comment-navigation .nav-next a,
.comment-navigation .nav-previous a{
background-repeat: no-repeat;
background-size: 15px 15px;
}
.comment-navigation .nav-next a{
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/next.svg);
background-position: 100% 50%;
padding-right: 20px;
}
.comment-navigation .nav-next a:hover{
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/next-hover.svg);
}
.comment-navigation .nav-previous a{
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/back.svg);
background-position: 0 50%;
padding-left: 20px;
}
.comment-navigation .nav-previous a:hover{
background-image: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/back-hover.svg);
}
em.comment-awaiting-moderation {
display: block;
clear: both;
font-size: 14px;
margin: 0;
color: #f00;
} .error404{
background-size: cover;
background-position: 50% 50%;
}
.wrap-404 {
color: #fff;
font-size: 40px;
margin-top: -80px;
position: absolute;
text-align: center;		
top: 50%;
width: 100%;
}
.title-404{
color: #a8c6cc;
font-size: 40px;
font-weight: 600;
margin: 0 0 40px;
text-transform: uppercase;
}
.text-404{
font-size: 22px;
line-height: 36px;
margin: 0 auto 40px;
max-width: 385px;
}
.link-404{
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.link-404 a{
color: #a8c6cc;
transition:all 0.3s ease;
}
.link-404 a:hover{
color: #4fa4b3;
}
.mask-404{
background: #476368;
height: 100%;
left: 0;
opacity: 0.5;
position: fixed;
top: 0;
width: 100%;
} .button-shortcodes{
border: 2px solid #476368;
display: inline-block;
font-size: 16px;
font-weight: 700;
padding: 10px 20px;
}
.button-shortcodes:hover{
border-color: #a8c6cc;
} .sidebar-toggle {
background-color: rgba(44,54,52,0.95);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 25px 25px;
cursor: pointer;
height: 54px;
margin: -27px 0 0 0;
position: absolute;
left: -54px;
top: 50%;
width: 54px;
z-index: 2;
}
.sidebar-toggle .close-svg{
display: none;
}
.sidebar-toggle svg {
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
}
.sidebar-toggle .circles .circle,
.sidebar-toggle .close{
fill: #fff;
transition:all 0.3s ease;
}
.sidebar-toggle:hover .circles .circle,
.sidebar-toggle:hover .close{
fill: #8c9190;
}
.sidebar.active .circles{
display: none;
}
.sidebar.active .close-svg{
display: block;
}
.sidebar {
background-color: rgba(44,54,52,0.95);
color: #fff;
height: 100%;
position: fixed;;
right: -465px;
top: 0;
transition:all 0.3s ease;
width: 470px;
z-index: 4;
}
.sidebar.zindex-0{
z-index: 0;
}
.sidebar.active{
right: 0;
}
.sidebar-inner {
height: 100%;
overflow: auto;
padding: 40px 0 0;
}
.sidebar a {
color: #fff;
}
.sidebar ul{
list-style-type: none;
}
.sidebar img{
max-width: 100%;
height: auto;
}
.sidebar iframe{
max-width: 100%;
} .widget {
clear: both;
font-size: 14px;
line-height: 24px;
margin: 0 0 40px 0;
padding: 0 20px 0 20px;
position: relative;
}
.widget-title,
.widget select,
.widget a:hover{
color: #fff;
}
.widget a,
.widget select:focus{
color: #a8c6cc;
}
.widget.widget_search input{
color: #fff;
}
.widget.widget_search input:focus,
.widget select:focus{
color: #8c9190;
}
.widget select,
.widget.widget_search{
background-color: rgba(44,54,52,0.95);
}
.widget p {
margin: 0 0 10px 0;
}
.widget select {
width: 100%;
padding: 5px 0;
border: none;
box-shadow: none;
background: none;
color: #fff;
border: 1px solid #fff;
}
.widget select:focus {
outline: none;
}
.widget-title {
font-size: 18px;
font-weight: 700;
margin: 0 0 10px 0;
text-transform: uppercase;
}
.widget.widget_search {
padding: 0;
}
.widget.widget_search .widget-title {
display: none;
}
.widget.widget_search form {
padding: 0 20px;
position: relative;
}
.widget.widget_search input {
background: none;
border: none;
border-bottom: 1px solid;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
width: 100%;
}
.widget.widget_search input:focus {
outline: none;
}
.widget.widget_search button {
background: url(//www.bar-formations.com/blog/wp-content/themes/bafblog/images/search.svg) no-repeat 50% 50%;
border: none;
cursor: pointer;
height: 16px;
right: 20px;
top: 7px;
position: absolute;
width: 16px;
}
.widget_calendar table {
margin: 0 0 0 -15px;
max-width: 300px;
text-align: center;
width: 100%;
}
.widget_calendar caption {
font-weight: 700;
padding: 0 0 0 15px;
text-align: left;
text-transform: uppercase;
}
.widget_calendar #prev {
text-align: left;
padding: 0 0 0 13px;
}
.widget_calendar #next {
padding: 0 13px 0 0;
text-align: right;
}
.tagcloud a{
margin: 0 5px 0 0;
}
.widget .wp-caption{
max-width: 100%;
}
.widget_rss li{
margin-bottom: 15px;
}
.widget_rss li .rsswidget {
font-size: 16px;
font-weight: 700;
}
.rssSummary {
margin: 5px 0 0;
}
.widget_nav_menu .current-menu-ancestor ul a{
color: #a8c6cc;
}
.widget_nav_menu .current-menu-ancestor .sub-menu{
margin-left: 10px;
} .site-footer {
background-color: rgba(44,54,52,0.95);
clear: both;
color: #fff;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
height: 40px;
line-height: 40px;
margin-top: -35px;
padding: 0 20px;
position: relative;			
}
.site-footer a {
color: #fff;
transition:all 0.3s ease;
}
.site-footer a:hover{
color: #8c9190;
}
.copyright {
float: left;
}
.custom-footer-text {
float: right;
} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.author-bio,
.banner-wrap {
background-attachment: scroll;
}
} @media (max-width: 1640px){ .sidebar {
right: -345px;
width: 350px;
}
}
@media (max-width: 1024px){ p {
margin: 0 0 10px 0;
}
iframe {
margin: 0 0 30px;
}
input:focus,
textarea:focus{
-webkit-animation-name: none;
-moz-animation-name: none;
-o-animation-name: none;
animation-name: none;
} .site-header {
padding: 0 10px;
}
.burger-menu {
display: block;
}
.nav {
display: none;
float: none;
font-size: 16px;
position: absolute;
right: 0;
top: 72px;
background-color: rgba(44,54,52,0.95);
width: 260px;
}
.nav li {
display: block;
font-size: 24px;
font-weight: 700;
float: none;
padding-right: 14px;
text-align: right;
}
.nav li a {
display: block;
line-height: 22px;
padding: 11px 0px 11px 5px;
}
.nav ul.children,
.nav .sub-menu {
display: block;
left: auto;
padding: 10px 0px;
position: relative;
right: auto;
top: auto;
width: 100%;
}
.nav .sub-menu {
padding-top: 0;
}
.nav .sub-menu li {
font-size: 22px;
font-weight: 400;
padding-right: 0;
}
.nav .sub-menu li a{
padding-right: 0;
}
.nav .sub-menu .sub-menu li {
font-size: 16px;
padding-right: 10px;
}
.nav ul.children li a{
padding: 0 10px 0 0;
}
.nav ul.children ul.children,
.nav .sub-menu .sub-menu {
padding: 10px 0 0;
right: auto;
top: auto;
}
.banner-wrap {
display: none;
} .item-list article {
width: 50%;
} .article-content {
padding: 10px;
}
.post-header {
margin: 0 0 30px;
}
.article-content .post-header h1 {
font-size: 34px;
line-height: 52px;
}
.qoute-text {
font-size: 22px;
line-height: 32px;
}
.qoute-author {
font-size: 20px;
}
.article-content ul li,
.article-content ol li,
.article-content p {
font-size: 18px;
line-height: 28px;
}
.attachment-post_me_featured{
margin: 0 auto 20px;
}
.post-content {
margin: 0 auto 50px auto;
}
.post-meta-box {
margin: 0 auto 50px auto;
}
.article-content .author-post-box-info p {
font-size: 16px;
}
#reply-title {
margin: 0 0 10px 0;
} .archive.author .author-bio {
padding: 50px 20px 50px 20px;
}
.sidebar-toggle{
top: 85%;
}
.article-content ol li {
margin-bottom: 40px;
}
#cancel-comment-reply-link {
float: none;
}
}
@media (max-width: 639px){ .main-wrap {
padding-bottom: 60px;
} .item-list article {
width: 100%;
} .article-content .post-header h1 {
font-size: 40px;
line-height: 60px;
}
.article-content ul li,
.article-content ol li,
.article-content p {
font-size: 16px;
line-height: 24px;
} .contact-text {
float: none;
width: 100%;
}
.contact-form {
float: none;
width: 100%;
} .logged-in-as,
.comment-field-wrap,
p.comment-form-comment {
float: none;
width: 100%;
}
.comment-author {
float: none;
margin: 0 0 10px;
width: 100%;
} .sidebar {
right: -255px;
width: 260px;
} .site-footer {
height: 60px;
line-height: 30px;
margin-top: -55px;
}
.copyright,
.custom-footer-text {
float: none;
text-align: center;
} .author-bio .user-avatar {
float: none;
margin: 0 auto;
}
.author-bio .user-info {
margin: 0 auto;
}
.author-bio .user-name {
margin: 0;
text-align: center;
} .wrap-404 {
margin-top: -60px;
}
.title-404 {
font-size: 30px;
margin: 0 0 10px;
}
.text-404 {
font-size: 18px;
line-height: 24px;
margin: 0 auto 20px;
max-width: 280px;
}
.nothing-found {
font-size: 30px;
}
}
@media (max-width: 480px){ .article-content .post-header h1 {
font-size: 30px;
line-height: 40px;
}
.qoute-text {
font-size: 18px;
line-height: 26px;
}
.qoute-author {
font-size: 18px;
}
.post-meta-box {
margin: 0 auto 20px auto;
}
.post-meta-box .user-avatar {
display: block;
float: none;		
margin: 0 auto;
}
.author-post-box-info {
margin: 0;
} .user-name {
display: block;
text-align: center;
}
}