/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face {
  font-family: 'GoodTimes';
  src: url('https://tribalengineering.com/hubfs/m4-base-001_deps/fonts/good%20times%20rg.otf')
}

@font-face {
  font-family: 'Roboto-Condensed';
  src: url('https://tribalengineering.com/hubfs/m4-base-001_deps/fonts/roboto/Roboto-Condensed.ttf');
}
@font-face {
  font-family: 'Roboto-CondensedThin';
  src: url('https://tribalengineering.com/hubfs/m4-base-001_deps/fonts/roboto/Roboto-CondensedThin.ttf');
}
@font-face {
  font-family: 'fa5';
  src: url('https://tribalengineering.com/hubfs/m4-base-001_deps/fonts/fa-brands-400.woff2');
}

html {
  height: 100%;
}

body {
  background-color: black;
  
  padding: 0px;
  margin: 0px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 450px; /* room for footer, otherwise footer overlaps and covers some content */
}


/*
header {
    /* position, width, left, and bottom are for sticky footer *
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0;
  
    background-color: black;
    text-align: center;
    padding: 1%;
}
*/
header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0;
    background-color: black;
    text-align: center;
    padding: 1%;
    
    display: flex;
    justify-content: space-between;
}
header > a {
  /*background-color: pink;*/
}
header > div {
  width: 65%;
  /*background-color: green;*/
}


/* divider is occasionally used throughout the site */
hr.solid {
  border-top: 3px solid #71cac6;
  width: 6%;"
}

main {
}

/* THIS NEXT FEW IS FOR THE BASE SERVICES */
.section {
  padding: 40px;
}

.teal-section {
  color: white;
  background-color: rgb(109, 194, 190);
}

h2 {
  text-align: center;
  font-family: 'GoodTimes';
  font-size: 36px;
}

p {
  text-align: center;
  font-family: 'Roboto-Condensed';
}
/* THE ABOVE FEW IS FOR THE BASE SERVICES*/


#template_footer_social_media {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-family: 'fa5';
  font-size: 36;
}

#template_footer_social_media li {
  display: inline-block; 
}

#template_footer_social_media a {
  color:white;
  text-decoration: none;
}
#template_footer_social_media a:hover {
  color:white;
}
#template_footer_social_media a:visited {
  color:white;
}
#template_footer_social_media a:active {
  color:white;
}

#template_footer_phone {
  color: white;
}

footer {
  flex-shrink: 0;
}

footer > div {
  background-image: url("https://tribalengineering.com/hubfs/Tribal%20Custom%20v3/composite_footer_fade_to_black.png");
  background-repeat: repeat-x;
  background-size: contain;

  font-family: 'Roboto-Condensed';
  text-align: center;
  padding: 1%;
}

footer > p {
  background-color: rgb(114, 201, 197);
  text-align: center;
  margin: 0px;
  padding: .5%;
  color: white;
  font-family: 'GoodTimes';
  font-size: 12px;
}