/* ------------------------------------- 
		FONTS 
------------------------------------- */

@font-face {
  font-family: 'Greycliff CF';
  src: url('../fonts/GreycliffCF-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/GreycliffCF-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/GreycliffCF-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/GreycliffCF-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/GreycliffCF-Regular.svg#41afeaa633fe8d8808fec0ad58091d6f') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Greycliff CF Medium';
  src: url('../fonts/GreycliffCF-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/GreycliffCF-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/GreycliffCF-Medium.woff') format('woff'), /* Modern Browsers */
       url('../fonts/GreycliffCF-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/GreycliffCF-Medium.svg#da7ca515dd176f03ec595bc7877cb45c') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Greycliff CF Demi Bold';
  src: url('../fonts/GreycliffCF-DemiBold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/GreycliffCF-DemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/GreycliffCF-DemiBold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/GreycliffCF-DemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/GreycliffCF-DemiBold.svg#4c142a41f0e5579d2f40665281bbc157') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Greycliff CF Bold';
  src: url('../fonts/GreycliffCF-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/GreycliffCF-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/GreycliffCF-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/GreycliffCF-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/GreycliffCF-Bold.svg#f6cd5d796b7396e365788dbbf554d777') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Greycliff CF Extra Bold';
  src: url('../fonts/GreycliffCF-ExtraBold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/GreycliffCF-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/GreycliffCF-ExtraBold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/GreycliffCF-ExtraBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/GreycliffCF-ExtraBold.svg#e31fe4af56565a529da01fcc89bf2d13') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}


/* ------------------------------------- 
		TYPOGRAPHY 
------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height: 140%;
	margin: 0px 0px 15px 0px;
	color: #000000;
	text-align:left;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
	text-align:left;
}
h1, .yoo-zoo h1 {
	font-family: 'Greycliff CF Extra Bold';
	font-size: 72px;
	line-height: 80px;
	margin-top: 0px;
	margin-bottom: 60px;
}
h2, .yoo-zoo h2 {
	font-family: 'Greycliff CF Extra Bold';
	font-size: 72px;
	line-height: 80px;
	margin-top: 0px;
	margin-bottom: 60px;
}
#frame-1 .text .vertical h2 {
	font-family: 'Greycliff CF Bold';
	font-size: 40px;
	color: #ffffff;
	text-align: left;
	margin-bottom: 25px;
	line-height: 100%;
}
#frame-2 .text .vertical h2, #home-content h2 {
	font-family: 'Greycliff CF Bold';
	font-size: 40px;
	color: #231F20;
	text-align: left;
	margin-bottom: 25px;
	line-height: 100%;
}
h3, #yoo-zoo .item h3, .yoo-zoo h3 {
	font-family: 'Greycliff CF Bold';
	font-size: 30px;
	color: #F89F75;
	text-align: left;
	margin-bottom: 30px !important;
	line-height: 36px;
}
.pos-blackcallout h3, .pos-blackcallout #yoo-zoo .item h3 {
	color: #F89F75 !important;
}
.pos-orangecallout h3, .pos-orangecallout #yoo-zoo .item h3 {
	color: #231F20 !important;
}
h4, .yoo-zoo h4 {
	font-family: 'Greycliff CF Bold';
	font-size: 18px;
	color: #F89F75;
	text-align: left;
	line-height: 28px;
	margin-bottom: 20px !important;
}
h5, .yoo-zoo h5 {
	font-family: 'Greycliff CF Bold';
    font-size: 32px;
    color: #000000;
    text-align: left;
    line-height: 32px;
    margin-top: 0px;
}
h6, .yoo-zoo h6 {
	
}
span.highlight {
	background-image: url(../images/text_bg.jpg);
    background-repeat: repeat-x;
    background-position: 0px 34px;
    background-color: transparent;
}

/* PARAGRAPH
*********************************************/

p, ul, ol, .yoo-zoo p {
	  font-family: 'Greycliff CF';
	font-size: 18px;
	color: #000000;
	text-align: left;
	line-height: 28px;
	margin-bottom: 30px !important;
	margin-top: 0px;
}
#frame-1 .text .vertical p {
	font-family: 'Greycliff CF Demi Bold';
	font-size: 20px;
	color: #ffffff;
	text-align: left;
	line-height: 26px;
	margin-bottom: 20px !important;
}
#frame-2 .text .vertical p {
	font-family: 'Greycliff CF Demi Bold';
	font-size: 20px;
	color: #231F20;
	text-align: left;
	line-height: 26px;
	margin-bottom: 20px !important;
}
section#home-content p {
	margin-bottom: 20px !important;
}
.pos-blackcallout p, .pos-blackcallout ul, .pos-blackcallout ol {
	color: #ffffff;
}
footer p {
  margin: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #ffffff;
  font-size: 14px;
  text-transform: none;
  margin-bottom: 20px !important;
}
section.about .description p {
    font-size: 20px;
}
blockquote {
    padding: 0px;
    margin: 0px;
    border-left: 0px;
	display: inline;
}
blockquote p {
    font-style: normal;
    font-size: 21px;
}
.yoo-zoo blockquote > *:first-child:first-letter {
    font-size: 100% !important;
}

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

#yoo-zoo ul, #yoo-zoo ol {
	padding:0 0 0 20px !important;
}
ul li, ol li {
	margin: 0px 0px 5px 5px;
}
ul li {
    list-style: none;
}
#yoo-zoo li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}


/* LINKS
*********************************************/
a, a:link, a:visited {
	color: #F89F75;
}
section#content a, section#content a:link, section#content a:visited {
	text-decoration:underline;
	color: #000000;
	background-color: #F89F75;
}
section#content a:hover {
	text-decoration:none !important;
}
section#content a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
#frame-1 .text .vertical a.callout, #frame-1 .text .vertical a.callout:link, #frame-1 .text .vertical a.callout:visited {
	text-decoration:none;
	font-family: 'Greycliff CF Bold';
	font-size: 30px;
	color: #231F20;
	letter-spacing: 1px;
	padding: 0px 4px 4px 4px;
	background-color: #F89F75;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#frame-2 .text .vertical a.callout, #frame-2 .text .vertical a.callout:link, #frame-2 .text .vertical a.callout:visited {
	text-decoration:none;
	font-family: 'Greycliff CF Bold';
	font-size: 30px;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding: 0px 4px 4px 4px;
	background-color: #231F20;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#frame-1 .text .vertical a, #frame-1 .text .vertical a:link, #frame-1 .text .vertical a:visited {
	color: #F89F75;
	text-decoration: underline;

}
#frame-2 .text .vertical a, #frame-2 .text .vertical a:link, #frame-2 .text .vertical a:visited {
	color: #000000;
	text-decoration: underline;
}
#frame-1 .text .vertical i.fas.fa-chevron-right, #frame-2 .text .vertical i.fas.fa-chevron-right {
    font-size: 22px;
} 
#home-content a.callout, #home-content a.callout:link, #home-content a.callout:visited {
	text-decoration:none;
	font-family: 'Greycliff CF Bold';
	font-size: 30px;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding: 0px 3px;
	background-color: #000000;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#home-content a, #home-content a:link, #home-content a:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: 600;
}
#home-content i.fas.fa-chevron-right {
    font-size: 20px;
}
#frame-1 .text .vertical a.callout:hover, #frame-2 .text .vertical a.callout:hover {
	color: #000000;
	background-color: #ffffff;
}
footer a, footer a:link, footer a:visited {
	font-family: 'Greycliff CF Bold';
	font-size: 20px;
	color: #F89F75;
	text-align: left;
}
footer a:hover {
	text-decoration:underline;
}

a.anchor, a.anchor:link, a.anchor:visited {
	text-decoration:underline;
	color: #f06e51;
	font-size: 18px;
}
a.anchor:hover {
	text-decoration:none;
}

/* OTHER
*********************************************/

hr {
    width: 62px;
    height: 3px;
    background: #d9b451;
    border: 0px;
    margin: 70px auto;
}