/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

h1 span,
h2 span,
h6 span,
p span {
    color: #2057ef;
}

.heading .subtitle {
    font-weight: 600 !important;
}

/* White text + yellow spans */
.white-yellow h1,
.white-yellow h2,
.white-yellow h3,
.white-yellow h6,
.white-yellow p,
.white-yellow a.button.-text {
    color: #FFFFFF;
}   
.white-yellow a.button.-text:hover {
    color: #FFFFFF;
}  
.white-yellow h1 span,
.white-yellow h2 span,
.white-yellow h3 span,
.white-yellow h6 span,
.white-yellow p span {
    color: #ffcc02;
}
/* end white text + yellow spans */

/* Black text + blue spans */
.black-blue h1,
.black-blue h2,
.black-blue h3,
.black-blue h6,
.black-blue p,
.black-blue a.button.-text {
    color: #000000;
}   
.black-blue a.button.-text:hover {
    color: #000000;
}  
.black-blue h1 span,
.black-blue h2 span,
.black-blue h3 span,
.black-blue h6 span,
.black-blue p span {
    color: #2057ef;
}
/* end black text + blue spans */

.blue span {
    color: #ffcc02;
}

/*z -> zone (H, p, subtitle) color styles*/

.z-blue h1,
.z-blue h2,
.z-blue h3,
.z-blue h6,
.z-blue p,
.z-blue .subtitle {
    color: #2057ef;
}

.z-yellow h1,
.z-yellow h2,
.z-yellow h3,
.z-yellow h6,
.z-yellow p,
.z-yellow .subtitle {
    color: #ffcc02;
}

.z-pink h1,
.z-pink h2,
.z-pink h3,
.z-pink h6,
.z-pink p,
.z-pink .subtitle {
    color: #ff96ac;
}

/* h -> heading color styles */

.h-blue h1,
.h-blue h2,
.h-blue h3,
.h-blue h6 {
    color: #2057ef;
}

.service-intro,
h6.accordion-header,
.nosotros-text {
    font-family: 'Outfit', sans-serif;
    color: #000000;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}

.service-intro strong,
.accordion-body strong,
.nosotros-text span {
    color: #2057ef;
}

.nosotros-text span.underline {
    text-decoration: underline;
}

.nosotros-text span.pink {
    color: #FF96AC;
}

.nosotros-text span.yellow {
    color: #FFCC02;
}

.nosotros-text span {
    font-weight: bold;
}

.service-text,
.service-text p,
.accordion-body p {
    color: #000000;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
}

.service-text strong,
.service-text p strong {
    color: #2057ef;
    font-weight: 700;
}

.project-text,
.project-text p {
    font-family: 'Outfit', sans-serif;
    color: #000000;
    font-weight: 400;
    font-size: 38px;
    line-height: 48px;
}

.btn-white a.button {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    color: #2057ef;
}

h6 span {
    font-weight: 700;
}

h6.accordion-header {
    font-weight: 700;
}

.accordion-item {
    margin-bottom: 10px;
}

.accordion-item.active {
    margin-bottom: 20px;
}

.accordion-body {
    padding-top: 20px !important;
}

.bg-blue label {
    color: #FFFFFF;
    font-size: 16px;
}

.elements-30px .grid-item {
    margin-right: 30px;
}

.elements-30px .grid-item:nth-child(3n) {
    margin-right: 0 !important;
}

.options-group.group-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.options-group > li {
    border-top: 2px solid #888888;
}

.options-group > li p,
.options-group > li {
    font-weight: 600;
    font-size: 18px;
}

.options-group > li h6.title {
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.service-table {
  border-left: 2px solid #888888 !important;
  border-radius: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  background-color: transparent !important;
}

.service-table .icon-group {
    color: #656567 !important;
    font-weight: 600;
}

.accordion-body ul li {
    color: #000000;
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
}

input:not([type="submit"]),
select,
textarea {
  color: #000000 !important;
}

input[type="checkbox"]:checked {
    background-color: #2057ef !important;
}

form label {
    color: #FFF !important;
}

.white-form form label {
    color: #000 !important;
}

/* footer */
.widget_block p {
    font-weight: 600;
}

.footer-socials {
    margin-bottom: 20px;
}

.footer-socials a {
    text-decoration: none !important;
}

.footer-socials .fab {
    margin-right: 10px;
    font-size: 21px;
}

.footer-socials .fab::before {
    color: #2057ef;
}

/* Hide portfolio item titles */
.portfolio-item h4.title {
    display: none;
}

/* Hide portfolio hero section */
.project-page.project,
.page-container.bottom-offset {
    display: none !important;
}

.span-blue h3 span {
    color: #2057ef;
}

.right-part .menu-optional {
    margin-left: 13px;
}

.video-button:not(.-outlined) .icon-button .icon {
  color: var(--clb-color-video-button);
}

.video-button:not(.-outlined) .icon-button {
    background-color: transparent;
}

.video-button:not(.-outlined):not(.-blurred) .icon-button:hover {
  background-color: white;
}

/* Servicios home min*/

.mini-servicios-home .service-table {
    border-left: none !important;
    padding-left: 0 !important;
}

.mini-servicios-home .service-table strong,
.mini-servicios-home .service-table span {
    color: #2057ef !important;
}

/* textos legales */
.privacy-policy p,
.cookies-policy p,
.legal-notice p {
    margin-bottom: 20px !important;
}

@media (max-width: 550px) {
    h1 {
        font-size: 50px !important;
    }

    h1.elementor-heading-title {
        line-height: 55px !important;
    }

    h2 {
        font-size: 40px !important;
    }

    h2.elementor-heading-title {
        line-height: 46px !important;
    }
}