/* STYLES FOR FULL-WIDTH TEMPLATE AS USED BY NCTA ORIGINALLY */
/*
    Client Colors

    --client-pink : #C264C1
    --client-darkpurple : #484C91
    --client-lavender : #959BFD

*/

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
body {
    background: white;
    color: #000000;
    font-family: "Nunito", Arial;
    margin: 0;
    padding: 0;
}
.environment-text {
    text-align: center;
    font-weight: bold;
    border-radius: 0;
    margin: 0;
}

/* Show-Specific colors and styles */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    line-height: 1.2;
}
h1, .h1 {
    font-size: 24px;
    color: #484C91;
    text-transform: uppercase;
    margin-bottom: 10px;
}

h2, .h2 {
    font-size: 24px;
    color: #C264C1;
    text-transform: uppercase;
    margin-bottom: 10px;
}

h3, .h3 {
    font-size: 24px;
    color: #695181;
    text-transform: uppercase;
    margin-bottom: 10px;
}
h5, .h5 {
    margin-top: 0px;
    font-size: 20px;
    color: #484C91;
    margin-bottom: 10px;
}


h4, .h4, {
    margin-bottom: 10px;
    font-size: 22px;
    color: #484C91;
}

h6, .h6 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #484C91;
}



.whiteBGborder {
    border: 1px solid #ccc;
    background: #fff;
    padding: 15px;
}

/*link overrides*/
a:link:not(.btn), a:visited:not(.btn), a:link:active:not(.btn), a:visited:active:not(.btn) {
    color: #618DE5;
    text-decoration: none;
}

a:link:hover:not(.btn), a:visited:hover:not(.btn) {
    color: #496AAC;
    text-decoration: none;
}

/*button overrides*/
.btn {
    border-radius: 15px;
}
.btn-large {
    border-radius: 30px;
}

.btn-primary {
    background: #618DE5;
    color: #ffffff;
    text-decoration: none;
}

    .btn-primary:hover {
        background: #496AAC;
        text-decoration: none;
        color: #ffffff;
    }

/*hr overrides*/
hr {
    height: 1px;
    width: 100%;
    background: #253F72;
    text-align: left;
    border: none !important;
    margin-top: 0px;
    margin-bottom: 10px;
    display: inline-block;
}

/*custom navbar on default page ONLY*/
.navbar .nav > li > a {
    color: #fff;
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}

    .navbar .nav > li > a {
        border-left: 0px;
    }
        .navbar .nav > li > a:hover {
            color: #fff;
            background: #D33831;
        }
.navbar-inner {
    background: #0E1828;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
}
/*header styles*/
.header {
    background-image: linear-gradient(to right, #0E1828, #0E1828);
}

/* page styles */
.page{
    border-radius: 50px;
    background-color: white;
    margin: 10px 0;
}


/* footer styles */

.footer {
    background-color: #0E1828;
    width: 100%;
    padding: 10px 0;
    color: #fff;
}
    .footer hr {
        height: 1px;
        width: 100%;
        background: #253F72;
        text-align: left;
        border: none !important;
        display: block;
        margin: 1rem 0 0.6rem;
        display: inline-block;
    }
    .footer a:link, .footer a:visited, .footer a:link:active, .footer a:visited:active {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }

        .footer a:link:hover, .footer a:visited:hover {
            text-decoration: none;
            color: #618DE5;
        }

/* Template settings/elements */
img {border:none; padding:0px;}

.bggrey{background:#f1f1f1;}
.noborder{border-style:none;}

.clearboth{clear: both;margin:0; padding:0;}

/* FONT SIZES */
.xsmall{font-size:10px;}
.small{font-size:12px;}
.medium{font-size:14px;}
.large {font-size:16px;}
.larger{font-size:20px;}
.xlarge{font-size:30px;}

/* Colors & Fonts */
.black {color:#000000;}
.red {color:#ff0000;}
.grey {color:#999;}
.green {color:#7fb555;}
.blue {color:#025696;}
.lightblue{color:#2da3bd;}
.darkgreen{color:#060;}
.white{color:#fff;}
.purple {color:#8948ad;}
.yellow { color: Yellow;}
/* Display styles */
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.italic {font-style: italic;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
/** spacing */
.my-10 {margin: 10px 0;}
.py-10 {padding: 10px 0;}

/* Badge Preview Styles */
.badge-preview {
    padding: 40px 20px;
    color: black;
    border: 2px solid #618DE5;
    border-radius: 38px;
    background: none;
    text-align: center;
    width: 300px;
}

/* jquery UI #dialog overrides */
#dialog
{
    background: #fff;
    z-index: 99999;
    padding:10px;
    box-shadow:6px 5px 5px #999;
    border-radius:5px;
    border:1px solid #ccc;
    padding-top:40px;
}

.ui-dialog-titlebar
{
    margin-bottom:-55px;
    height:30px;
    padding:0 10px;
    background:#f1f1f1;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
}

.ui-dialog-titlebar-close
{
    float: right;
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    
}

/*added in 2022, during the change site cleanup to match the client site*/
.sc-container-blue {
    padding: 10px 10px;
    background: linear-gradient(to right, #A7B0F8, #faeceb);
    color: #000;
    margin: 0 0 20px 0;
}

.sc-container-header {
    font-size: 2.4rem;
    background-color: #e6e7fe;
    padding: 1rem 1.5rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.sc-container-body {
    padding: 10px 10px;
    border: 0;
    border-radius: 0;
    margin-bottom: 25px;
}
.sc-blue-border {
    padding: 40px 20px;
    color: black;
    border: 2px solid #618DE5;
    border-radius: 38px;
}

/*exhibitor cards*/
.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 4rem;
    width: 100%;
}

    .cards .card {
        -ms-flex-preferred-size: 21%;
        flex-basis: 21%;
        background-color: #e6e7fe;
        /*
            background: -webkit-gradient(linear, left bottom, left top, from(rgba(10, 28, 57, 0)), to(#2772e5)) no-repeat;
            background: -webkit-linear-gradient(bottom, rgba(10, 28, 57, 0) 0%, #2772e5 100%) no-repeat;
            background: -o-linear-gradient(bottom, rgba(10, 28, 57, 0) 0%, #2772e5 100%) no-repeat;
            background: linear-gradient(0deg, rgba(10, 28, 57, 0) 0%, #2772e5 100%) no-repeat;
            */
        margin-right: 20px;
        margin-bottom: 20px;
        position: relative;
        padding: 20px 10px;
        border-radius: 40px;
        border: 2px solid #618DE5;
        color: #000;
        cursor: pointer;
    }

        .cards .card:hover {
            border-color: #959BFD;
        }

        .cards .card h4 {
            text-align: center;
            color: #000;
        }

        .cards .card .header-icon {
            color: #618DE5;
            font-size: 3em;
        }

        .cards .card .arrow-icon {
            color: #618DE5;
            font-size: 2em;
        }

            .cards .card .arrow-icon:hover {
                color: #959BFD;
            }

/* Fix footer nav tweak I made above to work on mobile */
@media screen and (max-width: 1024px)
{
    .navbar .container
    {
        width: 100%;
        padding: 0px;
        position: relative;
    }
}