/*!
Theme Name: Litchi
Theme URI: http://underscores.me/
Author: Florent Dehanne - Creactive Communication
Author URI: https://www.creactivecom.fr/
Description: Theme Litchi by Creactive Communication
Version: 1.17
Text Domain: creactive4

creactive4 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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


/** Back to top button */
#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;
}


/** Header */
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) {
    /*.main-navigation { display: flex; }*/
    #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%;
    }

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

  /* Header on homepage */
  body.home { padding-top: 0 !important; }
  body.home:not(.sticky-header) header.site-header {
    /* height: 132px; */
    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 */
.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 */
.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 */
.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 */
footer.site-footer {
  position: relative;
  padding-top: 60px;
  background: #2f2f2f url('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; }

/* fix for icons and modules */
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 */
.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 */
.breadcrumbs { color: #FFF; text-transform: uppercase; }
.breadcrumbs a { color: #ffb600; }


/** Contact */
.wpcf7 textarea { min-height: 120px; }
.wpcf7 .h-captcha { margin: 0; }


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


/** Modules * /
/* Module: WPBakery counter (Layout 1) */
.wpbakery-counter-layout1 .number:after{ margin-top: 15px; }


/* Module: WPBakery title (Layout 1) */
.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;
}

/* Module: WPBakery title (Layout 2) */
.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; }

/* Module: WPBakery testimonials */
.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; }

/* Module: WPBakery team */
.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; }

/* Module: WPBakery portfolio */
.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;
}

/* Module: WPBakery articles */
.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; }


/* Module: WPBakery slider */
.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; }
  }


/* Module: WPBakery overview */
.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;
}

/* Module: WPBakery icon block */
.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; }

/* Module: WPBakery buttons */
.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; }

/* Module: WPBakery counter */
.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;
}

/* Module: WPBakery info list */
.wpbakery-info-list-layout1 { border-color: #ffb600; }
.wpbakery-info-list-layout1 .item { color: #222; }
.wpbakery-info-list-layout1 .item .icon { color: #ffb600; }

/* Module: WPBakery picture overlay */
.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);
}


/** Blog */
.single-post .post-thumbnail {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
/* .single-post .post-thumbnail:hover:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #ffb600;
  opacity: .7;
} */
.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;
}


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

/** Articles categories */
.wpbakery-articles-categories-layout3 li.item:before,
.wpbakery-articles-categories-layout3 li.item a:hover {
  color: #ffb600;
}


/** Search module */
.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 footer */
#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;
}

/** Cookie notice popup */
#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;
}