@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";

/*------------------------*/
/* theme colors
/*------------------------*/

:root {
    --textDarker: #1e282d;
    --textDark: rgba(38, 50, 56, 1);
    --textMedium: rgba(38, 50, 56, 0.7);
    --borderMedium: rgba(38, 50, 56, 0.2); 
    --borderLight: rgba(38, 50, 56, 0.075);
    --accent: #315B9D;
    --accentDarker: #2b5394;
    --light: rgba(38, 50, 56, 0.035);
    --partner-support-height: 60px;
    --partner-platinum-height: calc(var(--partner-support-height)* 3);
    --partner-gold-height: calc(var(--partner-support-height)* 2);
}
/*------------------------*/
/* turn grayscale off
/*------------------------*/

img {filter: grayscale(0);}

/*------------------------*/
/* colorize_image
/*------------------------*/

.colorize_image {filter: contrast(1) sepia(1) hue-rotate(160deg) grayscale(0.8)!important;}

/*------------------------*/
/* black_2_textDark
/*------------------------*/

.map::after, .black_2_textDark { /* filter: contrast(0.7) sepia(1) hue-rotate(160deg)!important; */ }

/*------------------------*/
/* black_2_textMedium
/*------------------------*/

.black_2_textMedium {filter: contrast(0.3) sepia(0.3) hue-rotate(160deg) brightness(1.4)!important;}

/*------------------------*/
/* black_2_accent
/*------------------------*/

.black_2_accent {filter: invert(35%) sepia(10%) saturate(3530%) hue-rotate(178deg) brightness(91%) contrast(91%)!important;}

.partners-group {
    padding: 0;
}

.partners-group h3 {
    text-align: center;
    margin: 1rem 0;
    margin: 2rem;
}

.partners-group ul {
    list-style: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0
}

.partners-group ul li {
    flex-basis: 160px;
    margin: .5rem;
    margin: var(--space-3);
    height: 60px;
    height: var(--partner-support-height)
}

.partners-group .partner {
    padding: .5rem;
    padding: .5rem;
    display: block;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: content-box;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: box-shadow .3s cubic-bezier(.4,0,.2,1);
    transition: box-shadow .3s cubic-bezier(.4,0,.2,1);
    -webkit-transition: box-shadow var(--animation);
    transition: box-shadow var(--animation);
    cursor: pointer;
    color: transparent
}

.partners-group .partner:focus,.partners-group .partner:hover {
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);
    box-shadow: var(--box-shadow-2)
}

.partners-group.partner-platinium ul li {
    height: 180px;
    height: var(--partner-platinum-height);
    flex-basis: 320px
}

.partners-group.partner-gold ul li,.partners-group.partner-startup ul li {
    height: 120px;
    height: var(--partner-gold-height);
    flex-basis: 200px
}

.partners-group .fancy {
    line-height: .5;
    text-align: center;
    color: #636363;
    color: var(--base-secondary-text)
}

.partners-group .fancy span {
    display: inline-block;
    position: relative;
    text-transform: capitalize
}

.partners-group .fancy span:after,.partners-group .fancy span:before {
    top: 40%;
    content: "";
    position: absolute;
    height: 5px;
    width: 140%;
    max-width: 25vw
}

.partners-group .fancy span:before {
    right: 100%;
    margin-right: 15px
}

.partners-group .fancy span:after {
    left: 100%;
    margin-left: 15px
}

.partners-group.partner-platinium .fancy {
    font-size: 1.5em;
    color: #73737a;
    color: var(--color-platium)
}

.partners-group.partner-platinium .fancy span:after,.partners-group.partner-platinium .fancy span:before {
    border-bottom: 1px solid;
    border-top: 1px solid
}

.partners-group.partner-gold .fancy {
    font-size: 1.33em;
    color: #315B9D;
}

.partners-group.partner-gold .fancy span:after,.partners-group.partner-gold .fancy span:before {
    border-bottom: 1px solid;
    border-top: 1px solid
}