@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
:root{
    --color: #52958b;
    --fondo: #edf4f3;
}
h1, .h1, h2, .h2{
    font-family: "Poppins";
    font-weight: 600;
}
body{
    font-family: "Poppins";
}
.logo{
    margin: 10px 0px;
}
/*backgrounds*/
.headright .navbar-header .navbar-toggle,
.headright .navbar-header .navbar-toggle:hover,
.t3-masthead .ja-masthead::after,
.t3-footnav .t3-module .module-inner,
.t3-footer .footer-inner,
.navbar-default .navbar-nav > li > a::before, .navbar-default .navbar-nav > li > span::before{
    background-color: var(--color);
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus{
    background-color: var(--color);
    border-color: var(--color);
}
/*color*/
.dropdown-menu li.active > a, .dropdown-menu li.active > span, .dropdown-menu li.active > a:hover, .dropdown-menu li.active > span:hover, .dropdown-menu li.active > a:focus, .dropdown-menu li.active > span:focus, .dropdown-menu li.active > a:active, .dropdown-menu li.active > span:active,
a:hover, a:focus,
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > span, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > span:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > span:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > span:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > span:focus,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > span, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > span:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > span:focus{
    color: var(--color);
}
/*borders*/
.nav span:hover .caret, .nav a:hover .caret, .nav .open > a .caret, .nav .open > span .caret, .nav .active > a .caret, .nav .active > span .caret {
    border-top-color: var(--color);
    border-bottom-color: var(--color);
}
body,p,a,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.dropdown-menu li > a, .dropdown-menu li > span,
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span{
    color: #333;
}
.nav .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
h1,.h1{
    font-size: 52px;
}
.blog .box-content .article-header h2, .blog-featured .box-content .article-header h2,
h2,.h2{
    font-size: 40px;
}
h3,.h3{
    font-size: 30px;
}
.t3-mainbody{
    padding-top: 60px;
}
.t3-mainbody,
.t3-section-wrap .mod-bg-old-lace{
    background-color: var(--fondo);
}
.blog .box-content .article-header h2 a:hover, .blog-featured .box-content .article-header h2 a:hover,
.blog .box-content .article-header h2 a, .blog-featured .box-content .article-header h2 a,
.heading-link a,
.heading-link a:hover, .heading-link a:focus, .heading-link a:active{
    border-bottom-color: var(--fondo);
}
.sub-heading{
    font-size: 34px;
}
.mod-programs .intro-image,
#t3-content > .blog .intro-image,
.mod-articles-latest .intro-image{
    padding-bottom:0px;
}
.mod-articles-latest .article-detail .more-link{
    display:none;
}
.section-title{
    max-width: 100%;
}
.t3-footer #back-to-top::after{
    filter:none!important;
}
.t3-masthead .ja-masthead .ja-masthead-detail .ja-masthead-description,
.t3-footnav p,
.t3-footer .footer-inner a,
.t3-footer .footer-inner a:hover, .t3-footer .footer-inner a:focus, .t3-footer .footer-inner a:active{
    color: #fff;
    font-size: 16px;
}
.t3-footnav .t3-module .module-title{
    font-size: 24px;
}
.t3-masthead .ja-masthead::after,
.footer-inner{
    background-image:none!important;
}
audio, canvas, progress, video{
    max-width:100%;
}
.t3-masthead .ja-masthead .ja-masthead-detail{
    padding-top:20px;
    padding-bottom:20px;
}
.item-page img{
    width: auto;
}
.item-page .wrap-content-header .article-header h1.article-title{
    text-align:center;
}
html.pag-contacto .item-page{
    background-color: transparent;
}
@media (max-width: 1920px){
    .t3-slideshow video{
        height: auto;
    }
}