html, body, p {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/****************** TYPOGRAPHY - GENERAL ******************/


/* blue default links 
p a.blue {
  color: var(--gt-linkblue) !important;
  text-decoration: underline !important;
  border-bottom: 0 !important;
  font-weight: 400;
}


p a.bluevisited {
  color: var(--gt-linkvisited) !important;
  text-decoration: underline !important;
  border-bottom: 0 !important;
  font-weight: 400;
}

p a.bluevisited:hover, p a.blue:hover, p a.blue.hover {
	background-color: transparent;
	color: var(--gt-linkhov) !important;
}

p a.blue:active , p a.blue.active {
	color: var(--gt-blktxt) !important;
	background-color: transparent;
}
*/

/* underlined links */
#main-container a,
#main-container p a, 
#main-container p a:link,
#main-container .card a,
#main-container .card a:link {
	color: #333;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: .13rem;
	text-decoration-color: var(--gt-buzzgold);
	transition: all .3s ease-in-out;
	word-wrap: break-word;
}


/* visited links */
 #main-container a:visited,
 #main-container p a:visited, 
 #main-container p a:link:visited,
 #main-container .card a:visited,
 #main-container .card a:link:visited {
  text-decoration: underline;
  text-decoration-thickness: .13rem;
  text-decoration-color: var(--gt-black);
  transition: all .3s ease-in-out;
  word-wrap: break-word;
 }
 
 /* hover */
 #main-container a:hover,
#main-container p a:hover, 
#main-container p a:link:hover,
 #main-container .card a:hover,
 #main-container .card a:link:hover,
 #main-container a:focus,
 #main-container p a:focus, 
 #main-container p a:link:focus,
 #main-container .card a:focus,
 #main-container .card a:link:focus {
	color: var(--gt-blktxt);
	text-decoration-color: var(--gt-blktxt);
	background-color: var(--gt-buzzgold);
}

 
/* visited link style for demo purposes only */
#main-container a.not-visited,
#main-container p a.not-visited,
#main-containerp a.not-visited:link,
#main-container a.not-visited:visited {
	text-decoration-color: #eeb211 !important;
 }


/* fix link coloring on backgrounds */
#main-container .bg-dark a, 
#main-container .bg-dark p a, 
#main-container .bg-dark p a:link {
  color: #fff;
}

#main-container .bg-dark p a:visited, 
#main-container .bg-dark p a:link:visited,
#main-container p.text-white a:visited {
  text-decoration-color: #cccccc;
}

#main-container .bg-dark p a:hover, 
#main-container .bg-dark a:hover, 
#main-container .bg-dark a.hover {
  color: #333333;

}

a.external-link:before {
  font-family: "Font Awesome 5 Free"; 
  font-size: .85rem;
  font-weight: 900; 
  content: "\f35d";
  padding-right: .25rem;
}


/* remove link styling from grow animation*/

#main-container p a.link-grow, 
#main-container a.link-grow {
	text-decoration: none;
	border-bottom: 0;
	line-height: 1.6;
	transition: all .3s ease-in-out;
}

#main-container p a.link-grow:hover, 
#main-container a.link-grow:hover {
	background-color: transparent;
	transform: scale(1.1);
}


/* remove link styling from buttons */
#main-container .btn a,
#main-container .btn  a:link, 
#main-container .btn  a:visited, 
#main-container .btn  a:hover,
#main-container p .btn  a,
#main-container p .btn  a:link, 
#main-container p .btn  a:visited, 
#main-container p .btn  a:hover,
#main-container .card button a, 
#main-container .card button a:link,
#main-container .card button a:hover {
	text-decoration: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	font-weight: 500;
}

/* headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  letter-spacing: .035rem;
  line-height: 1;
  margin-bottom: .25rem;
  color: var(--gt-md-gold);
}

h1.dark-text,
h2.dark-text,
h3.dark-text,
h4.dark-text,
h5.dark-text,
h6.dark-text,
.h1.dark-text,
.h2.dark-text,
.h3.dark-text,
.h4.dark-text,
.h5.dark-text,
.h6.dark-text {
 color: var(--gt-mdgray);
 }

h2, 
h2 a {
  font-size: 2.12rem;
}

/* where there are two headings, the second is gray */
h1 ~ h2,
h1 ~ h2 a,
h1 ~ h3,
h1 ~ h3 a,
h1 ~ h4,
h1 ~ h4 a,
h1 ~ h5, 
h1 ~ h5 a,
h1 ~ h6 ,
h1 ~ h6 a {
  color: var(--gt-mdgray);
}

h2 ~ h3,
h2 ~ h3 a,
h2 ~ h4,
h2 ~ h4 a,
h2 ~ h5,
h2 ~ h5 a, 
h2 ~ h6,
h2 ~ h6 a {
  color: var(--gt-mdgray);
}

h3 ~ h4,
h3 ~ h4 a,
h3 ~ h5,
h3 ~ h5 a, 
h3 ~ h6,
h3 ~ h6 a {
  color: var(--gt-mdgray);
}

h4 ~ h5,
h4 ~ h5 a, 
h4 ~ h6,
h4 ~ h6 a {
  color: var(--gt-mdgray);
}

h5 ~ h6,
h5 ~ h6 a{
  color: var(--gt-mdgray);
}

/* heading links */
h1.abel, 
h2.abel, 
h3.abel, 
h4.abel, 
h5.abel, 
h6.abel,
h1.abel a, 
h2.abel a, 
h3.abel a, 
h4.abel a, 
h5.abel a, 
h6.abel a, {
  font-family: 'Abel', sans-serif;
  font-weight: 100 !important;
  letter-spacing: 0rem;
}


#main-container h1 a, #main-container h1 a:link,
#main-container h2 a, #main-container h2 a:link,
#main-container h3 a, #main-container h3 a:link,
#main-container h4 a, #main-container h4 a:link,
#main-container h5 a, #main-container h5 a:link,
#main-container h6 a, #main-container h6 a:link,
#main-container h1 a:after, #main-container h1 a:link:after,
#main-container h2 a:after, #main-container h2 a:link:after,
#main-container h3 a:after, #main-container h3 a:link:after,
#main-container h4 a:after, #main-container h4 a:link:after,
#main-container h5 a:after, #main-container h5 a:link:after,
#main-container h6 a:after, #main-container h6 a:link:after {
	display: inline-block;
	font-weight: 600;
	color: inherit;
	border: 0;
	text-decoration: underline;
	text-decoration-thickness: .18rem;
	text-decoration-color: currentColor;
	transition: all .3s ease-in-out;
}

#main-container h1 a:hover, #main-container h1 a:link:hover,
#main-container h2 a:hover, #main-container h2 a:link:hover,
#main-container h3 a:hover, #main-container h3 a:link:hover,
#main-container h4 a:hover, #main-container h4 a:link:hover,
#main-container h5 a:hover, #main-container h5 a:link:hover,
#main-container h6 a:hover, #main-container h6 a:link:hover,
#main-container h1 a:focus, #main-container h1 a:link:focus,
#main-container h2 a:focus, #main-container h2 a:link:focus,
#main-container h3 a:focus, #main-container h3 a:link:focus,
#main-container h4 a:focus, #main-container h4 a:link:focus,
#main-container h5 a:focus, #main-container h5 a:link:focus,
#main-container h6 a:focus, #main-container h6 a:link:focus {
	color: var(--gt-mdgray);
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: .18rem;
	background-color: transparent;

}

#main-container h1 a:visited, #main-container h1 a:link:visited,
#main-container h2 a:visited, #main-container h2 a:link:visited,
#main-container h3 a:visited, #main-container h3 a:link:visited,
#main-container h4 a:visited, #main-container h4 a:link:visited,
#main-container h5 a:visited, #main-container h5 a:link:visited,
#main-container h6 a:visited, #main-container h6 a:link:visited,
#main-container h1 a:after:visited, #main-container h1 a:link:after:visited,
#main-container h2 a:after:visited, #main-container h2 a:link:after:visited,
#main-container h3 a:after:visited, #main-container h3 a:link:after:visited,
#main-container h4 a:after:visited, #main-container h4 a:link:after:visited,
#main-container h5 a:after:visited, #main-container h5 a:link:after:visited,
#main-container h6 a:after:visited, #main-container h6 a:link:after:visited {
	text-decoration-color: var(--gt-mdgray);
}


#main-container .bg-dark h5 a, #main-container .bg-dark h5 a:link {
	color: inherit;
}

#main-container .bg-dark h5 a:hover, #main-container .bg-dark h5 a:link:hover {
	color: #fff;
}

#main-container .bg-dark h5 a:visited, #main-container .bg-dark h5 a:link:visited {
	text-decoration-color: var(--gt-mdgray);
}


.display-1, .display-2, .display-3, .display-4{
  font-weight: 600;
  line-height: 1;
}


.heading-label {
	font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--gt-mdgray);
	letter-spacing: 1.5px;
}

/* paragraphs */
p {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--gt-blktxt);
  margin-bottom: 1.3rem;
}

	
	
/***************** CUTLINES *****************/

p.cutline-text {
  font-size: .83rem;
  line-height: 1.1rem;
  margin-bottom: .5rem;
}

/***************** SMALL TEXT *****************/

.small-text {
  font-size: .83rem !important;
  line-height: 1.1rem !important;
  margin-bottom: 0;
}

/***************** WEIGHTED TEXT *****************/

.reg-weight {
	font-weight: 400 !important;
}

/***************** INTRO TEXT *****************/

p.intro-text {
  font-size: 1.3rem;
  line-height: 1.9rem;
  font-weight: 400;
}

/***************** DEV NOTES *****************/

p.notes {
  color: magenta;
}


/***************** LIGHT PLACEHOLDER TEXT *****************/
	
.placeholder-text {
	opacity: .5;
}

/***************** UPPERCASE/ABEL/GOLD TYPE *****************/

.text-uppercase {
  letter-spacing: .08rem !important;
}

.abel {
  font-family: 'Abel', sans-serif;
  font-weight: 100 !important;
}

/***************** LABELS *****************/

.label{
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: .04rem;
  margin-bottom: 0;
  display: inline-block;
  color: var(--gt-drk-gold);
  font-family: "Abel";
  text-transform: uppercase;
    text-shadow: .125px .125px var(--gt-drk-gold);
}

.label-slab {
  font-family: "Roboto Slab", serif;
  font-weight: 600;	
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--gt-drk-gold);
  font-size: .8rem;
}

.label-slab-rev {
  font-family: "Roboto Slab", serif;
  font-weight: 600;	
  text-transform: uppercase;
  letter-spacing: 1.5px;
  background: var(--gt-gold);
  color: #333;
  font-size: .7rem;	
  padding: .25rem .25rem;
  position: relative;
  margin-bottom: .25rem;
  display: inline-block;
  height: 1.25rem;
  line-height: 1;
}

.label-slab-buzzgold {
  font-family: "Roboto Slab", serif;
  font-weight: 600;	
  text-transform: uppercase;
  letter-spacing: 1.5px;
  background: var(--gt-buzzgold);
  color: #333;
  font-size: .65rem;	
  padding: .25rem .25rem;
  position: relative;
  margin-bottom: .25rem;
  display: inline-block;

  line-height: 1;
}

/*
.label-slab-rev:after {
  border-bottom: 1.25rem solid var(--gt-gold);
  border-right: .75rem solid transparent;
  content: " ";
  position: absolute;
  top: 0;
  left: 100%;
    height: 1rem;

}
*/

/***************** BYLINES *****************/

p.byline {
  font-size: .83rem; 
}

.byline .pipe {
  font-weight: 600 !important;
  color: var(--gt-gold);
  padding: 0 .125rem;
}

/***************** LISTS *****************/

ul, ol {
  margin-bottom: 1rem;
  list-style: none;
  padding-left: 2.5rem;
}

li {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--gt-blktxt);
  margin-bottom: .5rem;
}

#main-container li {
  text-indent: -1.125rem;	
}

ul li:before {
  content: '\25FC';
  color: var(--gt-gold);
  padding-right: .5rem;
  height: 1rem;
  position: relative;
  bottom: .125rem;
}

ul ul, ol ol {
  margin-top: .8rem;
}

ul ul li:before {
  content: '\25C6';
}

ol {
  counter-reset: item;
  list-style-type: none;
}

li:before {
  content: counters(item, " ")" ";
  counter-increment: item;
  color: var(--gt-drk-gold);
  font-weight: 600;
  padding-right: .125rem;
}

ol ol li:before {
  content: counter(item,lower-alpha) " "; 
  counter-increment: item;
}



/***************************** RESPONSIVENESS ****************************/

@media (max-width: 1200px) {
  
}

/* size col-md - 82% of 1200 */  
@media (max-width: 992px) {

}  

/* size col-sm  - 64% of 1200 */
@media (max-width: 767px) {
	 .huge-text {
	  font-size: 6rem; 
	 }
	.display-1 {
	
	}
	.display-2 {
	
	}
	.display-3 {
	
	}
	.display-4 {
	font-size: 2.5rem;
	}
}  

/* size col-xs  - 48% of 1200 */
@media (max-width: 575px) {
	.huge-text {
	font-size: 4rem; 
	}
}

@media (min-width: 576px) and (max-width: 767px)  {

}