html {
font-family: 'Lato', Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
}
*, *:before, *:after { box-sizing: inherit; }
body, button, input, select, optgroup, textarea {
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 23px;
color: #8f8f8f;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-weight: 400;
color: #222;
margin: 0 0 10px 0;
}
h1 { font-size: 32px; line-height: 38px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 18px; line-height: 20px; }
p { margin: 0 0 10px 0; }
a { color: #333; text-decoration: none; }
ul { padding-left: 25px; margin: 0; }
.layout {
width: 100%;
max-width: 1280px;
padding: 0 40px;
margin: auto;
}
@media screen and (max-width: 768px) {
.layout { padding: 20px; }
}
.edit-link { display: none; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
font-size: 14px;
color: #8f8f8f;
padding: 10px;
background-color: #ffffff;
border: 1px solid #eee;
box-shadow: none;
}
.button,
button,
input[type="reset"],
input[type="submit"],
input[type="button"],
.vc_btn3,
.wc-proceed-to-checkout a,
.single_add_to_cart_button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
display: inline-block;
color: #FFF;
font-size: 13px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
padding: 10px 20px;
margin: 0 0px 5px 0;
background-color: #ffb700;
border: 2px solid #ffb700;
outline: none;
cursor: pointer;
transition: all 0.3s ease;
}
.button:hover,
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wc-proceed-to-checkout a:hover,
.single_add_to_cart_button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
color: #FFF;
background-color: #222;
border-color: #222;
} #backToTop {
position: fixed;
bottom: 10px;
right: 10px;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
color: #1e1e1e;
background-color: #FFF;
border: 2px solid #1e1e1e;
transition: all 0.3s ease;
cursor: pointer;
opacity: 0;
z-index: 99;
}
#backToTop.visible { opacity: 1; }
#backToTop:hover {
color: #FFF;
background-color: #ffb700;
border-color: #ffb700;
} body { padding-top: 70px; }
header.site-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #222222;
border-bottom: solid 1px #222222;
transition: all ease 0.3s;
z-index: 9999;
}
body.admin-bar header.site-header { top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar header.site-header { top: 46px; }
}
header.site-header .ribbon {
color: #222;
padding: 10px 0;
background-color: #f8f8f8;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
}
header.site-header .ribbon .wpb_button,
header.site-header .ribbon .wpb_content_element,
header.site-header .ribbon ul.wpb_thumbnails-fluid>li {
margin-bottom: 0;
}
header.site-header .main {
display: flex;
justify-content: space-between;
align-items: center;
height: 80px;
transition: all ease 0.3s;
}
header.site-header .main .logo img { max-height: 55px; }
header.site-header .main .website-title a {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-size: 26px;
line-height: 32px;
font-weight: 400;
color: #FFF;
text-transform: uppercase;
}
header.site-header .main-navigation { width: auto; }
header.site-header .navigation { display: flex; align-items: center; }
@media screen and (min-width: 1025px) { #primary-menu > li:not(:first-child) { margin-left: 35px; }
#primary-menu > li > a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 80px;
color: #FFF;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
padding: 20px 0;
transition: all ease 0.3s;
}
#primary-menu > li > a:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 4px;
background: #ffb600;
transition: all ease 0.3s;
}
#primary-menu > li.current_page_item a,
#primary-menu > li a:hover,
#primary-menu > li.menu-item-has-children > a:hover:before {
color: #ffb600;
}
#primary-menu > li.current_page_item > a:after,
#primary-menu > li > a:hover:after {
left: 0;
width: 100%;
} #primary-menu > li.menu-item-has-children > a { padding-right: 20px; }
#primary-menu > li.menu-item-has-children > a:before {
content: "\f078";
position: absolute;
top: calc(50% - 11px);
right: 0;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 10px;
color: #FFF;
transition: all ease 0.3s;
}
#primary-menu ul {
width: 210px;
text-align: left;
border: solid 1px #eee;
background-color: #f8f8f8;
}
#primary-menu ul li {
float: none;
display: block;
padding: 0 15px;
}
#primary-menu ul li a {
font-size: 12px;
color: #222;
text-transform: uppercase;
padding: 10px 0;
border-bottom: solid 1px #eee;
transition: all 0.3s ease;
}
#primary-menu ul li:last-child a { border: none; }
#primary-menu ul li a:hover { padding-left: 10px; }
} body.home { padding-top: 0 !important; }
body.home:not(.sticky-header) header.site-header {
height: 100px;
background: none;
border-bottom-color: rgba(255,255,255,0.3);
}
body.home:not(.sticky-header) header.site-header .main,
body.home:not(.sticky-header) #primary-menu > li > a {
height: 100px;
}
body.home.sticky-header header.site-header { border-color: transparent; } .wpml-ls-legacy-list-horizontal { margin-left: 20px; }
.wpml-ls-legacy-list-horizontal .wpml-ls-item { display: inline-block; }
@media screen and (max-width: 1024px) {
header.site-header .navigation > .wpml-ls-legacy-list-horizontal { display: none; }
} .responsive-menu-container {
position: fixed;
top: 0;
left: 100%;
width: 100%;
height: 100%;
padding: 0;
background-color: #383838;
z-index: 99;
overflow: scroll;
transition: all 0.3s ease-out;
}
.responsive-menu-container ul.responsive-menu li {
float: none;
display: block;
border-bottom: 1px solid #4c4c4c;
}
.responsive-menu-container ul.responsive-menu li a {
color: #FFF;
font-size: 13px;
text-transform: uppercase;
padding: 8px 14px;
}
.responsive-menu-container ul.responsive-menu li ul {
padding: 0 0 0 20px;
margin: 0;
border-top: 1px solid #4c4c4c;
}
.responsive-menu-container ul.responsive-menu li ul li:last-child { border: none; }
.main-navigation.toggled .responsive-menu-container { display: block; left: 0; }
@media screen and (max-width: 1024px) {
button.menu-toggle { display: block !important; }
.primary-menu-container { display: none !important; }
header.site-header .navigation { min-height: 54px; }
.responsive-menu-container ul.responsive-menu li ul {
float: none;
position: relative;
top: auto;
left: auto;
box-shadow: none;
}
}
button.menu-toggle {
display: none;
position: relative;
width: 44px;
height: 34px;
padding: 0;
margin: 10px 0;
background: none;
border-radius: 2px;
border: none;
box-shadow: none;
cursor: pointer;
z-index: 100;
}
button.menu-toggle:hover { background-image: none }
button.menu-toggle span::before { -webkit-transition: all,ease,.2s; transition: all,ease,.2s }
button.menu-toggle span::before,
button.menu-toggle::after,
button.menu-toggle::before {
content: '';
display: block;
height: 2px;
width: 24px;
position: absolute;
top: 50%;
left: 11px;
margin-top: -1px;
-webkit-transition: all,ease,.2s;
transition: all,ease,.2s;
border-radius: 3px
}
button.menu-toggle::before {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px)
}
button.menu-toggle::after {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px)
}
button.menu-toggle:after,
button.menu-toggle:before,
button.menu-toggle span:before {
background-color: #FFF;
}
.toggled button.menu-toggle { position: fixed; top: 4px; right: 0; margin: 0; }
.toggled button.menu-toggle::after,.toggled button.menu-toggle::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.toggled button.menu-toggle::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.toggled button.menu-toggle span::before { opacity: 0 }
.toggled button.menu-toggle::after,
.toggled button.menu-toggle::before {
left: 14px; width: 20px; height: 3px;
}
body.admin-bar .responsive-menu-container { padding-top: 46px; }
body.admin-bar .toggled button.menu-toggle { top: 48px; } .pagination { text-align: center; }
.pagination .page-numbers {
display: inline-block;
height: 35px;
padding-top: 5px;
margin: 0 2px;
min-width: 35px;
color: #555;
background-color: #f5f5f5;
transition: all .2s ease-in-out;
}
.pagination .current,
.pagination .page-numbers:hover {
color: #FFF;
background: #ffb600;
} footer.site-footer {
position: relative;
padding-top: 60px;
background: #2f2f2f url(//biocap06.fr/wp-content/themes/theme4_litchi/images/footer-background.jpg) center no-repeat;
background-size: cover;
}
footer.site-footer:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 0;
}
footer.site-footer .layout { position: relative; z-index: 1; }
footer.site-footer h2,
footer.site-footer h3 {
font-family: 'Lato';
font-size: 16px;
font-weight: 400;
color: #FFF;
}
footer.site-footer a { color: #FFF; } footer.site-footer .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner { width: 18px; height: 14px; }
footer.site-footer .wpb_button,
footer.site-footer .wpb_content_element,
footer.site-footer .vc_icon_element,
footer.site-footer ul.wpb_thumbnails-fluid>li {
margin: 0;
}
footer.site-footer .vc_icon_element { float: left; }
footer.site-footer .copyright { margin-top: 20px; }
footer.site-footer .copyright .layout {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 18px;
padding-bottom: 18px;
border-top: solid 2px rgba(255,255,255,0.2);
}
footer.site-footer .copyright .layout span { margin: 0 0 5px 20px; }
footer.site-footer .copyright a { transition: all 0.3s ease; }
footer.site-footer .copyright a:hover { color: #ffb600; }
footer.site-footer .menu { margin: 0; padding: 0; }
footer.site-footer .menu li {
display: inline-block;
list-style: none;
font-size: 12px;
text-transform: uppercase;
margin-left: 20px;
}
footer.site-footer .menu li a { color: #8f8f8f; transition: all 0.3s ease; }
footer.site-footer .menu li a:hover { color: #ffb600; } .banner-title {
position: relative;
display: flex;
align-items: center;
height: 300px;
margin-bottom: 100px;
background-color: #2a2a2a;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-title h1 {
font-size: 60px;
line-height: 74px;
color: #FFF;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.banner-title h1 {
font-size: 42px;
line-height: 48px;
}
}
@media screen and (max-width: 768px) {
.banner-title h1 {
font-size: 32px;
line-height: 36px;
}
} .breadcrumbs { color: #FFF; text-transform: uppercase; }
.breadcrumbs a { color: #ffb600; } .wpcf7 textarea { min-height: 120px; }
.wpcf7 .h-captcha { margin: 0; } .page-404 {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
color: #222222;
font-size: 32px;
text-align: center;
text-transform: uppercase;
padding: 100px 0;
}
.page-404 .title { font-size: 24px; margin-bottom: 25px; }
.page-404 .number {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
color: #ffb600;
font-size: 160px;
line-height: 160px;
font-weight: 700;
margin-bottom: 40px;
}
.page-404 .description { font-size: 28px; line-height: 34px; margin-bottom: 25px; }
.page-404 .description span { color: #777; text-transform: uppercase; } .wpbakery-counter-layout1 .number:after{ margin-top: 15px; } .cc-title {
font-weight: 400;
color: #222;
text-align: left;
text-transform: uppercase;
margin-bottom: 40px;
}
.cc-title > span {
position: relative;
display: inline-block;
padding: 35px 0 25px 0;
}
.cc-title > span:before,
.cc-title > span:after {
content: '';
position: absolute;
left: calc(50% - 28.5px);
display: block;
width: 57px;
}
.cc-title > span:before {
top: 0;
height: 15px;
border: 5px solid #ffb600;
border-bottom: none;
}
.cc-title > span:after {
bottom: 0;
height: 5px;
background: #ffb600;
}
.cc-title .subtitle {
display: block;
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #616161;
margin-top: 10px;
}
h1.cc-title,
h2.cc-title {
font-size: 48px;
line-height: 52px;
}
@media screen and (max-width: 768px) {
h1.cc-title,
h2.cc-title {
font-size: 32px;
line-height: 38px;
}
}
h3.cc-title {
font-size: 30px;
line-height: 38px;
}
h4.cc-title,
h5.cc-title,
h6.cc-title,
div.cc-title {
font-size: 20px;
line-height: 26px;
} .cc-title-secondary { margin-bottom: 30px; }
.cc-title-secondary span {
font-weight: 700;
text-transform: uppercase;
}
.cc-title-secondary span:after {
content: '';
display: block;
width: 50px;
height: 4px;
margin-top: 10px;
background-color: #ffb600;
}
h2.cc-title-secondary.cc-title-secondary-center { text-align: center; }
.cc-title-secondary.cc-title-secondary-center span:after { margin-left: auto; margin-right: auto; }
h2.cc-title-secondary.cc-title-secondary-right { text-align: right; }
.cc-title-secondary.cc-title-secondary-right span:after { margin-left: auto; } .wpbakery-testimonials-layout5 .item .text { color: #FFF; }
.wpbakery-testimonials-layout5 .item .quote { background-color: #ffb600; }
.wpbakery-testimonials-layout5 .item .name { color: #FFF; }
.wpbakery-testimonials-layout5 .item .job { color: #fff; font-weight: 600; }
.wpbakery-testimonials-layout5.owl-theme .owl-nav [class*=owl-] { color: #FFF; opacity: 0.5; }
.wpbakery-testimonials-layout5.owl-theme .owl-nav [class*=owl-]:hover { color: #FFF; opacity: 1; } .wpbakery-team-layout5 .member-info { background-color: #F8F8F8; }
.wpbakery-team-layout5 .member-info .member-name { color: #292929; }
.wpbakery-team-layout5 .member-info .member-prof { color: #8f8f8f; }
.wpbakery-team-layout5:hover .member-info { background-color: #ffb600; }
.wpbakery-team-layout5:hover .member-info .member-name { color: #FFF; }
.wpbakery-team-layout5:hover .member-info .member-prof { color: #222; }
.wpbakery-team-layout5 .content .member-social li a:hover { color: #FFF; background-color: #ffb600; } .wpbakery-portfolio-layout5 .item .picture a:hover { background-color: #ffb600; }
.wpbakery-portfolio-layout8 .categories-filter,
.wpbakery-portfolio-layout9 .categories-filter {
background-color: #f4f4f4;
}
.wpbakery-portfolio-layout8 .categories-filter li a,
.wpbakery-portfolio-layout9 .categories-filter li a {
color: #222;
}
.wpbakery-portfolio-layout8 .categories-filter li a:hover,
.wpbakery-portfolio-layout8 .categories-filter li.active a,
.wpbakery-portfolio-layout9 .categories-filter li a:hover,
.wpbakery-portfolio-layout9 .categories-filter li.active a {
color: #FFF; background-color: #ffb600;
}
.wpbakery-portfolio-layout8 .item .more,
.wpbakery-portfolio-layout9 .item .more {
background-color: #ffb600;
}
.wpbakery-portfolio-layout8 .item .more a,
.wpbakery-portfolio-layout9 .item .more a {
transition: all 0.3s ease;
}
.wpbakery-portfolio-layout8 .item .more a:hover,
.wpbakery-portfolio-layout9 .item .more a:hover {
color: #212121;
} .wpbakery-articles-layout12 .picture:before { background: rgba(255,182,0,0.7); }
.wpbakery-articles-layout12 .content:before { background: #ffb600; }
.wpbakery-articles-layout12 h3 a { transition: all 0.3s ease; }
.wpbakery-articles-layout12 h3 a:hover { color: #ffb600; }
.wpbakery-articles-layout12.owl-theme .owl-dots .owl-dot span { background: #DDDDDD; }
.wpbakery-articles-layout12.owl-theme .owl-dots .owl-dot.active span,
.wpbakery-articles-layout12.owl-theme .owl-dots .owl-dot:hover span {
background: #ffb600;
}
.wpbakery-articles-layout14 .article-logo {
display: none;
}
.wpbakery-articles-layout14 .article-info:after {
content: '';
height: 4px;
width: 60px;
background-color: #ffb600;
display: block;
margin-top: 20px;
}
.wpbakery-articles-layout14 .picture:hover:before,
.wpbakery-articles-layout14 .article-logo,
.wpbakery-articles-layout14 .article-logo:after
{ background-color: #ffb600; }
@media screen and (max-width: 480px) {
.wpbakery-articles-layout14 .article-logo { display: none; }
}
.wpbakery-articles-layout14 .article-info a:hover
{ color: #ffb600; }
.wpbakery-articles-layout14 .button:hover{
background-color: #ffb600;
border-color: #ffb600;
}
.wpbakery-articles-layout15 .picture:hover:before { background-color: #ffb600; }
.wpbakery-articles-layout15 a:hover { color: #ffb600; } .wpbakery-slider-layout4 .content .title,
.wpbakery-slider-layout4 .content .subtitle {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
color: #FFF;
}
.wpbakery-slider-layout4 .item[data-has-subtitle="0"] .content .title:after {
content: '';
display: block;
width: 60px;
height: 5px;
margin-top: 20px;
background: #ffb600;
}
@media screen and (min-width: 769px) {
.wpbakery-slider-layout4 .item[data-position="right"] .content .title:after { margin-left: auto; }
.wpbakery-slider-layout4 .item[data-position="center"] .content .title:after { margin-left: auto; margin-right: auto; }
}
.wpbakery-slider-layout4 .content .subtitle { background-color: #ffb600; }
.wpbakery-slider-layout4 .content .text { color: #FFF; }
.wpbakery-slider-layout4 .content .button { display: block; }
.wpbakery-slider-layout4 .content .button-primary { background-color: #ffb600; border-color: #ffb600; }
.wpbakery-slider-layout4 .content .button-primary:hover { background-color: #333; border-color: #333; }
.wpbakery-slider-layout4 .content .button-secondary:hover { color: #ffb600; background: none; border-color: #ffb600; }
@media screen and (min-width: 440px) {
.wpbakery-slider-layout4 .content .button { display: inline-block; }
.wpbakery-slider-layout4 .content .button + .button { margin-left: 10px; }
}
@media screen and (max-width: 1024px) {
.wpbakery-slider-layout4 .content { padding-top: 50px; }
.wpbakery-slider-layout4 .content .title {
font-size: 32px;
line-height: 36px;
margin-bottom: 10px;
}
.wpbakery-slider-layout4 .content .title:after { margin-top: 15px; }
.wpbakery-slider-layout4 .content .subtitle {
font-size: 26px;
line-height: 28px;
padding: 10px;
margin-bottom: 10px;
}
.wpbakery-slider-layout4 .content .text { margin-bottom: 10px; }
} .wpbakery-overview-layout6 .title { text-transform: uppercase; }
.wpbakery-overview-layout6 .icon { color: #ffb600; }
.wpbakery-overview-layout6 .text { color: #8f8f8f; font-size: 14px; line-height: 28px; }
.wpbakery-overview-layout6 .button {
font-size: 12px;
color: #222;
font-weight: 400;
padding: 3px 18px;
background: none;
border-color: #222;
}
.wpbakery-overview-layout6 .button:hover {
color: #FFF;
background-color: #ffb600;
border-color: #ffb600;
} .wpbakery-icon-block-layout1 .text,
.wpbakery-icon-block-layout2 .text,
.wpbakery-icon-block-layout3 .text {
font-size: 14px;
line-height: 23px;
color: #8f8f8f;
}
.wpbakery-icon-block-layout1 .icon { background-color: #ffb600; border-color: #ffb600; }
.wpbakery-icon-block-layout1:hover .icon { color: #222; }
.wpbakery-icon-block-layout2 .icon { color: #ffb600; }
.wpbakery-icon-block-layout2:hover .icon { color: #222; border-color: #ffb600; }
.wpbakery-icon-block-layout3 .icon { background-color: #ffb600; }
.wpbakery-icon-block-layout4:hover .icon { background-color: #ffb600; } .vc_btn3.vc_btn3-style-flat.vc_btn3-color-cc-color1 { color: #FFF; background: #ffb700; border: 2px solid #ffb700; }
.vc_btn3.vc_btn3-style-flat.vc_btn3-color-cc-color1:hover { background: #222; border-color: #222; }
.vc_btn3.vc_btn3-style-outline.vc_btn3-color-cc-color1 { color: #ffb700; border: 2px solid #ffb700; }
.vc_btn3.vc_btn3-style-outline.vc_btn3-color-cc-color1:hover { color: #222; border-color: #222; } .wpbakery-counter-layout1 .number {
color: #ffb600;
font-family: 'Oswald', sans-serif;
margin-bottom: 15px;
}
.wpbakery-counter-layout1 .title {
text-transform: uppercase;
font-family: 'Oswald';
font-size: 18px;
font-weight: 400;
} .wpbakery-info-list-layout1 { border-color: #ffb600; }
.wpbakery-info-list-layout1 .item { color: #222; }
.wpbakery-info-list-layout1 .item .icon { color: #ffb600; } .wpbakery-picture-overlay-layout1 .picture:after {
content: '';
display: block;
position: absolute;
border: 4px solid rgba(255, 255, 255, 0.5);
}
.wpbakery-picture-overlay-layout1 .picture-1:after {
top: 30px;
left: 20px;
width: calc(75% - 40px);
height: calc(100% - 60px);
}
.wpbakery-picture-overlay-layout1 .picture-2:after {
top: 15px;
left: 10px;
width: calc(100% - 20px);
height: calc(100% - 30px);
} .single-post .post-thumbnail {
position: relative;
width: 100%;
margin-bottom: 40px;
} .single-post .post-thumbnail img {
display: block;
width: 100%;
}
.single-post .article-logo {
float: left;
width: 50px;
height: 50px;
line-height: 50px;
background-color: #ffb600;
color: #fff;
font-size: 21px;
text-align: center;
margin-right: 20px;
margin-bottom: 24px;
display: none;
}
.single-post .article-info:after {
content: '';
height: 4px;
width: 60px;
background-color: #ffb600;
display: block;
margin-top: 20px;
}
@media screen and (max-width: 480px) {
.single-post .article-logo { display: none; }
}
.single-post .article-info {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.single-post .article-info h3 {
text-transform: uppercase;
font-size: 24px;
margin-bottom: 12px;
line-height: 25px;
}
.single-post .article-info ul {
list-style: none;
margin: 0;
padding: 0;
}
.single-post .article-info li {
display: inline;
font-size: 12px;
font-style: italic;
margin-right: 25px;
text-transform: uppercase;
}
.single-post .article-info ul li,
.single-post .article-info ul a {
color: #8f8f8f;
}
.single-post .article-info ul a:hover { color: #ffb600; }
.single-post #comments{
background-color: #f8f8f8;
padding: 30px;
margin: 60px 0 40px 0;
} .tagcloud a {
display: inline-block;
transition: all .2s;
padding: 9px 10px;
margin-bottom: 5px;
margin-right: 5px;
line-height: 1;
font-size: 11px;
text-transform: uppercase;
background-color: #f3f3f3;
}
.tagcloud a:hover {
background: #ffb600;
color: #FFFFFF;
text-decoration: none;
} .wpbakery-articles-categories-layout3 li.item:before,
.wpbakery-articles-categories-layout3 li.item a:hover {
color: #ffb600;
} .search-form {
position: relative;
}
.search-form > input {
width: 100%;
padding-right: 48px;
height: 38px;
font-size: 14px;
color: #8f8f8f;
line-height: 1;
background-color: #ffffff;
border: 1px solid #eee;
}
.search-form > input:focus { border-color: #ffb600; }
.search-form > input:focus ~ button { background-color: #333; }
.search-form > button {
position: absolute;
border: none;
right: 0;
top: 0;
padding: 0;
width: 38px;
height: 38px;
line-height: 38px;
background-color: #ffb600;
color: #fff;
font-size: 14px;
border-radius: 0;
transition-property: all;
transition-duration: 0s;
}
.search-form > button:hover { background-color: #333; } #cookie-notice { background-color: #ffb600 !important; }
#cookie-notice .cookie-notice-container .cn-button {
color: #222;
border: 2px solid #222;
}
#cookie-notice .cookie-notice-container #cn-accept-cookie.cn-button {
color: #fff;
background-color: #222;
} #popup-cn-cookies-wrapper #popup-cn-accept-cookie,
#popup-cn-cookies-wrapper #popup-cn-refuse-cookie{
color: #ffb600;
border: 2px solid #ffb600;
}
#popup-cn-cookies-wrapper #popup-cn-accept-cookie {
color: #fff;
background-color: #ffb600;
}