@import "sidebar.css";
@import "menu.css";




/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {

}

/*// Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
  


}

/*// Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {

    .datebar_l {
        padding: 0 !important;
        text-align: center;
    }

    .green::after {
        display: block !important;
        content: "" !important;
        clear: both !important;
    }

    .porttop {
        position: relative;
        height: initial !important;
    }

    .portimg {
        text-align: center;
    }


    .portannounce, .portannounce_b, .portimg, .greenbar {
        position: relative !important;
        top: initial !important;
        left: initial !important;
        bottom: initial !important;
        right: initial !important;
        transform: initial !important;
        text-align: center !important;
        font-size: 40px !important;
        line-height: 50px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .sessiondesc, .regnow, .reg_l, .reg_r {
        padding: 20px !important;
    }

    .reg_r {
        text-align: center !important;
    }

    .navbar {
        padding-bottom: 20px !important;
    }

    .navbar-brand {
        margin: 0 auto !important;
    }

    .navbar .btn-info {
        margin: 0 auto !important;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
    .greenbar
    {font-size:60px!important}
    .porttop {
        position: relative;
        height: initial !important;
    }



    .portannounce, .portannounce_b, .portimg, .greenbar {
        position: relative !important;
        top: initial !important;
        left: initial !important;
        bottom: initial !important;
        right: initial !important;
        transform: initial !important;
        text-align: center !important;
        font-size: 40px !important;
        line-height: 50px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .sessiondesc, .regnow, .reg_l, .reg_r {
        padding: 20px !important;
    }
}

/*-------------Page Warnings----------------*/


/*@media (max-width: 500px)
{

.navbar .nav > li > a
{font-size: 20px!important;


}

}*/

/**---START OF CSS------*/
.ErrorHeading {
font-weight: bold;
font-size: 13pt;
margin-bottom: 6px;
}

.validator1 {
position: relative;
left: 3px;
bottom: 1px;
vertical-align: middle;
}

.validator2 {
position: relative;
left: -2px;
bottom: 3px;
vertical-align: middle;
}

.DbValidationSummery {
color: #ff0000;
padding-bottom: 0px;
}

.DbValidationSummeryUL {
margin-top: 12px;
}

.DbValidationSummeryLI {
margin-left: -16px;
padding-bottom: 8px;
}

.bold {
font-weight: bold;
}

sup {
font-size: .7em;
}

.alert {
color: #FF0000;
}


span.clearfloat {
clear: both;
display: block;
height: 0px;
}


div.officealert {
border: 1px solid #FF0000;
background-color: #FFCCCC;
color: #FF0000;
font-size: 1.4em;
font-weight: bold;
text-align: center;
}

span.officealert {
border: 1px solid #FF0000;
background-color: #FFCCCC;
color: #FF0000;
padding: 0 1px 0 1px;
}


div.officealert span.alertnote {
font-size: 0.7em;
font-weight: normal;
float: right;
display: block;
}

div#loadingpane {
background-color: #888888;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2;
text-align: center;
vertical-align: middle;
}

div#loadingpane img {
padding-top: 300px;
vertical-align: middle;
margin: 0 auto;
max-height: 50px;
}
/*--------------------------------------*/


html {height:100%!important;
}
body {
    /*margin:0;
	padding:0;
	   background-color: #F4F5C9;*/
    background-color: #fff;
    font-family: "miller-display", 'Avenir', Arial, 'Times New Roman', Times, serif !important;
    font-size: 18px;
    /*background: rgb(244,245,201);
    background: -moz-linear-gradient(top, rgba(244,245,201,1) 66%, rgba(12,35,64,1) 100%);
    background: -webkit-linear-gradient(top, rgba(244,245,201,1) 66%,rgba(12,35,64,1) 100%);
    background: linear-gradient(to bottom, rgba(244,245,201,1) 66%,rgba(12,35,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f5c9', endColorstr='#0c2340',GradientType=0 );*/
    /*background-color : green\9!important; /* IE8 and below */
    /*height: 100%;*/
    /*margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;*/
    /*height: 100% !important;*/
}

/*body{
 
behavior:url(/JS/PIE.htc);
background-image: url("../images/splash.png");
 background-size: contain; 
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

background-repeat: no-repeat;
background-position: top center;

/* Height is 100%, so the body can be 100% */
/*height: 842px; this causes the speakers page to not work right
background-color: #173A65;
font-size:14px!important;
}*/


.page.header {
margin-top: 0;
}

.panel-body {
padding-top: 0;
}

#splash {
padding: 0;
margin-bottom: 30px;
background-color: #ffffff;
width: 100%;
}

#abstractbutton {
position: relative;
}



/*.row {
width: 100%;
}*/

#Img1 {
padding-top: 20px;
padding-bottom: 20px;
margin: 0 auto;
}



.main_menu {
background: transparent none;
}




a.Remote {
    padding: 0 30px 0 30px !important;
}

/*Bullets between menu items*/
/*#topbar li:after { 
padding: 10px;
 vertical-align: middle;
 line-height: 12px;
display:table-cell;
content: '\2022'; }

#topbar li:last-child:after { content: none; }*/



/*-------DROPDOWN MENU----------*/


.dropdown-menu
{
   
    width: 600px;
    /*left:0!important;
    width: 500px;*/
}

  .menu_event
       {
           display:inline-block;
                   padding:0;
                   margin:0;
                    line-height:13px!important;
             
       }

/*.navbar-nav > li > .dropdown-menu 
{
background: rgba(0,0,0,0.7);
background-image: url(../images/nav_back.png);
background-position: center top;
background-repeat: repeat;

color: #ffffff;
font-size: 15px;
border: none;

}*/



/*.dropdown-menu > li > a {
color: #ffffff;
}

.dropdown-menu > li > a:hover {
text-decoration: underline;
background-color: transparent;
color: #ffffff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #000000;
text-decoration: underline;
}*/



.splashdiv {
position: relative;
background-color: transparent;
height: 300px;
}





.container {
padding: 0 0 0 0;
}

.container #headertext {
max-width: 820px;
}

.container #headertext h3 {
font-weight: bolder;
}

h3 {
    font-family: "miller-display",  Arial, 'Times New Roman', Times, serif;
    color: #010020 !important;
    font-size: 35px;
    min-height: 45px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
    background-position: bottom left;
    background-size: 100% 1px;
    background-repeat: no-repeat;
}

h5 {
    font-family: "miller-display",  Arial, 'Times New Roman', Times, serif;
}

/*-----------Main content --------------------------*/



#MainContent, #splashcontainer {
max-width: 1400px;

}

.modalimg {
    border-radius: 20px;
    border: 2px solid #363B46;
    margin: 2px;
    transform: scale(0.95);
    transition: all .35s;
    -moz-transition: all .35s;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
}

.modallink {
  
}


.modalimg:hover {
    transform: scale(1);
    transition: all .35s;
    -moz-transition: all .35s;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
}
.header {
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
}

#topheader {
    max-width: 1400px;
    margin-top: 100px;
    margin-bottom: 20px;
}

#MainContent {
    
    padding: 20px 0 0 0;
    /* The image used */
    background-image: url("../images/bg_hex.png");
    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/bg_hex.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/bg_hex.png', sizingMethod='scale')";
}

.bodycontent {
padding-bottom: 10px;
}

#midsectioncontent {
min-height: 300px;
width: 100%;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 0;
}

#midsectioncontent a{
    /*color: #B57705;*/
    text-decoration:underline;
}

    #midsectioncontent a:hover {
        color: #010020;
        text-decoration: underline;
    }


#splash {
padding: 0;
margin-bottom: 0px;
background-color: #ffffff;
}

a#privacy, a.pull-right {
text-decoration: underline;
color: #191E48;
}
/*
#footer.container
{

border-bottom: 1px solid #888888;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
background-color: #ffffff;

}*/




.datebar {
position: relative;
/*
 
background: rgb(23,161,198); 
background: -moz-linear-gradient(top,rgba(23,161,198,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,rgba(23,161,198,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,rgba(23,161,198,1) 0%,rgba(255,255,255,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17a1c6', endColorstr='#ffffff',GradientType=0 );

max-width:100%; 
margin: 6px;

font-size:15pt;
vertical-align:middle;
line-height: 36px;
color: #000000;
font-weight:bold;

text-align:center;*/
}


h1 {
font-size: 13pt;
margin: 5px;
padding: 0;
text-transform: uppercase;
}

.decorated {
vertical-align: middle;
overflow: hidden;
text-align: center;
}

.decorated > span {
position: relative;
display: inline-block;
}

.decorated > span:before, .decorated > span:after {
content: '';
position: absolute;
top: 50%;
border-bottom: 1px solid #8a8a8a;
width: 591px; /* half of limiter*/
margin: 0 20px;
}

.decorated > span:before {
right: 100%;
}

.decorated > span:after {
left: 100%;
}

.break2
{
    display: none;
}


div.topbanner {
background-color: #F2C22E;
/*border-top:2px solid #8B620B;
border-bottom:2px solid #8B620B;*/
border-left: 1px solid white;
border-right: 1px solid white;
color: #000;
font-size: 20px;
padding: 10px;
text-align: center;
}

/*a.Remote {
border-left: 10px !important;
}*/

/*#FooterLinks {
padding: 0px;
margin: 0px;
background-color: #0A1533;
width: 100%;
border-bottom: 2px solid #0f2458;
}

#FooterLinks div strong {
font-size: 125%;
color: #191E48;
}

.FooterLinksList {
padding: 30px;
text-align: left;
}



#FooterLinks, #FooterLinks a, #footer, a#privacy {
color: #191E48;
}

#FooterLinks a {
text-decoration: none;
line-height: 22px;
}

#FooterLinks a:hover {
text-decoration: underline;
}*/




#footer, #footer a {
    color: #f4f5c9;
    background-color: #292E66;
}
    #footer a:hover {
        color: #F4F5C9;
        text-decoration: underline;
    }
a.icons {
    /*line-height: 15px;*/
    font-size: 25px !important;
    transition: all .35s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    color: #F4F5C9;
    padding: 5px;
}

a.icons:hover {
    text-decoration: none !important;
    color: #fff !important;
    transition: all .35s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
}

h1 {
font-size: 25px;
}

div.HeaderText {
text-align: center;
font-style: italic;
margin: 0 auto;
width: 85%;
}




#marquee {
background-image: url();
background-repeat: no-repeat;
overflow: hidden;
background-color: #D1EDF5;
}

div.HeaderText {
text-align: center;
font-style: italic;
}



.btn-secondary, .btn.btn-default.dropdown-toggle {
    background-color: #e7e7e7 !important;
    color: #000 !important;

}

.btn-danger, .btn-danger:hover, .btn-warning, .btn-warning:hover {
    background-color: #2B3181 !important;
    border:none;
    color: #F4F5C9 !important;
    text-decoration: none !important;
    transition: all .35s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
}

.btn-info, .back-to-top, .date, .datehidden {
    background-color: #9BCB41 !important;
    border: none;
    color: #000 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 17px;
    transition: all .35s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
}

    .btn-info:hover, .back-to-top:hover, .date:hover {
        opacity: .7 !important;
        color: #000 !important;
        text-decoration: none !important;
        transition: all .35s;
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
    }

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 50px;
    display: none;
    z-index: 9999;
    width: 52px;
    height: 46px;
    /*background-color: #2B3181 !important;
    color: #0C2340!important;*/
}


a.anchor {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

.menuhr
{

 padding:0;
 border-color: #fff!important;
 width:70%!important;
 margin:2px auto;
  border-width: 2px;
}


/*----When menu shrinks to button---------*/
@media (max-width:817px) {
   
/*}


@media (max-width:768px) {*/





    .social {
        margin-right: 15px !important;
        margin-top: 20px!important;
        text-align:right;
    }

    #footer {
        margin-top: 20px;
    }
    /*
    .fa-linkedin {
        position: absolute;
        left: 20px;
        top: 10px;
    }

    .fa-facebook {
        position: absolute;
        left: 20px !important;
        top: -25px;
    }

    .fa-instagram {
        position: absolute;
        left: 55px;
        top: 10px;
    }

    .fa-twitter {
        position: absolute;
        left: 55px !important;
        top: -25px;
    }*/

    .break2 {
        display: contents !important;
    }



.menuhr
{
    border-width:0px;
 /*padding:0;
 border-color: #fff!important;
 border-width: 2px;
 width:70%!important;
 margin:2px 0 2px 0!important;*/
}

.back-to-top {

right: 0!important;

}


}


.menuitem
{color:red;font-weight:bold;text-align:center;}
.menuitem:hover{cursor:pointer;text-decoration:underline;}


#divSupporters
{
    padding:0!important;
    margin:0!important;
}


.datebar_ {
    
    margin: 0;
    min-height:20px;
}
.datebar_l {
  
    line-height: 50px;
    color: white;
    font-size: 30px;
    
    padding-left: 5%;
    background: #211d50;
  
}
.datebar_r {
    background: #9BCB41;
}

span.green {
    color: #9BCB41;
    font-style:italic;
}

/*PORTRAIT SECTION*/
.portrait {
    position: relative;
   
   
}
.porttop {
    position: relative;
    height: 500px;
}
    .portimg  {
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

.portannounce {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    text-align:right;
    font-weight:bold;
    font-size: 35px;

}
.portannounce_b {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    text-align: right;
  
    font-size: 30px;
}
.greenbar {
    background-color: #9BCB41;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: right;
    z-index: 0;
    font-style: italic;
    font-size: 80px;
    line-height: 80px;
    padding-right: 5%;
}
#p_young {
    max-height: 500px;
}

.portbottom{
    margin-top:50px;
    text-align:center;
    font-size: 20px;
}

.sessiondesc {
    background-image: url("../images/bg1.png");
    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/bg1.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/bg1.png', sizingMethod='scale')";

    color:white;
    font-style:initial!important;
    padding:50px 100px;
    font-size: 20px;


}

/*.sessionlist{
    display: flex;
    align-items: center;
}*/
.sessionlist span.green {
    font-style: initial !important;
}

.sessionimg {
    text-align: center;
}


.regnow {
    background-image: url("../images/bg_line.png");
    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/bg_line.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/bg_line.png', sizingMethod='scale')";
    color: #000;
    font-style: initial !important;
    padding: 50px 100px;
    font-size: 20px;
}
.regnow .btn-info{
    font-size: 40px;
    font-weight:normal!important;
    font-style:italic!important;
}
.reg_l{
    text-align:center;

    padding:0 100px;
}
.reg_r {
    font-weight: bold;
    text-align: right;
    line-height: 40px;
    padding: 0 100px;
}


.animated {
    margin: 0 auto;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}

    .reveal.active {
        transform: translateY(0);
        opacity: 1;
    }