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 a:link,
#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;
}

/* underlined links for style demo */
#main-container a.normal-link {
	text-decoration-color: var(--gt-buzzgold) !important;
}
 
 /* visited links for style demo */
  #main-container a.visited-link {
  text-decoration-color: var(--gt-black) !important;  
}
 
 /* hover */
 #main-container a:hover,
 #main-container a:link: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 links */
 #main-container a:visited,
 #main-container a:link:visited,s
 #main-container p a:visited, 
 #main-container p a:link:visited,
 #main-container .card a:visited,
 #main-container .card a:link:visited,
 #main-container a:visited:hover,
 #main-container p a:visited:hover, 
 #main-container p a:link:visited:hover,
 #main-container .card a:visited:hover,
 #main-container .card a:link:visited:hover {
  text-decoration: underline;
  text-decoration-thickness: .13rem;
  text-decoration-color: var(--gt-black);
  transition: all .3s ease-in-out;
  word-wrap: break-word;
 }
 

/* hover class for style demo*/
 #main-container a.hover-link,
 #main-container p a.hover-link {
	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);
}

h6, .h6 {
	color: var(--gt-drk-gold);
}

/* subheadings top margin */
.main-container h2, 
.main-container h3, 
.main-container h4, 
.main-container h5, 
.main-container h6, 
.main-container .h2, 
.main-container .h3, 
.main-container .h4, 
.main-container .h5, 
.main-container .h6 {
  margin-top: 2rem;
}

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);
 }

/* kicker heading for page titles is styled like h2 */

h1.kicker-heading {
  font-size: 2.12rem;
	color: var(--gt-mdgray);
	text-transform: uppercase;
}

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,
.heading-label-2 {
	font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-transform: uppercase;
	font-size: 1.1rem;
	line-height: 1;
	font-weight: 400;
	color: var(--gt-blktxt);
	letter-spacing: 1.5px;
  display: inline-block;
  padding: .25rem .35rem;
	border-left: 4px solid var(--gt-buzzgold);
}

.heading-label-2 {
	color: var(--gt-mdgray);
	border-left: 4px solid var(--gt-pimile);
	font-weight: 500;
}

/* pimile border over heading */
.heading-border {
	margin-top: 2rem;
	margin-bottom: 1.5rem;
}

.heading-border::before {
    content: ' ';
    display: block;
    width: 100%;
    height: 17px;
    border-top: 10px solid var(--gt-warm-gray-medium);
}

.heading-border-thin {
	margin-top: 2rem;
	margin-bottom: 1.5rem;
}

.heading-border-thin::before {
    content: ' ';
    display: block;
    width: 100%;
    height: 10px;
    border-top: 3px solid var(--gt-warm-gray-medium);
}

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

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

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

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

.small-text,
.text-small {
  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,
p.lead {
  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, 
.abel a,
#main-contaner .abel a {
  font-family: 'Abel', sans-serif;
  font-weight: 100 !important;
}

.roboto-slab {
	font-family: "Roboto Slab", serif;
  font-weight: 500;
}

.museo {
	font-family: museo, serif; 
	font-weight: 500;
	font-style: normal;
	letter-spacing: normal;
}

.museo-slab {
	font-family: museo-slab, serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: normal;
}

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

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

.label-buzzgold {
  font-size: .8rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: .04rem;
  display: inline-block;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase; 
  background: var(--gt-buzzgold);
  color: #333;	
  padding: .25rem .25rem;
  position: relative;
  margin-bottom: .25rem;
	
}

.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: 1.75rem;
  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: .75rem;
  -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

#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;
}

ul.no-style li::before {
	display: none;
}

/***************** COLUMNS *****************/

.two-col {
	 column-count: 2;
	 column-gap: 2.5rem;
}

.three-col {
	 column-count: 3;
	 column-gap: 2.5rem;
}

@media (max-width: 575px) {
.two-col {
		 column-count: 1;
		 column-gap: 0;
	}
	
	.three-col {
		 column-count: 1;
		 column-gap: 0;
	}
}

/***************************** 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)  {

}