html {
  scroll-behavior: smooth;
}
body {
  position: relative; /* required for scrollspy */
  font-family: "MarsCentra", sans-serif;
  font-size: 16px;
  color: rgb(60, 60, 60);
}

p {
  font-family: "MarsCentra", sans-serif;
color: rgb(60, 60, 60);
    font-size: 1rem;
    line-height: 1.75rem;
    margin-bottom: 1.25rem;
}

h1 {
  font-family: "MarsCentra-Extrabold", sans-serif;
  color:#ffffff;
}
h2,
h3 {
  font-family: "MarsCentra-Bold", sans-serif;
}

.hero-text {
 width:80%;
 padding-top:70px;
 padding-left:30px;
 border:0px solid red;

}

.hero-para {
  width:100%;
}

@font-face {
  font-family: "MarsCentra";
  src: url("https://marswrigley.events/fonts/MarsCentra-Book.eot");
  src: url("../fonts/MarsCentra-Book.eot?#iefix") format("embedded-opentype"),
    url("https://marswrigley.events/fonts/MarsCentra-Book.svg#MarsCentra-Book")
      format("svg"),
    url("https://marswrigley.events/fonts/MarsCentra-Book.ttf")
      format("truetype"),
    url("https://marswrigley.events/fonts/MarsCentra-Book.woff") format("woff"),
    url("https://marswrigley.events/fonts/MarsCentra-Book.woff2")
      format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MarsCentra-Bold";
  src: url("https://marswrigley.events/fonts/MarsCentra-Bold.eot");
  src: url("https://marswrigley.events/fonts/MarsCentra-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("https://marswrigley.events/fonts/MarsCentra-Bold.svg#MarsCentra-Bold")
      format("svg"),
    url("https://marswrigley.events/fonts/MarsCentra-Bold.ttf")
      format("truetype"),
    url("https://marswrigley.events/fonts/MarsCentra-Bold.woff") format("woff"),
    url("https://marswrigley.events/fonts/MarsCentra-Bold.woff2")
      format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MarsCentra-Extrabold";
  src: url("https://marswrigley.events/fonts/MarsCentra-Extrabold.eot");
  src: url("https://marswrigley.events/fonts/MarsCentra-Extrabold.eot?#iefix")
      format("embedded-opentype"),
    url("https://marswrigley.events/fonts/MarsCentra-Extrabold.svg#MarsCentra-Extrabold")
      format("svg"),
    url("https://marswrigley.events/fonts/MarsCentra-Extrabold.ttf")
      format("truetype"),
    url("https://marswrigley.events/fonts/MarsCentra-Extrabold.woff")
      format("woff"),
    url("https://marswrigley.events/fonts/MarsCentra-Extrabold.woff2")
      format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face{
    font-family:"icomoon";
    src:url("https://marswrigley.events/fonts/icomoon_9.woff");
    src:url("https://marswrigley.events/fonts/icomoon_9.woff") 
    format("woff");
    font-weight: normal;
        font-style: normal; 
}

a {color:#0000a0; text-decoration: underline;}

a:hover {text-decoration:none;}

.blue {
  background-color: #0000a0;
}
.yellow {
  background-color: #ffdc00;
}
.white {
  background-color: #ffffff;
}

.font-white {
  color: #ffffff;
}

.subheader {
  font-family: "MarsCentra-Extrabold", sans-serif;
  font-size: 1.125rem;

}

h2 {
  font-size: 2.8125rem;
  line-height: 3.25rem;
  color: #0000a0;
  font-family: "MarsCentra-Extrabold", sans-serif;
  margin-bottom: 0.625rem;
}

 .bg-custom {
    background-color: #0000a0 !important;
  }

  .footer {padding:25px;}

.mainlogo {
  width: 250px;
  padding: 0px 0 0px 0;
  margin-left: -50px;

}



.marsmenubtn {
    
    background-color: rgb(0, 0, 160);
   color:#FFFFFF !important;
}

.marsmenubtn:hover {
  
  
    color:#0000a0 !important;
  
}

.navbar-brand {

  /*margin-right:120px;*/
  margin:0 auto;
}

.navbar {
  background-color: #ffffff;
  padding: 0px;
 
}
.nav-link {
  color: #FFFFFF;
  font-size: 1.375rem;
  font-family: 'MarsCentra-Bold', sans-serif;
  height: 68px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 10px !important;
  padding-left: 10px !important;
  border: 0px red solid;
  border-bottom: 1px #FFFFFF solid;
  margin: 0 auto;
width:95%;
    border-bottom-width: 0.0625rem;

}




.navbar-nav {
  padding-top: 8px;
  margin-left: 10px;
  margin-right: 10px;
  overflow-x: hidden;
  margin-bottom: 7px;
 
}

.nav-link:hover {
  color: rgb(0, 0, 160);
  background-color: rgb(0, 215, 185);
}

.nav-link.active {
  font-weight: bold;
  color: #FFFFFF !important;
  text-decoration: none;

}

.navbar-collapse {background-color: #0000a0;padding:0px;}



.navbar-toggler:focus,
.navbar-toggler:active {
  outline: none;
  box-shadow: none;

}

.navbar-toggler {
  border: none;
}

.navbar-toggler {
width:20px;
height:20px;
position: relative;
transition: .5s ease-in-out;
background-color: #FFFFFF;
}

.navbar-toggler, 
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline:none;
box-shadow:none;
border:0;
margin-left:15px;
}

.navbar-toggler span {
  margin:0;
  padding:0;
}

.toggler-icon {

  display:block;
  position: absolute;
  height:3px;
  width:100%;
  background-color: rgb(0, 0, 160);
  opacity:1;
  left:0;
  transform: rotate(0deg);
  transition: 300ms ease-in-out;


}



/*when navbar is clicked*/

.top-bar {
margin-top:0px;
}



.navbar-toggler .top-bar {
margin-top:0px;
transform: rotate(135deg);


}

.navbar-toggler .bottom-bar {
margin-top:0px;
transform: rotate(-135deg);

}



/*state when navbar is collapsed */

.navbar-toggler.collapsed {
background-color: #FFFFFF;
}


.navbar-toggler.collapsed .top-bar {
  margin-top:-1px;
  transform: rotate(0deg);
}

.navbar-toggler.collapsed .bottom-bar {
  margin-top:20px;
  transform: rotate(0deg);
}




section {
  padding: 80px 0;
  min-height: 60vh;
}

section#marsbanner {
  margin-top: 37px;
  padding: 0;
  min-height: 350px;
  background-color: #ffffff;
}

.hero {
  background: url("../images/mars-hero-2.jpg") center center / cover no-repeat;
  position: relative;
  color: white;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1); /* overlay */
}
.hero .container {
  position: relative;
  z-index: 1;
  width: 95%;
  padding-top: 100px;
}
.bg-alt1 {
  background-color: #f8f9fa;
}
.bg-alt2 {
  background-color: #e9ecef;
}
.bg-alt3 {
  background-color: #dee2e6;
}

.acc_container {margin: 0 auto; width: 95%}

.form_container {margin: 0 auto; width: 95%}

.circles-container .slick-arrow {

padding:8px 5px;
}

.parent {
  display: grid;
  place-items: center; /* shorthand for justify-content + align-items */
  height: 400px;
  border: 0px solid #000;
}

.photowrapper {

  /*display: flex;*/
  /*justify-content: center;*/ /* centers horizontally */
  align-items: center;     /* centers vertically */
  height: 250px;           /* must have height */
  border: 0px solid #000;

}

.row {margin-bottom: 35px;}

.logo_garden {

  width:100%;

}


    .carousel-item img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      border-radius: 8px;
    }

    .coh-style-cta-button-primary {
min-width:100px;
    }


@media (max-width: 991.98px) { /* applies below lg */
  .fullwidth-mobile {
    width: 100vw;                /* take full viewport width */
    max-width: 100vw;            /* prevent Bootstrap’s img-fluid from shrinking */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: block;
  
  }
}

/**************************************************************/

@media (min-width: 768px) {

      .coh-style-cta-button-primary {
min-width:200px;
    }

  .logo_garden {

  width:50%;

}

  .photowrapper {

  display: flex;
  justify-content: center; /* centers horizontally */
  align-items: center;     /* centers vertically */
  height: 500px;           /* must have height */
  border: 0px solid #000;

}

  .hero-text {
 width:50%;
 padding-top:70px;
 padding-left:30px;
 border:0px solid red;

}

.hero-para {
  width:70%;
}


  .parent2 {
padding:150px 15px 0 15px;
}

  .mainlogo {
 width: 275px;
  padding: 0px;
  margin-left: -30px;
}

.navbar {
  background-color: #ffffff;
  padding: 0px;
  height: 70px;
}

  .navbar-brand {

  margin-right:0px;
  padding-top:5px;
}

.navbar-collapse {background-color: #FFFFFF; overflow: hidden; height:70px;}

.nav-link {
  color: rgb(60, 60, 60);
  font-size: 1rem;
  font-family: MarsCentra-Bold, sans-serif;
  height: 68px;
  padding-top: 25px;
  padding-right: 5px !important;
  padding-left: 5px !important;
  border: 0px red solid;
  min-width: 110px;
  text-align: center;
  border-bottom: 0px #FFFFFF solid;
}

.nav-link.active {
  font-weight: bold;
  color: rgb(0, 0, 160) !important;
  text-decoration: underline;
  text-decoration-color: #00d7b9;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}

.navbar-nav {
  padding-top: 15px;
  margin-left: 100px;
  overflow-x: hidden;
  margin-bottom: 7px;
}

  .content-area {
    width: 50%;
    margin: 0 auto;
  }

  section#mars-banner {
    margin-top: 67px;
    padding: 60px 0;
    min-height: 600px;
    background-color: #ffffff;
  }

  .hero {
    background: url("../images/mars-hero-2.jpg") bottom center / cover no-repeat;
  }

  .hero .container {
    position: relative;
    z-index: 1;
    width: 55%;
    padding-top: 100px;
  }

  .acc_container {margin: 0 auto; width: 65%}

  .form_container {margin: 0 auto; width: 75%}
}