A:link{color:#003b7a;}
A:visited{color:#003b7a;}
A:active{color:#003b7a;}
.color_text{color:#003b7a;}
.color_bg{background-color:#003b7a;}
h1{color:#003b7a;}
h2{color:#003b7a;}
h3{color:#003b7a;}
h4{color:#003b7a;}
h5{color:#003b7a;}
h6{color:#003b7a;}
A.Login:hover{color:#003b7a;}
A.User:hover{color:#003b7a;}


.skin_wrapper{
width:100% !important;
}

#Body
{
background: none !important;
}

/*2025*/
/* B A C  K G R O U N D S*/
.Banner--hero{
    background: radial-gradient(circle, transparent, black),var(--bgpix);
    background-size: cover;
    background-position: center;
    position: relative;
    height: var(--height);
    & p{
        font-size:4em;
        text-shadow: 3px 3px 3px black; 
    }

}

/*  C O N T   A   I  N   E  R  */
.body>#footer {
    margin-top: 0 !important; 
}
.mw-1000{
max-width: 1000px;
}
.spacer{
    margin: 1.5em;
}

.Card--tile{
display: flex;
height: 350px;
align-items: center;
justify-content: center;
background: radial-gradient(transparent 0%, black 200%), var(--img);
background-size: cover;
background-position: 50% center;
transition: all ease .4s;
transform: scale(1);
margin: .8em 0;
& p{
color: white;
font-size: 2.2em;
text-shadow: 1px 1px 3px black;
text-transform: uppercase;
}
& span{
color: white;
font-size: 1em;
text-transform: uppercase;
display: block;
text-shadow: 1px 1px 3px black;
}
&:hover {
        position: relative;
        transform: scale(1.1);
background-position: 60% 50%;
        box-shadow: 0 12px 18px rgba(0, 0, 0, .5);
        z-index: 9;
    }
}

.grid-sp{
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, 230px);
  grid-auto-rows: 150px;
  grid-gap: 2px;
place-content: center;
  text-align: center;
 
  & div{    
    height: -webkit-fill-available;
    padding: 2em;
    background-image: var(--img_sp);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.mw-1000{
max-width: 1000px;
}


/*      T     E      X     T   */


.text-intro{
color: black;
font-size: 15px;
& span{
font-size: 24px;
}
}
.content__header{
width: fit-content;
font-weight: 700;
font-size: 24px;
position: relative;
transition: all ease .3s;
}
.content__text{
font-size: 16px;
}
.content__header--underline{
position: relative;
transition: all ease .3s;
}
.content__header--underline::after{
    content: '';
    position: absolute;
    height: 5px;
    width: 20%;
    background-color: #ee3e42;
    top: 120%;
    left: 0%;
    transition: all ease .3s;
}
.content__header--underline:hover::after{
    width: 90%;
}
.footer__nav-links{
list-style-type: none;
font-size: 14px;
& li{
border-bottom: white thin solid;
padding: 1.3em ;
color: white;
}
}

.header-sp {
    color: #14315A;
    font-size: 26px !important;
    font-weight: 500;
    margin: 2em 0 0 0;
    padding: .1em .96em;
    text-shadow: 1px 3px 4px #00000085;
}
.text--shadow{

   text-shadow: 1px 1px 1px white, 3px 3px 9px #000000;

}