/*
Theme Name: Technico - Ignition Child
Theme URI: https://www.cssigniter.com/themes/technico/
Author: CSSIgniter
Author URI: https://www.cssigniter.com/
Description: Child theme for Technico - Ignition
Version: 1.0.545786
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ignition-technico
Text Domain: ignition-technico-child
*/

/*
 * Add your custom styles below. The parent theme's styles are loaded automatically by default.
 * If you need to change this, see functions.php
 */

.site-logo {
    width: 170px;
}

.test img {
    height: 320px;
    object-fit: cover;
    width: 100%;
}

select{
    background: url('images/select-icon.png') no-repeat right!important;
    background-position-x: 99%!important;
    height: 50px!important;
}

input:not([type="checkbox"]) {
   height: 50px!important; 
}

div.wpforms-container-full .wpforms-form .choices .choices__inner {
    min-height: 50px!important;
}

button[id^="wpforms-submit-"] {
    background: var(--ignition-buttons-border-color)!important;
    border-color: var(--ignition-buttons-border-color)!important;
    color: #ffffff!important;
    font-size: 12px!important;
}

p.wp-block-gutenbee-accordion-item-text a {
    color: #4caf50;
}

.page-id-34 .main {
    padding-bottom: 0;
}

.head-content-slot [id*=social].menu a {
    width: 1.4em;
    height: 1.4em;
}

[id*=social].menu a::after {
    font-size: 20px;
}

.white-btn a {
    border: 2px solid #362f2d;
    color: #362f2d!important;
    background: transparent;
}

.nav-button a {
    margin-right: 0!important;
}

.wp-block-gutenbee-accordion-item {
    margin-bottom: 0.5rem;
}

div#wpforms-608 {
    width: 100%;
}

button[id^=wpforms-submit-] {
    font-size: 14px!important;
}

div.wpforms-container-full {
    margin: 0 auto!important;
}

.person .person-image img {
    height: 240px;
    object-fit: cover;
}

.person > .wp-block-gutenbee-column-content {
    padding: 20px;
    border: 1px solid #dbdbdb;
}

.wp-block-quote::before {
    content: "!"!important;
    color: #4caf50!important;
}

.sidebar .widget_nav_menu .menu:not([id*=social]) .current-menu-item>a {
    background-color: #121212!important;
    color: #ffffff!important;
}

.sidebar .widget_nav_menu .menu:not([id*=social]) li>a {
    color: #ffffff!important;
}

.maxslider-slide {
    background-position-y: 50%!important;
}

.wp-block-maxslider-slider {
    max-width: calc(100vw - 6px)!important;
}

.single figure.entry-thumb img,
.blog figure.entry-thumb img {
    object-fit: cover;
    width: 100%;
}

.ignition-language-switcher-wrapper .ignition-language-switcher-language {
    border: 1px solid #58ae54;
    border-radius: 40px;
    padding: 4px;
}

@media screen and (min-width: 1024px){
    .how-it-works h3 {
        min-height: 79.17px;
    }
    .how-it-works figure img {
        height: 180px;
    }
}

.see-more-wrapper {
    max-height: 100px;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    text-align: center;
}

/* This class will be added via JavaScript to expand the paragraph */
.expanded {
    max-height: 1000px; /* Use a large max-height to ensure it covers the content's height */
}

span.toggle-see-more {
    color: #4caf50;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
}

.page-id-1006 main.main {
    padding-bottom: 0;
}

.hidden-row,
.hidden-row-prin {
    display: none;
    max-height: 0; /* Initially set max-height to 0 */
    overflow: hidden; /* Hide the overflow content */
    transition: max-height 0.5s ease-out; /* Smooth transition for max-height property */
}

.hidden-row.visible,
.hidden-row-prin.visible {
    max-height: 1000px; /* Adjust this value based on your needs */
    display: block;
}

a.see-all-why {
    font-size: 18px;
    border-bottom: 2px solid #4caf50;
}

a.see-all-principles {
    color: #4caf50!important;
    font-size: 18px;
    border-bottom: 2px solid #4caf50;
}

a.see-all-why:hover {
    color: #4caf50!important;
    border-color: #ffffff;
}

a.see-all-principles:hover {
    color: #212121!important;
}

.gb-accordion__toggle:before {
    position: absolute;
    content: attr(data-number);
    top: -36px;
    left: -4px;
    font-size: 20px;
    font-weight: 900;
    font-size: 75px;
    font-style: italic;
    color: #ededed;
    z-index: -1;
    text-shadow: 0 0 var(--ignition-headings-color);
}

.gb-accordion__toggle {
    position: relative;
    background-color: transparent!important;
}

.page-id-1123 figure.entry-thumb img,
.page-id-1105 figure.entry-thumb img {
    object-fit: cover;
    position: relative;
    width: 100%;
}