/*

This file contains custom styles required for the proper functionality and display
of the Veloce Classic Car Project.

https://www.veloceclassiccar.com

*/
/*
$max-width: 1114px;
$desktop: 1240px;
$tablet: 1024px;
$phablet: 768px;
$phone: 436px;
*/
.tangerine {
  background: #F37900 !important;
  color: #fff !important; }
  .tangerine svg {
    fill: #fff !important; }

.text-tangerine {
  color: #F37900 !important; }
  .text-tangerine.button svg {
    fill: #F37900 !important; }

.stroke.button.tangerine {
  color: #F37900 !important;
  border-color: #F37900 !important; }
  .stroke.button.tangerine svg {
    fill: #F37900 !important; }

.tangerine-black {
  background: #F37900 !important;
  color: #1a1a1a !important; }
  .tangerine-black svg {
    fill: #1a1a1a !important; }

.text-tangerine-black {
  color: #F37900 !important; }
  .text-tangerine-black.button svg {
    fill: #F37900 !important; }

.stroke.button.tangerine-black {
  color: #F37900 !important;
  border-color: #F37900 !important; }
  .stroke.button.tangerine-black svg {
    fill: #F37900 !important; }

.crema {
  background: #f8f2e7 !important;
  color: #202020 !important; }
  .crema svg {
    fill: #202020 !important; }

.text-crema {
  color: #f8f2e7 !important; }
  .text-crema.button svg {
    fill: #f8f2e7 !important; }

.stroke.button.crema {
  color: #f8f2e7 !important;
  border-color: #f8f2e7 !important; }
  .stroke.button.crema svg {
    fill: #f8f2e7 !important; }

.crema-light {
  background: #f4f7f6 !important;
  color: #202020 !important; }
  .crema-light svg {
    fill: #202020 !important; }

.text-crema-light {
  color: #f4f7f6 !important; }
  .text-crema-light.button svg {
    fill: #f4f7f6 !important; }

.stroke.button.crema-light {
  color: #f4f7f6 !important;
  border-color: #f4f7f6 !important; }
  .stroke.button.crema-light svg {
    fill: #f4f7f6 !important; }

.gray-ultralight {
  background: #fcfcfc !important;
  color: #202020 !important; }
  .gray-ultralight svg {
    fill: #202020 !important; }

.text-gray-ultralight {
  color: #fcfcfc !important; }
  .text-gray-ultralight.button svg {
    fill: #fcfcfc !important; }

.stroke.button.gray-ultralight {
  color: #fcfcfc !important;
  border-color: #fcfcfc !important; }
  .stroke.button.gray-ultralight svg {
    fill: #fcfcfc !important; }

.black {
  background: #1a1a1a !important;
  color: #fff !important; }
  .black svg {
    fill: #fff !important; }

.text-black {
  color: #1a1a1a !important; }
  .text-black.button svg {
    fill: #1a1a1a !important; }

.stroke.button.black {
  color: #1a1a1a !important;
  border-color: #1a1a1a !important; }
  .stroke.button.black svg {
    fill: #1a1a1a !important; }

#g-recaptcha-response.g-recaptcha-response {
  display: none !important; }

.gradient .content {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.15) 75%); }

.gradient-bottom .content {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.15) 50%); }

a:hover {
  color: #F37900;
  opacity: 1; }

figcaption {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .125em; }

li.small {
  font-size: 16px;
  letter-spacing: -0.011em; }

.list.disc li {
  list-style-type: disc;
  margin-left: 18px; }

@media (max-width: 767px) {
  p {
    font-size: 14px; }
  p.larger {
    font-size: 16px; }
  p.large {
    font-size: 20px; }
  h1 {
    font-size: 30px; }
  h2, h1.smaller {
    font-size: 26px; }
  h3, h2.smaller {
    font-size: 22px; }
  h4, h3.smaller {
    font-size: 18px; }
  h6 {
    font-size: 16px; }
  .panel.bottom a, .panel.bottom span {
    font-size: 14px; } }

.slides-form input[type="text"]:focus,
.slides-form input[type="name"]:focus,
.slides-form input[type="email"]:focus,
.slides-form input[type="password"]:focus,
.slides-form input[type="tel"]:focus,
.slides-form input[type="number"]:focus,
.slides-form textarea:focus,
.slides-form select:focus {
  border-color: #F37900; }

.container .wrap:not(.noSpaces), .container .wrap.spaceWrap,
.container .wrap .spaceWrap {
  padding: 120px calc(8% + 15px); }
  .home .container .wrap:not(.noSpaces), .home .container .wrap.spaceWrap, .home .container .wrap .spaceWrap {
    padding: 60px calc(8% + 15px); }
  @media (max-width: 767px) {
    .container .wrap:not(.noSpaces), .container .wrap.spaceWrap,
    .container .wrap .spaceWrap {
      padding: 60px calc(6% + 15px); } }
.panel.top {
  background-color: #f37900;
  color: #1a1a1a;
  padding-top: 15px;
  padding-bottom: 15px; }
  @media (max-width: 767px) {
    .panel.top {
      padding-top: 10px;
      padding-bottom: 10px; } }
  .panel.top .button.actionButton {
    background-color: #1a1a1a;
    box-shadow: none; }
    .panel.top .button.actionButton:hover {
      background-color: #1a1a1a; }
  .panel.top .logo {
    display: inline-block; }
    .panel.top .logo:hover {
      opacity: 1; }
    .panel.top .logo svg {
      width: 299px;
      height: 30px; }
      @media (max-width: 767px) {
        .panel.top .logo svg {
          width: 239px;
          height: 24px; } }
  .panel.top .menu li a {
    opacity: 1;
    position: relative; }
    .panel.top .menu li a svg {
      fill: #1a1a1a; }
    .panel.top .menu li a:hover {
      color: #fcfcfc;
      /*
				&:after {
					content: '';
					position: absolute;
					height: 49px;
					width: 49px;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					border-radius: 50%;
					//border: 1px solid rgba($default-dark-color, .5);
					background-color: rgba($default-dark-color, .1);

				}
				*/ }
      .panel.top .menu li a:hover svg {
        fill: #fcfcfc; }

.popup:not([class*=fade]) {
  background: rgba(26, 26, 26, 0.9); }

.dialogContainer.centercenter {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .dialogContainer.centercenter .dialog {
    max-width: 768px;
    min-width: 340px;
    margin: 0;
    right: auto;
    left: auto;
    opacity: .95; }