/*
Theme Name: Construction Landing Page Child
Theme URI: https://rarathemes.com/wordpress-themes/construction-landing-page/
Template: construction-landing-page
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Construction Landing Page is a free WordPress theme for construction company. It is a WordPress theme with a contact form on the homepage, and includes several Call-to-Action sections to create high converting landing pages for construction and building business websites. Construction Landing Page is clean, responsive (mobile-friendly), speed optimized, and SEO friendly. It includes an attractive banner with a contact form, Services section, Portfolio section, Client Section, testimonial section, Banner with Call to Action Button (CTA), and social media. It is WooCommerce (online shop) compatible and translation ready. Though this theme is created to make construction companies websites, you can use to make all kinds of websites such as web agency, portfolio, e-commerce, photography, business, corporate, restaurant, video, real estate, travel, wedding, education, parallax business portfolio, hotel, church, event, music, review, fitness, affiliate, lawyer, community, sports, medical, cafe, spa, teams, band, food, hair salon, jewelry, political, football, school, university, bed and breakfast, pub, resort, squeeze page, reservation and winery websites. Check the demo at https://rarathemes.com/previews/?theme=construction-landing-page, documentation at https://docs.rarathemes.com/docs/construction-landing-page/, and get support at https://rarathemes.com/support-ticket/.
Tags: blog,two-columns,right-sidebar,footer-widgets,custom-background,custom-menu,custom-logo,featured-images,threaded-comments,translation-ready,full-width-template,theme-options,portfolio,e-commerce
Version: 1.3.5.1690289513
Updated: 2023-07-25 09:51:53

*/

.our-services .col { width: 25%; }

.our-projects .col { width: 50%; }

.our-clients .col  { width: 25%;}


.service-card {
  transition: all 0.3s ease;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.05);
}
.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}
.service-card h5 {
  color: #2c3e50;
  font-size: 1.1rem;
}
.service-card p {
  font-size: 0.9rem;
}

.promotional-block2 form, form.init.wpcf7-form, .banner form {
  background:  rgb(205 32 44);    
}

.promotional-block2 form input[type="submit"], .banner form input[type="submit"] {    
  background:#1e334a;    
}

button:not(.wp-block-search__button):hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background: #000 !important; /* #fdc82f*/
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  background: #1e334a;  
}

@media only screen and (max-width: 980px) {	
  .our-projects .col, .our-services .col, .our-clients .col { width: 50%; }

}

@media only screen and (max-width: 768px) {	
  .our-projects .col, .our-services .col, .our-clients .col { width: 100%; }

}


.wpcf7-not-valid-tip {
    color: #fff;    
}


.banner form select,
.promotional-block2 form select {
  width: 100%;
  display: block;
  padding: 9px 21px 12px 21px;
  margin: 0;
  background: #fff;
  border: 0;
  border-radius: 0;
  color: #a6a6a6;
  font-weight: 400;
  font-size: 17px;
  /*outline: none;*/
}

.banner form select:focus,
.promotional-block2 form select:focus {
  outline: thin dotted #000;
  outline-offset: -2px;
}


/* Ajuste específico para el SELECT */
.wpcf7-form select.wpcf7-form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23666' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 6px;
  cursor: pointer;
}

/* Para evitar que el texto quede pegado a la flecha */
.wpcf7-form select.wpcf7-form-control {
  padding-right: 30px;
}