/*
Theme Name: STM 2014
Theme URI: http://www.beautifulcoding.com
Author: Jamie Loberman
Author URI: http://www.beautifulcoding.com
Description: STM 2014 Fully Responsive Theme
Version: 1.0
License: Private
*/

body {
  background-color: #dddddd;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  border-top:10px solid #000000;
}

.glyphicon {
   top: 2px;
}

.purple {
  color:#91268F;
}

.purple-cells {
  background-color: #91268F;
  color: white;
  border: 1px solid black;
}
h1 {
  padding:10px 0;
  margin:0;
  font-size: 2.2em;
  color:#91268F;
  font-weight: bold;
}

h2 {
  padding:10px 0;
  margin:0;
  color:#91268F;
  font-size: 1.8em;
}
h2 small {

}

.h3, h3 {
  font-size:20px;
  margin-top:3px;
}

a {
  border-bottom: 1px dotted transparent;
}

a:hover {
  text-decoration: none;
  border-bottom: 1px dotted #CCC;
}

hr {
  clear: both;
}

hr.style1{
	border-top: 1px solid #ccc;
}

.white {
  color:#FFF;
}
.white:hover,
.white:focus,
.white:active {
  color: #F1F1F1;
}

.container {
  padding-bottom: 30px;
}

#header {
  padding-top:15px;
  padding-right:15px;
  padding-bottom:15px;
}
#header-right {
  padding-top:10px;
}

#header-right .input-group {
  width:100%;
  float:right;
  padding-top:10px;
  padding-left:15px;
}


#header .contact {
  padding-right: 0;
}
#header .contact a {
  background-color: #91268F;
  color: #FFFFFF;
  padding: 5px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
}

.navbar a,
.navbar a:hover {
  border-bottom: none;
}

.navbar {
  background: #333;
  border-radius: 0px;
  border:0;
}

.navbar .navbar-toggle:hover {
   background-color:#333333;
}
.navbar .navbar-toggle span {
  background-color:#FFFFFF;
}

.navbar .navbar-collapse {
  padding:0;
  max-height: 400px;
  overflow-x:hidden;
}

.nav>li>a:hover,
.nav .open>a:hover,
.nav .active {
  background-color: #003366;
}
.nav .open>a,
.nav>li>a:focus,
.nav .open>a:focus {
  background-color: #333;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  /*background-color: #eee;*/
  border-color: #FFFFFF;
}

.navbar a.dropdown-toggle {
  color: #FFFFFF;
  padding-left:20px;
  padding-right:20px;
  border-right:2px solid #E9E9E9;
  font-size:1em;
}

.navbar .dropdown-menu ul {
  padding:0;
  margin: 0;
  list-style: none;
}


.navbar h3 {
  padding:0 0 4px 0;
  margin:0 0 3px 0;
  font-size:1.6em;
  border-bottom: 1px dotted #CCC;
}

.navbar .dropdown-menu ul {
  padding-bottom: 15px;
}
.navbar .dropdown-menu ul a {
  padding:0;
  margin: 0 0 2px 0;
  display: block;
}
.navbar .dropdown-menu ul a:hover {
  text-decoration: none;
}

.navbar-nav.navbar-right .dropdown-toggle {
  margin-right: 15px;
  background-color: #91268F;
  border-left:2px solid #E9E9E9;
  border-right:0px;
}

.navbar-welcome {
  color:#FFF;
  padding-right: 20px;
}




#breadcrumbs {
  color:#999999;
  font-style: italic;
}
#breadcrumbs strong {
  display: none;
}



.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
  margin-bottom:10px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
  margin-bottom:10px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:10px;
}

.alignleft .wp-caption-text {
  margin-right: 10px;
}

.alignright .wp-caption-text {
  margin-left: 10px;
}

.alignnone {
  display: inline-block;
}

.gallery-item img {
  margin:0 auto;
}

.wp-caption-text {
  font-size: 10px;
  text-align: center;
  padding-top: 2px;
}


#main div[class^='col-'] {
  margin-top:30px;
  margin-bottom: 0px;
  padding-bottom: 0;
  padding-top:0;
}

.content-item {
  background-color: #FFFFFF;
  padding:10px 20px;
  margin:0 0 30px 0;
  min-height: 0px;
}
.content-item-inverse {
  background-color:#222;
  color:#FFF;
}
.plus-size p {
  font-size:130%;
}

.post-date {
  display: block;
  float: right;
  color:#999;
  font-style: italic;
  padding:10px 0;
}

.img-left {
  float:left;
  margin-right:10px;
  margin-bottom: 10px;
}
.img-right {
  float:right;
  margin-left:10px;
  margin-bottom: 10px;
}

.link-list, .link-list-extra {
  list-style: none;
  padding:0 0 0 0;
  margin:0;
}
.link-list li {
  padding-bottom: 5px;
}
.link-list-extra li {
  padding-bottom: 15px;
}
.link-list span, .link-list-extra span {
  color:#333333;
}


.table-simple {
   width: auto;
}
.table-simple > tbody > tr > td {
  border-top:0;
  padding:5px 30px 5px 0;
}

#footer {
  background-color: #FFFFFF;
  border-top:5px solid #000;
  padding-top: 25px;
  color:#CCC;
}
#footer img {
  padding:0 10px 0 0;
}


.carousel-text {
  position: absolute;
  width:30%;
  top:0;
  right: 0;
  text-align: center;
  padding:0 40px;
  background-color: #000;
  height: 100%;
  color: #FFF;
  opacity: 0.85;

}

.carousel-text h3 {
    font-size: 2em;
    margin-top:20px;
}

.carousel-indicators {
  left:auto;
  right:0;
  width:30%;
  bottom:5%;
}

.carousel-control {
  width:10%;
}
 .carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  right:30%;
  background-image: none;
}



.more-link {
  display: inline-block;
  font-weight: bold;
  font-style: italic;
  padding:3px 6px;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #003366;
  color: #FFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top:5px;
  border:0;
}
.more-link:hover {
  color:#F1F1F1;
  background-color: #2a6496;
  border:0;
}


.side-menu .content-item {
  padding-bottom:20px;
}
.side-menu h3 {
  margin: 8px 0 0 0;
}
.side-menu ul {
  list-style: none;
  margin:0;
  padding:0;
}
.side-menu .second {
  margin-top: 8px;
}
.side-menu .third {
  margin-top: 8px;
  padding-left:10px;
}
.side-menu .current a {
  font-weight: bold;
  color:#2a6496;
}

/*SHARE LINKS*/



.sharelink {
  padding-right:15px;
  display: inline-block;

}
.sharelink a {
  position: relative;
  display: block;
  height:20px;
  line-height: 20px;
  color:#CCC;
  text-decoration: none;
  vertical-align: middle;
  padding-left:21px;
}
.sharelink a img {
  padding:0;
  margin:0;
  position: absolute;
  top:2px;
  left:0;
}
.sharelink .at16nc {
  position: relative;
  top:2px;
}


.event-registration-button {
  display: block;
  text-align: center;
  width:100%;
  margin-bottom: 10px;
  padding:10px 20px;
  background-color: #2b568d;
  color:#FFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 120%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:none;
}
.event-registration-button:hover {
  color:#F1F1F1;
  text-decoration: none;
  border:none;
}

.event-registration-details table {
 margin-top:10px;
}

.content-item .event-sponsor-logo,
.content-item .event-sponsor-logo-small {
  display:block;
  border:0;
  margin: 0 auto 20px auto !important;
  max-height:120px;
  max-width:250px;
}

.event-apps img {
  width:100%;
  height: auto;
  max-width: 200px;
  margin:0 0 5px 0;
}

.hidden {
  display: none;
}

a.map-link {
  display: inline-block;
  background-color: #2b568d;
  color: #FFF;
  padding: 5px 8px;
  margin-top: 10px;
  font-size: 11px;
}

#document-library-container {
  padding:10px 10px 30px 10px;
}
#document-library-table {
  margin-top:10px;
  padding:0 0 25px 0;
}
#loading-documents {
  display: block;
  font-weight: bold;
}
#document-library-table_length {
  padding-top:2px;
  float:right;
}

#security-container {
  float:left;
}
#security-container label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#document-library-table thead td {
  padding:5px 3px 5px 0;
}
#document-library-table thead td select {
  padding-left:1px;
  padding-right:1px;
}




#document-library-table_filter input {
  margin:0;
  display: inline-block;
  font-weight: normal;
  width:400px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#document-library-table_filter input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


table .security-cell {
  display: none;
}
table .title-cell {
  font-size: 13px;
}
table .portfolio-cell {
  font-size: 12px;
  width:120px;
}
table .type-cell {
  font-size: 12px;
  width:170px;
}

table .date-cell {
  width:75px;
  font-size: 12px;
  text-align: center;
}

.members-only {
  position: relative;
  display: inline-block;
  padding:3px 5px;
  font-size: 9px;
  text-transform: uppercase;
  background-color: #91268F;
  color: #FFF;
  margin-left:5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: default;
  top:-1px;
}
.members-only .glyphicon {
  top:1px;
}


.email-signup {
  background-color: #666666;
}

.side-menu .members-only,
.content-item .members-only {
  top:-2px;
  background-color:#FFF;
  color:#91268F;
  font-size: 10px;
  padding:3px;
}




.eventlist-item {
  clear:both;
  display:block;
  padding:15px 0 5px 0;
}
.eventlist-item:hover {
  /*background-color:#333;*/
}
.eventlist-item:hover span {
  color:#069;
}
.eventlist-item span {
  display:block;
  color:#000;
}
.eventlist-title {
  font-size: 15px;
  font-weight:bold
}
.eventlist-subtitle {
  font-weight:bold
}

.eventlist-address {
  float:right;
  font-size: 10px;
  line-height:12px;
  text-align:right;
  padding-bottom:15px;
}




.main-content {
  padding:15px 30px 30px 30px;
}

.main-content table {
  /*table-layout: fixed; */
  width: 100%
}
.main-content table td {
  word-wrap: break-word
}


.main-content table td {
  vertical-align: top;
  padding-right:20px;
  padding-bottom: 5px;
}

.main-content img,
.content-item img {
  border:1px solid #ddd;
  padding:4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display:block;
  max-width:100%;
  height:auto
}

.main-content img.no-border,
.content-item img.no-border {
  border:0;
  padding:4px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}


.bio-box {
  display: none;
  padding:20px;
  background-color: #FFF;
  border:1px solid #CCC;
  width:400px;
}

.bio-photo {
  height:150px;
  width:150px;
  float:left;
  margin:0 20px 10px 0;
  border:0;
  padding:0px;
}

.bio-box img {
  display: block;
  border:0;
  padding:0;
  width:150px;
  height: 150px;
}
.bio-box .loading {
  display: block;
  margin:57px 0 0 57px;
  width:36px;
  height:36px;
}

.bio-inline {
  border-bottom: 1px solid #F1F1F1;
  margin-bottom: 10px;
  min-height: 160px;
}

.bio-inline img {
  float: left;
  height: 150px;
  width: 150px;
  margin:0 20px 10px 0;
}

.bio-inline .bio-link,
.bio-inline .bio-link:hover {
  color:#000;
  text-decoration: none;
  cursor: text;
  border:0;
}



.search-result {
  border:0;
  border-left:5px solid #F1F1F1;
  display: block;
  padding: 0 20px 10px 20px;
  margin-bottom: 20px;
}
.search-result:hover {
  border-color:#333333;
  border-bottom: 0;
}
.search-result:focus {
  text-decoration: none;
}

.entry-summary {
  color:#333333;
}



/*MEMBERSHIP MATTERS*/

.mm .entry-title {
  border-bottom:1px solid #CCC;
  padding-bottom: 10px;
}
.mm .entry-title span {
  color:#000000;
  font-size: 26px;
  padding-bottom: 5px;
  display: block;
}
.mm pre {
  display: none;
}

.mm .wp-caption {
  max-width: 100% !important;
}

.mm a, .mm a span {
  text-decoration: none !important;
}

#mm_toc {
  padding:20px;
}

#mm_toc h2 {
  padding:20px 0 10px 0;
  margin:0;
}
#mm_toc h2 a {
  color: #91268F;
}
#mm_toc h3 {
  padding:0;
  margin:5px 0 15px 0;
  font-size: 20px;
}
#mm_toc h3 a {
  color: #000;
}
#mm_toc h4 {
  padding:0 0 0 15px;
  margin:0 0 15px 0;
  font-size: 15px;
}

.anchor_buttons {
  width: 100%;
  display: block;
  padding: 10px 15px;
  clear:both;
  height:50px;
  padding-top: 20px;
}
a.anchor_button {
  display: block;
  padding: 2px 10px;
  float: right;
  margin: 0 0 20px 10px;
  background-color: #CCC;
  color: #666;
  font-size: 10px;
}




/* Event Video Presentations */

.event-videos {
  margin-bottom:10px;
}
.event-video {
  border-top:1px #F1F1F1 solid;
  padding:15px;
}
a.event-video-image {
  float:right;
  margin:2px 0 5px 10px;
  border:1px #CCC solid;
  text-align:center;
  width:110px;
  height:108px;
  font-size:11px;
  font-weight:bold;
  color:#FFF;
  background-color:#666;
}
.event-video-image span {
  display:block;
}
.event-video-image img {
  border:0;
}

.event-video-title,
.event-video-speaker,
.event-video-blurb {
}

.event-video-title {
  font-weight:bold;
  font-size:14px;
}
.event-video-speaker,
.event-video-speaker a {
  font-size:12px;
}
.event-video-description {
  font-size:11px;
  clear:both;
}

.event-video-downloads {
  padding-top:5px;
  font-size:10px;
}
.event-video-downloads a {
  font-size:11px;
}






/*FORM*/

#registration_form {
  /*padding:40px 80px 40px 20px;*/
  clear: both;
}
#registration_form .radio {
  padding-left: 50px;
}
#registration_form .radio_2 {
  padding-left: 35px;
}
.form-horizontal .control-label {
  text-align: left;
}
label.error {
  color:red;
  font-weight: normal;
  font-style: italic;
  padding-top:2px;
}

.form-spacing .grid-12-12 {
  padding-bottom: 15px;
}
.form-spacing .checkbox_row input {
  margin: 0 5px 0 0;
}
.form-spacing .checkbox_row label {
  margin-top: 10px;
}


@media print {
  .noprint,
  #header,
  .side-menu,
  #footer {
    display: none;
  }
  body {
    border:none;
  }

}




/* 991px and smaller (sm) */
@media (max-width: 991px) {
    .carousel-text h3 {
      font-size: 1em;
    }
    .navbar a.dropdown-toggle {
      font-size:0.8em;
    }


}
/* Between 991px and 1200px (md) */
@media (min-width: 991px) and (max-width: 1200px) {
    .carousel-text h3 {
      font-size: 1.5em;
    }
}

/* 1200px and bigger (lg) */
@media (min-width: 1200px) {
    .carousel-text h3 {
      font-size: 2em;
    }
}





/* Mobile only */
@media (max-width: 767px) {
    .navbar {
       position: fixed;
       top:0;
       left:0;
       width:100%;
       z-index: 999999;
    }


    .navbar h3 {
        color:#F1F1F1;
    }

    .navbar a.dropdown-toggle {
      font-size:14px;
    }

    .yamm .yamm-content {
      padding-top:0;
      padding-bottom: 0;
    }

    body {
      position: relative;
      top:0;
      left:0;
      padding-top:30px;
      margin:0;
    }

    .yamm .yamm-content a {
        color:#FFF;
    }
    .navbar .dropdown-menu ul a {
        padding: 3px 0;
    }
     .navbar .dropdown-menu ul a:hover,
     .navbar .dropdown-menu ul a:focus,
     .navbar .dropdown-menu ul a:active {
      text-decoration: underline;
    }

    .dropdown {
      border-top: #333 solid 1px;
    }

      /*#header {
        padding-top:60px;
      }  */
    .small-logo {
      display: inline-block;
      position: absolute;;
      top:7px;
      left:9px;
    }

    .footer-menu {
        text-align: center;
        margin-top:20px;
    }
    .footer-logos {
      text-align: center;
    }


    .carousel-text {
      position: absolute;
      width:100%;
      top:0;
      right: 0;
      text-align: center;
      padding:0 40px;
      background-color: #91268F;
      height: 100%;
      color: #FFF;
      opacity: 1;

    }

     .carousel-text h3 {
          font-size: 1em;
          font-size: 4vw;
          margin:5% 10%;
          margin:3vw 10%;
      }

      .carousel-indicators {
        display:none;
      }

      .carousel-control {
        width:10%;
        top:0;
      }
      .carousel-control span.glyphicon {
        top:40%;
      }
       .carousel-control.left {
        background-image: none;
      }
      .carousel-control.right {
        right:0;
        background-image: none;
      }

      .content-item {
        word-wrap: break-word;
      }

}




/* Members List */

.alphabet {
  display: block;
  text-align: center;
  margin:0 0 20px 0;
  background-color: #f1f1f1;
}
.alphabet a,
.alphabet span {
  display: inline-block;
  font-size: 15px;
  padding: 7px;
}
.alphabet-anchor {
  display: block;
  position: relative;
  top: -80px;
}

.alphabet.A .A,
.alphabet.B .B,
.alphabet.C .C,
.alphabet.D .D,
.alphabet.E .E,
.alphabet.F .F,
.alphabet.G .G,
.alphabet.H .H,
.alphabet.I .I,
.alphabet.J .J,
.alphabet.K .K,
.alphabet.L .L,
.alphabet.M .M,
.alphabet.N .N,
.alphabet.O .O,
.alphabet.P .P,
.alphabet.Q .Q,
.alphabet.R .R,
.alphabet.S .S,
.alphabet.T .T,
.alphabet.U .U,
.alphabet.V .V,
.alphabet.W .W,
.alphabet.X .X,
.alphabet.Y .Y,
.alphabet.Z .Z {
  font-weight: bold;
}

.member-listing {
  min-height: 220px;
  font-size: 14px;
}
.member-listing p {
  font-size: 14px !important;
}
img.member-thumbnail {
  max-height: 200px;
  margin: 0 auto;
  border: none;
  padding: 8px 0;
}


@media only screen and (max-width: 500px) {
  .mobile-centered {
    margin: 10px auto !important;
    float: none !important;
  }
  img.member-thumbnail {
    height: 125px;
  }
}

/*Careers text*/
.careers-para {
  width: 75%;
  margin-bottom: 30px;
}

/* Boxes */
.box-right {
  margin-left: 60%;
  width: 30%;
  border:3px solid black;
  padding: 5px;
}

/* Scrolling Text */
.scrolling-text {
 height: 20px;
 overflow: hidden;
 position: relative;
}
.scrolling-text p {
 font-size: 20px;
 color: limegreen;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 20px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}