/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 
 
 */

 
 
 /* fONT */
 

 
 a.link:hover { color: white; }
 
 a.linkblue:hover { color: #4da4cf; }
 
 h2  {
	font-size: 8em;
}
 
 .dropdown-content {
  background-color: #FFFFFF;
  margin: 0;
  display: none;
  min-width: 300px; /* Changed this to accomodate content width */
  max-height: auto;
	margin-left: -1px; /* Add this to keep dropdown in line with edge of navbar */
  overflow: hidden; /* Changed this from overflow-y:auto; to overflow:hidden; */
  opacity: 0;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  will-change: width, height;
}

/* Parallax and video Fix */

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 996;
  will-change: opacity;
}

.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 997;
}
 
 .parallax-container2 {
  position: relative;
  overflow: hidden;
  height: 600px;
}

.parallax2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.parallax2 img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}


.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px;
}

.parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
 
 
 
 /* Color change copied from framework */
 
 .input-field .prefix.active {
  color: #2196F3;
}
 
 textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #2196F3;
}
 
 textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #2196F3;
  box-shadow: 0 1px 0 0 #2196F3;
}
 
 
 .slider .indicators .indicator-item.active {
  background-color: #2196F3;
}
 
 textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid #2196F3;
  box-shadow: 0 1px 0 0 #2196F3;
}


textarea.materialize-textarea:focus.invalid {
  border-bottom: 1px solid #F44336;
  box-shadow: 0 1px 0 0 #F44336;
}
 
 .btn:hover, .btn-large:hover {
  background-color: #46abfb;
}
 
 .btn:hover, .btn-large:hover {
  background-color: #46abfb;
}

.btn:hover, .btn-large:hover {
  background-color: #46abfb;
}

 .picker__close, .picker__today {
  font-size: 1.1rem;
  padding: 0 1rem;
  color: #2196F3;
}
 
 .picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  background-color: #2196F3;
  color: #ffffff;
}
 
 
 .picker__day.picker__day--today {
  color: #2196F3;
}
 
 .picker__date-display {
  text-align: center;
  background-color: #2196F3;
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300;
}
 
 .spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #2196F3;
}
 
 .side-nav a.btn-floating:hover {
  background-color: #2196F3;
}
 
 .side-nav a.btn:hover, .side-nav a.btn-large:hover, .side-nav a.btn-large:hover {
  background-color: #2196F3;
}

 input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #2196F3;
}
 
 input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #2196F3;
  margin-top: -5px;
}
 
 input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #2196F3;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  margin: -5px 0 0 0;
  transition: .3s;
}
 
 input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #2196F3;
  font-size: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
 
 input[type=range] + .thumb {
  position: absolute;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #2196F3;
  top: 10px;
  margin-left: -6px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
 
 .switch label input[type=checkbox]:checked + .lever:after {
  background-color: #2196F3;
  left: 24px;
}
 
 [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #2196F3;
  border-color: #2196F3;
}
 
 [type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #2196F3;
  background-color: #2196F3;
  z-index: 0;
}
 
 [type="checkbox"]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #2196F3;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
 
 
 [type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #2196F3;
  border-bottom: 2px solid #2196F3;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
 
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: #2196F3;
}
 
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border: 2px solid #2196F3;
}
 
 .input-field .prefix.active {
  color: #2196F3;
}
 
 textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #2196F3;
}
 
 textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #2196F3;
  box-shadow: 0 1px 0 0 #2196F3;
}
 
 .chips .chip.selected {
  background-color: #2196F3;
  color: #fff;
}
 
 .chips.focus {
  border-bottom: 1px solid #2196F3;
  box-shadow: 0 1px 0 0 #2196F3;
}
 
 .dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #2196F3;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}
 
 .fixed-action-btn .fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}
 
 .btn-floating:hover {
  background-color: #2196F3;
}
 
 .btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #2196F3;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}
 
 .btn, .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #2196F3;
  text-align: center;
  letter-spacing: .5px;
  transition: .2s ease-out;
  cursor: pointer;
}
 
 span.badge.new {
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #2196F3;
  border-radius: 2px;
}
 
 
 .progress .indeterminate {
  background-color: #2196F3;
}
 
 .progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #2196F3;
  transition: width .3s linear;
}
 
 .secondary-content {
  float: right;
  color: #2196F3;
}
 
 .collection a.collection-item {
  display: block;
  transition: .25s;
  color: #2196F3;
}
 
 .collection .collection-item.active {
  background-color: #2196F3;
  color: #eafaf9;
}
 
 .teal-text.text-lighten-1 {
  color: #2196F3 !important;
}
 
 .teal.lighten-1 {
  background-color: #2196F3 !important;
}
 
.light-blue.darken-1 {
  background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
  color: #039be5 !important;
}

.blue {
  background-color: #2196F3 !important;
}

.blue-text {
  color: #2196F3 !important;
}
 
 a {
  color: #039be5;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}



 /* Link hover over colour change */


.footerbutton:hover {
  color: #FFFFFF ;
} 

.footerlink:hover {
  color: #FFFFFF ;
} 

.bodylink:hover {
  color: #000000 ;
} 


/* Misc */

 
 h1 {
   font-family: 'Ethnocentric';
   font-size: 40px;
 }
 
 h1 .largerfont {
   font-size: 50px;
 }
 
.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
 
 
 nav .brand-logo-icon {
  color: #039be5;
  position: absolute;
  display: inline-block;
  padding: 0;
  padding-top: 11px;
  white-space: nowrap;
  
}

nav .brand-logo-icon.center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}



nav .brand-logo-icon.center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (max-width: 992px) {
  nav .brand-logo-icon {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  nav .brand-logo-icon.left, nav .brand-logo.right {
    padding: 0;
    -webkit-transform: none;
            transform: none;
  }
  nav .brand-logo-icon.left {
    left: 0.5rem;
  }
  nav .brand-logo-icon.right {
    right: 0.5rem;
    left: auto;
  }
}

nav .brand-logo-icon.right {
  right: 0.5rem;
  padding: 0;
}

nav .brand-logo-icon i,
nav .brand-logo-icon [class^="mdi-"], nav .brand-logo [class*="mdi-"],
nav .brand-logo-icon i.material-icons {
  float: left;
  margin-right: 15px;
}

nav ul a,
nav .brand-logo {
  color: #FFFFFF;
  
}

nav .brand-logo {
  font-size: 2.8rem;
}

 /* Link hover over colour change */

nav ul li:hover {
   background-color: #00a6d5;
}


p {
  line-height: 2rem;
}


.button-collapse {
  color: #2196F3;
}

.parallax-container {
  height: 600px;
  min-height: 380px;
  line-height: 0;
  color: rgba(255,255,255,.9);
}

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

@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 : 600px) {
  #index-banner .section {
    top: 0;
  }
}

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

footer.page-footer {
  margin: 0;
}