Autobedrijf in Rhenen

Over dit project

De Haas Auto heeft een breed aanbod jonge occasions van Duitse automerken. Door het brede netwerk zijn zij in staat om kwalitatief hoogwaardige occasions aan te bieden voor een eerlijke prijs.

/*
Theme Name: De Haas Auto
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Een thema voor De Haas Auto - The 2nd generation
Author: Creative Result Communication
Author URI: http://www.crc-online.nl/
Version: 1.0
Template: bridge
*/
@import url("../bridge/style.css");

/******THEME SPECIFIC CSS ******/
/****** -- Colors*****
* .orange 		{color:#e5a136;}
* .midnightBlue {color:#003548;}
* .gray 		{color:#5b5b5b;}
*/
/*****GENERAL CSS******/
.wpb_single_image.wpb_content_element.vc_align_center.mob-appear {
  display: none !important;
}

.q_elements_item.streepje {
  border-left: 1px solid white !important;
  border-right: 1px solid white !important;
}

/***** -- Fonts*****/
.h2Thin, h3Thin {
  font-weight: 100 !important;
  font-family: 'Lato', Lato !important;
}

/****** -- Buttons******/
a.qbutton.default.button-fullwidth {
  width: 100% !important;
  text-align: center !important;
  padding: 0;
}

/****** -- Openingstijden******/
.op-list-overview .highlighted, span.op-period-time.highlighted,
tr.op-row-day.highlighted td, tr.op-row-day.highlighted th {
  color: #e5a136 !important;
}

dt.op-cell.op-cell-heading {
  float: left;
  margin-right: 5%;
  text-align: left;
}

/****** -- Process holder******/
.q_circles_holder:before {
  border-top: 4px dotted !important;
}

.q_circles_holder.five_columns .q_circle_inner {
  width: 140px !important;
  height: 140px !important;
}

/****** -- Testimonials******/
.testimonials_c_holder .testimonial_content_inner {
  background-color:
    transparent !important;
  padding: inherit;
}

.testimonials_c_holder .flex-control-nav {
  margin-top: 3%;
}

.testimonials_c_holder .flex-control-nav li a.flex-active {
  background-color:
    #e5a136;
}

/****** -- Workflow******/
.qode-workflow .qode-workflow-item .line {
  background-color: inherit !important;
}

.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-subtitle {
  font-weight: 300;
  font-family: 'Lato';
  text-transform:
    capitalize;
  font-size: inherit;
}

/* -- Ninja Forms -- Currently actived only on pages with form. -->
input, textarea { background: transparent; border: none; border-bottom: 1px
solid white; font-size: inherit !important; font-family: inherit !important;
color: #FFFFFF !important; padding: 10px !important; }
div#nf-field-48-wrap .nf-field-element label, div#nf-field-45-wrap .nf-field-element label {font-family: 'Lato'!important;}
input::placeholder, textarea::placeholder { color: white !important; }
textarea { border: 1px solid white !important; }
input.ninja-forms-field.dehaas-button.nf-element { background: #e5a136
!important; padding: 1.7% 6% !important; border: inherit; }
.rc-anchor-dark { background: #22222261 !important; }*/
/****** -- MAPS******/
.body_content_map p {
  color: #000000;
  font-weight: 500;
}

/******Diensten******/
/* -- Garantie blokken te vinden op de pagina zelf*/
/******Occasions******/
.cadar-detail-page, .cadar-results-page {
  background: #5b5b5b;
}

.cadar-haas-header {
  height: 500px !important;
}

.cadar-detail-page__row, .cadar-results-page__row {
  max-width: 100% !important;
  padding: 0 5% 5% !important;
}

/****** CADAR PLUGIN
 * -- VOORRAAD PAGINA ******/
.cadar-offer__container {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1) !important;
}

.cadar-btn {
  border-radius: 2px !important;
  font-family: inherit !important;
  font-size: inherit !important;
}

.cadar-filter__container .noUi-connect {
  background-color: #e5a136 !important;
}

.cadar-contact__checkbox select, .cadar-filter__control select {
  font-family: 'Lato' !important;
}

.cadar-offer__price {
  font-weight: inherit !important;
  color: inherit !important;
}

button.cadar-btn.cadar-btn__full-width.cadar-reset-filters__btn {
  font-family: inherit !important;
  font-size: inherit !important;
}

@media only screen and (max-width:640px) {
  .cadar-haas-header {
    height: 300px !important;
  }
}

/****** MEDIA QUERY ******/
/****** -- Tablet******/
@media only screen and (max-width:1024px) and (orientation:portrait) {
  .do-not-display, .q_elements_item.do-not-display {
    display: none !important;
  }

  section.side_menu.right.light {
    padding-top: 5rem;
  }

  .q_elements_item.streepje {
    border: none !important;
  }
}

/****** -- Small Devices, Tablets ******/
@media only screen and (max-width: 768px) {
  .animated {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform:
      none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation:
      none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}

/****** -- Mobile ******/
@media only screen and (max-width:640px) {

  img.mob-hide.alignnone, .do-not-display,
  .q_elements_item.do-not-display {
    display: none !important;
  }

  section.side_menu.right.light {
    padding-top: 5rem;
  }

  .q_elements_item.streepje {
    border: none !important;
  }

  /* --- Ninja forms*/
  .nf-form-cont .one-half,
  .nf-form-cont .three-sixths, .nf-form-cont .two-fourths, .nf-form-cont .one-fourth {
    width: 100% !important;
    float: none;
  }

  .nf-form-cont .five-sixths,
  .nf-form-cont .four-sixths, .nf-form-cont .one-fourth, .nf-form-cont .one-half,
  .nf-form-cont .one-sixth, .nf-form-cont .one-third, .nf- form-cont .three-fourths, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths,
  .nf-form-cont .two-sixths, .nf-form-cont .two-thirds, .nf-form-cont .five-sixths, .nf-form-cont .four-sixths, .nf-form-cont .one-fourth,
  .nf-form-cont .one-half, .nf-form-cont .one-sixth, .nf-form-cont .one-third,
  .nf-form-cont .three-fourths, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths, .nf-form-cont .two-sixths, .nf-form-cont .two-thirds {
    margin-left: 0 !important;
  }

  input.ninja-forms-field.dehaas-button.nf-element {
    padding: 3% 0 !important;
    width: 100%;
  }

  /****** --- Workflow******/
  .qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-image.left,
  .qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-image.right {
    padding: inherit !important;
  }

  /******--- Diensten******/
  img.mob-hide.alignnone {
    display: none !important;
  }

  .wpb_single_image.wpb_content_element.vc_align_center.mob-appear {
    display: block !important;
  }

  .icoon-h2 h2 {
    height: initial !important;
  }
}
Categorie
Webdevelopment