/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
.gfnd-color-dark-gray{ color: #333333; }
.gfnd-color-dark-blue{ color: #042B75; }
.gfnd-color-white{  color: #FFFFFF; }
.gfnd-color-gray{  color: #999999; }

.gfnd-bg-dark-blue{  background-color: #1d3b7a; } /* OK */
.gfnd-bg-orange{     background-color: #ff9c1d; }  /* OK */
.gfnd-bg-gray{       background-color: #e2e2e2; }  /* OK */
.gfnd-bg-light-gray{ background-color: #FAFAFA; }
.gfnd-bg-sky-blue{   background-color: #76E7E3; }

.gfnd-bg-green{      background-color: #36CCA7; }

.gfnd-link-color-white a{ color: #FFFFFF; }
.gfnd-color-sky-blue a{   color: #76E7E3; }

:root {
    --bs-link-color: #222222;
    --bs-link-hover-color: #1d3b7a;
}

/*--------------------------------------------------------------
# Borders
--------------------------------------------------------------*/

.gfnd-border {
    border:1px solid #1d3b7a;
}

.gfnd-border-color-orange{
    border: 1px solid #ff9c1d;
}

/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/
.gfnd-img-fluid{
    width:100%;
}

.img-fluid > * {
    max-width: 100%;
    height: auto;
}

/*--------------------------------------------------------------
# Iframes
--------------------------------------------------------------*/
iframe {
    min-width: 100%;
    max-width: 100%;
}

/*--------------------------------------------------------------
# Font Sizes
--------------------------------------------------------------*/
.gfnd-font-13 { font-size:13px; }
.gfnd-font-15 { font-size:15px; }
.gfnd-font-20 { font-size:20px; }
.gfnd-font-25 { font-size:25px; }
.gfnd-font-30 { font-size:30px; }
.gfnd-font-35 { font-size:35px; }

.gfnd-line-16 { line-height: 16px; }
.gfnd-line-50 { line-height: 50px; }

/*--------------------------------------------------------------
# Positioning
--------------------------------------------------------------*/
.gfnd-bg.position-absolute{
    z-index: -1;
}

.gfnd-index-1{
    z-index:10;
}

.gfnd-index-0{
    z-index:0;
}

.mw-80{ max-width: 80%; }

/*--------------------------------------------------------------
# Sizing
--------------------------------------------------------------*/
.w-80{ width: 80%; }

/*--------------------------------------------------------------
# Sizing
--------------------------------------------------------------*/
.gfnd-bottom-80{
    bottom:100px;
}

.gfnd-bottom-200{
    bottom: 200px;
}

.gfnd-bottom-90{
    bottom: 90px;
}

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1, .h1,
h2, .h2,
h3, .h3{

}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.gfnd-btn{
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding:  1rem;
    font-weight: bold;
}

.gfnd-btn:hover {
  background: #042b75;
}

.gfnd-btn .fa-solid {
  margin-right: .5rem;
  font-size: 20px;
}

/*--------------------------------------------------------------
# Borders
--------------------------------------------------------------*/
.gfnd-radius-5 { border-radius: 5px; }
.gfnd-radius-10 { border-radius: 10px; }
.gfnd-radius-20 { border-radius: 20px; }

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
.gfnd-animate,
.gfnd-animate-hover {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.gfnd-animate-slow{
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.gfnd-animate-hover-up:hover{
    margin-bottom: 1rem !important;
}

.gfnd-animate-hover-up-small:hover{
    margin-bottom: .5rem !important;
}


.ratio-9x16 {
    padding-top: 125%;
}

.ratio-3x4 {
    padding-top: 110%;
}

.small-height-tile .ratio-4x3 {
    --bs-aspect-ratio: 40%;
}

.gf-gradient{
    background: rgb(8,31,44);
    background: -moz-linear-gradient(0deg, rgba(8,31,44,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(8,31,44,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(8,31,44,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#081f2c",endColorstr="#ffffff",GradientType=1);
}