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


/***** General styling *****/
body {
  background-color: #FEFDFB;
  /* NOTE: alternative color choices:
  blue-based = #F3F3FB;
  green-based = #EDFDF4; */
  color: #1F2161;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5em;
}

p {
  text-align: justify;
}

a {
  color: #0F773C;
  /* NOTE: alternative color choices:
  green-based = #2E3192; */
}

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

a#topNavTitle {
  color: #2E3192;
}


/***** Nav (in /fragments/nav.html) *****/
.navHeader {
  font-family: 'Roboto Condensed', sans-serif;
  color: #CB831E;
  /* NOTE: alternative color choices:
  blue = #2E3192;
  green = #0F773C; */
  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/asiacrypt1.jpg");
  background-position: center center;
  width: 100%;
  height: 240px;
}

.headerGradient {
  background: rgba(204, 132, 30, 0.6);
  background: -webkit-linear-gradient(rgba(204, 132, 30, 0.6), rgba(254, 253, 251, 1));
  background: -o-linear-gradient(rgba(204, 132, 30, 0.6), rgba(254, 253, 251, 1));
  background: -moz-linear-gradient(rgba(204, 132, 30, 0.6), rgba(254, 253, 251, 1));
  background: linear-gradient(rgba(204, 132, 30, 0.6), rgba(254, 253, 251, 1));
  /* NOTE: alternative color choices:
  blue-based = rgba(47, 50, 147, 0.6), rgba(243, 243, 251, 1)
  green-based = rgba(15, 118, 59, 0.6), rgba(237, 253, 244, 1) */
  width: 100%;
  height: 100%;
  margin-bottom: 40px;
  padding: 20px;
}

.headerTitle {
  font-family: 'Roboto Condensed', sans-serif;
  color: #2E3192;
  /* NOTE: alternative color choices:
  green = #0F773C; */
  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;
  color: #2E3192;
  /* NOTE: alternative color choices:
  green = #0F773C; */
  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;
  color: #2E3192;
  /* NOTE: alternative color choices:
  green = #0F773C; */
  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 {
  color: #0F773C;
  /* NOTE: alternative color choices:
  blue = #2E3192;
  orange = #CB831E; */
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 2px;
  font-size: 1.8em;
}

.pageSubtitle {
  color: #CB831E;
  /* NOTE: alternative color choices:
  blue = #2E3192;
  green = #0F773C; */
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 2px;
  font-size: 1.4em;
  font-weight: bold;
}

.sectionSpacing {
  margin-bottom: 20px;
}

.dateTitle {
  color: #CB831E;
  /* NOTE: alternative color choices:
  blue = #2E3192;
  green = #0F773C; */
  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 {
  background-color: #FEFDFB;
  /* NOTE: alternative color choices:
  blue-based = #F3F3FB;
  green-based = #EDFDF4; */
  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: program *****/
/*NOTE: remove once certain that won't need vertical alignment for times*/
/*.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;
}

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;
}

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

.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;
}

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

span.authorName:last-of-type:after {
  content: '';
}
/* One-off added for rwc to have individual talk times. */
div.talktime {
    position:absolute;
    /*    background-color: #ffc0c0; */
    /*    left:-5rem; */
    left: -5rem;
    margin-top:-1.5em;
    height: 2em;
    font-size: 0.9em;
    width:5rem;
}
@media (max-width: 700px) {
    div.talktime {
	left: -4rem;
    }
}
