/* new custom styles*/

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    color: #8C6095!important;
}

.whiteTextTwo a{
    color:#fff!important;
}

h2.dba {
    color: #fff;
}

.page-id-193 h3 {
    line-height: 30px;
}

.gallery-button.custom span {
    display: none;
}
.phonenumbsfoot p {
    font-size: 22px;
    line-height: 22px;
    color: white;
}
.footer-wrapper p.large-text-2.alt-color.alt-font {
    margin-bottom: 0px;
}
p.appointment {
    font-size: 15px;
}
i.fa.fa-facebook {
    color: white;
    font-size: 44px;
    border-style: solid;
    background-color: #3b5998;
    padding: 20px 28px;
    border-radius: 45px;
    margin: 12px 12px 12px 0;
}
/*end new custom styles*/


.large-6.medium-4.columns.whitetext > p {
  color: #ffffff;
  line-height: 17px;
  padding-top: 9px;
}
.inactive a {
color: #fff !important;
border-color: transparent !important;
}
.inactive a::after {
  border-color:#fff transparent transparent !important;
}
.logo {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
}
.logo1 {
    font-family: 'Calligraffitti', cursive;
    text-align: center;
    text-transform: none;
    font-size: 39px;
    color: white;
    margin: 0px 0px;
}
.logo2 {
    font-family: "Raleway",sans-serif;
    text-align: center;
    color: #766E4F;
    letter-spacing: 7px;
    font-size: 14px;
    margin-top: -13px;
}
body {
  font-family: "Raleway",sans-serif;
}h1, h1 a, .large-text-1 {
  color: #8C6095;
  font-family: "Raleway",sans-serif;
  font-size: 28px;
  line-height: normal;
  margin: 25px 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}h2, .large-text-2, .work-hours .large-text-2 {
  color: #8C6095;
  font-family: "Raleway", sans-serif;
  font-size: 25px;
  line-height: normal;
  margin: 25px 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}h3 {
  color: #252525;
  font-family: "Raleway", sans-serif;
  font-size: 1.6em;
  line-height: 1.5rem;
  margin: 25px 0;
}h4 {
  font-family: "Raleway", sans-serif;
  color: #252525;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.5rem;
  margin: 25px 0;
}p {
  font-family: "Raleway", sans-serif;
  color: #747474;
  font-size: 14px;
  margin: 15px 0;
}ul {
  list-style-type: none;
  color: #747474;
  margin: 0;
}ul li{
  color: #747474; 
  font-size: 14px;
  margin-bottom: 15px;
}.small{
  font-size: 16px;
  color: #8b7a72;
  display: block;
  width: 100%;
}.subnav {
  background: none repeat scroll 0 0 #e0e0e0;
  display: block;
  float: left;
  height: 80px;
  margin: 0 3px;
  padding: 20px 40px;
}.content-wrapper{
  width: 100%;
  display: block;
  float: left;  
}.row {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
}.page-wrapper {
  max-width: 75rem;
  clear: both;
}.animate-slow{
  transition: all 1s ease-in-out; 
  -webkit-transition: all 1s ease-in-out; 
  -moz-transition: all 1s ease-in-out;  
  -o-transition: all 1s ease-in-out;  
}.animate-medium{
  transition: all .5s ease-in-out;  
  -webkit-transition: all .5s ease-in-out;  
  -moz-transition: all .5s ease-in-out; 
  -o-transition: all .5s ease-in-out; 
}.animate-fast{
  transition: all .25s ease-in-out; 
  -webkit-transition: all .25s ease-in-out; 
  -moz-transition: all .25s ease-in-out;  
  -o-transition: all .25s ease-in-out;  
}.horizontal-center{
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%); 
}.vertical-center{
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%); 
}.padded{
  padding: 40px 60px; 
}.strip-padding{
  padding-left: 0!important;
  padding-right: 0!important; 
}.strip-left{
  padding-left: 0!important;  
}.strip-right{
  padding-right: 0!important; 
}.light-bg{
  background: #f8f8f8 url("https://californiadreamlimousine.com/wp-content/themes/limo2/images/light-bg.png") no-repeat right center / cover;
}.dark-bg{
  background: #eef0f4 url("https://californiadreamlimousine.com/wp-content/themes/limo2/images/dark-bg.png") no-repeat left center / cover;
}.button{
  line-height: 50px;
  padding: 0 20%;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 11px;  
  margin-top: 40px;
}.button:hover, .button:focus,
 .button:active{
  background: #f7da96;
  color: #8C6095;
  border-color: transparent;
  opacity: .6;  
}.light-button{
  border: 1px solid #8C6095;
  background: none;
  color: #747474;
}.dark-button{
  border: 1px solid transparent;
  background: #8C6095;
  color: #ffffff;
}.alt-color{
  color: #f7da96!important; 
}.alt-font{
  font-family: "Cinzel", serif!important;
}.header-wrapper{
  background: #8C6095;  
  display: block;
  float: left;
  width: 100%;
}.company-wrapper {
    background: #000000;
    padding-top: 10px;
} margin: 0;  
}.header-company-title a {
  font-family: "Cinzel", serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 20px;
  line-height: normal;
  color: #8C6095;
  text-decoration: none;
  float: left;
  width: 100%;
  text-align: left;
  margin: 30px 0 5px 0;
}.header-company-serviceorder {
  font-size: 10px;
  font-family: "Cinzel", serif;
  color: #fff;
  text-align: center;
}.social-wrapper{
  background: #000;
}.social a{
  line-height: 50px;
  display: inline-block;  
  padding: 0 20px;
  font-family: "Cinzel", serif;
  font-size: 12px;
  letter-spacing: 3px;
  color: #b4b4b4;
  text-decoration: underline transparent;
}.social a:hover{
  color: #f7da96;
  text-decoration-color: #f7da96; 
}.header-contact{
  padding: 0 40px;  
}.header-contact p {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    font-size: 11px;
    margin: 0;
    line-height: 50px;
}.header-contact a{
  font-family: "Cinzel", serif;
  font-size: 18px;
  letter-spacing: normal;
}.navigation-wrapper{
  padding: 20px 0;  
}.top-bar, .top-bar.expanded{
  background: none;
  height: auto;
  line-height: auto;
}.top-bar-section ul li, .top-bar.expanded .title-area{
  background: none; 
}.top-bar-section ul li{
  margin: 0 28px; 
}.top-bar-section li:not(.has-form) a:not(.button) {
  background: none;
  border: 1px solid transparent;
  font-family: "Raleway", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 50px;
  padding: 0 0px;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
}.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:hover:not(.has-form) a:not(.button), .top-bar-section li:hover:not(.has-form) a:not(.button) {
  background: none;
  color: #f7da96;
  border-color: #f7da96;
  line-height: 50px;
  padding: 0 1px;
}.top-bar-section .has-dropdown > a::after{
  border-color: #ffffff transparent transparent transparent;
}.top-bar-section .has-dropdown.active > a::after,
 .top-bar-section .has-dropdown:hover > a::after{
  border-color: #f7da96 transparent transparent transparent;  
}.top-bar-section .has-dropdown.hover > .dropdown, 
 .top-bar-section .has-dropdown.not-click:hover > .dropdown,
 .top-bar-section .dropdown{
  background: rgba(239,212,145,.9);
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}.top-bar-section ul li .dropdown li{
  margin: 0;
}.top-bar-section li:hover .dropdown li:not(.has-form) a:not(.button),
 .top-bar-section li.active .dropdown li:not(.has-form) a:not(.button),
 .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button),
 .top-bar-section .dropdown li:not(.has-form) > a:not(.button){
  background: none;
  border: none;
  color: #8C6095; 
  font-size: 13px;
  position: relative;
  text-align: center;
  padding: 0 50px;
  line-height: 45px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button):before,
 .top-bar-section .dropdown li:not(.has-form) a:not(.button):after{
  content:"";
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 5px;
  background: #8C6095;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%); 
  transition: all .5s ease-in-out;  
  -webkit-transition: all .5s ease-in-out;  
  -moz-transition: all .5s ease-in-out; 
  -o-transition: all .5s ease-in-out; 
}.top-bar-section .dropdown li:not(.has-form) a:not(.button):before{
  left: 10%;
}.top-bar-section .dropdown li:hover:not(.has-form) a:not(.button):before,
 .top-bar-section .dropdown li.active:not(.has-form) a:not(.button):before{
  opacity: 1;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button):after{
  right: 10%;
}.top-bar-section .dropdown li:hover:not(.has-form) a:not(.button):after,
 .top-bar-section .dropdown li.active:not(.has-form) a:not(.button):after{
  opacity: 1;
}.home-slider-wrapper{
  position: relative;

  border-bottom: 1px solid #5c6d9b;
  overflow: hidden; 
}.slider-wrapper {
  position: relative;
  overflow: hidden;
}.slick-slider{ 
  z-index: -1;
}.scroll-arrow{
  position: absolute;
  bottom: 20px;
  width: 50px;
  background: #8C6095;  
  cursor: pointer;
}.scroll-arrow .fa{
  font-size: 40px;    
  line-height: 50px;  
}.page-heading{
  display: block;
  float: left;
  width: 100%;
  padding: 50px;  
  background: #8C6095;
}.page-heading h1, .page-heading .large-text-1{
  margin: 0 0 10px;
  font-size: 22px;
  letter-spacing: 5px;
  color: #ffffff;
}.page-heading .large-text-2{
  font-size: 11px;
  font-weight: 700;
  margin: 0;
  letter-spacing: 1.5px;
  color: #ffffff;
}.contactForm  {
  margin-top: 20px;
}.contactForm input,
 .contactForm textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  box-shadow: none;
  margin-bottom: 15px;
  padding: 3px 10px;
  width: 100%;
  border-color: #9499b3;
  color: #000;
  text-transform: uppercase;
  font-size: 12.5px;
  letter-spacing: 2px;
}.contactForm textarea{
  min-height: 100px;  
}.contactForm .captchaWrapper {
  margin-top: 10px;
}.contactForm .captchaRefresh {
  vertical-align: top;
}.contactForm .submitWrapper{
  display: block;
  float: left;
  width: 100%;  
}.contactForm .submitWrapper span.submit {
  cursor: pointer;
  padding: 0 70px;
  margin-bottom: 0;
}.emailConfirmation {
  margin: 0 auto;
}.emailConfirmation h1 {
  color: #00CC00;
}.contact-info p{
  font-size: 18px;  
  line-height: normal;
}.footer-wrapper {
  display: block;
  float: left;
  width: 100%;
  background: #000;
  font-family: "Raleway", sans-serif;
}.footer-wrapper h2{
  margin-bottom: 20px;  
}.footer-wrapper p.contact-info, .footer-wrapper p.contact-fax,
 .footer-wrapper p.contact-email,.footer-wrapper  p.contact-address {
  font-family: "Raleway", sans-serif;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 0 15px;
  line-height: normal;
}.footer-wrapper p.contact-phone{
  color: #ffffff; 
  font-size: 40px;
  line-height: 20px;
  margin: 0 0 15px;
}.work-hours p{
  color: #ffffff;
  display: block;
  letter-spacing: 2px;
  font-size: 11px;  
  text-transform: uppercase;
  margin: 0 0 20px;
}.work-hours strong{
  font-size: 13px;  
}.disclaimer{
  width: 100%;
  display: block;
  float: left;
  padding: 20px 0 0 0;  
}.disclaimer p{ 
  font-size: 10px;
  color: #ffffff;
  text-transform: uppercase;
}.lnm-image{
  opacity: .6;  
}.lnm-image >img{
  width: 120px; 
}.slick-background-wrapper {
  left: 0;
  position: fixed;
  top: 0;
  z-index: -1;
  width: 101% !important;
  overflow: hidden;
}.spinner {
  margin: 100px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}.spinner > div {
  background-color: #444;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}@keyframes stretchdelay {
  0%, 40%, 100% { 
  transform: scaleY(0.4);
  -webkit-transform: scaleY(0.4);
  }  20% { 
  transform: scaleY(1.0);
  -webkit-transform: scaleY(1.0);
  }
}


/* SLIDE OUT FORM */
.slide-out-wrapper {
    position: fixed;
    top: 50%;
    right: 0;
    background: #e7e7e7;
    padding: 40px 70px;
    z-index: 9999;
    border-radius: 10px 0px 0px 15px;
    -moz-transform: translateX(100%) translateY(-50%);
    -webkit-transform: translateX(100%) translateY(-50%);
    -o-transform: translateX(100%) translateY(-50%);
    -ms-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%);
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}.slide-out-wrapper.active {
    -moz-transform: translateX(0) translateY(-50%);
    -webkit-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    box-shadow: 0px 40px 40px 0px rgba(28, 28, 28, 0.2);
}.slide-out-content h3 {
    margin: 0 0 25px;
}.slide-out-form form {
    margin: 0;
}.slide-out-wrapper span.form-toggle {
    position: absolute;
    left: 0;
    top: 50%;
    color:#ffffff;
    font-size: 24px;
    width: 80px;
    line-height: 80px;
    text-align: center;
    background:#2980B9;
    border-radius: 40px;
    box-shadow: 0px 25px 40px 0px rgba(28, 28, 28, 0.2);
    -moz-transform: translateX(-70%) translateY(-50%);
    -webkit-transform: translateX(-70%) translateY(-50%);
    -o-transform: translateX(-70%) translateY(-50%);
    -ms-transform: translateX(-70%) translateY(-50%);
    transform: translateX(-70%) translateY(-50%);
    cursor: pointer;
}input.slideOutInput[type="text"] {
    border-radius: 15px;
    font-size: 15px;
    line-height: 1.4;
    height: auto;
    border: none;
    padding: 10px 25px;
    margin-bottom: 10px;
    box-shadow: none !important;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
}.slide-out-form input[type="text"]::placeholder, .slide-out-form .contactForm textarea::placeholder {
    color: #000000;
}.slide-out-form .contactForm textarea {
    width: 100%;
    border-radius: 15px;
    line-height: 1.4;
    border: none;
    box-shadow: none !important;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
    padding: 10px 25px;
    font-size: 15px;
    height: 100px;
    margin-bottom: 10px;
}.slide-out-form .contactForm .captchaWrapper {
    border-radius: 15px;
    font-size: 15px;
    line-height: 1.4;
    height: auto;
    border: none;
    box-shadow: none !important;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 5px 15px;
    min-height: 0;
}.slide-out-form .contactForm .captchaWrapper input {
    border: none;
    box-shadow: none;
    display: inline-block;
    width: auto;
    font-size: 15px;
    padding: 0 15px;
    margin: 0 0 0 30px;
    color: #000000;
}.slide-out-form .contactForm .captchaWrapper img {
    max-width: 25%;
}.slide-out-form .contactForm .captchaRefresh {
    vertical-align: top;
}.slide-out-form .contactForm .submitWrapper {
    text-align: center;
    margin-top: 20px;
}.slide-out-form .contactForm .submitWrapper span.submit {
    color: #ffffff;
    font-weight: normal;
    background: #2980B9;
    border: none;
    text-align: center;
    cursor: pointer;
    min-width: 200px;
    padding: 15px;
    border-radius: 10px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}.slide-out-form .contactForm .submitWrapper span.submit:hover {
    box-shadow: 0px 25px 40px 0px rgba(28, 28, 28, 0.2);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
/* END SLIDE OUT FORM */


@media only screen and (min-width: 1025px){
  .top-bar-section .dropdown{
    top: 50%;
    opacity: 0;
    transition: all .5s ease-in-out;  
    -webkit-transition: all .5s ease-in-out;  
    -moz-transition: all .5s ease-in-out; 
    -o-transition: all .5s ease-in-out; 
  }.top-bar-section .has-dropdown.hover > .dropdown, 
   .top-bar-section .has-dropdown.not-click:hover > .dropdown{
    top: 100%;
    opacity: 1;
  }
}
@media only screen and (max-width: 1024px){
  h1, h1 a {
    font-size: 18px;
    margin: 25px 0;
  }h2 {
    font-size: 16px;
    margin: 25px 0;
  }a, a:focus, a:visited, a:active{
    color: #f7da96; 
  }.button{
    padding: 0;
    margin-top: 15px;
    width: 100%;
  }.small{
    font-size: 13px;  
  }.header-contact{
    padding: 0 10px;  
  }.header-contact p{
    font-size: 11px;  
  }.social a{
    padding: 0 10px;
    font-size: 11px;  
  }.navigation-wrapper{
    padding: 0 10px;
    height: auto; 
  }.top-bar{
    height: 55px;
    line-height: 55px;
    width: 100%;
  }.top-bar .title-area,
   .top-bar.expanded .title-area{
    height: 55px;
    line-height: 55px;  
  }.top-bar-section ul li{
    margin: 0 10px; 
  }.top-bar-section .dropdown li.parent-link a, 
   .top-bar-section .dropdown li.title h5 a{
    line-height: 45px;  
  }.top-bar-section .has-dropdown.hover > .dropdown, 
   .top-bar-section .has-dropdown.not-click:hover > .dropdown,
   .top-bar-section .dropdown{
    left: 100%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
  }.home-slider-wrapper,
   .slider-wrapper{
    height: auto;
  }.slick-slider{
    margin-bottom: 0!important;
  }.page-heading h1, .page-heading .large-text-1{
    font-size: 18px;  
  }.contact-info a{
    color: #8C6095; 
  }.footer-wrapper p.contact-info, .footer-wrapper p.contact-fax, 
   .footer-wrapper p.contact-email, .footer-wrapper p.contact-address{
    word-wrap: break-word;
  }.footer-wrapper p.contact-phone{
    font-size: 20px;
  }
}

/* START of custom CSS */
    .badgeText p{
        font-size: 20px!important;
    }
/* START of custom CSS */

@media only screen and (max-width: 767px){
  .padded{
    padding:20px; 
  }.header-company-title a{
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
  }.header-company-serviceorder{
    text-align: center;
    font-size: 11px;
  }.header-contact{
    padding: 0 10px;  
  }.header-contact p{
    font-size: 11px;  
    text-align: center;
  }.header-contact a{
    font-size: 13px;
  }.social a{
    padding: 0 5px;
    letter-spacing: 2px;
    font-size: 11px;  
  }.page-heading{
    padding: 20px 15px; 
  }.page-heading h1, .page-heading .large-text-1{
    font-size: 16px;  
  }.page-heading h2, .page-heading .large-text-2{
    font-size: 10px;
  }
}