@import "_variables";

body {
  font-family: $font-family !important;
  font-size: $font-size !important;
  color:$text-color !important;
}

footer {
    border-top:1px solid $light-gray;
    padding-top:20px;
    margin:50px 0;

    p {
    	margin-bottom: 0;
    }

    .legal {
      h3 {
        @media(min-width: 768px){
          margin-top:0;
        }
      }

      ul{
        list-style-type: none;
        padding:0;
      }
    }
}

#page-title{ //h1
  font-size:$font-size-h1;
  text-align:center;
  margin:100px 0;
}

h1 {
  font-size:$font-size-h1 !important;
}

h2 {
  font-size: $font-size-h2 !important;
}

h3 {
  font-size: $font-size-h3 !important;
  font-weight:bold !important;
  color:$red !important;
}

.page-section-name {
  color: $red;
  text-align: center;
  margin: 100px 0 50px 0;
}

a, a:hover, a:active, a:focus{
  color:$red;
  font-size: $font-size;
}

span.important {
  font-weight: bold;
}

table {
  tr.important {
    font-weight:bold;
  }
}

.page-description {
  font-size: 20px;
  font-weight: 200;
  text-align: center;
}

.thankyou{
  margin-bottom:200px;
}

#navbar-main{
  font-family: $font-family;
  margin-top: 25px;

  .navbar-brand{
    font-size: 14px;
    color:$text-color;
    //font-weight:bold;
    @media screen and (min-width: $screen-sm) {
      font-size:18px;
    }
  }

  a, a:hover, a:active{
    color:$text-color;
    background:0;
  }

  a:hover{
    color:$red;
  }

  li.selected a {
    color:white;
    background-color: $red;

    &:hover{
      color:white;
    }
  }

  .icon-bar {
    background-color: $red;
  }
}

.btn.btn-red, form button[type="submit"]{
  border-radius:0;
  border:0;
  padding:10px 15px;
  background-color:$red;
  color:white;

  &:hover, &:active, &:focus, &:active:hover, &:active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color:$red;
    outline:none;
    color:white;
  }
}

form {
  margin-top: 30px;

  .form-control{
    border-radius: 0;
  }

  textarea {
    max-width: 100%;
  }

  .form-control:focus {
    border-color: $border-color;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .controll-button{
    margin-top:50px !important;
    margin-left:50px;
    font-size:14px;

    &:hover {
      font-size:14px;
    }
  }

  .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label, .has-success .form-control, .has-success .form-control:focus {
    color:$text-color;
    border-color: $border-color;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  // Hide input type numbers spin box for webkit and firefox
  input[type='number'] {
    -moz-appearance:textfield;
  }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
}

// Globally do centering of form control elements
.form-control-wrapper{
  text-align: center;
}

// vertical align columns in rows
.row.vertical-align {
	display:block;

	@media (min-width: 767px) {
		display: flex;
		align-items: center;
	}
}