/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.elementor-widget-tabs .elementor-tab-desktop-title{padding: 0 !important;}

.brand-box {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: #ffffff; /* Default background color */
  color: #000000; /* Default text color */
  border: 1px solid #ccc;
  text-align: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.brand-box.active {
  background-color: #1D3D7B; /* Active background color */
   /* Active text color */
}
.brand-box.active h3{
    color:#ffffff !important;
}

.success{color: red !important;}
.wpcf7 form.sent .wpcf7-response-output{border-color: green !important; background: green !important; text-align: center !important; color: #fff !important;}


/******* Total Energies ********/
.product-box{display: flex; padding: 10px; align-items: center;}
.img-side{padding: 10px;}
.img-side img{width: 150px;}
.name-side h4{background: linear-gradient(to right, #ff1800 45%, #1b60ea 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.name-side .more{color: #fff; font-size: 18px; line-height: 18px; padding: 10px; border-radius: 50px; width: 130px; display: inline-block; text-align: center; background: url(http://towellauto.com/en/total-new/wp-content/uploads/2023/02/white-arrow.png) no-repeat center right 10px red; background-size: 8px; transition: all 0.5s ease;}
.name-side .more:hover{background-color: #000;}

.gray-col-odd .elementor-widget-wrap{border-top-left-radius: 10px;}
.gray-col-even .elementor-widget-wrap{border-top-right-radius: 10px;}

.gray-col-odd2 .elementor-widget-wrap{border-bottom-left-radius: 10px;}
.gray-col-even2 .elementor-widget-wrap{border-bottom-right-radius: 10px;}
.data-target-div1 .caf-post-layout3 .caf-post-title h2 a:hover, .data-target-div1 .caf-post-layout3 span.date{color: #fff !important;}
.data-target-div1 .caf-post-layout3 span.author{color: #fff !important;}
.data-target-div1 .caf-post-layout3 .caf-meta-content-cats li a{    background: -moz-linear-gradient(left, rgba(255, 24, 0, 1) 30%, rgba(27, 96, 234, 1) 90%);
    background: -webkit-linear-gradient(left, rgba(255, 24, 0, 1) 30%, rgba(27, 96, 234, 1) 90%);
    background: -o-linear-gradient(left, rgba(255, 24, 0, 1) 30%, rgba(27, 96, 234, 1) 90%);
    background: -ms-linear-gradient(left, rgba(255, 24, 0, 1) 30%, rgba(27, 96, 234, 1) 90%);
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(255, 24, 0, 1)), color-stop(90%,rgba(27, 96, 234, 1)));
    background: linear-gradient(to right, rgba(255, 24, 0, 1) 30%, rgba(27, 96, 234, 1) 90%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 24, 0, 1)', endColorstr='rgba(27, 96, 234, 1)',GradientType=0 )";
    background-color: rgba(255, 24, 0, 1);}
.data-target-div1 #caf-filter-layout1 li a.active{background: -moz-linear-gradient(left, rgba(255, 24, 0, 1) 30%, rgba(27, 96, 234, 1) 90%);
    background: -webkit-linear-gradient(left, rgba(255, 24, 0, 1) 30%, rgba(27, 96, 234, 1) 90%);
    background: -o-linear-gradient(left, rgba(255, 24, 0, 1) 30%, rgba(27, 96, 234, 1) 90%);
    background: -ms-linear-gradient(left, rgba(255, 24, 0, 1) 30%, rgba(27, 96, 234, 1) 90%);
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(255, 24, 0, 1)), color-stop(90%,rgba(27, 96, 234, 1)));
    background: linear-gradient(to right, rgba(255, 24, 0, 1) 30%, rgba(27, 96, 234, 1) 90%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 24, 0, 1)', endColorstr='rgba(27, 96, 234, 1)',GradientType=0 )";
    background-color: rgba(255, 24, 0, 1); color: #fff !important;}
.blog-title h1{background: linear-gradient(to right, #ff1800 45%, #1b60ea 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}


@media screen and (max-width: 480px) {
    .product-box{flex-flow: column; justify-content: center; text-align: center;}

    .gray-col-odd .elementor-widget-wrap{border-top-left-radius: 10px; border-top-right-radius: 10px;}
    .gray-col-even .elementor-widget-wrap{border-radius: 0;}

    .gray-col-odd2 .elementor-widget-wrap{border-radius: 0;}
    .gray-col-even2 .elementor-widget-wrap{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
}