/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* Testando cool link animations */

/* FIM da animação de links */

body {
  font-family: "Inter", sans-serif !important; 
}

#masthead {
  padding: 0px 5px !important;
}

#content {
  padding: 0px 5px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.header:not(.-sticky):not(.-mobile) .menu > li > a {
  font-family: "Kanit", sans-serif !important;
  font-weight: 400 !important;
  /* color: #ff3333 !important; */
}

.clb-title {
  visibility: hidden;
}

/* elimina a margem negativa do portfolio grid */
.vc_row:not(.-nospace).portfolio-grid {
  margin-top: 0px !important;
}

/* titulo do contato */
.heading .subtitle + .title {
  padding-top: 0px !important;
}

#home_dt_hd {
  margin-bottom: 20px !important;
}

/* Página no projeto - controla a altura entre o projeto e o rodapé */

.site-content {
  min-height: calc(100vh - 30vh);
}

h1 {
  /* font-family: 'Space Grotesk', sans-serif; */
  font-size: 2rem !important;
  color: #ff0025 !important;
  /* color: #ff0025 !important; */
  font-weight: 500;
}

h2 {
  /* font-family: 'Space Grotesk', sans-serif; */
  font-size: 1.8rem !important;
  color: #ff0025 !important;
  font-weight: 500;
}

button,
.button {
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}

/* hide video button na home */

#home_dt_wide,
#home_dt_hd {
  cursor: pointer !important;
}

#home_dt_wide .video-button-holder,
#home_dt_hd .video-button-holder {
  display: none !important;
}

/* hide back link */
.back-link,
a.back-link {
  display: none !important;
}
.back-link .caption {
  display: none !important;
}
body:not(.with-header-sidebar) .back-link {
  display: none !important;
}

/* titulo da thumb do portfolio */
.card .overlay-details {
  display: block !important;
  height: 80px;
}


/* loading-text */

.loading-text {
  font-family: "Kanit", sans-serif !important;
  font-weight: 400 !important;
  text-transform:lowercase !important;
  color: #bfbfbf !important;
  margin-left: 5px !important;
}


/* portfolio menu page */

.card-details {
  display: flex !important;
}

.card-details .heading {
  margin: 0 auto;
}

.portfolio-item .title {
  font-size: 16px;
  font-weight: 300 !important;
  border-radius: 2px;
  color: #d8d8d8 !important;
  display: inline;
  opacity: 0;
  padding: 1px 8px;
  cursor: pointer;
  transition: opacity 1s ease-in-out;
  background-color: #171717d9 !important;
}

.portfolio-item .title.open {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

.project .video-button:not(.-outlined) .icon-button {
  background-color: #ff0025 !important;
  color: #fff !important;
}

/* lightbox */

.clb-popup .close-bar {
  height: 50px !important;
  margin: 0px;
  padding: 35px 5px;
}

/* alinha as imagens pelo centro verticalmente no lightbox */
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider .image-wrap img,
.clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage .image-wrap img {
  margin-top: 0px;
  padding: 0px;
  max-height: 100% !important;
}

/* padding do popup de video lightbox */
.clb-popup-holder.clb-video-popup{
  padding: 30px !important;
}

/* detalhes do projeto */
.options-group {
  display: none !important;
}

.single-ohio_portfolio .project-title .headline {
  font-size: 2rem !important;
}

.project-content .holder {
  /* area de texto do portfolio */
  padding-top: 0px !important;
  padding-bottom: 0px;
}

.project-content:not(.-with-slider) .holder {
  padding-top: var(--clb-grid-gutter-5x);
  padding-bottom: 0px;
}

.project-page {
  padding-bottom: 65px !important;
}

.project-gallery img {
  border-radius: 20px;
}

/* footer */

.site-footer .widgets {
  padding-top: 50px;
  padding-bottom: 50px;
}

.site-footer {
  padding-left: 15px;
  padding-right: 15px;
}

.site-footer .page-container + .site-footer-copyright .holder {
  padding-top: 20px !important;
}

.social-icons-footer li {
  display: inline;
  padding-right: 12px;
  font-size: 16px;
}

/* menu mobile */

.slide-in .slide-in-overlay .holder,
.is-mobile-menu .slide-in-overlay .holder {
  width: 100vw !important;
  background-color: #161519 !important;
}

.header.-mobile .slide-in-overlay .copyright {
  margin-top: 50px;
}

.header.-mobile .nav,
.header.-mobile .slide-in-overlay .copyright,
.header.-mobile .slide-in-overlay .lang-dropdown,
.header.-mobile .slide-in-overlay .close-bar .icon-button:not(.-small) {
  color: #bfbfbf;
  text-align: left;
}

/* Border radius do slider da página About */
.ohio-widget.slider:not(.-slider-offset) .clb-slider-outer-stage {
  border-radius: 10px;
}
/* Border radius do video grande da Home */
textarea,
input,
.wpcf7-text {
  border-radius: 6px;
}
/* Border radius do formulário */
.contact-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.contact-form textarea,
.contact-form select {
  border-radius: 6px;
}
/* Border radius do seletor de linguagem */
.lang-dropdown {
  border-radius: 6px;
}

/* font-weight do voltar ao topo */
.scroll-top-holder {
  font-weight: 300 !important;
}

/* Portfolio page - margem superior para celulares - para o video não colar no topo */

@media (min-width: 360px) and (orientation: portrait) {
  .project-page {
    margin-top: 110px;
  }

  .project-title {
    margin-top: 30px;
  }

  .project-gallery {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* titulo da thumb do portfolio */
  .card .overlay-details {
    display: block !important;
    height: 80px;
  }
}

@media (min-width: 360px) and (orientation: landscape) {
  .project-page {
    margin-top: 110px;
  }

  .project-title {
    margin-top: 30px;
  }

  .project-gallery {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* titulo da thumb do portfolio */
  .card .overlay-details {
    display: block !important;
    height: 80px;
  }
}

@media (min-width: 768px) {
  .project-gallery {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #masthead {
    padding: 0px 25px !important;
  }

  #content {
    padding: 0px 25px !important;
  }

  .site-footer {
    padding-left: 25px;
    padding-right: 25px;
  }

  .project-content {
    /* container esquerdo */
    margin-top: 30px;
  }

  .project-gallery {
    /* area de texto do portfolio - container */
    margin-top: 30px;
  }

  .card .overlay-details {
    display: block !important;
    height: 80px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1180px) {
  h1 {
    font-size: 2.8rem !important;
  }

  h2 {
    font-size: 2.6rem !important;
  }

  .single-ohio_portfolio .project-title .headline {
    font-size: 2.6rem !important;
  }

  /* padding do popup de video lightbox */
.clb-popup-holder.clb-video-popup{
  padding: 50px !important;
}
}

@media screen and (max-width: 1180px) {
  .project-content {
    padding: 0rem 0px;
  }
}