@import "cto2026constant.css";
@import "partials/layout.css";
@import "partials/default.css";
@import "partials/navbar.css";
@import "partials/social-footer.css";
@import "partials/home-faculty.css";
@import "partials/table.css";
@import "partials/program-at-a-glance.css";
@import "partials/new-menu.css";
@import url("https://use.typekit.net/kss6aco.css");

.font-gothics {
    font-family: "gothiks", sans-serif;
}


.font-gibson {
    font-family: canada-type-gibson, Arial;
}

h4 strong {
    font-weight: 600;
}

h1.font-gothics, div.font-gothics {
    font-size: 34px !important;
    line-height: 36px !important;
    font-weight: 300;
}

.body p a, main a {
    text-decoration: underline !important;
    color: var(--a-link);
}


.bg-spiral {
    background: url("https://assets.crfconnect.com/meetings/cto2026/homepage/cto_callout_bg_blue_red.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    @media screen and (max-width: 600px) {
        background: url("https://assets.crfconnect.com/meetings/tct2025/page-content/cto_callout_banner_mobile_blue_red.png");
        background-size: cover;
    }
}

.bg-brown {
    background-color: #FCF9F2;
}


.bg-attendees {
    background: url("https://assets.crfconnect.com/meetings/cto2026/homepage/cto_home_photo_bg_attendees.jpg");
    background-size: cover;
    background-repeat: no-repeat;

    text-align: center;

    p {
        color: white;
    }

}

.bg-grad-blue {
    background: linear-gradient(90deg, #001F5C, #1E64E1);

}

.bg-grad-blue-2 {
    background: linear-gradient(90deg, #0f2174, #1c5cd4);
}

.bg-grad-blue-2 a {
    color: white !important;
}


@media screen and (max-width: 832px) {
    .bg-grad-blue .verticalDivider {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.bg-grad-blue ul li::marker, ul.white li::marker {
    color: white !important;
}


.bg-dots {
    //background-image: url("https://assets.crfconnect.com/meetings/cto2026/page-content/cto_header_dotted_line_left.png"), url("https://assets.crfconnect.com/meetings/cto2026/page-content/cto_header_dotted_line_right1.png");
    //background-repeat: no-repeat;
    //background-position: center left, center right;
    //br.mobile-show{
    //    display: none;
    //}
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.bg-dots div > span {
    font-size: 34px !important;
    line-height: 36px !important;
    font-weight: 300;
}

.bg-dots img:nth-child(1) {
    width: 150px;
    height: 10px;
    margin: 0 0 0 auto;
}

.bg-dots img:nth-child(3) {
    width: 150px;
    height: 10px;
    margin: 0 auto 0 0;
}

.bg-dots br.mobile-show {
    display: none;
}

@media screen and (max-width: 838px) {
    .bg-dots {
        flex-direction: column-reverse;
        //margin-top: 30px !important;
        gap: 20px;
    }

    .bg-dots br.mobile-show {
        display: block;
    }

    .bg-dots img:nth-child(1), .bg-dots img:nth-child(3) {
        margin: 0 auto;

    }

}


.bg-about-cto {
    background-image: url("https://assets.crfconnect.com/meetings/cto2026/page-content/cto_about_cto_photo_bg2.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50% auto;

}

.add-dots {
    gap: 10px;
}

.add-dots::before {
    content: "•"
}

.add-dots::after {
    content: "•"

}

@media screen  and (max-width: 1071px) {
    .add-dots::before {
        content: "";
    }

    .add-dots::after {
        content: ""

    }
}

.white {
    color: white !important;
}

.brown {
    color: #CEA076 !important;
}

.red {
    color: #EA002A !important;
}

.blue {
    color: #3474E4 !important;
}

.darkblue, a.darkblue {
    color: #001F5C !important;
}

.lightblue {
    color: #85ACF1 !important;
}

.white-brown-border {
    border: solid 10px white;
    outline: solid 10px #F2E8DD !important;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    color: black;
    background-color: white;

}


.home .block-slider {
    h2 {
        font-family: "gothiks", sans-serif;
        font-size: 42px !important;
        line-height: 44px !important;
        font-weight: 300;
        background-image: url("https://assets.crfconnect.com/meetings/cto2026/page-content/cto_header_dotted_line_left.png"), url("https://assets.crfconnect.com/meetings/cto2026/page-content/cto_header_dotted_line_right1.png");
        background-repeat: no-repeat;
        background-position: center left, center right;
        display: inline-block;
        background-size: 150px 10px;
        margin: 0 auto;
        padding: 0px 180px;

        br.mobile-show {
            display: none;
        }

        @media screen and (max-width: 838px) {
            background-position: top center, bottom center;
            padding: 30px 15px;
            br.mobile-show {
                display: block;
            }
        }
    }

    p {
        font-size: 18px;
    }

    p:last-child {
        margin-bottom: 40px;
    }

    .slick-dots li button:before {
        color: #C4C4C4 !important;
        opacity: 1;
    }

    .slick-dots li.slick-active button:before {
        opacity: 1;
        color: red !important;
    }
}

/*home page circles*/
.circle-col-3-4-3 {
    .box-0 {
        width: auto;
        flex: 1;
    }

    .box-1 {
        width: 100%;
        max-width: 432px;
        flex: 4;
        margin: 0 auto;
    }

    .box-2 {
        width: auto;
        flex: 1;
    }

}

.circle-col-3-4-3-alt {
    gap: 0px;

    .box-0 {
        width: 100%;
        flex: 1 1 30%;
        border: solid 1px red;
        display: flex;


    }

    .box-1 {
        width: 100%;
        flex: 1 1 40%;
        border: solid 1px red;
        display: flex;
    }

    .box-2 {
        width: 100%;
        flex: 1 1 30%;
        border: solid 1px red;
        display: flex;
    }

    .white-brown-border {
        align-items: flex-start;
    }

}

@media screen and (max-width: 838px) {
    .mobile-md-hide {
        display: none;
    }

    .circle-col-3-4-3 .box-0, .circle-col-3-4-3 .box-2 {
        display: none;
    }
}


/*header*/
.headerBanner .chakra-stack {
    justify-content: flex-start;
    gap: 80px;
}


.headerContent h2 {
    color: white !important;
    font-family: "gothiks", sans-serif;
    font-weight: 300;
    font-size: 42px !important;
    line-height: 44px !important;

    br {
        display: none;
    }
}

.headerContent img {
    max-height: 40px;
}

.headerContent p {
    display: flex;
    gap: 10px;
}


@media screen and (max-width: 1200px) {
    .headerBanner .chakra-stack {
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0px;
    }

    .headerContent {
        margin-left: 35px;
        margin-top: 10px;

        h2 {
            margin-top: 0px;

            br {
                display: block;
            }
        }

        p {
            display: flex;
            gap: 10px;
        }
    }
}

/*Hero Module*/
.tct2025HeroTitle {
    font-family: "gothiks", sans-serif;
    background-image: url("https://assets.crfconnect.com/meetings/cto2026/page-content/cto_header_dotted_line_left.png"), url("https://assets.crfconnect.com/meetings/cto2026/page-content/cto_header_dotted_line_right1.png");
    background-repeat: no-repeat;
    background-position: center left, center right;
    display: inline-block;
    background-size: 150px 10px;
    margin: 0 auto;
    padding: 0px 180px;
    font-weight: 300;

}

@media screen and (max-width: 838px) {
    .tct2025HeroTitle {
        background-image: none;
        padding: 0px 15px;
    }
}


/*Reg page circles*/
.reg-circles {
    .pageWrapper__inner {
        max-width: 1000px;
        background-image: url("https://assets.crfconnect.com/meetings/cto2026/page-content/brown-dots.png");
        background-repeat: no-repeat;
        background-position: center;
    }

    .pageWrapper__inner > div:first-child {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

    }

    .circle {
        background: white;
    }
}

@media screen and (max-width: 978px) {
    .reg-circles {
        .box-0, .box-1, .box-2, .box-3 {

            flex: 1 1 45%;
            max-width: 45%;
        }
    }
}

/* Contact Us */

.contact-table {
    table.table {
        td:first-child, th:first-child {
            padding-left: 50px;
        }
    }
}

.twoColumnBorder {
    div.pageWrapper__inner {
        div.chakra-stack.twoColumnMatrixBlock {
            div {
                border: 3px solid var(--table-border-color) !important;
                border-radius: 30px !important;
                padding: 20px !important;
            }

        }
    }
}

@media screen and (max-width: 700px) {
    .contact-table {
        table.table {
            td:first-child, th:first-child {
                padding-left: 20px;
                width: auto !important;
            }
        }
    }

}

@media screen and (max-width: 600px) {
    .contact-table {
        table.table {
            td, th {
                display: block !important;
                padding-left: 30px !important;
                padding-right: 30px !important;
                border-top: 0 !important;
                border-left: 1px solid var(--table-border-color) !important;
                border-right: 1px solid var(--table-border-color) !important;
                border-bottom: 0 !important;

                p {
                    margin-top: 0;
                }

            }

            thead:first-child tr:first-of-type th:last-of-type {
                border-top-right-radius: 0 !important;
            }

            tr {
                th:first-child, td:first-child {
                    padding-top: 30px !important;
                }

                th:last-child, td:last-child {
                    padding-top: 0 !important;
                    padding-bottom: 30px !important;
                }
            }

            tr:last-of-type td:last-of-type {
                padding-bottom: 30px !important;
            }
        }

        table.table--borders-head-only {
            th:last-child {
                padding-bottom: 30px !important;
            }
        }
    }

}

/*Register*/
.tctTabs {


    .chakra-tabs__list {
        background-color: #F2F6FD;
        border-color: #1E64E1 !important;

        button {
            color: #1E64E1;
            border: solid 3px #1E64E1;

            @media screen and (max-width: 975px) {
                border: solid 3px transparent;

            }
        }

        button[aria-selected=true] {
            color: white;
            background: #1E64E1;
            border: solid 3px #1E64E1;
        }

    }

    .chakra-tabs__content {
        border: solid 3px #E8EFFC !important;
        border-radius: 30px !important;
        margin-top: 20px;
    }

}

@media screen and (max-width: 975px) {
    .tctTabs .chakra-tabs {
        background-color: #F2F6FD !important;

    }
}

.body .notebox {
    border: solid 3px #E8EFFC !important;
    border-radius: 30px;
}

/*Upcoming Card*/
.upcoming-title {
    font-family: "gothiks", sans-serif;
    font-size: 42px !important;
    line-height: 44px !important;
    font-weight: 300;

}

.event-box {
    border-radius: 30px;

}

.cal-icon {
    border-radius: 30px;
    padding-left: 4px;
}

.btn {
    border-radius: 30px;
}

.center-children {
    p, h1, h2, h3, h4, h5 {
        text-align: center;
    }
}

.btn-alt {
    text-transform: uppercase;
    color: var(--button-color, white) !important;
    transition: all 300ms ease-out;
    text-decoration: none !important;
    text-align: center;
    font-weight: 500;
    width: auto;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 30px;
    background-color: #85ACF1 !important;

    &:hover {
        background-color: #0e6fbc !important;
    }

}


.table th:not(:last-child) {
    border-color: #CCD2DE !important;
}

.notebox {
    background-color: #DAE6FB;
    border-radius: 0px !important;
    margin: 10px auto !important;
    width: auto;
    display: inline-block;
}

.col-count-3 {
    column-count: 3;
}

@media screen and (max-width: 935px) {
    .col-count-3 {
        column-count: 2;
    }
}

@media screen and (max-width: 600px) {
    .col-count-3 {
        column-count: 1;
    }
}

/*heart team discount page*/
.rowMatrixBlock.col-1-3-1 {
    margin-top: -110px;

    .pageWrapper__inner > div:first-child {
        border: solid 1px red;
        justify-content: center;
    }

    .box-0 {
        justify-content: flex-end;
        border: solid 1px red;
        flex: 0 1 25%;

    }

    .box-1 {
        justify-content: center;
        display: flex;
        align-items: flex-end;
        flex: 1 1 25%;
        max-width: 300px;
        padding: 20px;
    }

    .box-2 {
        justify-content: flex-start;
        border: solid 1px red;
        flex: 0 1 25%;

    }
}

.body a {

    text-decoration: underline;
}

/*key dates*/
.home .keyDates .slick-track {
    gap: 10px;
    align-items: flex-start;
    display: flex;
}

@media screen and (max-width: 1055px) {
    .page--attendance .verticalDivider {
        width: 0px !important;
    }

    .page--attendance .verticalDivider-box {
        padding: 0px 15px;
        height: 1px;
    }
}