/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
.ndc-green {
    color: #aed581;
}
nav ul a,
nav .brand-logo {
  color: #444;
}

a {
    color: #901b53;
}

p {
  line-height: 2rem;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #901b53;
  -webkit-box-shadow: 0 1px 0 0 #901b53;
          box-shadow: 0 1px 0 0 #901b53;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #901b53;
}

.input-field .prefix.active {
    color: #901b53;
}

/*ndcfixedtopbar*/
#blackBar ul {
    margin-left: 50px !important;
}

/*To fix margin bottom on ndcfixedtopbar*/
.navbar-fixed {
    margin-top: -22px;
}

.button-collapse {
  color: #26a69a;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
.parallax-container .section {
    width: 100%;
}

/* Make nav go to mobile at much larger size */
@media only screen and (max-width: 1440px) {
  nav a.button-collapse {
    display: inherit !important;
  }
}
@media only screen and (max-width: 1440px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}
@media only screen and (max-width: 1440px) {
  nav .brand-logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1440px) {
  nav.nav-extended .nav-wrapper {
    min-height: 64px;
  }
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 64px;
    line-height: 64px;
  }
  .navbar-fixed {
    height: 64px;
  }
}
/* End of Make nav go to mobile at much larger size*/

@media only screen and (max-width : 1420px) {
    .brand-logo img {
        width: 172px;
        vertical-align: middle;
    }
}
@media only screen and (max-width : 992px) {
    .parallax-container .section {
        position: absolute;
        top: 40%;
    }
    #index-banner .section {
        top: 10%;
    }
}

@media only screen and (max-width : 768px) {
    .card {
        width: 90%;
        margin: 0 5%;
    }
    #index-banner .section {
        top: 0;
    }
    .parallax-container {
        min-height: 480px;
    }
    .section {
        top: 0 !important;
    }
}

@media only screen and (max-width : 600px) {
    .card {
        width: 90%;
        margin: 0 5%;
    }
    #index-banner .section {
        top: 0;
    }
    .parallax-container {
        min-height: 480px;
    }
    .section {
        top: 0 !important;
    }
}

@media only screen and (max-width : 480px) {
    .brand-logo img {
        width: 190px;
        vertical-align: middle;
    }
    .card {
        width: 90%;
        margin: 0 5%;
    }
    .parallax-container {
        min-height: 480px;
    }
    .section {
        top: 0 !important;
    }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

/* Customize */
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 122px;
    line-height: 122px;
    color: #aed581;
}
nav, .nav-wrapper .reg-box {
    color: #fff !important;
}
.side-nav li > a > i {
    color: #fff !important;
}
.navbar-fixed {
    height: 123px;
}
.dropdown-content {
    top: 95px !important;
}
.dropdown-content li > a, .dropdown-content li > span {
    color: #901b53 !important;
}
.btn {
    padding: 0 1rem;
    background-color: #aed581;
}
.btn:hover {
    background-color: #901b53;
}
.btn:focus, .btn-large:focus, .btn-floating:focus {
    background-color: #aed581 !important;
}
.side-nav li > a.btn:hover, .side-nav li > a.btn-large:hover, .side-nav li > a.btn-large:hover {
    background-color: #901b53;
}
.index-banner-conference-info {
    color: #901c52 !important;
    font-family: 'Montserrat';
    font-size: 2.5em;
    font-weight: 800;
    text-transform: uppercase; 
    text-shadow:
        0px 4px 3px rgba(0,0,0,0.1),
        0px 8px 13px rgba(0,0,0,0.1),
        0px 18px 23px rgba(0,0,0,0.1);
    -webkit-text-shadow:
        0px 4px 3px rgba(0,0,0,0.1),
        0px 8px 13px rgba(0,0,0,0.1),
        0px 18px 23px rgba(0,0,0,0.1);
    -moz-text-shadow:
        0px 4px 3px rgba(0,0,0,0.1),
        0px 8px 13px rgba(0,0,0,0.1),
        0px 18px 23px rgba(0,0,0,0.1);
    -o-text-shadow:
        0px 4px 3px rgba(0,0,0,0.1),
        0px 8px 13px rgba(0,0,0,0.1),
        0px 18px 23px rgba(0,0,0,0.1);
}
.index-banner-conference-date {
    color: #901c52 !important;
    font-family: 'Montserrat';
    font-size: 2em;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow:
        0px 4px 3px rgba(0,0,0,0.1),
        0px 8px 13px rgba(0,0,0,0.1),
        0px 18px 23px rgba(0,0,0,0.1);
    -webkit-text-shadow:
        0px 4px 3px rgba(0,0,0,0.1),
        0px 8px 13px rgba(0,0,0,0.1),
        0px 18px 23px rgba(0,0,0,0.1);
    -moz-text-shadow:
        0px 4px 3px rgba(0,0,0,0.1),
        0px 8px 13px rgba(0,0,0,0.1),
        0px 18px 23px rgba(0,0,0,0.1);
    -o-text-shadow:
        0px 4px 3px rgba(0,0,0,0.1),
        0px 8px 13px rgba(0,0,0,0.1),
        0px 18px 23px rgba(0,0,0,0.1);
}
.icon-location-on {
    font-size: 0.6em;
}
.logos {
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: relative;
}
.logos div {
    float: left;
    width: 25%;
    height: 20%;
    border-right: 1px solid #dfdfe0;
    border-bottom: 1px solid #dfdfe0;
    margin: 0; padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0px 20px 0px;
    text-align: center;
}
.logos div:nth-child(4n) {
    border-right: none;
}
.logos div:nth-last-child(-n+5) ~ div {
    border-bottom: none;
}
.logos div img {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0.88;
}
.logos div img:hover {
    opacity: 1;
}
@media handheld, only screen and (max-width: 1024px) {
    .logos div img {
        width: 125px !important;
        height: auto;
    }
}
@media handheld, only screen and (max-width: 768px) {
    .logos {
        width: 100%;
        margin: 0 auto;
        }
    .logos div {
        width: 50%;
        padding: 10px 0px 10px 0px;
    }
    .logos div img {
        width: 125px !important;
        height: auto;
    }
    .logos div:nth-child(2n) {
        border-right: none;
    }
}
a.white-text:hover {
    color: #901b53 !important;
}

/* Speakers */
.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 100%;
}

.speaker-container {
    float: left;
    height: 380px;
    margin: 0px 22px 60px 22px;
    width: 180px;
}

.speaker-container:hover {
    background: #f0f0f0;
    opacity: 0.92;
    text-decoration: none !important;
}

.speaker-container a:hover {
    text-decoration: none !important;
}

.speaker-name {
    font-size: 1.2em;
    font-weight: 900;
    margin-top: 10px;
    padding: 5px;
}

.speaker-name {
    text-decoration: none !important;
}

.speaker-title {
    color: #303030;
    font-size: 0.8em;
    margin-top: 1em;
    padding: 5px;
}

.speaker-company {
    color: #303030;
    font-size: 0.8em;
    padding: 5px 5px 15px 5px;
}

.filter {
    margin: auto;
    width: 100%;
}

.sort {
    display: block !important;
    float: left !important;
}

.search {
    display: block !important;
    float: right !important;
    margin-bottom: 35px !important;
}
.search input {
    width: 212px !important;
}

.search .input-field {
    margin-top: 0px !important;
}

.search-clear {
    color: #303030 !important;
    cursor: pointer !important;
    font-size: 0.9em !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    left: -22px !important;
    top: 2px !important;
    position: relative !important;
}

.search-clear:hover {
    color: #293A56 !important;
    text-decoration: none !important;
}

@media only screen and (max-width : 768px) {
    .sort, .search {
        float: none !important;
    }
    .search {
        margin-top: 50px !important;
    }
    .search input {
        margin: 0 auto !important;
        width: 90% !important;
    }
    .input-field .prefix ~ input {
        margin-left: 35px !important;
    }
}
@media only screen and (max-width : 640px) {
    .search input {
        margin: 0 auto !important;
        width: 86% !important;
    }
    .input-field .prefix ~ input {
        margin-left: 35px !important;
    }
}

/* Speakers Bio */
.speaker-bio-summary {
    height: 200px;
    margin-bottom: 25px;
    width: 100%;
}
.speaker-bio-img {
    float: left;
    width: 180px;
}
.speaker-bio-info {
    float: left;
    height: 180px;
    margin-left: 25px;
    padding: 5px;
}
.speaker-bio-name {
    color: #aed581;
    font-size: 2em;
    font-weight: 900;
    margin-top: 10px;
}

.speaker-bio-title {
    color: #303030;
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 5px;
}

.speaker-bio-company {
    color: #303030;
    font-size: 1.2em;
}
@media only screen and (max-width : 1136px) {
    .speaker-bio-summary {
        height: auto !important;
    }
    .speaker-bio-img, .speaker-bio-info {
        display: block !important;
        float: none !important;
        text-align: center !important;
        width: auto !important;
    }
    .speaker-bio-info {
        margin-left: 0px;
    }
}