/*
 Theme Name:   Oficina Cassiano
 Description:  A theme for Oficina Cassiano site.
 Author:       Guilherme Reis
 Author URI:   https://github.com/GuilhermeSR98
 Version:      1.0.0
 Text Domain:  Oficina Cassiano theme.
*/


body {
  font-family: "Roboto", serif;
  font-style: normal;
}

body.is-user-logged-in {
  margin-top: 32px;
}

.logo-header {
  width: 230px;
  transition: width 0.3s ease-in-out;
}
.scrolling {
  box-shadow: 0 0 10px #222;
  transition: box-shadow 0.3s ease-in-out;
}

.scrolling .logo-header {
  width: 150px;
  transition: width 0.3s ease-in-out;
}
.scrolling .font-menu {
  font-size: 16px;
  transition: font-size 0.3s ease-in-out;
}

body.is-user-logged-in .scrolling {
  top: 32px;
}

.font-menu {
  font-size: 18px;
}
.font-grey {
  color: #526082;
}
.skip-lazy {
  border-radius: 5px;
  width: auto !important;
  max-height: 450px !important;
}
.service-text:hover {
  color: #c63e3e !important;
  transition: color 0.5s ease;
}
.service-text:hover i {
  -webkit-animation: rotate-center 0.6s ease-in-out both;
  animation: rotate-center 0.6s ease-in-out both;
}

body .text-danger {
   color: rgb(226 9 23) !important;
}
#servicos i {
  width: 30px;
  display: flex;
  justify-content: center;
}
.bg-navy {
  background-color: #111111 !important;
}
.bg-navy-dark {
  background-color: #111111 !important;
}
.footer-image {
  width: 50px;
}
.service-image {
  width: 100px;
}

/* width */
#sb_instagram::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#sb_instagram::-webkit-scrollbar-track {
  border: 1px solid #222;
  border-radius: 10px;
  background: #222;
}

/* Handle */
#sb_instagram::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 10px;
  width: 5px;
}

/* Handle on hover */
#sb_instagram::-webkit-scrollbar-thumb:hover {
  background: #111;
}

#promocoes .wpcp-single-item {
    border: none !important;
}


/* ----------------------------------------------
 * Generated by Animista on 2023-3-17 16:2:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}