@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: "Gill Sans";
    src: url(/fonts/gill-sans.ttf);
}
  
@font-face {
    font-family: "Proxima Nova Medium";
    src: url(/fonts/proxima-nova-regular.ttf);
}

body {
  font-family: "Proxima Nova Medium", sans-serif !important;
  font-weight: 400;
  color: #232323;
  background: #fff;
  /*font-size: 21px;*/
  line-height: 24px; }

.section-padding {
  padding: 50px 0; }

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite; }

h1 {
  font-size: 40px;
  font-weight: 700;
  /*letter-spacing: 0.08em;*/
  margin-bottom: 35px;
  color: #fff; }

h2 {
  font-size: 36px;
  /*letter-spacing: 0.08em; */
}

h3 {
  font-size: 32px;
  /*letter-spacing: 0.08em; */
}

h4 {
  font-size: 29px;
  /*letter-spacing: 0.08em; */
}

h5 {
  font-size: 26px;
  /*letter-spacing: 0.08em; */
}

h6 {
  font-size: 23px; }

p {
  font-size: 20px;
  letter-spacing: 0.8px !important;
  line-height: 24px; }
  
.btn { font-family: "Gill Sans", sans-serif !important; }
  
.form-group {
    font-size: 18px;
    letter-spacing: 0.8px !important;
}

.form-control {
    font-size: 18px;
    letter-spacing: 0.2px !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Gill Sans", sans-serif !important;
  font-weight: 500;
  line-height: 1.1;
  color: #000;
}

.link-color { color: #2C4C74 !important; font-weight: 600 !important; }

.text-white {
  color: #fff !important; }

.text-black {
  color: #000; }

.font-bold {
  font-weight: 600; }

.font-bolder {
  font-weight: 700; }
  
.banner-homepage {
  background: url("https://christchurchusa.org/rock-portal-files/images/banner-v1.jpg");
  position: relative;
  padding: 30px 0px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-table;
  justify-content: center;
  align-items: flex-end;
  height: 40vh;
}

.shadow-text {
    text-shadow: 2px 2px #000 !important;
}

.line-height-45 {
  line-height: 45px; }

.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
.no-padding-all { padding: 0; }

.banner-color {
  background-color: #232323;  
}

.margin-15px-all {
  margin: 15px; }
  
.margin-50px-bottom { margin-bottom: 50px; }

.padding-30px-all {
  padding: 30px; }

.padding-20px-all { padding: 20px; }

.bg-white {
  background-color: #fff;
}

.margin-30px-bottom { margin-bottom: 30px; }

.margin-30px-top { margin-top: 30px; }

.margin-50px-top {
  margin-top: 50px; }

.rounded {
  border-radius: .5rem !important;
}

a:focus, a:hover { text-decoration: none !important; }

.btn-primary {
    background: #232323;
    border: 1px solid #ddd;
    color: #FFF;
    padding: 10px 28px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    outline: none !important;
}

.btn-black {
    background: #000;
    padding: 10px 28px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    outline: none !important;
}

.btn-white {
    background: #fff;
    padding: 10px 28px;
    color: #232323;
    border: 2px solid #232323;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    outline: none !important;
}

.actions { margin-top: 1rem; }

/* Images Width */

.w-10 {width:10%;}
.w-12 {width:12%;}
.w-15 {width:15%;}
.w-20 {width:20%;}
.w-25 {width:25%;}
.w-30 {width:30%;}
.w-35 {width:35%;}
.w-40 {width:40%;}
.w-45 {width:45%;}
.w-50 {width:50%;}
.w-55 {width:55%;}
.w-60 {width:60%;}
.w-65 {width:65%;}
.w-70 {width:70%;}
.w-75 {width:75%;}
.w-80 {width:80%;}
.w-85 {width:85%;}
.w-90 {width:90%;}
.w-95 {width:95%;}
.w-100 {width:100%;}
.w-auto {width: auto}

@media (max-width: 767px) {
    .sm-w-10 {width:10% !important;}
    .sm-w-15 {width:15% !important;}
    .sm-w-20 {width:20% !important;}
    .sm-w-25 {width:25% !important;}
    .sm-w-30 {width:30% !important;}
    .sm-w-35 {width:35% !important;}
    .sm-w-40 {width:40% !important;}
    .sm-w-45 {width:45% !important;}
    .sm-w-50 {width:50% !important;}
    .sm-w-55 {width:55% !important;}
    .sm-w-60 {width:60% !important;}
    .sm-w-65 {width:65% !important;}
    .sm-w-70 {width:70% !important;}
    .sm-w-75 {width:75% !important;}
    .sm-w-80 {width:80% !important;}
    .sm-w-85 {width:85% !important;}
    .sm-w-90 {width:90% !important;}
    .sm-w-95 {width:95% !important;}
    .sm-w-100 {width:100% !important;}
    .sm-w-auto {width: auto !important}
    .sm-margin-5px-all { margin: 5px !important; }
    .margin-14px-all { margin: 14px; }
    .banner-homepage { padding: 40px 0px; }
    h1 { font-size: 36px; }
    .margin-50px-top { margin-top: 30px; }
    .margin-30px-top { margin-top: 20px; }
    .sm-margin-30px-top { margin-top: 30px; }
    .sm-margin-30px-bottom { margin-bottom: 30px; }
    .sm-line-height-35 { line-height: 35px !important; }
    p {
        font-size: 17px;
        letter-spacing: 0.01em;
        line-height: 20px;
    }
}

@media (max-width: 991px) {
    .md-w-10 {width:10% !important;}
    .md-w-15 {width:15% !important;}
    .md-w-20 {width:20% !important;}
    .md-w-25 {width:25% !important;}
    .md-w-30 {width:30% !important;}
    .md-w-35 {width:35% !important;}
    .md-w-40 {width:40% !important;}
    .md-w-45 {width:45% !important;}
    .md-w-50 {width:50% !important;}
    .md-w-55 {width:55% !important;}
    .md-w-60 {width:60% !important;}
    .md-w-65 {width:65% !important;}
    .md-w-70 {width:70% !important;}
    .md-w-75 {width:75% !important;}
    .md-w-80 {width:80% !important;}
    .md-w-85 {width:85% !important;}
    .md-w-90 {width:90% !important;}
    .md-w-95 {width:95% !important;}
    .md-w-100 {width:100% !important;}
    .md-w-auto {width: auto !important}
    
    .md-margin-bottom {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 992px) {
  .margin-30px-top { margin-top: 20px; }
  .md-margin-30px-bottom { margin-bottom: 30px; }
}

@media (max-width: 1199px) {
    .lg-w-10 {width:10% !important;}
    .lg-w-15 {width:15% !important;}
    .lg-w-20 {width:20% !important;}
    .lg-w-25 {width:25% !important;}
    .lg-w-30 {width:30% !important;}
    .lg-w-35 {width:35% !important;}
    .lg-w-40 {width:40% !important;}
    .lg-w-45 {width:45% !important;}
    .lg-w-50 {width:50% !important;}
    .lg-w-55 {width:55% !important;}
    .lg-w-60 {width:60% !important;}
    .lg-w-65 {width:65% !important;}
    .lg-w-70 {width:70% !important;}
    .lg-w-75 {width:75% !important;}
    .lg-w-80 {width:80% !important;}
    .lg-w-85 {width:85% !important;}
    .lg-w-90 {width:90% !important;}
    .lg-w-95 {width:95% !important;}
    .lg-w-100 {width:100% !important;}
    .lg-w-auto {width: auto !important}
    
    .lg-margin-bottom { margin-bottom: 35px; }
}