@font-face {
    font-family: myriad-pro-condensed-1;
    src: url('../fonts/Myriad Pro Condensed.ttf');
}

body{
    position:relative;
    min-height: 100vh;
    /* padding-bottom: 240px; */
}

/* p{
  font-size:1.35714286em;
} */
.card  p{
    font-size: 1em;
}

/*Primary Colors */
body {
    background: #ffffff;
  }

.table th {
  background: rgb(249, 249, 251);
}

.top-spacer{
  padding-top:45px;
}
.bottom-spacer{
  padding-bottom:45px;
}

.no-padding{
  padding-left:0px;
  padding-right:0px;
}
.main-container:not(.header) {
    min-height: 50vh;
}
/* a, span a {
  color: rgb(107, 176, 189);
}
a:hover, span a:hover {
  color: rgb(32, 138, 158);
} */

/*VH handling */

@media only screen and (max-width: 768px)
{
  .full-vh-xs{
    height:100vh !important;
  }
  .tqrt-vh-xs{
    height:75vh !important;
  }
  .half-vh-xs{
    height:50vh !important;
  }
  .qrt-vh-xs{
    height:25vh !important;
  }


  /*tenths*/
  .t1-vh-xs {
    height: 10vh !important;
  }
  .t2-vh-xs {
    height: 20vh !important;
  }
  .t3-vh-xs {
    height: 30vh !important;
  }
  .t4-vh-xs {
    height: 40vh !important;
  }
  .t6-vh-xs {
    height: 60vh !important;
  }
  .t7-vh-xs {
    height: 70vh !important;
  }
  .t8-vh-xs {
    height: 80vh !important;
  }
  .t9-vh-xs {
    height: 90vh !important;
  }
}
@media only screen and (min-width: 768px)
{
  .modal-container .modal-content .container {
    max-width: 750px;
  }
  .full-vh-sm{
    height:100vh !important;
  }
  .tqrt-vh-sm{
    height:75vh !important;
  }
  .half-vh-sm{
    height:50vh !important;
  }
  .qrt-vh-sm{
    height:25vh !important;
  }

  /*tenths*/
  .t1-vh-sm {
    height: 10vh !important;
  }
  .t2-vh-sm {
    height: 20vh !important;
  }
  .t3-vh-sm {
    height: 30vh !important;
  }
  .t4-vh-sm {
    height: 40vh !important;
  }
  .t6-vh-sm {
    height: 60vh !important;
  }
  .t7-vh-sm {
    height: 70vh !important;
  }
  .t8-vh-sm {
    height: 80vh !important;
  }
  .t9-vh-sm {
    height: 90vh !important;
  }
}
@media only screen and (min-width: 992px)
{
  .modal-container .modal-content .container {
    max-width: 970px;
  }
  .full-vh-md{
    height:100vh !important;
  }
  .tqrt-vh-md{
    height:75vh !important;
  }
  .half-vh-md{
    height:50vh !important;
  }
  .qrt-vh-md{
    height:25vh !important;
  }

  /*tenths*/
  .t1-vh-md {
    height: 10vh !important;
  }
  .t2-vh-md {
    height: 20vh !important;
  }
  .t3-vh-md {
    height: 30vh !important;
  }
  .t4-vh-md {
    height: 40vh !important;
  }
  .t6-vh-md {
    height: 60vh !important;
  }
  .t7-vh-md {
    height: 70vh !important;
  }
  .t8-vh-md {
    height: 80vh !important;
  }
  .t9-vh-md {
    height: 90vh !important;
  }
}
@media only screen and (min-width: 1200px)
{
  .full-vh-lg{
    height:100vh !important;
  }
  .tqrt-vh-lg{
    height:75vh !important;
  }
  .half-vh-lg{
    height:50vh !important;
  }
  .qrt-vh-lg{
    height:25vh !important;
  }

  /*tenths*/
  .t1-vh-lg {
    height: 10vh !important;
  }
  .t2-vh-lg {
    height: 20vh !important;
  }
  .t3-vh-lg {
    height: 30vh !important;
  }
  .t4-vh-lg {
    height: 40vh !important;
  }
  .t6-vh-lg {
    height: 60vh !important;
  }
  .t7-vh-lg {
    height: 70vh !important;
  }
  .t8-vh-lg {
    height: 80vh !important;
  }
  .t9-vh-lg {
    height: 90vh !important;
  }
}


/*
.color--primary {
	color: rgb(107, 176, 189) !important;
}
.color--white {
	color: #fff;
}
.color--dark {
	color: rgb(46, 47, 51);
}
.color--success {
	color: #4ebf56;
}
.color--error {
	color: #e23636;
}
.bg--dark {
	background: rgb(46, 47, 51);
}
.bg--dark:not(.nav-bar):not(.bar) {
	color: #ffffff;
}
*/




  .bg--dark:not(.nav-bar):not(.bar) h1,
  .bg--dark:not(.nav-bar):not(.bar) h2,
  .bg--dark:not(.nav-bar):not(.bar) h3,
  .bg--dark:not(.nav-bar):not(.bar) h4,
  .bg--dark:not(.nav-bar):not(.bar) h5,
  .bg--dark:not(.nav-bar):not(.bar) h6,
  .bg--dark:not(.nav-bar):not(.bar) i,
  .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text),
  .bg--dark:not(.nav-bar):not(.bar) p {
    color: #ffffff;
  }
  .bg--dark:not(.nav-bar):not(.bar) a:not(.btn) {
    color: #fff;
  }
  .bg--site {
    background: #ffffff;
  }
  .bg--secondary {
      background: rgb(249, 249, 251);
  }
  .bg--primary {
    background: rgb(107, 176, 189);
  }
  .bg--primary p,
  .bg--primary span,
  .bg--primary ul,
  .bg--primary a:not(.btn) {
    color: #fff;
  }
  .bg--primary h1,
  .bg--primary h2,
  .bg--primary h3,
  .bg--primary h4,
  .bg--primary h5,
  .bg--primary h6,
  .bg--primary i {
    color: #fff;
  }
  .bg--primary .color--primary {
    color: #fff !important;
  }
  .bg--white {
    background: #fff;
  }
  .bg--white p,
  .bg--white span,
  .bg--white ul,
  .bg--white a:not(.btn) {
    color: #666666;
  }
  .bg--white h1,
  .bg--white h2,
  .bg--white h3,
  .bg--white h4,
  .bg--white h5,
  .bg--white h6,
  .bg--white i {
    color: rgb(46, 47, 51);
  }
  .bg--error {
    background: #e23636;
  }
  .bg--success {
    background: #4ebf56;
  }
  .imagebg:not(.image--light) .bg--white p,
  .imagebg:not(.image--light) .bg--white span,
  .imagebg:not(.image--light) .bg--white ul,
  .imagebg:not(.image--light) .bg--white a:not(.btn) {
    color: #666666;
  }
  .imagebg:not(.image--light) .bg--white h1,
  .imagebg:not(.image--light) .bg--white h2,
  .imagebg:not(.image--light) .bg--white h3,
  .imagebg:not(.image--light) .bg--white h4,
  .imagebg:not(.image--light) .bg--white h5,
  .imagebg:not(.image--light) .bg--white h6,
  .imagebg:not(.image--light) .bg--white i {
    color: rgb(46, 47, 51);
  }
  .imagebg:not(.image--light) .bg--secondary {
    background: rgba(250, 250, 250, 0.2);
  }
  .bg--primary-1 {
    background: rgb(32, 138, 158);
  }
  .bg--primary-1 p,
  .bg--primary-1 span,
  .bg--primary-1 ul,
  .bg--primary-1 a:not(.btn) {
    color: #fff;
  }
  .bg--primary-1 h1,
  .bg--primary-1 h2,
  .bg--primary-1 h3,
  .bg--primary-1 h4,
  .bg--primary-1 h5,
  .bg--primary-1 h6,
  .bg--primary-1 i {
    color: #fff;
  }
  .bg--primary-2 {
    background: #465773;
  }
  .bg--primary-2 p,
  .bg--primary-2 span,
  .bg--primary-2 ul,
  .bg--primary-2 a:not(.btn) {
    color: #fff;
  }
  .bg--primary-2 h1,
  .bg--primary-2 h2,
  .bg--primary-2 h3,
  .bg--primary-2 h4,
  .bg--primary-2 h5,
  .bg--primary-2 h6,
  .bg--primary-2 i {
    color: #fff;
  }
  .image-bg:not(.image-light) *:not(a) {
    color: #fff;
  }

/* Button coloring */

.btn{
  text-transform: uppercase;
}

.btn--primary,
.btn--primary:visited {
  background: rgb(107, 176, 189);
  border-color: rgb(107, 176, 189);
}
.btn--primary .btn__text,
.btn--primary:visited .btn__text {
  color: #fff;
}
.btn--primary .btn__text i,
.btn--primary:visited .btn__text i {
  color: #fff;
}
.btn--primary:hover {
  background: rgb(136, 193, 204);
  border-color:  rgb(136, 193, 204);
}
.btn--primary:active {
  background: rgb(69, 116, 124);
  border-color: rgb(69, 116, 124);
}
.btn--primary-1,
.btn--primary-1:visited {
  background: rgb(32, 138, 158);
  border-color: rgb(32, 138, 158);
}
.btn--primary-1 .btn__text,
.btn--primary-1:visited .btn__text {
  color: #fff;
}
.btn--primary-1:hover {
  background: rgb(80, 178, 196);
  border-color: rgb(80, 178, 196);;
}
.btn--primary-1:active {
  background: rgb(19, 82, 94);
  border-color:rgb(19, 82, 94);
}
.btn--primary-2,
.btn--primary-2:visited {
  background: #465773;
  border-color: #465773;
}
.btn--primary-2 .btn__text,
.btn--primary-2:visited .btn__text {
  color: #fff;
}
.btn--primary-2:hover {
  background: #506383;
}
.btn--primary-2:active {
  background: #3c4b63;
}
.btn--secondary {
  background: #fafafa;
  border-color: #fafafa;
}
.btn--secondary:hover {
  background: #ffffff;
}
.btn--secondary:active {
  background: #f5f5f5;
}


/* HEADER CSS */
h1.header {
    margin-bottom: 10px;
    color: #333;
    font-size: 30px;
    font-family: "myriad-pro-condensed-1", "myriad-pro-condensed-2", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* FOOTER CSS */
footer.footer-6 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-top:30px;
}



.variant {
    background: #ebebeb;
    padding: 8px 10px;
    border-radius: 5px;
    font-weight: bold;
    width: 250px;
    position: relative;
    margin-bottom: 20px;
}

.variant .price {
    float: right;
    margin-right: 40px;
}

.add-to-cart {
    position: absolute;
    top:0px;
    bottom: 0px;
    right: 0px;
    width: 40px;
    border: none;
    background: #6bb1bd url('../img/icon-plus.png') no-repeat center center;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    height: auto;
}

section:not(.imagebg):not([class*='bg-']) + section.bg--secondary{
    border:none;
}
section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*='bg-']){
    border:none;
}

.img-frame {
  width: 100%;
  text-align: center;
  overflow: hidden;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.img-frame img {
  max-width: initial;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}


.comments__list .comment {
  border: none;
}

.comments__list > .comment + .comment {
  margin-top: 5px;
}

.comments__list li:nth-child(even), .comments__list li:nth-child(odd) {
  background-color: #f9f9f9;
}


.author-avatar-header-box {
  border-radius: 50%;
  border: 2px solid rgb(255, 255, 255);
  overflow: hidden;
  display: inline-block;
  margin: 30px auto 10px auto;
}
.author-avatar-header {
  width: 50px;
}

.author-name-header {
  color: white;
}

.comments__list li:last-child {
  border-bottom: none;
}



@font-face {
  font-family: 'lightbearers';
  src:  url('fonts/lightbearers.eot?piu29f');
  src:  url('fonts/lightbearers.eot?piu29f#iefix') format('embedded-opentype'),
    url('fonts/lightbearers.ttf?piu29f') format('truetype'),
    url('fonts/lightbearers.woff?piu29f') format('woff'),
    url('fonts/lightbearers.svg?piu29f#lightbearers') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="licon-"], [class*=" licon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lightbearers' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.licon-lightbearers-logo:before {
  content: "\e900";
}

.back-to-top {
  z-index: 4;
}

body.noscroll {
  overflow: hidden;
  position: fixed;
  right: 0px;
  left: 0px;
  top: 0px;
  bottom: 0px;
}


form input[type].is-error, select.is-error, input[type="checkbox"].is-error ~ label, textarea.is-error {
  border: 1px solid #e23636;
}

label.is-error::after {
  content : " * required";
  color: red;
}
label.invalid-label::after {
  content : " * invalid format";
  color: red;
}

label.is-error + label {
    color: #e23636;
}

.required-group {
  border: 1px solid transparent;
}
.group-error {
  border: 1px solid #e23636;
}

.error-state {
  color: #e23636;
}

.loading-overlay {
  display: none;
  position: fixed;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;

  background-color: rgba(0,0,0, .6);
}

.loading-overlay img {
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  top: 50%;
}

input[type='checkbox'] {
  width: auto;
  height: auto;
  margin-right: 15px;
  margin-bottom: 20px;
  -webkit-appearance: checkbox;
}

/*Bootstrap badges*/
.badge-primary {
  color: #fff;
  background-color: #007bff;
}
.badge-secondary {
  color: #fff;
  background-color: #868e96;
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
}
.badge {
  display: inline-block;
  padding: 0.25em .4em .5em .5em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}

.hookup-options, .zone-selection, .onsite-only, .dorm-options, .line-item-amount, .familydetails, .hidden-default, .hidden, .checkPayment {
  display: none;
}

.totals td {
  background-color: #F0F0F0;
  border-bottom: 1px solid gray;
  padding: 0px 10px;
}

img.circle-image {
    border-radius: 50%;
}

.mdl-overlay{
  display:none;
  position: fixed;
  height:100vh;
  width:100vw;
  background-color:rgba(0,0,0,0.4);
  z-index:100;
  top:0;
  overflow:hidden;
}
.popup-modal-wrapper{
  display:none;
  position: fixed;
  top:10%;
  margin-right:auto;
  margin-left:auto;
  width:100%;
  height:300px;
  width:100%;
  z-index:101
}
.popup-modal{
  background-color:white;
  padding:15px;

}
.modal-close-text {
    font-weight:normal;
    color:#666;
    text-decoration:underline;
    line-height:4em;
}
.modal-content {
  background: none;
}
.popup-body{
  min-height:50px;
  width:90%;
  border-bottom: solid 1px rgba(0,0,0,0.4);
  font-size: 1em;
  line-height: 1.85714286em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  color: #666666;
  font-weight: 400;
}
.popup-actions{
  text-align:right;
  padding-top:10px;
}


/* Footer */

/* footer {
    position: absolute;
    bottom: 0;
    width: 100%;
} */

.grecaptcha-badge{
	display:none !important
}