@charset "utf-8";
/* CSS Document */

body, p { font-family: 'Questrial', sans-serif; font-size:1.2rem;}
#hero { background-image:url(../images/sandbox-animate2.gif); background-size:cover; background-repeat:no-repeat; }
/* #hero { background-image:url(../images/sandbox-home-hero-extended-noband.jpg); background-size:cover; background-repeat:no-repeat; } */
#topband { background-image:url(../images/sandbox-topband-bg.jpg); background-size:cover; background-repeat:no-repeat; }

.title-bar, .top-bar, .top-bar ul { background:none; }
.menu li a { color:#fff; }
.menu li a:hover { color:#f68f1e; }
.off-canvas .vertical.menu li a { color:#39536e; }
.off-canvas .vertical.menu li a:hover { color:#f68f1e; }

#hero-spacer { height:320px; }
#tagline { color:#fff; padding-bottom: 20px; background: rgba(8,37,66,0.9); width:100%; padding: 30px 0; margin:0; }

h1, h2, h3, h4, h5, h6 { font-family: 'Questrial', sans-serif; }
.uppercase { text-transform:uppercase; }
.spacer { height:30px; }
.spacer-large { height:60px; }

#top-footer { background: #f1eadc; padding-top:40px; padding-bottom: 20px; }
#top-footer p, #top-footer a { color:#404041; }

#bottom-footer { background:#404041; padding-top:20px; padding-bottom: 10px;}
#bottom-footer p, #bottom-footer a { font-size:0.8rem; color:#f1eadc; }
#bottom-footer a:hover { text-decoration:underline; color:#fff; }

.blueband { background: rgba(8,37,66,0.9); color:#fff; }
#portfolio { background-image:url(../images/portfolio-bg.jpg); } 

.parallax { 
  /* The image used */
  background-image: url(../images/sandcastle_parallax-testimonials.jpg);

  /* Set a specific height
  height: 400px;   */

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax1 { 
  /* The image used for Founders */
  background-image: url(../images/red-bucket-shovel-sand.jpg);

  /* Set a specific height */
/* height:400px; */

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax2 { 
  /* The image used for About Sandbox */
  background-image: url(../images/brand-sandcastle-bg.jpg);

  /* Set a specific height */
/* height:400px; */

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax3 { 
  /* The image used for Contact Sandbox */
  background-image: url(../images/sandcastle_background-contact.jpg);

  /* Set a specific height */
/* height:400px; */

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.featured-image {
    position: relative;
 /*   height: 380px; */
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
.featured-image:after {
    bottom: 0;
    background: rgba(8,37,66,0.8);
}
.featured-image:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
}


.featured-image3 {
    position: relative;
 /*   height: 380px; */
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
.featured-image3:after {
    bottom: 0;
    background: rgba(255,255,255,0.65);
}
.featured-image3:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
}


#testimonials { 
width: 80%; max-width:1200px; margin:60px auto; color:#fff; 
position:relative; z-index:30;}

#contact { 
width: 80%; max-width:1200px; margin:20px auto;  
position:relative; z-index:30;}

/* Services page */

.ltorange-band { width:100%; height: 30px; background: rgba(246,143,30,0.4); }
.ltblue-band { width:100%; height: 30px; background: rgba(46,65,84,0.4); }
.drkblue-band { width:100%; height: 30px; background: rgba(46,65,84,0.7); }
.gray-band { width:100%; height: 30px; background: rgba(0,0,0,0.4); }
ul.nobullet { list-style: none; }
.one-line { margin-top:36px; }

/* Contact page */

#contactbg { background-image:url(../images/sandcastle_background-contact.jpg); background-position: left bottom; background-repeat:no-repeat; background-size:cover;opacity: 0.6; position:relative; 
z-index:1;}

#contact-content {
	position:relative; 
	z-index:2; 
	opacity:1.0; 
}



.contact-container { 
	position: relative;
    overflow: hidden;
}
.contact-container p, .contact-container h1, .contact-container h4 {
    position: relative;
    z-index: 2;
} 
.contact-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	object-fit:cover;
    height: auto;
    opacity: 0.6;
}

@media screen and (max-width: 1024px)   {
	

#hero-spacer { height:220px; }
}





@media screen and (max-width: 812px)   {

#hero { background-image:url(../images/sandbox-home-hero-extended-noband.jpg) 100% 100%; background-position:bottom center; background-repeat:no-repeat;}	#hero-spacer { height:80px; }
	#tagline { padding:18px 0; }
.menu li a { font-size:14px; margin-right:20px; }
.dropdown.menu li a {
    padding: 0.7rem 0rem;
}	
#bottom-footer p { text-align:center !important; }
.one-line { margin-top:0; }

}