﻿/*
.full-bg {            
    height: 664px;              
}   

.banner{           
    top: 18%;            
}       

.homepageLoginFormWrapper{
    position: absolute;
    bottom: 5%;
    width: 100%;
}

.homepageLoginForm {
    width: 475px;
    margin: 0 auto;
    padding: 50px 70px 50px 50px;
    background-color: rgba(255,255,255,.6);
    border-radius: 10px;           
}

.form-inline input[type=text]{
    display: inline; 
}

.form-inline input[type=text]:first-child{
    margin: 10px 5px 10px 10px;
}

.form-inline input[type=text]:last-child{
    margin: 10px 0px 10px 5px;
}

input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus{            
    background-color: rgba(255,255,255,1);
}

input[type=submit], .new-attendee-btn, button[type=submit]{
    background-color: #023C5B;
    box-shadow: none;
    border: none;
    color: rgba(255,255,255,.8);
    padding: 10px;
    width: 100%;
    margin: 0px 10px;
    font-family: 'Roboto Light', Helvetica, sans-serif;
    cursor: pointer;
}

.new-attendee-btn{
    margin-top: 10px;
    text-align: center;
    background-color: rgba(2, 60, 91,.5);
    font-size: 80%;
}

.new-attendee-btn:hover{
    background-color: rgba(2, 60, 91,1);
}

input[type=submit]:hover, button[type=submit]:hover{
    color: rgba(255,255,255,1);
}

button[type=submit][disabled]{
    opacity: 1;
}

.warning{
    background-color: rgba(249, 123, 115,.9);
    color: #fff;
    width: 100%;
    padding: 5px 0;
    margin: 0 -10px 0 10px;
    border-radius: 5px;
    text-align: center;
    display: block;
}

.help, .forgot-pass{ 
    font-size: 15px;
    font-family: 'Roboto Light', Helvetica, sans-serif;
    color: #023C5B;
    text-shadow: 0px 0px 4px #FFF;
    cursor: pointer;
}

.forgot-pass{
    margin-left: 15px;
    float: left;
}

.help {
    float: right;
}

@media screen and (max-width: 870px){           
    .homepageLoginFormWrapper {             
        bottom: 5%;              
    }

    .homepageLoginForm{
        width: 100%;
        padding: 30px 30px 40px 10px;
    }
}                    
        
@media screen and (max-width: 480px){                               
    .homepageLoginFormWrapper {
        bottom: 20%;
    }
}   
*/


/* Moving Login.cshtml to Login.css */
.homepageLoginFormWrapper {
    width: 100%;
}

.homepageLoginForm {
    width: 475px;
    margin: 0 auto;
    padding: 50px 70px 50px 50px;
    background-color: rgba(255,255,255,.6);
    border-radius: 10px;
}

input[type=email], input[type=password] {
    display: block;
    padding: 10px 20px;
    margin: 10px;
    font-family: 'Roboto Light', Helvetica, sans-serif;
    width: 100%;
    text-align: center;
}

    input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus {
        background-color: rgba(255,255,255,1);
    }

input[type=submit] {
    background-color: #1E2654;
    box-shadow: none;
    border: none;
    color: rgba(255,255,255,.8);
    padding: 10px;
    width: 100%;
    margin: 0px 10px;
    font-family: 'Roboto Light', Helvetica, sans-serif;
}

    input[type=submit]:hover {
        color: rgba(255,255,255,1);
    }

.warning {
    background-color: rgba(249, 123, 115,.9);
    color: #fff;
    width: 100%;
    padding: 5px 0;
    margin: 0 -10px 0 10px;
    border-radius: 5px;
    text-align: center;
    display: block;
}

.help-links {
    margin-left: 10px;
    width: 100%;
    margin-top: 5px;
}

.help {
    float: right;
    font-size: 15px;
    font-family: 'Roboto Light', Helvetica, sans-serif;
    color: #023C5B;
    text-shadow: 0px 0px 4px #FFF;
}

.forgot-pass {
    float: left;
    font-size: 15px;
    font-family: 'Roboto Light', Helvetica, sans-serif;
    color: #023C5B;
    text-shadow: 0px 0px 4px #FFF;
    cursor: pointer
}

@media screen and (max-width: 870px) {


    .homepageLoginFormWrapper {
        bottom: 5%;
    }

    .homepageLoginForm {
        width: 100%;
        padding: 30px 30px 40px 10px;
    }
}

@media screen and (max-width: 650px) {
}

@media screen and (max-width: 480px) {


    .homepageLoginFormWrapper {
        bottom: 20%;
    }
}

i {
    font-style: italic;
}

.full-bg {
    background: #fff;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 90px !important;
}

.banner {
    width: 100%;
    background-color: #f3f4f5;
    color: #023C5B;
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    font-size: 2.5em;
    height: 136px;
    text-align: center;
    line-height: 1.25em;
    padding-top: 30px;
}

.section-general {
    padding: 40px 0px 60px !important;
    width: 1006px;
}

.banner-last-line {
    margin-top: -10px;
}

.homepageBtnGroup {
    /*position: absolute;
            bottom: 10%;*/
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

    .homepageBtnGroup a {
        width: 300px;
        background-color: rgba(255,255,255,.6);
        color: #000;
        /*text-shadow: 2px 2px 3px #222;*/
        display: inline-table;
        padding: 15px 42px 15px 15px;
        border: 1px solid #D5D5D5;
        font-size: 1em;
        font-family: 'Roboto Medium', Helvetica, sans-serif;
        margin: 20px auto;
        margin-top: 0px;
        line-height: 21px;
        min-width: 300px;
        position: relative;
        text-transform: uppercase;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }


@media screen and (max-width: 1000px) {
    .homepageBtnGroup a {
        display: table;
    }

    .banner {
        font-size: 1.5em;
    }
}

.homepageBtnGroup a:hover {
    background-color: rgba(255,255,255,.7);
    text-decoration: none;
}

.homepageBtnGroup a span {
    position: absolute;
    right: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.homepageBtnGroup a:hover span {
    right: 20px;
}

.agenda-section p {
    text-align: center;
}

.keynote-speakers {
    width: 645px;
    margin: 0 auto;
}

.keynote-speakers li {
    clear: both;
    height: 200px;
}

.keynote-speakers img {
    width: 188px;
    height: 188px;
    float: left;
    margin-right: 20px;
}

.keynote-speakers .name, .keynote-speakers .name a {
    font-family: 'Roboto Medium', Helvetica, sans-serif;
    color: #2b506f;
}

.keynote-speakers .name a:hover {
    color: #092e3d;
    text-decoration: none;
}

@media screen and (min-width: 1000px) {
    .full-bg {
        background-image: url('/Content/Images/Agenda-page_background-image-2025-2.jpg');
        background-size: contain;
        height: 318px;
    }
}

@media screen and (max-width: 1000px) {
    .full-bg {
        background-image: url('/Content/Images/Agenda-page_background-image-2025-2.jpg');
        background-size: contain;
        height: 31.6vw;
    }
}

@media screen and (max-width: 870px) {
    .full-bg img {
        height: auto;
        position: relative;
        left: 0;
        width: 31.6vw;
        margin-top: 90px;
    }
}

@media screen and (max-width: 651px) {
    .full-bg {
        background-image: url('/Content/Images/Agenda-page_background-image-2025-2.jpg');
        height: 256px;
        background-size: contain;
    }
}

@media screen and (max-width: 650px) {
    .banner {
        height: 110px;
    }

    .keynote-speakers {
        width: 95%;
    }

        .keynote-speakers li {
            height: 130px;
        }

        .keynote-speakers img {
            width: 120px;
            height: 120px;
        }

        .keynote-speakers .name {
            padding-top: 0px;
        }

    .full-bg {
        background-image: url('/Content/Images/Agenda-page_background-image-2025-2.jpg');
        height: 135px;
        background-size: cover;
    }

    .mobile-banner {
        display: block;     
    }
    
}

@media screen and (max-width: 480px) {
    .banner {
        font-size: 1.25em !important;
        height: 75px !important;
    }

    .keynote-speakers li {
        height: 160px;
    }

    .keynote-speakers img {
        margin-right: 10px;
    }

    .container {
        padding: 0 10px;
    }
}