@import url("font.css");
@import url("header.css");
@import url("footer.css");

:root {
    --color-white: white;
    --color-black: black;

    --color-background: #f6f8fa;
    --color-text: #3a3f45;
    --color-text-light: #858a9b;

    --color-border: #c1c3ca;
    
    --color-primary: #002185;
    --color-primary-hover: #0a2fa0;
    --color-secondary: #21759b;

}

html, body {
    overflow-x: hidden;
}

body {
    font-family: var(--font-family-primary);
    color: var(--color-text);
    background-color: var(--color-background);
    font-size: 18px;
    line-height: 150%;
}

a {
    color: var(--color-secondary);
}

a:hover {
    color: var(--color-primary-hover);
}

.blocks {
    padding-top: 70px;
}

/*
* setup colors
*/
.color-white {
    color: var(--color-white);
}

.color-black {
    color:  var(--color-black);
}

.color-primary {
    color: var(--color-primary);
}

.color-secondary {
    color: var(--color-secondary);
}

.color-text {
    color: var(--color-text);
}

.color-text-light {
    color: var(--color-text-light);
}


/*
* setup backgrounds
*/
.bg_color {
    background-color: var(--color-background);
}


button {
    background-color: transparent !important;
    border: none !important;
}

/* need to adjust attributes */
.btn-member {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.75rem;
    border-radius: 6px;
    background-color: var(--color-primary);
    color: var(--color-white);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    font-family: var(--font-family-primary);
    text-transform: uppercase;
    border: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition:
        background-color 0.25s ease,
        transform 0.15s ease,
        box-shadow 0.15s ease;
}
.btn-member:hover {
    background-color: var(--color-primary-hover);
    color: var(--color-white);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 33, 133, 0.25);
}
.btn-member:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(0, 33, 133, 0.2);
}
.btn-member:focus-visible {
    outline: 3px solid rgba(0, 33, 133, 0.35);
    outline-offset: 3px;
}


figure {
    margin: 0 0 0 !important;
}

.wp-block-image img {
    border-radius: 12px !important;
}


.small-header-gap {
    margin-top: -2rem !important;
}

@media (max-width: 768px) {
    .small-header-gap {
        margin-top: 0;
    }
    
}


@media (max-width: 992px) {
    .blocks {
        padding-top: 50px;
    }
    
}

.sport_logo_layout {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .sport_logo_layout {
        flex-direction: column;
    }

    .sport_logo_layout div:nth-child(2) {
        margin: 24px 0;
    }
    
}




/*
******************************
default settings DO NOT change 
******************************
*/

.layout-60 .layout-60__inner {
    width: 60%;
    max-width: 1200px !important;
}

@media (max-width: 1200px) {
     .layout-60__inner {
        width: 80%;
        max-width: none;
    }
}

@media (max-width: 1024px) {
    .layout-60 .layout-60__inner {
        width: 80%;
    }
}

@media (max-width: 768px) {
    .layout-60 .layout-60__inner {
        width: 100%;
    }
}

.block-my-none  { padding-top: 0 !important; padding-bottom: 0 !important; }
.block-my-default { padding-top: 2.1875rem !important; padding-bottom: 2.1875rem !important; }
.block-my-80-0  { padding-top: 2.1875rem !important; padding-bottom: 0 !important; }
.block-my-0-80  { padding-top: 0 !important; padding-bottom: 2.1875rem !important; }

@media (min-width: 768px) {
  .block-my-default { padding-top: 4.375rem !important; padding-bottom: 4.375rem !important; }
  .block-my-80-0    { padding-top: 4.375rem !important; padding-bottom: 0 !important; }
  .block-my-0-80    { padding-top: 0 !important; padding-bottom: 4.375rem !important; }
  .block-my-extra   { padding-top: 9.375rem !important; padding-bottom: 9.375rem !important; }
}

.padding-my-none    { margin-top: 0 !important; margin-bottom: 0 !important; }
.padding-my-default { margin-top: 2.1875rem !important; margin-bottom: 2.1875rem !important; }
.padding-my-80-0    { margin-top: 2.1875rem !important; margin-bottom: 0 !important; }
.padding-my-0-80    { margin-top: 0 !important; margin-bottom: 2.1875rem !important; }
.padding-my-80-80   { margin-top: 2.1875rem !important; margin-bottom: 2.1875rem !important; }

@media (min-width: 768px) {
  .padding-my-default { margin-top: 4.375rem !important; margin-bottom: 4.375rem !important; }
  .padding-my-80-0    { margin-top: 4.375rem !important; margin-bottom: 0 !important; }
  .padding-my-0-80    { margin-top: 0 !important; margin-bottom: 4.375rem !important; }
  .padding-my-80-80   { margin-top: 4.375rem !important; margin-bottom: 4.375rem !important; }
  .padding-my-extra   { margin-top: 9.375rem !important; margin-bottom: 9.375rem !important; }
}

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px;
    }
}

@media (min-width: 1720px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 1520px)/2);
    }
}

.dw_padding_left{
    padding-left: max(0px, (100vw - 1320px)/2);
}

.dw_padding_right{
    padding-right: max(0px, (100vw - 1320px)/2);
}

.dw_margin_left{
    margin-left: max(0px, (100vw - 1320px)/2);
}

.dw_margin_right{
    margin-right: max(0px, (100vw - 1320px)/2);
}

.dw_margin_left_child .has_content:first-child{
    padding-left: max(0px, (100vw - 1320px)/2);
}

.dw_margin_right_child .has_content:last-child{
    margin-right: max(0px, (100vw - 1320px)/2);
}

@media only screen and (min-width: 992px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_padding_right{
        padding-right: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_left{
        margin-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_right{
        margin-right: max(0px, (100vw - 960px)/2);
    }

    .dw_margin_left_child .has_content:first-child{
        padding-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_right_child .has_content:last-child{
        margin-right: max(0px, (100vw - 960px)/2);
    }

}

@media only screen and (min-width: 1140px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_padding_right{
        padding-right: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_left{
        margin-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_right{
        margin-right: max(0px, (100vw - 960px)/2);
    }

    .dw_margin_left_child .has_content:first-child{
        padding-left: max(0px, (100vw - 960px)/2);
    }
    
    .dw_margin_right_child .has_content:last-child{
        margin-right: max(0px, (100vw - 960px)/2);
    }
}

@media only screen and (min-width: 1200px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 1140px)/2);
    }
    
    .dw_padding_right{
        padding-right: max(0px, (100vw - 1140px)/2);
    }
    
    .dw_margin_left{
        margin-left: max(0px, (100vw - 1140px)/2);
    }
    
    .dw_margin_right{
        margin-right: max(0px, (100vw - 1140px)/2);
    }

    .dw_margin_left_child .has_content:first-child{
        padding-left: max(0px, (100vw - 1140px)/2);
    }
    
    .dw_margin_right_child .has_content:last-child{
        margin-right: max(0px, (100vw - 1140px)/2);
    }
}

@media only screen and (min-width: 1400px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 1320px)/2);
    }
    
    .dw_padding_right{
        padding-right: max(0px, (100vw - 1320px)/2);
    }
    
    .dw_margin_left{
        margin-left: max(0px, (100vw - 1320px)/2);
    }
    
    .dw_margin_right{
        margin-right: max(0px, (100vw - 1320px)/2);
    }

    .dw_margin_left_child .has_content:first-child{
        padding-left: max(0px, (100vw - 1320px)/2);
    }
    
    .dw_margin_right_child .has_content:last-child{
        margin-right: max(0px, (100vw - 1320px)/2);
    }
}

@media only screen and (min-width: 1920px) {
    .dw_padding_left{
        padding-left: max(0px, (100vw - 1720px)/2);
    }
    
    .dw_padding_right{
        padding-right: max(0px, (100vw - 1720px)/2);
    }
    
    .dw_margin_left{
        margin-left: max(0px, (100vw - 1720px)/2);
    }
    
    .dw_margin_right{
        margin-right: max(0px, (100vw - 1720px)/2);
    }

    .dw_margin_left_child .has_content:first-child{
        padding-left: max(0px, (100vw - 1720px)/2);
    }
    
    .dw_margin_right_child .has_content:last-child{
        margin-right: max(0px, (100vw - 1720px)/2);
    }
}

@media only screen and (max-width: 992px) {
    .dw_padding_left{
        padding-left: 24px;
        padding-right: 24px;
    }
    
    .dw_padding_right{
        padding-right: 24px;
        padding-left: 24px;
    }
    
    .dw_margin_left{
        margin-left: 24px;
    }
    
    .dw_margin_right{
        margin-right: 24px;
    }
}

@media only screen and (min-width: 1920px) {
    .offcanvas-body.dw_padding_left{
        padding-left: 48px;
    }
}