/* 
 Theme Name:   automobileshop-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     automobile-shop
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

input[type=text] {
  border: 2px solid #001b42;
  border-radius: 4px;
}

textarea {
  border: 2px solid #001b42;
  border-radius: 4px;
}

.attachment-post-thumbnail {
  display: none !important;
}

button.btn {
  background-color: white;
  color: black;
  border: 2px solid #001b42;
}

p.mb-0 {
  text-align: center;
}

.main-menu-navigation {
  opacity: 1;
  text-align: center;
}

.nf-form-title {
  display: none !important;
}

.scale img:hover {

  transform: scale(1.15);
}

.scale {
  overflow: hidden;
  margin: 0 auto;
  width: auto;
  animation: pulse-border 1500ms ease-out infinite;

}

.scale img {
  width: 100%;
  transition: 0.5s all ease-in-out;
}

.fade-in-image {
  animation: none;
  -webkit-animation: none;

}

.copyright {
  background: #001b42 !important;
}

.copyright a:hover {
  color: #ff5316;
}

.back-to-top {
  animation: pulse-border 1500ms ease-out infinite;
}

.site-title a {
  color: WHITE;
  background-image: linear-gradient(to right,
      white,
      #3870c9 50%,
      white 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.site-title a:before {
  content: '';
  background: #3870c9;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.site-title a:hover {
  background-position: 0;
}

.site-title a:hover::before {
  width: 100%;
}

.menu-section .phone a {
  box-shadow: inset 0 2 0 0 white;
  color: #001b42;
  margin: 0 -.25rem;
  padding: 0 .25rem;
  transition: color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.menu-section .phone a:hover {
  box-shadow: inset 400px 0 0 0 white;
}

.left {
  margin-bottom: 10px;
  margin-top: 10px;
}

@media only screen and (max-width: 1500px) {
  body.custom-background {
    background-color: white;
  }

  .nav-menu ul li a {
    -webkit-text-fill-color: black !important;
    font-size: 18px;
    font-weight: bold;
  }

  ul#menu-menu {
    border: 35px solid white;
    border-radius: 20px;
  }

  .map {
    overflow: hidden;
  }
}

@media only screen and (max-width: 600px) {
  body {
    background-color: white;
  }

  .nav-menu ul li a {
    -webkit-text-fill-color: black !important;
    font-size: 18px;
    font-weight: bold;
  }

  ul#menu-menu {
    border: 35px solid white;
    border-radius: 20px;
  }

}

li {
  text-align: left;
}

iframe {
  width: 100%;
  height: 500px;
}

ul,
li {
  list-style: none;
  text-align: center;
}

.lz-content h1 {
  margin-top: 20px;
}

.lz-content a {
  color: #ff5316;
}

.gif,
.page-title,
.home-btn,
.page-content {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.footer {
  margin-top: 20px;
}

.site-footer {
  background-color: #001b42 !important;
  padding-bottom: 30px;
}

.col-md-3 {
  margin-bottom: 10px;
}

.col-md-1 {
  margin-bottom: 10px;
}

.sitemap {
  margin-bottom: 600px;
}

.sitemap a {
  font-size: 20px;
}

p {
  color: black;
}

.red {
  color: red;
}

.sp {text-align:center;}
.sp a {display:block;margin:5px auto;}
.sp-text {font-style:italic;}