/* COMPLEMENT main.css */

/* ==========================================================================
   #GLOBAL
   ========================================================================== */
html, body {
  background-color: #222;
}
.bg-c2 {
  min-height: 100%;
  background-color: #000;
}
.bg-c2 main a,
.bg-c2 footer a {
 color: #ebebeb;
 transition: color 1s;
}
.bg-c2 main a:hover,
.bg-c2 footer a:hover {
 color: #989898;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}
a {
  color: rgb(150,150,150);
  transition: color .75s
}
a:hover {
  color: rgb(255,255,255);
}

/* ==========================================================================
   #ICON
   ========================================================================== */
.ic-linkedin:hover {
  color: #0e66c1;
}
.list-social-2 .list-social__item .ic-linkedin:hover {
  color: #0e66c1;
}
.list-social--light .list-social__item .ic-linkedin:hover {
  color: #0e66c1;
}
.list-social--light2 .list-social__item .ic-linkedin:hover {
  color: #0e66c1;
}
.list-social--md .list-social__item .ic-linkedin:hover {
  color: #0e66c1;
}

/* ==========================================================================
   #HEADER
   ========================================================================== */
.logo {
  display: flex;
  flex-direction: column;
}
.logo--icon {
  width: 40px;
  margin: 0 auto;
  transition: all 1s;
}
.logo--baseline {
  padding: 25px 0 0 0;
}

.header-1--light .header--fixed {
  background: rgba(34,34,34,.95);
  border-bottom: 1px solid rgba(120,120,120,.9);
}
.header-1--light .header--fixed .logo {
  display: inline-block;
}
.header-1--light .header--fixed .logo--icon {
  width: 20px;
}
.header-1--light .header--fixed .logo--baseline {
  padding: 0 0 0 10px;
}

/* ==========================================================================
   #SUB-MENU (left)
   ========================================================================== */
.sub-menu {
  background-color: rgba(70,70,70,.95);
}
.sub-menu .menu-item-has-children > .sub-menu {
  left: -105%;
}
.sub-menu .menu-item-has-children:hover > .sub-menu {
  left: -100%;
}

/* ==========================================================================
   #CONTACT
   ========================================================================== */
.bg-pattern-2 {
 background: url("../images/background/bg-pattern-03.jpg");
}
.contact-info.contact-info--light .contact-info__item {
  margin: 0 0 10px 0;
}
.contact-info.contact-info--light {
  padding: 24px 70px;
}
.contact-info__item h5,
.contact-info__item h6 {
  font-weight: 500;
}
.contact-info__item h6 {
  font-size: 1.2em;
}

/* ==========================================================================
   #TITLES
   ========================================================================== */
.bg-c2 .title--light {
   color: #ebebeb;
 }

 /* ==========================================================================
    #PROJECT POST
    ========================================================================== */
.project-style-1 {
  padding-top: 115px;
}
@media (max-width: 991px) {
  .project-style-1 {
    padding-top: 15px;
  }
}
.project-style-1 h1 {
  font-size: 3.5em;
}
.project-style-1 h2 {
  font-size: 1.7em;
  font-weight: 400;
  color: rgb(255,255,255);
}
.project-style-1 .wp-post-image {
  margin-bottom: 0;
}
.wp-post-image.post-contour {
  border: 1px solid rgb(175,175,175);
}
.project-style-1 p {
  margin: 0 0 3em 0;
  text-align: right;
  font-size: 1.4em;
  color: rgb(171,171,171);
}

/* BACKGROUND */
.bg-overlay--p68 {
  background: rgba(0, 0, 0, 0.68);
}

/* Navigation */
.project-navigation {
  padding: 0;
}
.project-navigation .nav-links a {
  color: #ebebeb;
}
.project-navigation .nav-links a:hover {
  color: #777777;
}

/* ==========================================================================
  #EVENTS
  ========================================================================== */
a.media-team-a {
  display: block;
}
a.media-team-a h4 {
  text-transform: uppercase;
}
.media-team .media__img-wrap.pulsate {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: visible;
}
.pulsate::after {
  content: "";
  display: block;
  position:absolute;
  visibility: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 12px solid rgb(83, 83, 83);
}
.media-team:hover .pulsate::after {
  visibility: visible;
  animation: pulsate 1.5s ease 0s infinite;
}
@keyframes pulsate {
  0% {
    opacity: 1;
    border-width: 12px;
    transform: scale(1.1);
  }
  80% {
    opacity: 0;
    border-width: 5px;
    transform: scale(1.4);
  }
  100% {
    opacity: 0;
    transform: scale(1.1);
  }
}


/* ==========================================================================
  #FOOTER
  ========================================================================== */

.footer {
  background: url("../images/background/bg-footer-01.jpg");
}