/* START NOTES

For later:
    10. center mobile menu text. get it close to hamburger. 
    11. Make the menu text itself a link to expand  the services section.
    4. Replace Hambuger menu with arrows (up down or right up to open close). Fix hamburger menu positioning. Search url(nav-menu-icon.svg) in style.css to find sections.
    9. resize ggace logo for mobile.
    12. pure css parallax scrolling. https://alligator.io/css/pure-css-parallax/

Not important but would like to change:
    1. Page had a "return to top" hanging button the bottom right. In style.css, sears ".go-top." Changed from display:block to display:none, but would like to figure out how to replace it with an arrow (like with the nav-bar-menu.)
    12. Would like to shrink font size of footer on mobile.
    14. Would like to clean up the about page. Smaller name under picture. Right Align picture. Padding. Etc. Just cleaner.

Dynamic for other pages:
    A. Services content - white sections.
END NOTES */

/* START NEWLY-ADDED 
[class*="col-"]{ border:2px solid red;}
[class*="subrow-"]{ border:2px solid red;}

/* DESKTOP/MOBILE SWITCHES  */
#services-desktop {
    display: block;
}
#services-mobile {
    display: none;
}

@media screen and (max-width: 768px) {
#services-desktop {display: none;}
#services-mobile {display: block;}
}

/* START BODY */

.row-body-01 {
    margin-top:5%;
    padding-left:10%;
    padding-right: 10%;
    font-size:2vw;
    display:flex;
    width:100%;
}

.row-body-02, .row-body-03, .row-body-04, .row-body-05 {
    padding-left:10%;
    padding-right: 10%;
    padding-bottom:2%;
    font-size:2vw;
    display:flex;
    width:100%;
}

.row-body-05 {
    text-align:center;
}

.subrow- {
    width:100%;
    padding:0;
    margin:0;
}

.services .row-body-07 {
    margin-left:10%;
    margin-right:10%;
    display:flex;
    width:80%;
    text-align: center;
    background-color: white;
    border:0;
}

.services .row-body-08 {
    display:flex;
    width:99.5%;
    text-align: left;
    background-color: white;
    border:0;
}

.services .row-body-07 .col-04-ggace, .services .row-body-07 .col-06-ggace {
    padding:3%;
    padding-bottom:1%;
    font-size: 1.5vw;
}

.services {
    padding-top:4%;
        padding-bottom:4%;
}

.col-02-ggace, .col-10-ggace {
    margin-top:1%;
    margin-bottom:1%;
    font-size:1.5vw;
}

.services .row-body-02 .col-02-ggace {
    text-align:right;
    padding-top:1vw;
    padding-right:1.5vw;
}

/* background images */

.services {
  width: 100%;
  height: 100%;
  background: url(home_files/highway_night/timelapse.jpg);
  background-size: cover;
  background-color: #e3e3e3;
}

/* END BODY */

/* START FOOTER */

footer {
    padding-top:1em;
    padding-bottom:0;
    background-color:black;
    opacity: .8;
    color:white;
    font-size:1.5vw;
}

footer a:link, a:visited, a:active, a:hover {
    color: white;
}

.row-footer {
    padding-left:10%;
    padding-right:10%;
    display:flex;
    width:100%;
}

/* END FOOTER */

/* START COLUMNS */

.col-01-ggace {
    width:8.33%
}
.col-02-ggace {
    width:16.66%
}
.col-03-ggace {
    width:25%
}
.col-04-ggace {
    width:33.33%
}
.col-05-ggace {
    width:41.66%
}
.col-06-ggace {
    width:50%
}
.col-07-ggace {
    width:58.33%
}
.col-08-ggace {
    width:66.66%
}
.col-09-ggace {
    width:75%
}
.col-10-ggace {
    width:83.33%
}
.col-11-ggace {
    width:91.66%
}
.col-12-ggace {
    width:100%
}

/* END COLUMNS */

/* START CTA SECTION */

.cta-01 {
    background-color:rgba(0,0,0,.04);   
}

/* START CTA BUTTON */

.row-body-06 {
    text-align: center;
}

.cta-button {
    background-color: red;
    border: 1px;
    border-radius:1.5vw;  
    color: white;
    padding-top: 1vw !important;    
    padding-bottom: 1vw !important;
    padding-left: 2vw !important;
    padding-right: 2vw !important;
    margin-top:3vw;
    margin-bottom:3vw;
    box-shadow: 0 .2vw .4vw 0 rgba(0,0,0,0.4), 0 .3vw .7vw 0 rgba(0,0,0,0.3);
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 2vw;
    line-height:2.75vw;
}

.cta-button:hover {
    background-color: #db0d03;
    color: white;
}

.cta-button:active {
  background-color: #db0d03;
  transform: translateY(1.5px) translateX(1.5px);
}
/* END CTA BUTTON

/* END CTA SECTION */


/* START PRIVACY POLICY */
.privacy-policy {
    margin-top:10%;
    padding-left:10%;
    padding-right:10%
}
/* END PRIVACY POLICY */

/* END NEWLY-ADDED */

/* START TG MOBILE FORMATTING */

/* no screen edge padding */
@media only screen and (max-width: 768px) {
   *, html, body, .row {
      margin-left:.2vw !important;
      margin-right:.2vw !important;
      padding-left:.2vw !important;
      padding-right:.2vw !important;
   }
}

/* larger font sizes (note most is in home.html - didn't work from here) */

@media only screen and (max-width: 768px) {
    .cta-button {
        border: 1px;
        border-radius:1.5vw;  
        color: white;
        padding-top: 1.5vw !important;    
        padding-bottom: 1.5vw !important;
        padding-left: 2.5vw !important;
        padding-right: 2.5vw !important;
        margin-top:4vw;
        margin-bottom:4vw;
        box-shadow: 0 .4vw .8vw 0 rgba(0,0,0,0.4), 0 .3vw .7vw 0 rgba(0,0,0,0.3);
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 4vw;
        line-height:5.5vw;
    }
}

/* END TG MOBILE FORMATTING */


/* START ISM (modified) */
.ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; }
.ism-slider {
  overflow: hidden;
  position: relative;
  padding: 0 !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-animation: ism-fadein 3s;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
@-webkit-keyframes ism-fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-webkit-keyframes ism-loading {
  50% { left: 120px; }
}

.ism-slider .ism-slides {
  list-style: none;
  position: absolute;
  height: 100%;
  top: 0;
  padding: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 1;
}

.ism-slider li.ism-slide {
  height: 100%;
  overflow: hidden;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #d5d5d5;
  text-align: center;
}

.ism-slider .ism-img-frame {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ism-slider a.ism-image-link {
  position: absolute;
  color: inherit;
  text-decoration: none;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ism-slider .ism-img {
  display: block;
  border: none;
  position: absolute;
  pointer-events: none;
}


.ism-caption {
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  padding: 0 1em;
  text-shadow: none;
  line-height: 1.2em;
  padding: 0.25em 0.5em;
  width: auto;
  height: auto;
  text-align: center;
  visibility: hidden;
}

a.ism-image-link .ism-caption, a.ism-caption {
  text-decoration: none;
  font-weight: normal;
}

a.ism-caption:hover {
  text-decoration: underline;
}

.ism-caption-0 {
  z-index: 3;
}

.ism-caption-1 {
  z-index: 4;
}

.ism-caption-2 {
  z-index: 5;
}

.ism-radios {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
  font-size: 1px;
}

.ism-slider .ism-radios {
  position: absolute;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  z-index: 6;
  bottom: 5px;
  left: 0;
  right: 0;
  width: auto;
  background-color: rgba(255, 255, 255, 0.0);
  padding: 0 7px;
  height: 0;
  overflow: visible;
}

.ism-slider .ism-radios.ism-radios-as-thumbnails {
  bottom: 5px;
}

.ism-radios li {
  position: relative;
  display: inline-block;
  margin: 0 3px;
  padding: 0;
}

.ism-radios input.ism-radio {
  display: none;
}

.ism-radios label {
  display: block;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

.ism-radios-as-thumbnails label {
  -webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto;
  background-position: center center;
  background-repeat: no-repeat;
  border: 2px solid rgba(255, 255, 255, 0.6);
  opacity: 0.8;
}

.ism-radios-as-thumbnails label:hover {
  border: 2px solid #fff;
  opacity: 1;
}

.ism-radios-as-thumbnails li.active label {
  border: 2px solid rgba(255, 255, 255, 1.0);
  opacity: 1;
}

p.ism-badge {
  margin: 0 auto;
  text-align: right;
  font-size: 10px;
  padding-top: 1px;
  color: #ccc;
  font-family: sans-serif;
  font-weight: normal;
}

p.ism-badge a.ism-link {
  color: inherit;
  text-decoration: none;
  margin-right: 0.25em;
}

p.ism-badge a.ism-link:hover {
  color: #aaa;
  text-decoration: underline;
}

.ism-zoom-in {
  -webkit-animation: zoomin 0.81s linear 1;
  animation: zoomin 0.81s linear 1;
}

@-webkit-keyframes zoomin {
  0% { -webkit-transform: scale(1.0); transform: scale(1.0); }
  100% { -webkit-transform: scale(3.0); transform: scale(3.0); }
}
@keyframes zoomin {
  0% { -webkit-transform: scale(1.0); transform: scale(1.0); }
  100% { -webkit-transform: scale(3.0); transform: scale(3.0); }
}

@-webkit-keyframes fadein {
  0% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes fadein {
  0% { opacity: 0; }
 100% { opacity: 1; }
}

@-webkit-keyframes slidein {
  0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes slidein {
  0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}

@-webkit-keyframes popin {
  50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}
@keyframes popin {
  50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

.ism-zoom-pan {
  -webkit-animation: zoompan 20.0s linear 1;
  animation: zoompan 20.0s linear 1;
}
@-webkit-keyframes zoompan {
  0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
  50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); }
  100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
}
@keyframes zoompan {
  0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
  50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); }
  100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
}

.ism-zoom-rotate {
  -webkit-animation: zoomrotate 20.0s linear 1;
  animation: zoomrotate 20.0s linear 1;
}
@-webkit-keyframes zoomrotate {
  0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
  50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); }
  100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
}
@keyframes zoomrotate {
  0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
  50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); }
  100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
}
/* SLIDER */

#ggace-primary-slider {
    width: 100%;
    border-radius: 0;
}

#ggace-primary-slider-ism-badge {
    width: 100%;
}

#ggace-primary-slider:before {
    content: ''; display: block; padding-top: 50%;
}

#ggace-primary-slider .ism-frame {
    position: absolute; top: 0; bottom: 0; left: 0; width: 100%;
}


#ggace-primary-slider .ism-radios {
    display: block;
    height: 20px;
    text-align: center;
}

#ggace-primary-slider .ism-radios label {
    width: 20px; height: 20px;
    border-radius: 3px;
    color: #fff; background-color: rgba(192, 192, 192, 0.4);
    border: 2px solid rgba(125, 125, 125, .8)
}

#ggace-primary-slider .ism-radios li.active label {
    background-color: rgba(192, 192, 192, 1.0);
}

#ggace-primary-slider .ism-radios label:hover {
    border: 2px solid rgba(225, 225, 225, 1.0);
}


/* SLIDES */

#ggace-primary-slider .ism-slide-0 .ism-img-frame {
    width: 100%;
}

#ggace-primary-slider .ism-slide-0 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#ggace-primary-slider .ism-slide-1 .ism-img-frame {
    width: 100%;
}

#ggace-primary-slider .ism-slide-1 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#ggace-primary-slider .ism-slide-2 .ism-img-frame {
    width: 100%;
}

#ggace-primary-slider .ism-slide-2 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}


/* CAPTIONS */

#ggace-primary-slider .ism-slide-0 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#ggace-primary-slider .ism-slide-0 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#ggace-primary-slider .ism-slide-0 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#ggace-primary-slider .ism-slide-1 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#ggace-primary-slider .ism-slide-1 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#ggace-primary-slider .ism-slide-1 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#ggace-primary-slider .ism-slide-2 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#ggace-primary-slider .ism-slide-2 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#ggace-primary-slider .ism-slide-2 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#ggace-primary-slider .ism-slide-0 .ism-caption-0 {
    text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;
	position: relative; top:25%;
	display: inline-block;
    font-size: 7vw;
	line-height: 1.2em;
	font-weight: 700;
	padding-bottom: .3vw;
    color:#ffffff;
}

#ggace-primary-slider .ism-slide-0 .ism-caption-1 {
    text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;
	position: relative; top:25%;
	display: inline-block;
    font-size: 7vw;
	line-height: 1.2em;
	font-weight: 700;
	padding-bottom: .3vw;
    color:#ffffff;
}

#ggace-primary-slider .ism-slide-0 .ism-caption-2 {
    text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;
	position: relative;
	display: inline-block; top:25%;
font-size: 7vw;
	line-height: 1.2em;
	font-weight: 700;
	padding-bottom: .3vw;
    color:#ffffff;
}

#ggace-primary-slider .ism-slide-1 .ism-caption-0 {
    text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;
	position: relative; top:25%;
	display: inline-block;
    font-size: 7vw;
	line-height: 1.2em;
	font-weight: 700;
	padding-bottom: .3vw;
    color:#ffffff;
}

#ggace-primary-slider .ism-slide-1 .ism-caption-1 {
    text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;
	position: relative; top:25%;
	display: inline-block;
	font-size: 7vw;
	line-height: 1.2em;
	font-weight: 700;
	padding-bottom: .3vw;
    color:#ffffff;
}

#ggace-primary-slider .ism-slide-1 .ism-caption-2 {
    text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;
	position: relative; top:25%;
	display: inline-block;
    font-size: 7vw;
	line-height: 1.2em;
	font-weight: 700;
	padding-bottom: .3vw;
    color:#ffffff;
}

#ggace-primary-slider .ism-slide-2 .ism-caption-0 {
    text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;
	position: relative; top:25%;
	display: inline-block;
    font-size: 7vw;
	line-height: 1.2em;
	font-weight: 700;
	padding-bottom: .3vw;
    color:#ffffff;
}

#ggace-primary-slider .ism-slide-2 .ism-caption-1 {
    text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;
	position: relative; top:20%;
	display: inline-block;
    font-size: 7vw;
	line-height: 1.2em;
	font-weight: 700;
	padding-bottom: .3vw;
    color:#ffffff;
}

#ggace-primary-slider .ism-slide-2 .ism-caption-2 {
    text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;
	position: relative; top:15%;
	display: inline-block;
    font-size: 7vw;
	line-height: 1.2em;
	font-weight: 700;
	padding-bottom: .3vw;
    color:#ffffff;
}