/* Original color scheme by Kay McKelly, available at http://www.colourlovers.com/palette/4331737/Cryptography_Brights */


/***** General styling *****/
body {
  color: #1F2161;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5em;
}

p {
  text-align: justify;
}

a {
  color: #0F773C;
}

a:hover {
  color: #CB831E;
  text-decoration: none;
}

a#topNavTitle {
  color: #2E3192;
}


/***** Nav (in /fragments/nav.html) *****/
.navHeader {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 2px;
  margin-left: 5px;
  font-weight: bold;
}

#logo {
  max-height: 7.5em;
}

.navbar-default .navbar-toggle {
  border-color: #2E3192;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #2E3192;
}


/***** Header (found in ./index.html) *****/
.headerImg {
  background-size: cover;
  background-image: url("../images/defaultbg2_crop.jpg");
  background-position: center center;
  height: 240px;
}

.headerGradient {
  height: 100%;
  margin-bottom: 40px;
  padding: 20px;
}

.headerTitle {
  font-family: 'Roboto Condensed', sans-serif;
  text-shadow: 5px 5px 20px #FEFDFB, 0.3px 0.3px #1F2161;
  letter-spacing: 3px;
  font-size: 3.5em;
  padding-top: 20px;
}

.headerInfoTop {
  font-family: 'Roboto Condensed', sans-serif;
  text-shadow: 5px 5px 20px #FEFDFB, 0.3px 0.3px #1F2161;
  letter-spacing: 2px;
  font-size: 1.7em;
  text-align: right;
  font-weight: bold;
  margin-top: 10px;
  padding-top: 20px;
}

.headerInfoBottom {
  font-family: 'Roboto Condensed', sans-serif;
  text-shadow: 5px 5px 20px #FEFDFB, 0.3px 0.3px #1F2161;
  letter-spacing: 2px;
  font-size: 1.7em;
  text-align: right;
  font-weight: bold;
}

/* NOTE: fixes iphone header text problem */
@media (max-width: 700px) {
  .headerTitle {
    font-size: 2.8em;
    padding-top: 0px;
  }

  .headerInfoTop {
    font-size: 1.2em;
    padding-top: 0px;
  }

  .headerInfoBottom {
    font-size: 1.2em;
  }
}


/***** Main Content: general styling *****/
.indPageTitle {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 2px;
  font-size: 1.8em;
}

.pageSubtitle {
  color: #CB831E;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 2px;
  font-size: 1.4em;
  font-weight: bold;
}

.sectionSpacing {
  margin-bottom: 20px;
}

.dateTitle {
  color: #CB831E;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
}

.dateText {
  text-align: left;
}

.footer {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 1em;
}


/***** Page-specific: index *****/
.sponsorLogo {
  max-width: 150px;
}

.firstLogo {
  margin-left: 20px;
  margin-right: 30px;
  margin-bottom: 20px;
}


/***** Page-specific (multiple): call for papers, accommodations *****/
.listItems {
  text-align: left;
  border: none;
}

.tableItemTitle {
  color: #0F773C;
  font-size: 1.1em;
}

.listText {
  text-align: left;
}


/***** Page-specific: accepted papers *****/
.paperTitle {
  font-size: 1.1em;
  font-weight: bold;
  color: #1F2161;
}


/***** Page-specific: accommodations *****/
.bottomBtn {
  margin-bottom: 50px;
}

.hotelBtn {
  margin-bottom: 20px;
}


/***** Page-specific: call for papers *****/
/* fixes issue of incorrect column wrapping on smaller screens */
.wrapWell:nth-child(3n+1) {
  clear: both;
}


/***** Page-specific: registration *****/
#regTable {
  border: 1px solid rgba(15, 119, 60, 0.2);
  border-radius: 15px;
}

#regTopRow {
  border-bottom: 1px solid rgba(15, 119, 60, 0.2);
}

#regBodyRow {
  padding-top: 10px;
}

p.regTitle {
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 8px;
  text-align: center;
}

p.regBodyText {
  text-align: left;
}

p.priceText {
  text-align: center;
}


/***** Page-specific: code of conduct *****/
span.editMe {
  color: #DD0000;
}


/***** Page-specific: program *****/
/*NOTE: remove once finalized that vertical alignment for times is unnecessary*/
/*.verticalAlign {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}*/

a.iconLink {
  font-size: 1.3em;
}

p.timeSlot {
  font-size: 0.9em;
  text-align: right;
  margin-top: 25px;
}

p.talkTitle {
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 2px;
}

p.trackSwitch {
  padding-top: 10px;
  text-align: center;
}

.mutualEvent {
  background-color: rgba(177, 181, 231, 0.3);
  margin-bottom: 10px;
  text-align: center;
}

p.eventDescr {
  text-align: center;
  margin-bottom: 2px;
}

p.mutualEventTalkTitle {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 2px;
}

.track1Event {
  background-color: rgba(242, 210, 166, 0.3);
  margin-bottom: 10px;
}

.track2Event {
  background-color: rgba(164, 244, 199, 0.3);
  margin-bottom: 10px;
}

p.dualTrackDescr {
  text-align: left;
  margin-bottom: 2px;
}

span.authorName:after {
  content: ',';
}

span.authorName:last-of-type:after {
  content: '';
}

span.talkMedia {
  margin-bottom: 10px;
  display: inline-block;
}

img.talkMediaIcon, img.sessionInfoIcon {
  height: 20px;
}
