/*
Theme Name: Biotellus Child
Theme URI: https://biotellus.qodeinteractive.com
Description: A child theme of Biotellus
Author: Edge Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: biotellus
Template: biotellus
*/


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: 'sailecbold';
    src: url('assets/fonts/type_dynamic_-_sailec_bold-webfont.woff2') format('woff2'),
         url('assets/fonts/type_dynamic_-_sailec_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'saileclight';
    src: url('assets/fonts/type_dynamic_-_sailec_light-webfont.woff2') format('woff2'),
         url('assets/fonts/type_dynamic_-_sailec_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sailecmedium';
    src: url('assets/fonts/type_dynamic_-_sailec_medium-webfont.woff2') format('woff2'),
         url('assets/fonts/type_dynamic_-_sailec_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sailecregular';
    src: url('assets/fonts/type_dynamic_-_sailec_regular-webfont.woff2') format('woff2'),
         url('assets/fonts/type_dynamic_-_sailec_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.qodef-h1, 
h1,
h2,
h3 {
    font-family: 'sailecmedium'; 
}

.single-post h1 {
    font-size: 25px;
}

.home .qodef-image-date a:hover {
	color: #ffffff;
}

.qodef-h4, h4 {
    font-size: 22px;
}

.norm_size h2 {
    font-size: 42px;
}

.b-title,
.b-title .qodef-m-title,
.benefits_blocks .qodef-m-title {
	font-weight: bold;
	color: #000000 !important;
}

p {
    font-family: 'sailecregular' !important;
}

.gases-link,
.biometano-link,
.hidrogenio-link {
    cursor: pointer;
}

.contacts-block h4 {
    color: #4650FF;
}

.map-block a {
    font-size: 15px;
    font-weight: 400;
    font-family: 'saileclight' !important;
    line-height: 20px;
}

.contacts-block p,
.contacts-block .qodef-icon-list-item .qodef-e-title a {
    color: #575756 !important;
    font-size: 15px;
}

.qodef-header-navigation .qodef-main-menu-left-line {
    border-left: 3px solid #4650FF;
}

.qodef-button.qodef-layout--filled.qodef-html--link:hover {
    color: #ffffff;
    background-color: #00FFFF;
    border-color: #00FFFF;
}

.contacts-block .elementor-widget-biotellus_core_icon_list_item:nth-child(3) .qodef-e-title a:hover .qodef-icon,
.contacts-block .elementor-widget-biotellus_core_icon_list_item:nth-child(4) .qodef-e-title a:hover .qodef-icon {
    color: transparent !important;
}

.contacts-block span.qodef-e-title,
.contacts-block span.qodef-e-title a {
    font-size: 12px;
    font-family: 'saileclight';
    color: #A3A3A3;
}

.form-block .qodef-icon-list-item .qodef-e-title a {
    color: #4650FF !important;
}

.map-block .qodef-icon-list-item .qodef-e-title a {
    color: #919191 !important;
}

.form-block .elementor-widget-biotellus_core_icon_list_item:nth-child(3) .qodef-e-title a:hover .qodef-icon {
    color: #4650FF !important;
}

#qodef-side-area-inner .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--bottom,
.page-id-13227 .qodef-header-navigation {
    display: none !important;
}

#qodef-side-area a {
	font-size: 14px !important;
	line-height: 18px !important;
}

#qodef-side-area .qodef-e-title-inner {
	align-items: start !important;
}

#qodef-side-area .qodef-blog-item a {
	line-height: 15px !important;
}

#qodef-side-area .qodef-blog-item a:hover {
	color: #ffffff !important;
}

body #qodef-page-wrapper .qodef-header-wrapper .qodef-header-shape {
    background: rgb(0,255,255);
    background: -moz-linear-gradient(45deg, rgba(0,255,255,1) 35%, rgba(70,80,255,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,255,255,1) 35%, rgba(70,80,255,1) 100%);
    background: linear-gradient(45deg, rgba(0,255,255,1) 35%, rgba(70,80,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff",endColorstr="#4650ff",GradientType=1);
}

#qodef-top-area .qodef-widget-holder .widget {
    max-width: 70px;
}

#qodef-top-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle, 
#qodef-top-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle,
#qodef-top-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, 
#qodef-top-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    background: transparent !important;
}

.qodef-header-navigation .qodef-main-menu-top-line {
    border-top: 3px solid #00FFFF;
}

.qodef-button.qodef-layout--filled.qodef-html--link,
.qodef-blog .qodef-blog-item .qodef-image-date,
.qodef-theme-button:hover, 
button[type=submit]  {
    background-color: #4650FF;
}

button[type=submit]:hover {
    background-color: transparent;
    border: solid 1px #4650FF;
    color: #4650FF;
}

body #qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--svg-path:not(.qodef--opened) {
    color: #00FFFF !important;
}

.qodef-custom-header-link:before,
.qodef-button.qodef-layout--textual:after, .qodef-button.qodef-layout--textual:before,
#qodef-page-comments-list .qodef-comment-item .qodef-e-links>:after, 
#qodef-page-comments-list .qodef-comment-item .qodef-e-links>:before {
    background-color: #00FFFF;
}

.qodef-icon-list-item .qodef-e-title a,
#qodef-page-footer .qodef-copyright-text a,
#qodef-page-footer .qodef-custom-footer-bottom-title,
#qodef-page-footer .qodef-copyright-text {
    color: #ffffff !important;
    font-family: 'sailecmedium';
}

.quote .qodef-m-text {
    display: flex;
    align-items: center;
}

.contact-block .qodef-icon-list-item .qodef-e-title a,
.qodef-blog-item .qodef-like i {
    color: #4650FF !important;
}

.qodef-e-info-comments-link svg {
    fill: #4650FF !important;
}

.qodef-page-title.qodef-title--standard .qodef-m-text {
    max-width: 700px;
}

.custom-link-block .qodef-e-title-inner {
    justify-content: space-between;
}

.custom-link-block .qodef-e-title {
    width: 100%;
}

.custom-link-block .qodef-icon-list-item .qodef-e-title a {
    color: #000000 !important;
}

.custom-link-block .qodef-e-title-inner img {
    order:2
}

.custom-link-block .qodef-e-title-inner .qodef-e-title-text {
    order: 1;
}

.qodef-qi-contact-form-7 form {
    max-width: 650px;
}

.form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    max-width: 650px;
}

.wpcf7-list-item-label {
	font-size: 12px;
    line-height: 12px;
}

.form-block .wpcf7-submit {
    margin-top: 0;
}

#qodef-back-to-top .qodef-back-to-top-icon,
#qodef-back-to-top:hover .qodef-back-to-top-icon {
    background-color: #00FFFF;
    border: 1px solid #00FFFF;
}

.qodef-custom-footer-spacing {
    font-family: 'sailecmedium'; 
}

.qodef-custom-footer-bottom-title {
    font-family: 'sailecbold'; 
}

#qodef-page-footer .qodef-copyright-text {
    font-family: 'saileclight';
}

.home-banner-block {
    border-left: solid 4px #ffffff;
    border-right: solid 4px #ffffff;
}

.qodef-icon-with-text.qodef-hover-effect--contrast .qodef-m-wrapper.qodef-mask {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #14CFFF;
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    transition: -webkit-clip-path .3s ease-out;
    transition: clip-path .3s ease-out;
    transition: clip-path .3s ease-out, -webkit-clip-path .3s ease-out;
}

.elementor-10347 .elementor-element.elementor-element-f0ac254 {
    --display: grid;
    --min-height: 577px!important;
    --e-con-grid-template-columns: repeat(3, 1fr);
    --e-con-grid-template-rows: repeat(2, 1fr);
    --gap: 0px 0px;
    --grid-auto-flow: row;
    --align-items: stretch;
    --background-transition: 0.3s;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.qodef-icon-with-text .qodef-m-wrapper {
    width: 100%;
    padding: 40px 15% 30px 30px!important;
}


.elementor-element-7482531 .elementor-element {
    --widgets-spacing: 20px 0px!important;
}

.page-id-10406 .qodef-icon-with-text.qodef-borders--yes.qodef-border--right .qodef-m-wrapper {
    height: 640px!important;
}

.page-id-10347 .qodef-icon-with-text.qodef-borders--yes.qodef-border--right .qodef-m-wrapper {
    height: 778px!important;
}

.qodef-icon-with-text.qodef-borders--yes.qodef-border--right .qodef-m-wrapper .bloco2{
    height: 530px!important;
}

#qodef-page-footer .menu-item a {
    font-family: 'Roboto';
    text-transform: initial;
    letter-spacing: normal;
    font-size: 17px;
}

.qodef-qi-tabs-horizontal.qodef-layout--simple .qodef-tabs-horizontal-navigation li.ui-state-active a:before{
    opacity: 1;
    background-color: #F5F5F5;
}
.elementor-counter .elementor-counter-title {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 19px;
    font-weight: 400;
    line-height: 2.5;
    font-family: 'sailecregular' !important;
}

.elementor-counter .elementor-counter-number {
    flex-grow: var(--counter-number-grow, 0);
    font-family: 'sailecregular' !important;
}

a:hover, p a:hover {
    color: #434df4!important;
}

footer#qodef-page-footer a:hover {
	color: #ffffff !important;
}

@media screen and (max-width: 1024px) {
    h1.qodef-m-title {
        font-size: 50px !important;
        line-height: 60px;
    }

    .qodef-page-title.qodef-title--standard .qodef-m-text {
        font-size: 17px;
        line-height: 25px;
        margin: 4px 0 0;
    }

    .qodef-icon-with-text.qodef-borders--yes.qodef-border--right .qodef-m-wrapper {
        height: 372px !important;
    }   

    .benefits_blocks .qodef-icon-with-text.qodef-borders--yes.qodef-border--right .qodef-m-wrapper {
         height: auto !important    ;
    }
}

@media screen and (max-width: 768px) {
     .qodef-mobile-header-opener.qodef-opener-icon .qodef-m-line .qodef-m-dot {
        background-color: #00FFFF !important;
    }

    .qodef-h3, h3 {
        font-size: 25px;
    }
}

@media screen and (max-width: 600px) {
    .qodef-page-title {
        height: 450px !important;
    }

    h1.qodef-m-title {
        font-size: 36px !important;
        line-height: 40px;
    }

    #qodef-page-footer-top-area {
        padding: 60px 0 45px;
    }

    .qodef-h4, h4 {
        font-size: 23px;
    }
}