/*   
Theme Name: 2023 SecDev Theme 12/19/23
Description: A Theme for the SecDev 2023 conference, developed based on 2020 SecDev Theme by Xiaoyu Cao and Neil Zhenqiang Gong and 2019 SecDev Theme by Jessie Hedges and Shelby Allen
Author: Jeman Park
Version: 0
*/
@import url('css/bootstrap.min.css');

@media screen {

* { margin: 0; padding: 0; }
body { 
	background: white; 
    height: 100%;
    position: relative;
    overflow-y: scroll;

}
.affix {
    top: 220px;
      width: 100%;
      z-index: 9999 !important;
  }
.affix-top{
    margin-top: -40px;
}

.bs-docs-sidenav{
    padding-top: 20px;
    margin-top: 20px;
    width: 240px;
}


}
@media screen and (max-width:768px) and (max-height:1024px) {
 /*Mobile css*/
    body > .jumbotron, .jumbotron-fluid {
    /*background-color: #005986;*/
	background-image: url("http://secdev.ieee.org/wp-content/uploads/2019/12/Midtown_HDR_Atlanta-e1576717825657.jpg");
    background-size: cover;
    width: 100%;
    border-bottom: 1px solid #000000;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
	padding-top: 70px;
    text-align: center;
    
 
    }
    nav[data-scrollspy-target="song"] ul {
    transform: translateY(calc(-0 * var(--scrollspy-height)));
}


    #secdev_logo{
        display: inline-block; 
        margin-top: 10px; 
        margin-bottom: 2px; 
        padding-left: 15px;
    }
    #logo{
        height: 45px; 
        max-width: 100%;
        width:auto;
        margin-top: -6px;
    }
    #ieee-logo{
        float: right; 
        height:30px; 
        width: auto; 
        margin-top: -6px;
        padding-right: 15px;
    }
    #ieee-div{
        display: inline-block; 
        margin-top: 10px; 
      
        padding-top: 6px;
    }
    .sticky-nav{
        position: fixed;
       
    }
    .list{
        padding-left: 15px;
        padding-right: 15px;
    }
    .dropdown-menu{
        padding: 0px;
    }
    .navbar-default .navbar-nav>li>a {
        background: #FFFFFF;
        color: #0d71aa;
    }
    .navbar-default .navbar-nav > li> a:hover {
        background-color: #4b90b7;
        color: black;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
        background-color: #4b90b7;
        color: black;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        background: #FFFFFF;
        color: black;
    }
    .navbar-default .navbar-nav{
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .navbar-default .navbar-nav > li.active {
    color: white;
    background-color: #0d71aa;
    }
    .navbar-default .navbar-nav > li.active >a {
        color: white;
        background-color: #0d71aa;
    }


    .navbar{
        border: 0px;
    }
    body > #page-wrap { 
         
        margin: 20px auto; 
    }

    .navbar-collapse {
        width: 768px;
        border-top: solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-toggle {
        display: block;
        color: black;
    }
    .collapse.in {
    display: block !important;
    border: 1px solid #4b90b7;
    }

    .contain-to-grid {
      width: 100%;
      height: 100px;
      background: #FFFFFF none repeat scroll 0% 0%;
    }
	.anchor{
      display:block;
      height:100px; /* this is the height of your header */
      margin-top:-100px; /* this is again negative value of the height of your header */
      visibility:hidden;
    }
    .jumbotron{
        margin: auto;
    }

    #footer-sidebar {
    display:block;
    }

    #footer-column1 {
    float: left;
    display: flex;
    
    }

    #equalR{
        height: 44px;
        width: auto;
    }
    #footer-column2 {
    float: left;

    display: flex;
    }

    #footer-column3 {
    float: left;

    display: flex;
    }
    .fixed {
      box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.25);
      width: 100%;
      }
}



@media screen and (min-width:768px) {

    #navcollapse {
    display: block !important;
    }

    body > #page-wrap { 
        width: 960px; 
        margin: 20px auto; 
    }
    body > .jumbotron, .jumbotron-fluid {

    /*background-color: #005986;*/
	background-image: url("http://secdev.ieee.org/wp-content/uploads/2019/12/Midtown_HDR_Atlanta-e1576717825657.jpg");
    background-size: cover;
    width: 100%;
    border-bottom: 1px solid #000000;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
	padding-top: 107px;
    text-align: center;
    
 
    }

    
    #secdev_logo{
        display: inline-block; 
        margin-top: 14px; 
        margin-bottom: 8px; 
        padding-top: 14px; 
        padding-left: 18px; 
        max-width: 300px;
    }

    #logo{
        height:65px; 
        max-width: 100%;
        width:auto;
        margin-top: -12px;
    }
    #ieee-logo{
        float: right; 
        height:45px; 
        width: auto; 
        margin-top: -6px;
    }
    #ieee-div{
        display: inline-block; 
        margin-top: 14px; 
        width: 300px; 
        padding-top: 18px;
    }
    
    .contain-to-grid {
      width: 100%;
      height: 138px;
      background: #FFFFFF none repeat scroll 0% 0%;
      }
	.anchor{
      display:block;
      height:138px; /* this is the height of your header */
      margin-top:-138px; /* this is again negative value of the height of your header */
      visibility:hidden;
    }
    .nav-header{
        width: 960px;
        margin: auto;
    }
    .navbar-default .navbar-nav > li> a:hover {
        background-color: #4b90b7;
        color: white;
    }

    .navbar-header {
        float: none;
        width: 100%;

    }
    
    .navbar-top {
        width: 100%;
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    
    .navbar-default .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #0d71aa;
    }
    .navbar-default .navbar-nav > li.active {
    color: white;
    background-color: #0d71aa;
    }
    .navbar-default .navbar-nav > li.active >a {
        color: white;
        background-color: #0d71aa;
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
        background-color: #eee;
        border-color: #337ab7;
        color: #337ab7;
    }

    div>li>.menu-item .hover{
         background-color: #337ab7;
         color:white;
    }

    .fixed {
      box-shadow: 0px 3px 0px 0px rgba(50, 50, 50, 0.25);
      width: 100%;
      }

    div> div> ul> li>.hover{
    color: #337ab7;
    
    }
    #footer-sidebar {
    display:block;
    height: 250px;
    }

    #footer-column1 {
    float: left;
    width: 340px;
    margin-top: 5px;
    margin-left: 2.5%;
    margin-bottom: 5px;

    }

    #equalR{
        height: 44px;
        width: auto;
    }
    #footer-column2 {
    float: left;
    width: 340px;
    margin-left: 2.5%;
    margin-top: 5px;
    margin-bottom: 5px;
    }

    #footer-column3 {
    float: left;
    width: 340px;
    margin-top: 5px;
    margin-left: 2.5%;
    margin-bottom: 5px;
    }
}

img.center {
    display: block;
    margin: 0 auto;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */


h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

.title, .location, .sponsors{
    font-family: 'Roboto', sans-serif;
}
.overview{
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    line-height: 22px;
}
.regular{
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 22px;
}


.grey{
    font-family: 'Roboto', sans-serif;
    background-color: #EAEAEB;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 3px 3px 3px 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.keynote{
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
}
.donorlist {
  list-style-type: none;
}

p { margin: 0 0 10px 0; }

a { }
a:hover { } 


blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post h2:first-of-type {
    visibility: hidden;
}

.entry { }
.entry a { }
.entry a:hover { }
.meta {
	display:none;
}
pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }




body >div >div >div> div> div> div#overlay{
    background: rgba(255, 255, 255, 0.80);
    border-radius: 3px 3px 3px 3px;
    padding-bottom: 2ex;
    padding-top: 2ex;
}

body > div> div> .title{
    padding-top: 3ex;
    font-weight: 300;
	font-size: 2.36vw;
    text-shadow: 2px 2px 2px #000000; 
 }

.sponsors body > div> div> p> a{
    color: #005986;
}

.sponsors body > div> div> p> a:hover{
    color: #005986;
}
.menu-item{
    font-size: 16px;
}
#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

.mhfooter{
    background-color: white;
  
}



@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }

} 





div>li>.menu-item .hover{
     background-color: #337ab7;
     color:white;
}



/* ***
 * Schedule/program styling
 * (Steve Chong 8/7/19)
 */
table.program-table {
    margin-left : 3ex;
    border-width: 1px;
    border-spacing: 1px;
    border-style: outset;
    border-color: gray;
    border-collapse: separate;
	width: 100%;
}

table.program-table th {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: gray;
}
table.program-table td {
    border-width: 1px;
    padding: 2px;
    border-style: inset;
    border-color: gray;
}
tbody tr td:first-child {
  width: 10em;
  min-width: 10em;
  max-width: 10em;
  word-break: break-all;
}

table.program-table ul {
	margin-left: 20px;
    padding-left: 20px;
}
.program-date-header {
    background-color: rgb(220,220,220);
    font-size: 125%;
    font-style: italic;
    text-align: center;
}
.program-time {
    font-size: 90%;
    vertical-align: top;
    font-style: italic;
    text-align: center;
}
.program-location {
    font-style: italic;
    font-size: 90%;
}
.program-session-chair {
    font-style: italic;
    font-size: 90%;
}
.program-session-title {
    font-weight: bold;
    font-size: 110%;
}

.invited-speaker {
    font-weight: bold;
    font-size: 110%;
}
.session-chair {
    font-style: italic;
    font-size: 90%;
}

.papertitle {
    font-size: 100%;
}
.paperauthor {
    font-style: italic;
    font-size: 90%;
}
.paperauthoraffiliation {
    font-style: italic;
    font-size: 80%;
}

span.paperauthor {
    margin-left: 4ex;
	display: inline-block;
}

table.program-table li .program-location {
    margin-left: 4ex;
}