/*------------------------------------*\
    
    WebFX WYSIWYG Customizations - Global styling for all ACF WYSIWYG's

    Add custom WYSIWYG styling to this file if it should be applied to all ACF WYSIWYG's on the site
    Otherwise, put your block-specific styles in individual block stylesheets

\*------------------------------------*/

.wysiwyg { 
    color: #353535;
    position: relative;
    overflow-x: hidden;
}

.wysiwyg p a { 
    font-family: 'clarimo_ud_peregular';
}

.example-btn {
    margin-top: 15px;
}

.gray-pattern {
    position: absolute;
    right: 0;
    bottom: 0;
}

.wysiwyg__wrap {
    position: relative;
    z-index: 1;
}

.pagingInfo,
.pagingInfo1,
.pagingInfo2,
.pagingInfo3,
.pagingInfo4,
.pagingInfo5,
.pagingInfo6,
.pagingInfo7 {
    font-size: 12px;
    color: #353535;
    font-family: 'clarimo_ud_pelight';
    letter-spacing: 0.2em;
    display: inline;
}

.pagingInfo::first-letter,
.pagingInfo1::first-letter,
.pagingInfo2::first-letter,
.pagingInfo3::first-letter,
.pagingInfo4::first-letter,
.pagingInfo5::first-letter,
.pagingInfo6::first-letter,
.pagingInfo7::first-letter {
    font-size: 15px;
    font-family: 'clarimo_ud_peregular';
}

.top-content {
    padding-bottom: 20px;
}

.wysiwyg__wrap .btn {
    margin-top: 15px;
}

.wysiwyg__wrap.fullwidthcontainer{
    max-width: 100% !important;
}

@media (min-width: 1200px) {
    .wysiwyg__wrap {
        max-width: 1048px;
        margin: 0 auto;
    }

    .top-content {
        max-width: 1098px;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .pagingInfo,
    .pagingInfo1,
    .pagingInfo2,
    .pagingInfo3,
    .pagingInfo4,
    .pagingInfo5,
    .pagingInfo6,
    .pagingInfo7 {
        font-size: 15px;
    }

    .pagingInfo::first-letter,
    .pagingInfo1::first-letter,
    .pagingInfo2::first-letter,
    .pagingInfo3::first-letter,
    .pagingInfo4::first-letter,
    .pagingInfo5::first-letter,
    .pagingInfo6::first-letter,
    .pagingInfo7::first-letter {
        font-size: 18px;
    }

}

@media (min-width: 1600px) {
    .wysiwyg__wrap {
        max-width: 1136px;
    }

    .top-content {
        max-width: 1136px;
        padding-bottom: 40px;
    }
}




/* table */

.table-structure {
    padding: 10px 20px 20px;
    position: relative;
    color: #353535;
    overflow-y: hidden;

    display: inline-block;
    width: 100%;
}

.table-structure table {
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.10);
    overflow: hidden;
}

.table-structure table thead {
    background-color: #01916D;
    color: #FFFFFF;
}

.table-structure table thead tr td,
.table-structure table thead tr th {
    padding: 15px 28px;
    text-align: left;
    font-size: 16px;
    font-family: 'clarimo_ud_pebold';
    font-weight: normal;
    border: none;
    color: #ffffff;
}

.table-structure table tbody tr {
    background-color: #EBEBEB;
}

.table-structure table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.table-structure table tbody tr td,
.table-structure table tbody tr th {
    padding: 12px 20px 12px 25px;
    text-align: left;
    font-size: 15px;
    font-family: 'clarimo_ud_pelight';
    font-weight: normal;
    color: #353535;
    line-height: 1.4em;
    vertical-align: top;
    border-right: 1px solid #D8D8D8;
}

.table-scroll {
    scrollbar-width: thin;
    scrollbar-color: #99D3C4 #fff;
    position: relative;
    padding-bottom: 30px;
    overflow-x: auto;
    /* margin-right: -50px; */
    /* margin-left: -20px; */
    
}

.table-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    padding-bottom: 30px;
    display: block;
    margin-left: 20px;
}

.table-scroll::-webkit-scrollbar-track {
    background-clip: content-box;
    border: 15px solid #EFF2F4;
    margin-left: 20px;
}

.table-scroll::-webkit-scrollbar-thumb {
    background-color: #99D3C4;
    margin-left: 20px;
}

.table-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #99D3C4;
}

.table-scroll::-webkit-scrollbar-corner, 
.table-scroll::-webkit-scrollbar-track {
    background-color: #FFFFFF;
}

.table-structure tbody td.table-heading__ctm {
    padding: 22px 30px;
    text-align: left;
    font-size: 16px;
    font-family: 'clarimo_ud_pebold';
    font-weight: normal;
    border: none;
    background-color: #01916D;
    color: #FFFFFF;
}

.table-scroll.transferred-unique__table {
    max-width: 1600px;
    margin: 25px auto;
}

.half-and-half .table-structure {
    padding-left: 0;
    padding-right: 0;
}


@media (min-width: 1200px) {
    .table-scroll {
        padding-bottom: 0;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 15px;
    }

    .table-scroll.transferred-unique__table {
        padding-left: var(--bs-gutter-x,52px);
        padding-right: var(--bs-gutter-x,52px);
    }

    .table-structure {
        padding-bottom: 15px;
        padding-left: 1px;
    }    

    .table-structure table {
        width: 100% !important;
    }

    .table-structure table thead tr th {
        font-size: 18px;
        padding: 21px 28px;
    }
    
    .table-structure table tbody tr td,
    .table-structure table tbody tr th {
        font-size: 17px;
        padding: 22px 30px;
    }

    .table-structure table tbody tr th {
        width: 276px;
        padding-right: 0;
        padding-left: 35px;
    }

    .table-structure table tbody tr td:last-child {
        width: 370px;
        padding-right: 30px;
    }

    .table-structure table tbody tr td:nth-child(2) {
        width: 288px;
    }
}

.styled-wysiwyg-table--top table tbody tr:first-child {
     background-color: #01916D;
}
.styled-wysiwyg-table--top table tbody tr:first-child td {
    font-weight: bold;
    color: #FFFFFF;
    border: none;
}
.styled-wysiwyg-table--top table thead + tbody tr:first-child {
    background-color: #fff;
}
.styled-wysiwyg-table--top table thead + tbody tr:first-child td {
    border-right: 1px solid #D8D8D8;
    font-weight: normal;
    color: #353535;
}

.styled-wysiwyg-table--top_left table tbody tr:first-child {
     background-color: #01916D;
}
.styled-wysiwyg-table--top_left table tbody tr:first-child td {
    font-weight: bold;
    color: #FFFFFF;
    border: none;
}
.styled-wysiwyg-table--top_left table thead + tbody tr:first-child {
    background-color: #fff;
}
.styled-wysiwyg-table--top_left table thead + tbody tr:first-child td {
    border-right: 1px solid #D8D8D8;
    font-weight: normal;
    color: #353535;
}
.styled-wysiwyg-table--top_left table tbody tr td:first-child {
    background-color: #01916D;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.styled-wysiwyg-table--left table tbody tr td:first-child {
    background-color: #01916D;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.styled-wysiwyg-table--top_right table tbody tr:first-child {
     background-color: #01916D;
}
.styled-wysiwyg-table--top_right table tbody tr:first-child td {
    font-weight: bold;
    color: #FFFFFF;
    border: none;
}
.styled-wysiwyg-table--top_right table thead + tbody tr:first-child {
    background-color: #fff;
}
.styled-wysiwyg-table--top_right table thead + tbody tr:first-child td {
    border-right: 1px solid #D8D8D8;
    font-weight: normal;
    color: #353535;
}
.styled-wysiwyg-table--top_right table tbody tr td:last-child {
    background-color: #01916D;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.styled-wysiwyg-table--right table tbody tr td:last-child {
    background-color: #01916D;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.table-structure table tbody tr.style-wysiwyg-table--row td {
    background-color: #01916D;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none;
}

img.alignright, 
.wp-caption.alignright, 
img.alignleft, 
.wp-caption.alignleft {
    object-fit: contain;
} 

/* 


.styled-wysiwyg-table table tbody tr:first-child {
    background-color: #01916D;
}
.styled-wysiwyg-table table tbody tr:first-child td {
    font-weight: bold;
    color: #FFFFFF;
    border: none;
}
.styled-wysiwyg-table table thead + tbody tr:first-child {
    background-color: #fff;
}
.styled-wysiwyg-table table thead + tbody tr:first-child td {
    border-right: 1px solid #D8D8D8;
    font-weight: normal;
    color: #353535;
}
.styled-wysiwyg-table table tbody tr td:first-child {
    background-color: #01916D;
    color: #FFFFFF !important;
    font-weight: bold !important;
} */

.page-id-14744 #innerpage-wysiwyg-block_334c4d4452ff5407db2e588e15f98d17 {
    padding-top: 0;
}