@charset "UTF-8";

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 1000px) {
  .nav {
    height: auto;
    padding: 15px;
  }

  h1 {
    text-align: center;
  }

  .text-right {
    align-content: center;
  }
}


/* Medium Devices Breakpoint Center Align (tablets, anything less than 992px)*/
@media only screen and (max-width: 991.98px) {
.center-img-text-md-dn /*Header Class and FAQ Cards*/ {
text-align: center;
}

.faq-center-md-down {
align-content: center;
}

.navbar-toggler {
  display:inline-block;
  vertical-align:center;
  width:100%;
  text-align:right;
  float:right;
  height: 25%;
}
  
}

 
/* form glow color remove */
.input.form-control,input.form-control:focus {
  border:none;
  box-shadow: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 -moz-transition: none;
 -webkit-transition: none;
}

  .navbar a {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      padding: 2%;
  }

  .navbar-custom {
    color: #000000;
    background-color: #f2f2f2;
}

/* unvisited link */
    a:link {
    color: #000000;
  }

  /* visited link */
  a:visited {
    color: #000000;
  }

  /* mouse over link */
  a:hover {
    color: #7cc576;
  }

  /* selected link */
  a:active {
    color:#336633;
  }

/* hamburger color change */
.navbar-toggler-icon {
    background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.container {

}

.card-columns {
  margin: 0 auto;
}

body {
    height: 100%;
  }

#page-content {
    flex: 0 0 auto;
    background-color: #ffffff;
  }

/* navbar hamburger alignment */

.navbar-brand {
  width: 30%;
}

.navbar-toggler {
  width: 150px;
}


/*clearfix*/
.clear{
  clear:both;
  }

/* header image */
.headimg {

}



/* card style */
.card-img-top {
  height: 100%;
}

#card-1 {
  background-color: #f2f2f2;
  border-color:  #f2f2f2;
}


/* card with background style */
.card-with-bg {
  background-color: #e7f0e6;
  padding: 4%;
  border-radius: 5px;
  border-color: #e7f0e6;
  margin-top: 5%;
}


.contact-container {
  padding-top: 10%;
  justify-content: center;
  align-content: center;
}


 /*type */
h1 {
    padding-left:3%;
    padding-top: 5%;
    font-size: 2em;
    line-height: 1em;
    color: #997f2f;
    font-family: 'Solway', serif;
    text-align: auto;
}

h4 {
    padding-left: 3%;
    font-size: 0.75em;
    line-height: 150%;
}

.card-text {
  font-size: 0.75em;
  font-family: 'Quicksand', sans-serif;
}

p, h4, h3, small, ul, li, a, i, b, h2, button, #sel1, #sel2, #name, #email, label, #message{
  font-family: 'Quicksand', sans-serif;
}

b {
  font-style: bold;
}

.faq-style {
  color: #997f2f;
  font-size: 1.25em;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 0;
  vertical-align: middle;
}

#packages {
  color: #663300;
}

/* footer */

#sticky-footer {
    flex-shrink: none;
    color: #000000;
    background-color: #f2f2f2;
  }

  .row {
    overflow: hidden;
  }

  .center {
    text-align: center;
 }


 /* fonts */

 @font-face {
  font-family: "Quicksand";
  src: url("Aleo-Bold-webfont.eot");
  src: url("Aleo-Bold-webfont.eot?#iefix") format("embedded-opentype"),
       url("Aleo-Bold-webfont.woff2") format("woff2"),
       url("Aleo-Bold-webfont.woff") format("woff"),
       url("Aleo-Bold-webfont.ttf") format("truetype"),
       url("Aleo-Bold-webfont.svg#aleobold") format("svg");
  font-weight: normal;
  font-style: normal;

}

@font-face{
  font-family: "Quicksand";
  src: url('Quicksand-VariableFont_wght.woff'), format('woff');
  src: local("style/Quicksand-VariableFont_wght.woff"), format ('woff');
}

@font-face{
  font-family: "Solway-Bold";
  src: url('Solway-Bold.woff'), format('woff');
  src: local("style/Solway-Bold.woff"), format ('woff');
}

@font-face{
  font-family: "Solway-ExtraBold";
  src: url('Solway-ExtraBold.woff'), format('woff');
  src: local("style/Solway-ExtraBold.woff"), format ('woff');
}

@font-face{
  font-family: "Solway-Light";
  src: url('Solway-Light.woff'), format('woff');
  src: local("style/Solway-Light.woff"), format ('woff');
}

@font-face{
  font-family: "Solway-Medium";
  src: url('Solway-Medium.woff'), format('woff');
  src: local("style/Solway-Medium.woff"), format ('woff');
}

@font-face{
  font-family: "Solway-Regular.";
  src: url('Solway-Regular.woff'), format('woff');
  src: local("style/Solway-Regular.woff"), format ('woff');
}