/*
Theme Name: Learning
Author: Learning
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 5.3.4
Requires at least: 5.0
Tested up to: 6.4.1
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Learning is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/



:root{
    --black: #111111;
    --red: #FD0302;
    --blue: #0B8BB3;
    --gray: rgba(153, 153, 153, 1);

    --scale-factor: 1;
    --px14: calc(0.875rem * var(--scale-factor));
    --px16: calc(1rem * var(--scale-factor));
    --px18: calc(1.125rem * var(--scale-factor));
    --px20: calc(1.25rem * var(--scale-factor));
    --px22: calc(1.375rem * var(--scale-factor));
    --px24: calc(1.5rem * var(--scale-factor));
    --px26: calc(1.625rem * var(--scale-factor));
    --px28: calc(1.75rem * var(--scale-factor));
    --px30: calc(1.875rem * var(--scale-factor));
    --px32: calc(2rem * var(--scale-factor));
    --px34: calc(2.125rem * var(--scale-factor));
    --px36: calc(2.25rem * var(--scale-factor));
    --px38: calc(2.375rem * var(--scale-factor));
    --px40: calc(2.5rem * var(--scale-factor));
    --px45: calc(2.8125rem * var(--scale-factor));
    --px50: calc(3.125rem * var(--scale-factor));

}




html, body {
    height: auto;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body{
    font-family: "Karla", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--black);
    font-size: var(--px20);
    background-color: rgba(240, 240, 240, 1)
}


.dongle {
    font-family: "Dongle", sans-serif;
    font-weight: 700;
    font-style: normal;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
    font-family: "Dongle", sans-serif;
    font-weight: 700;
    font-style: normal;
}


b, strong{
    font-weight: bold
}



.bg-black{
    background-color: var(--black)
}

.bg-gray{
    background-color: var(--gray)
}
.bg-red{
    background-color: var(--red)
}
.bg-blue{
    background-color: var(--blue)
}


.text-black{
    color: var(--black)!important
}

.text-red{
    color: var(--red)
}
.text-blue{
    color: var(--blue)
}

.title{
    font-size: var(--px50);
    color: var(--blue);
    font-family: 'dongle', sans-serif;
    line-height: 35px
}

a{
    text-decoration: none;
    color: var(--black)
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: var(--px14);
}
.fs-18 {
    font-size: var(--px16);
}
.fs-18 {
    font-size: var(--px18);
}
.fs-20 {
    font-size: var(--px20);
}
.fs-22 {
    font-size: var(--px22);
}
.fs-24 {
    font-size: var(--px24);
}
.fs-26 {
    font-size: var(--px26);
}
.fs-28 {
    font-size: var(--px28);
}
.fs-30 {
    font-size: var(--px30);
}
.fs-32 {
    font-size: var(--px32);
}
.fs-34 {
    font-size: var(--px34);
}
.fs-36 {
    font-size: var(--px36);
}
.fs-38 {
    font-size: var(--px38);
}
.fs-40 {
    font-size: var(--px40);
}
.fs-45 {
    font-size: var(--px45);
}
.fs-50 {
    font-size: var(--px50);
}


.bl{
    border-left: 1px solid var(--gray)
}
.br{
    border-right: 1px solid var(--gray)
}
.bt{
    border-top: 1px solid var(--gray)
}
.bb{
    border-bottom: 1px solid var(--gray)
}


.center{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#bootscore-navbar li a{
    color: var(--black);
    font-size: var(--px30);
    font-family: "Dongle", sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.cont-main-menu #bootscore-navbar li a{
    padding-left: 3rem;
    line-height: 1
}

#bootscore-navbar li.current-menu-item a{
    background-color: rgba(11, 139, 179, .3)
}


ul li a.active,
#bootscore-navbar li a:hover,
#menu-footer-menu li a:hover{
    color: var(--red);
}


.fixed-top{
    height: 61px;
    z-index: 1102
}



#content{
    margin-left: 15.625rem;
    margin-top: 61px;
    min-height: 350px
}


.bg-header{
    background: linear-gradient(93.74deg, #FD0302 37.81%, #FF621F 69.81%, #FF8724 92.14%);
    box-shadow: 0px 6px 14px 2px rgba(0, 0, 0, 0.25);

}

.row-footer{
    flex-wrap: nowrap
}

.row-footer > .col-2{
    width: 15rem;
}

.row-footer > .col-10{
    width: calc(100% - 15rem)
}

#page{
    min-height: 100vh
}

.admin-bar #page{
    min-height: calc(100vh - 32px)
}

.aside {
    display: block;
    position: fixed;
    top: 61px;
    bottom: 0;
    width: 100%;
    max-width: 15.625rem!important;
    padding: 0;
    box-shadow: none;
    z-index: 1110;
    background-color: #fff
}

.admin-bar .aside{
    top: calc(61px + var(--wp-admin--admin-bar--height, 32px));
}

.cont-aside{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cont-main-menu .main-menu{
    background-image: url(img/bg-aside.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 10%;
    padding-bottom: 4rem
}

.cont-main-menu{
    flex: 1;
    background-color: #fff;
    overflow-y: auto
}

.the-custom-logo{
    margin-top: -50px
}

.the-custom-logo img{
    width: 128%;
    max-width: none;
}


#menu-footer-menu{
    display: flex;
}

#menu-footer-menu li a{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    line-height: 1
}

#menu-footer-menu li{
    position: relative
}

#menu-footer-menu li:after,
#menu-footer-menu li:before{
    position: absolute;
    content: "";
    height: 18px;
    width: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--gray);
}

#menu-footer-menu li:before{
    left: auto;
    right: 0;
}


#menu-footer-menu li:first-child:after,
#menu-footer-menu li:last-child:before{
    display: none
}

#menu-footer-menu li:first-child a{
    padding-left: 0
}

.line-footer{
    background: linear-gradient(93.74deg, #FD0302 37.81%, #FF621F 69.81%, #FF8724 92.14%);
    box-shadow: 0px -6px 20px 2px rgba(0, 0, 0, 0.25);
    height: 11px
}

footer{
    z-index: 1120
}

.footer-logos{
    --wp--style--gallery-gap-default: 2rem
}

.top-nav-widget{
    font-family: 'dongle', sans-serif;
    font-size: var(--px32)
}

.full-img{
    height: 100%;
    width: 100%
}

.full-img img,
.strip figure img{
    width: 100%;
    height: 100%!important;
    object-fit: cover
}


.mask{
    position: absolute!important;
    width: 100%;
    height: 100%!important;
    left: 0;
    top: 0;
    z-index: 1001
}

.mask img{
    height: 100%!important
}


.mask.wp-block{
    height: 80%;
    z-index: 1
}

.banner .strip:not(.wp-block){
    height: calc(100vh - 61px);
}

.admin-bar .banner .strip{
    height: calc(100vh - 61px - var(--wp-admin--admin-bar--height, 32)); 
}


.carousel-control-prev-icon, .carousel-control-next-icon{
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 -1.04907e-06C5.37259 -1.62846e-06 1.62846e-06 5.37258 1.04907e-06 12C4.69686e-07 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 -4.69686e-07 12 -1.04907e-06ZM11.5106 16.7132L16.3592 13.6985C17.6178 12.9159 17.6178 11.0841 16.3592 10.3015L11.5106 7.28684C10.1783 6.4585 8.45455 7.41653 8.45455 8.98531L8.45455 15.0147C8.45455 16.5835 10.1783 17.5415 11.5106 16.7132Z" fill="white" fill-opacity="0.49"/></svg>');
}

.carousel-control-prev-icon{
    transform: rotate(180deg)
}

.carousel-control-prev, .carousel-control-next{
    z-index: 1101;
    opacity: 1
}

.caption{
    position: absolute!important;
    background-color: rgba(255,255,255,.8);
    right: 3rem;
    bottom: 4rem;
    width: 875px;
    max-width: calc(100% - 6rem);
    padding: 2rem 3rem;
    z-index: 1120
}

.caption.wp-block{
    z-index: 2
}


.btn{
    font-family: 'dongle', sans-serif;
    font-weight: 400;
    font-size: var(--px20);
    width: 180px;
    max-width: 100%;

}

.btn-blue{
    background: linear-gradient(272.22deg, #0B8BB3 40.63%, #05BCE7 99.91%);
    border-color: var(--blue);
    line-height: 1
}

.btn-blue:hover{
    background: linear-gradient(272.22deg, #0B8BB3 10.63%, #05BCE7 99.91%);
    border-color: var(--blue);
    opacity: .9
}


.wp-block-separator.sep{
    border: 2px solid;
    border-top: 1px solid !important;
    border-bottom: 1px solid !important;
    opacity: 1;
    margin: 2rem 0
}

.box-white{
    background-color: #fff;
    height: 100%;
}

.box-white:after{
    position: absolute;
    content: "";
    top: 0;
    left: -10rem;
    width: 10rem;
    height: 100%;
    z-index: -1;
    background-color: #fff;
}

.map{
    height: 100%;
}

.map iframe{
    width: 100%;
    height: 100%;
}


.cont-info{

    position: absolute!important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.cont-info:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .8;
    background: linear-gradient(74.66deg, #7C0000 2.87%, #FF6E20 97.13%);
}

.list-info{
    list-style: none;
    z-index: 9;
    color: #fff
}

.list-info li{
    margin-bottom: 1rem
}

.email:before,
.address:before,
.phone:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    width: 28px;
    height: 28px;
    background-image: url('data:image/svg+xml,%3Csvg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14.0003 0C10.2872 0 6.72618 1.47503 4.1006 4.1006C1.47503 6.72618 0 10.2872 0 14.0003C0 17.7135 1.47503 21.2745 4.1006 23.9001C6.72618 26.5256 10.2872 28.0007 14.0003 28.0007C21.732 28.0007 27.9999 21.732 27.9999 14.0003C27.9999 6.26867 21.732 0 14.0003 0ZM22.041 19.5209C22.0341 20.9792 20.8514 22.1394 19.4 22.041C15.2325 21.7583 11.8155 19.977 9.14975 16.7745C7.53185 14.8329 6.54206 12.5869 6.11145 10.1008C6.00464 9.51861 5.95278 8.92767 5.95655 8.33576C5.97901 7.06329 7.0811 5.98521 8.35745 5.96275C9.52305 5.94184 10.6886 5.955 11.855 5.96275C12.2283 5.96275 12.5102 6.13856 12.652 6.48707C13.223 7.89508 13.7884 9.30542 14.3481 10.7181C14.5192 11.1533 14.3775 11.5367 13.9787 11.7869C13.5318 12.0665 13.0764 12.3329 12.5908 12.6256C13.2875 13.7602 14.243 14.7138 15.3789 15.4083C15.6461 14.9661 15.9001 14.5433 16.1534 14.1219C16.4779 13.586 16.8233 13.4698 17.4096 13.7037C18.7433 14.236 20.0767 14.7691 21.4098 15.303C21.8884 15.4959 22.0441 15.7336 22.0449 16.2487C22.0426 17.3376 22.0457 18.4296 22.041 19.5209Z" fill="white"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


.email:before{
    background-image: url('data:image/svg+xml,%3Csvg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18.6694 15.0162L21.3808 17.7152V10.3043L17.6533 14.0032L18.6694 15.0162Z" fill="white"/%3E%3Cpath d="M13.6396 15.1548C13.7829 15.2988 13.9006 15.3685 13.9997 15.3685C14.0988 15.3685 14.2204 15.2965 14.3676 15.1493C16.3564 13.1543 18.3442 11.1588 20.331 9.16272H7.66846L13.6396 15.1548Z" fill="white"/%3E%3Cpath d="M6.62891 17.6764L10.3556 13.9799L9.47119 13.1017L6.62891 10.278V17.6764Z" fill="white"/%3E%3Cpath d="M14.0008 2.14313e-08C11.2318 -0.000153155 8.52497 0.820798 6.22258 2.35904C3.9202 3.89729 2.12566 6.08374 1.06591 8.64189C0.00616934 11.2 -0.271188 14.015 0.268918 16.7308C0.809023 19.4466 2.14233 21.9412 4.10024 23.8992C6.05814 25.8572 8.5527 27.1907 11.2685 27.7309C13.9842 28.2712 16.7992 27.994 19.3574 26.9344C21.9156 25.8748 24.1021 24.0804 25.6405 21.7781C27.1789 19.4757 28 16.769 28 14C28 10.2871 26.5251 6.72626 23.8998 4.10078C21.2744 1.47529 17.7137 0.000205415 14.0008 2.14313e-08ZM22.8862 18.5399C22.8945 18.9902 22.7277 19.4261 22.4211 19.7559C22.1144 20.0857 21.6917 20.2836 21.242 20.308C21.0987 20.3181 20.947 20.3227 20.7471 20.3227H20.5148H20.2825H10.0936C9.06408 20.3227 8.03482 20.3227 7.00581 20.3227C6.12447 20.3227 5.49251 19.9092 5.22454 19.161C5.15332 18.9585 5.11667 18.7453 5.11612 18.5306C5.10992 15.2043 5.11147 11.943 5.11612 9.47402C5.11612 8.4982 5.79842 7.76401 6.77347 7.68889C6.87338 7.68114 6.97019 7.68037 7.06157 7.68037H20.9547C21.8841 7.68037 22.5129 8.08696 22.7809 8.85678C22.8482 9.05055 22.8827 9.25418 22.8831 9.45931C22.8885 12.2923 22.8893 15.2631 22.8862 18.5399Z" fill="white"/%3E%3Cpath d="M11.5023 15.1068L10.3607 16.2344L7.72754 18.8327H20.2661L16.4984 15.1029L16.2877 15.3151C15.9973 15.6086 15.6937 15.9153 15.3893 16.2205C14.9727 16.6379 14.4917 16.8594 13.9953 16.8594C13.4988 16.8594 13.021 16.6379 12.6012 16.2197C12.2969 15.9145 11.9925 15.6079 11.7029 15.3159L11.5023 15.1068Z" fill="white"/%3E%3C/svg%3E');
}


.address:before{
    background-image: url('data:image/svg+xml,%3Csvg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.3693 6.07102C16.4416 5.67372 19.2452 8.08462 19.3157 11.1825C19.3513 12.7438 18.954 14.2029 18.082 15.4815C17.1859 16.7981 16.183 18.0373 15.2319 19.3167C14.8176 19.8727 14.4164 20.4381 13.9928 21.0205C13.9486 20.9694 13.9153 20.9322 13.8805 20.8904C13.2431 20.0276 12.6011 19.168 11.9707 18.299C11.2047 17.2442 10.3853 16.2204 9.7038 15.1113C8.82168 13.6763 8.47627 12.0723 8.76669 10.3964C9.17019 8.07455 11.0173 6.37615 13.3693 6.07102ZM13.9843 15.0068C14.6839 15.01 15.3688 14.8057 15.9523 14.4197C16.5358 14.0337 16.9918 13.4834 17.2625 12.8383C17.5333 12.1931 17.6067 11.4822 17.4735 10.7954C17.3403 10.1086 17.0064 9.47666 16.5141 8.97957C16.0217 8.48248 15.3931 8.14253 14.7076 8.0027C14.022 7.86286 13.3105 7.92943 12.6628 8.19398C12.0151 8.45852 11.4604 8.90917 11.0688 9.48895C10.6772 10.0687 10.4663 10.7516 10.4628 11.4512C10.4571 11.9168 10.5441 12.3789 10.7186 12.8106C10.8932 13.2423 11.1518 13.635 11.4795 13.9659C11.8072 14.2967 12.1974 14.5591 12.6274 14.7378C13.0574 14.9165 13.5186 15.008 13.9843 15.0068Z" fill="white"/%3E%3Cpath d="M14.0064 9.69241C14.4706 9.69969 14.9141 9.88641 15.2437 10.2134C15.5733 10.5405 15.7635 10.9824 15.7745 11.4466C15.7962 12.4007 14.9776 13.2333 14.0087 13.2418C13.538 13.2384 13.0873 13.0506 12.7534 12.7188C12.4196 12.3869 12.2291 11.9374 12.2228 11.4667C12.2119 10.5087 13.0406 9.68699 14.0064 9.69241Z" fill="white"/%3E%3Cpath d="M13.9992 2.14312e-08C16.7682 -0.000153155 19.475 0.820803 21.7774 2.35905C24.0798 3.8973 25.8743 6.08374 26.9341 8.64189C27.9938 11.2 28.2712 14.015 27.7311 16.7308C27.191 19.4466 25.8577 21.9412 23.8998 23.8992C21.9419 25.8572 19.4473 27.1907 16.7315 27.7309C14.0158 28.2712 11.2008 27.994 8.64261 26.9344C6.0844 25.8748 3.89785 24.0804 2.35948 21.7781C0.821104 19.4758 1.90735e-06 16.769 1.90735e-06 14C1.90735e-06 10.2871 1.47489 6.72626 4.10023 4.10078C6.72557 1.47529 10.2863 0.000205415 13.9992 2.14312e-08ZM8.39287 16.3807C9.20064 17.6322 10.1741 18.7738 11.0369 19.9928C11.7757 21.0383 12.4813 22.1094 13.1582 23.196C13.5756 23.8659 14.4097 23.9751 14.7566 23.306C15.6914 21.5015 16.9894 19.9611 18.2293 18.3765C19.2362 17.0917 20.1415 15.7495 20.6534 14.1773C20.95 13.2643 21.0732 12.3272 21.1034 11.373C21.1034 7.83371 18.5128 4.80013 14.9944 4.31299C13.1761 4.04826 11.3263 4.50286 9.83777 5.58021C8.34929 6.65756 7.33948 8.27278 7.02285 10.0828C6.62864 12.3543 7.15915 14.4709 8.39287 16.3807Z" fill="white"/%3E%3C/svg%3E');
}



input[type=checkbox] {
    position: relative;
    background: var(--blue);
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    appearance: none;
}

input[type=checkbox]:hover {
    opacity: 1;
}

input[type=checkbox]:checked {
    opacity: 1;
}



input[type=checkbox]:checked:before {
    content: '';
}
input[type=checkbox]:before {
    position: absolute;
    right: 50%;
    top: 50%;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

.text-privacy{
    font-size: 13px;
    color: #4E4E4E
}

.wpcf7-not-valid-tip{
    font-size: 12px
}

.wpcf7-submit{
    border: 0;
    color: #fff;
    position: relative;
    padding-left: 3px;
    padding-right: 3px;
    font-family: 'dongle',sans-serif;
    text-transform: uppercase
}

.wpcf7-submit:hover{
    background-color: var(--black);
    color: #fff
}

.wpcf7-list-item-label{
    font-size: 13px
}

.wpcf7-list-item{
    margin-left: 0
}


textarea, input:not([type="file"], [type="image" ], [type="submit"], [type="checkbox"], [type="radio"]) {
    border: 0;
    width: 100%;
    background-color: #fff;

}


textarea{
    height: 152px
}

.cont-submit p{
    position: relative;
    text-align: right;
    margin-bottom: 0
}

.cont-submit .wpcf7-spinner{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}


.top-button{
    width: auto;
    background-color: var(--blue);
    border-color: var(--blue);
    font-family: arial, sans-serif;
    line-height: 1.2;
    z-index: 20000!important
}

.w-100 img{
    width: 100%;
}


body:not(.aside-show)   .aside {
    transform: translateX(-17.125rem);
}
body:not(.aside-show)  #content{
    margin-left: 0
}

#content, .aside {
    transition: all .2s ease-in-out;
}

.btn-menu{
    width: auto;
    color: #fff;
    border-color: #fff;
    font-family: arial, sans-serif;
    line-height: 1.3;
    border-radius: 0
}

.header-actions{
    width: 100%;
    gap: 1.5rem
}

@media screen and (max-width: 1400px) {
    :root {
        --scale-factor: 0.9; /* Ajuste de escala para pantallas menores a 1400px */
    }

    .row-info .col-4{
        width: 45%;
    }
    .row-info .col-8{
        width: 55%;
    }

}


@media (max-width: 1199px){
    .footer-logos {
        --wp--style--gallery-gap-default: 1rem;
    }
    .row-info .col-4{
        width: 50%;
    }
    .row-info .col-8{
        width: 50%;
    }
}

@media (max-width: 1040px){
    .row-info > div{
        width: 100%!important;
    }
    
    .map,
    .img-contact{
        height: 300px
    }
}
@media (max-width: 991px){
    .row-lg > div{
        flex: 0 0 auto;
        width: 100%;
    }
    
    .order-last-lg{
        order: 12
    }

    #menu-footer-menu{
        justify-content: center
    }
    
    .caption{
        padding: 1rem
    }
}

@media (max-width: 767px){
    .row-md > div{
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width: 640px){
    #content{
        margin-left: 0
    }
}



@media (max-width: 575px){
    .row-sm > div{
        flex: 0 0 auto;
        width: 100%!important;
    }

    .row-footer{
        flex-wrap: wrap
    }

    .row-footer > div{
        border: 0
    }

    #menu-footer-menu li a{
        padding-left: 1rem;
        padding-right: 1rem
    }

}

@media (max-width: 411px){
    
    .caption{
        font-size: var(--px18)
    }
    .caption .title{
        font-size: var(--px40);
        line-height: 30px
    }
    
    .the-custom-logo img{
        width: 115%
    }
    
}


@media (max-height: 500px){
        .the-custom-logo img{
        width: 100%
    }
}