@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Poppins:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {  font-size: 62.5%;}

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Lato", Arial, sans-serif;
  color:#4D515F; 
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a:link{ color:#1bb580; text-decoration: underline;}
a:hover, a:active {color:#4b7e70}
a:visited {color:#636363;}

p a:link a:focus {text-decoration:underline;}
p a:focus{background-color:#b7bbba;}

footer{
	color:#FFFFFF;
	padding-top:40px;
	font-size:90%;
}
.body-bk{background-color:#232222;}

/*font helpers*/

.didact{font-family:"Poppins", Arial, sans-serif;}
.anton{font-family:"Anton", Arial, sans-serif;}
.largexx{font-size:3em;}

/*static icon container */

.static-icon{width: 24%; float:left; text-align: right;}
.static-icon-txt{width:74%; float:right}
/*page title/top */

.top-title{letter-spacing:normal; font-size: 50%; line-height: 50%;}

/* -- Page Top Message/Photo
================================*/
.page-title{font-family:"Anton", Arial, sans-serif; font-size:6em; letter-spacing: 0.035em; line-height: none; padding:0px; margin:40px 0px 0px 0px;}

.fiftycolumn{width:50%;float:left;}
.fiftycolumnphoto{width:50%; float:right; background-image:url("../img/events-2.jpg"); background-repeat:no-repeat; background-size: cover;}
.fiftycolumnphoto-sponsor{width:50%; float:right; background-image:url("../img/support.jpg"); background-repeat:no-repeat; background-size: cover; background-position: center top;}
.fiftycolumnphoto-parks{width:50%; float:right; background-image:url("../img/park-slides.jpg"); background-repeat:no-repeat; background-size: cover; background-position: center top;}
.fiftycolumnphoto-roads{width:50%; float:right; background-image:url("../img/roads.jpg"); background-repeat:no-repeat; background-size: cover; background-position: center top;}
.fiftycolumnphoto-trails{width:50%; float:right; background-image:url("../img/trails.jpg"); background-repeat:no-repeat; background-size: cover; background-position: center top;}

.fiftycolumnphoto-gallery{width:50%; float:right; background-image:url("../gallery/highlnd-fairview/image1.jpg"); background-repeat:no-repeat; background-size: cover; background-position: center top;}

/* -- parallel buttons
================================*/
.button-left{width:50%; float:left; margin-right:10px;}
.button-right{width:40%; float:left; margin-right:10px;}


/* -- break the split
================================*/
@media  (max-width: 968px){

.page-title{font-size:4em; letter-spacing: 0.035em; line-height: none; padding:0px; margin:0px;}	
.fiftycolumn{width:90%;float:left;}
.fiftycolumnphoto{width:100%; height:250px;}
.fiftycolumnphoto-sponsor{width:100%; height:250px;  background-position: center bottom; }
.fiftycolumnphoto-parks{width:100%; height:250px;  background-position: center bottom; }	
.fiftycolumnphoto-roads{width:100%; height:250px;  background-position: center bottom; }	
.fiftycolumnphoto-trails{width:100%; height:250px;  background-position: center bottom; }	
}

/* colors */
.light{color:rgba(255,255,255,0.53);}
.color-bluish{color:#18586a}

.color-white{color:#fff;}

.color-white a:link {color:#fff; text-decoration: underline;}
.color-white a:hover, a:active {color:#87e4cb;}
.color-white a:visited {color:#fff;}

.color-dark-teal{color:#445456;}
.bk-white{background-color:#fff; color:#2D2B2B;}

.bk-black {background-color:#1D1D1D; color:#fff;}
.bk-dk-gray {background-color:#636363; color:#fff;}
.bk-lt-gray{background-color:#B0AEAE;}
.bk-vlt-gray{background-color:#EDEDED;}
.bk-vdk-gray{background-color:#445356; color:#fff;}


.bk-white {background-color:#fff;}

.bk-bluish{background-color:#18586a; color:#fff; } 
.bk-green{background-color:#1bb580; color:#fff; }


.bk-teal {background-color:#40564f; color:#fff;}
.bk-teal a:link{color:#fff; text-decoration:underline;}
.bk-teal a:hover, a:active{color:#87e4cb;}
.bk-teal a:visited{color:#fff;}

.bk-light-teal{background-color:#788c86; color:#fff;}
.bk-light-teal a:link{color:#fff; text-decoration:underline;}
.bk-light-teal a:hover, a:active{color:#87e4cb;}
.bk-light-teal a:visited{color:#fff;}

.bk-dark-teal{background-color:#40564f; color:#fff;}
.bk-bright-teal{background-color:#87e4cb; }

.bk-med-teal{background-color:#4b8072; color:#fff;}
.bk-med-teal a:link{color:#fff; text-decoration:underline;}
.bk-med-teal a:hover, a:active{color:#87e4cb;}
.bk-med-teal a:visited{color:#fff;}


.bk-img {
	background-image: url('../img/slide-bknd.png');
    background-repeat: repeat-x;

}


/*skip link */
/* For devices larger than 980px */
@media (min-width: 980px) {
#skiplink {
    position: absolute;
    padding: 2px;
	font-size: 1em;
    top: 0px;
    width: 85%;
    text-align: right;
    
}
}


#skiplink p{color:#fff;}
#skiplink a:link {color:#fff; padding:3px;}
#skiplink a:visited {color:#fff;}
#skiplink a:hover {background-color:#788c86;}
#skiplink a:focus{color:#ffffff;}


.visually-hidden{display: none; visibility:hidden;}


/*icons */

.home-icon-bloc:hover{
	-webkit-animation: pulse 1s;}

@media (min-width: 100px) {

.content-container{
		width:98%;
		margin:auto;
		padding-top:40px;
	}
	
.icon-container{
		width:100%;
		margin:auto;
		padding-top:20px;
	}	
	
.home-icon-bloc{
width:30%;
margin-left:2%;
margin-bottom:30px;	
float:left;
text-align: center;	
}	

.home-icon-bloc:first-child{
margin-left:2%;
	}	
}

@media (min-width: 800px) {

.content-container{
		width:95%;
		margin:auto;
		padding-top:40px;
	}

.icon-container{
		width:80%;
		margin:auto;
		padding-top:40px;
	}	
	
.home-icon-bloc{
width:20%;
margin-left:2%;	
float:left;
text-align: center;	
}

.home-icon-bloc:first-child{
margin-left:0%;
	}
}

@media (min-width: 980px){

.content-container{
		width:85%;
		margin:auto;
		padding-top:40px;
	}
	
.icon-container{
		width:90%;
		margin:auto;
		padding-top:20px;
	}	
	
.home-icon-bloc{
width:20%;
margin-left:2%;
margin-bottom:30px;	
float:left;
text-align: center;	
}	

.home-icon-bloc:first-child{
margin-left:2%;
	}	
}




@media (min-width: 1000px) {
	
.content-container{
		width:75%;
		margin:auto;
		padding-top:40px;
	}

.icon-container{
		width:60%;
		margin:auto;
		padding-top:40px;
	}	
}
@media (min-width: 1200px) {
	
.content-container{
		width:75%;
		margin:auto;
		padding-top:40px;
	}
}



	
/*page header */
.logo {width:35%; float: left; text-align: left; padding-top:10px;}
.nav-bar{width:65%; float: right; padding-top:50px;}
/* [ON SMALL SCREENS] */

@media screen and (max-width: 968px){
.logo {width:75%;}
.nav-bar{width:20%; float: right; padding-top:50px;}
}

@media screen and (max-width: 400px){
.logo {width:75%;}
.nav-bar{width:20%; float: right; padding-top:30px; }

}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 400; }
h1 { font-size: 6rem; line-height: 1;  letter-spacing: .15rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  /*letter-spacing: -.1rem;*/ }
h4 { font-size: 2.4rem; line-height: 1.35; }
h5 { font-size: 1.8rem; line-height: 1.5; }
h6 { font-size: 1.5rem; line-height: 1.6; }

bold{font-weight:900;}
.semi-bold{font-weight:700;}
.smallish { font-size: 90%;line-height:150%; }
.small { font-size: 80%; }
.small-txt{font-size: 80%; line-height:150%;}
.largish { font-size: 130%;}
.larger{ font-size: 170%;}
.large { font-size: 200%; }
.text-uppercase {text-transform: uppercase;}
.line-ht-normal {line-height:normal;}
.fontawesome{font-family:FontAwesome;}
.phone{ white-space:nowrap; }
.icon-image{font-size:7em; text-align: center; line-height: 0em;}
.icon-image-sm{font-size:5em; text-align: center; line-height: 0em;}
.nav-title{font-size: 2.4rem; line-height: 1.35; margin-bottom:0px; margin-left:10px;}	
.exec-title { font-size: 120%; line-height:90%; }
.tighter-letters{letter-spacing: -4px;}
.normal-line-ht{line-height:normal;}

.img-cover img {width:100%;}
.no-underline{text-decoration:none;}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 3.75rem; }
  h2 { font-size: 3rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.0rem; }
  h5 { font-size: 1.8rem; line-height: 1.5;  }
  h6 { font-size: 1.5rem; }
}

p {margin-top: 0; }

/*p a.link{text-decoration:underline;}*/

img {max-width: 100%;}

.huge{font-size:6.75rem; margin:0px; padding:0px; line-height: none;}
.semi-huge {font-size:4.75rem; margin:0px; padding:0px; line-height: normal;}

@media (max-width: 750px){
	.huge{font-size:4.25rem;}
	
}



/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	ul, ol { margin-bottom: 10px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 0px 0 5px 30px; font-size: 100%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 1 rem; }
	li {line-height: 1.5em; margin-bottom:5px;}
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
li:last-child {
    margin-bottom:0px;
}

ul.spacer li{margin-bottom: 1.5rem;}

/*fancy lists */

.no-indent{margin-left:8px; padding-left:8px;}

.list-acrobat {list-style-image:url(../img/symbols/acrobat.gif); margin-left:12px; padding-left:12px;}

.list-black-arrow {list-style-image:url("../img/symbols/black-arrow.png")}

.list-blue-pointer {list-style-image:url(../img/symbols/blue-carret.png);}
.list-maroon-pointer {list-style-image:url(../img/symbols/maroon-carret.png);}

.list-caret {list-style-image:url(../img/symbols/carret.png);}	
.list-caret-green {list-style-image:url(../img/symbols/carret-on.png);}
.list-checklist {list-style-image:url(../img/symbols/accept.png);}
.list-check {list-style-image:url(../img/symbols/tick.png);}	

.list-blue-dot {list-style-image:url(../img/symbols/dot-blue.png);}
.list-maroon-dot {list-style-image:url(../img/symbols/bullet-maroon.png);}
.list-gray-dot {list-style-image:url(../img/symbols/bullet-gray.png);}

.list-gray-pointer {list-style-image:url(../img/symbols/gray-carret.png)}

.list-gray-pointer-tips {list-style-image:url(../img/symbols/gray-carret.png)}
.list-gray-pointer-tips li{margin-bottom:20px;}


.list-white-arrow {list-style-image:url(../img/symbols/arrow_white.png); color:#fff;}
.list-white-dot {list-style-image:url(../img/symbols/white-dot.png);}
.list-white-box {list-style-image:url(../img/symbols/white-bullet.gif);}


.list-computer {list-style-image:url(../img/symbols/monitor.gif);}	
.list-page {list-style-image:url(../img/symbols/new_page.png);}	

.list-white-pointer {list-style-image: url(../img/symbols/white-carret.png);}

.list-white-pointer a {color:#ffffff; text-decoration: underline;}	
.list-white-pointer a:hover a:focus {color:#F1FFC1;}


.list-footer-bullet {
	list-style-image: url(../img/symbols/footer-carret.png);
	font-size:.9em;
	margin-left: 8px;
	padding-left:8px;
}	
a.list-footer-bullet{
	color:#C9C9C9;
	text-decoration: none;
}	
a.list-footer-bullet:hover a.list-footer-bullet:active{
	color:#F1FFC1;
	text-decoration: underline;
}

a.list-footer-bullet:visited{
	color:rgba(255,255,255,0.80);
	text-decoration: underline;
}

.list-side-nav{
	list-style-image: none;
	margin-left:0px;
	padding-left:12px;
}


.list-side-nav ul{
 	padding: 0px;
	/*list-style-type: none;*/

}

.list-side-nav li {
     margin-top:0px;
	 margin-bottom:0px;
	 color:#ffffff;
}


.list-side-nav a:link {
     padding: 0.5em .25em;
	 display:block;
	 text-decoration: none;
	 color:#2E5A93;
	 border-bottom: 1px solid #2E5A93;
}

.list-side-nav a:hover {
    display:block;
	background-color:#582b2c; /*red hover*/
	color:#ffffff;
	text-decoration: none;
	border-bottom: 0px;
}


.list-number{margin-left: 20px; padding-left:20px; }
.list-number li{margin-bottom: 1em;}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 10px 10px;
  /*text-align: left;*/
  border-bottom: 1px solid #E1E1E1; 
 vertical-align: text-top;
}
th:first-child,
td:first-child {
  padding-left: 5px; }
th:last-child,
td:last-child {
  padding-right: 5px; }


/* border all */
table.table-border-all, table.table-border-outer {
  border: 1px solid #ededed;
}
table.table-border-all th,
table.table-border-all td {
  border-right: 1px solid #ededed;}

/*border outer */
table.table-border-all, table.table-border-outer {
  border: 1px solid #ededed;}

/* border inner */
table.table-border-inner th,
table.table-border-inner td {
  border-right: 1px solid #ededed;}

/* border row bottoms */
#table-border-row td tr {
  border-bottom: 2px solid #ededed;}

#table-border-row td:last-child tr:last-child {
  border: none;}


/* yellow hover row */  
table.table-hover-row tr:hover td, table.table-hover-cell td:hover {
  background-color: #FFFCC3;}

/* zebra stripe - even or odd */
table.table-fill-even tbody tr:nth-child(even), table.table-fill-odd tbody tr:nth-child(odd) {
  background-color:#E9F0FB;}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: .15rem; }/*field spacing*/
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2rem; } /*paragraph spacing*/


/* Grid 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container{width: 1200px; margin:auto;}
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
 

 
/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {width: 98%;}
    /*margin-left: 1%; }*/
	
}
/* For devices smaller than 400px */
@media (max-width: 400px) {
  .container {width: 98%;}
    /*margin-left: 1%; }*/
	
}

/* For devices larger than 750px */
@media (min-width: 750px) {
  .container {
    width: 98%; }
  .column,
  .columns {
    margin-left: 1.6%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 6.866%; }
  .two.columns                    { width: 15.33%; }
  .three.columns                  { width: 23.8%;            }
  .four.columns                   { width: 32.68%; }
  .five.columns                   { width: 40.73%; }
  .six.columns                    { width: 49.2%;            }
  .seven.columns                  { width: 57.66%; }
  .eight.columns                  { width: 66.31%; }
  .nine.columns                   { width: 74.68%;          }
  .ten.columns                    { width: 83.06%; }
  .eleven.columns                 { width: 91.53%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 32.26%; }
  .two-thirds.column              { width: 66.13%; }
  .one-half.column                { width: 48.4%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.46%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 16.93%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 27.6%; }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 36.26%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 44.93%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 53.6%; }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 59.26%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 67.91%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 76.28%; }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 84.66%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 93.13%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 33.86%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 67.73%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

.alpha{margin-left:0px; padding-left:0px;}
.omega{margin-right:0px; padding-right:0px;}

@media (min-width: 1000px) {

.container {width: 96%; }

}

@media (min-width: 1200px) {

.container { width: 95%; }

} 

/* Misc Padding/Margins/rounding
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.border-light{border:1px solid #D9D7D7;}
    

	.margin-half-bottom {margin-bottom: 10px !important; }
	.margin-add-bottom {margin-bottom: 20px !important; }
	.margin-no-top {margin-top: 0px !important; }
	.margin-no-bottom {margin-bottom: 0px !important; }

	.margin-add-top {margin-top: 20px !important; }
   

    .margin-half-top {margin-top: 10px !important; }
    .margin-left {margin-left: 20px !important; }
	.margin-left-large{margin-left: 60px !important; }
    .margin-left-xlarge{margin-left: 100px !important; }
    .margin-right {margin-right: 20px !important; }
    .margin-right-large {margin-right: 60px !important; }

	.pad-bottom { padding-bottom: 20px !important; }
	.pad-top { padding-top: 20px !important; }
    .pad-top-lg { padding-top:60px;}

	.pad-half-bottom { padding-bottom: 10px !important; }
	.pad-remove-bottom { padding-bottom: 0px !important; }

	.box-padding{padding:10px;}
	.box-padding-sides{padding:0px 10px 0px 10px;}

	.box-padding-side30{padding:0px 30px 0px 30px;}
	.box-padding-side60{padding:0px 60px 0px 60px;}

    .page-padding{padding:20px;}
    .round-corners {border-radius: 15px;  padding:10px;}
    .round-corners-sm {border-radius: 5px;  padding:10px;}
	.round-div{	border-radius: 20px;}
    
	.circle-div {
		width:70%;
		height:0;
		padding-bottom:70%;
		border:3px solid #626161;
		-moz-border-radius:70%;
		-webkit-border-radius:70%;
		border-radius:50%;
		-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
		-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
         box-shadow:0 0 8px rgba(0, 0, 0, .8);
}
	.img-circle {border-radius: 50%;}
    img {max-width: 100%;}

	.square-div {
		width:80%;
		height:0;
		padding-bottom:95%;
		border:1px solid #626161;
		/*-moz-border-radius:70%;
		-webkit-border-radius:70%;
		border-radius:50%;
		*/
		-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
		-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
         box-shadow:0 0 8px rgba(0, 0, 0, .8);
		margin-bottom:5px;
}
	
.square-div-lg {
		width:96%;
		height:0;
		padding-bottom:110%;
		/*border:1px solid #626161;*/
		-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
		-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
         box-shadow:0 0 8px rgba(0, 0, 0, .8);
		margin-bottom:5px;
}	

	.drop-shadow{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(59,59,59,0.93); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 8px 0px rgba(59,59,59,0.93); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */}
	
	.drop-shadow:hover{
	-webkit-box-shadow: 0px 0px 2px 0px rgba(59,59,59,0.53); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 2px 0px rgba(59,59,59,0.53); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
		
		}
		
   @media only screen and (max-width: 980px) {
	.margin-left-large{margin-left:5px !important; }
    .margin-left-xlarge{margin-left: 20px !important; }
   }
   
   @media only screen and (min-width: 480px) and (max-width: 980px) {
	.margin-left-large{margin-left:3px !important; }
    .margin-left-xlarge{margin-left: 20px !important; }
	.margin-right-large {margin-right: 40px !important; }   
}

/* Grid Breakpoints
---------------------------------------------------------------------- */
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 300px) {
	/*show extra small only */
        .show-extra-small,
        .hide-Xlarge,
		.hide-large,
        .hide-small,
        .hide-medium{
        display: inline;
        visibility: visible}
		
 .box-padding{padding:20px;}	
 
     /*hide extra small only*/
        .hide-extra-small,
		.show-Xlarge,
        .show-large,
        .show-small,
        .show-medium{
        display: none;
        visibility: hidden;}
	
	#logo {
	width: 100%;
	text-align: center;
	}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	#logo {
	width:auto;
	
	}
	}

/* Larger than tablet */
@media (min-width: 769px) {
	/*show medium only, hide from all others */
        .show-medium,	 
        .hide-Xlarge,
		.hide-large,
        .hide-extra-small,
        .hide-small{
        display: inline;
        visibility: visible;}
	
		
    /*hide medium only, hide from all others */
        .hide-medium,
        .show-Xlarge,
		.show-large,
        .show-extra-small,
        .show-small{
        display: none;
        visibility: hidden;}
	
	#logo {
	width:auto;
	text-align: left;
	}
	.box-padding{padding:10px;}
	
	}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	/*show large only, hide from all others */
    .hide-Xlarge,
	.show-large,
    .hide-extra-small,
    .hide-small,
    .hide-medium{
    display: inline;
    visibility: visible;}
 
 /*hide large only, show from all others */
    .show-Xlarge,
	.hide-large,
    .show-extra-small,
    .show-small,
    .show-medium{
    display: none;
    visibility: hidden;}

	}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	/*show Xlarge only, hide from all others */
    .show-Xlarge,
	.hide-large,
    .hide-extra-small,
    .hide-small,
    .hide-medium{
    display: inline;
    visibility: visible;}
 
 /*hide Xlarge only, show from all others */
    .hide-Xlarge,
	.show-large,
    .show-extra-small,
    .show-small,
    .show-medium{
    display: none;
    visibility: hidden;}
	}

	
    


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }
.center {
  /*display: block;*/
  margin-left: auto;
  margin-right: auto;
}

.txt-center {text-align: center;}
.txt-right	{text-align: right;}
.txt-left {text-align: left;}
	

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 2rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 3px solid #814142; }

.dotted-line{margin-top: 1rem;  margin-bottom: 2rem; border-top: 3px dotted #525463;}
.blue-line{border-color:#2E5A93}
img.scale-with-grid {
	max-width: 100%;
	height: auto; }
	

/*================= UP ARROW ================== */

#top-navigator{
    position:fixed;
    right:5%;
    bottom:3%;
    text-align:center;
    border-radius:20%;
    background:rgba(27,181,128,1.00);
    width:34px;
    height:34px;
    padding:6px;
    font-size:1.5rem;
	color:#fff;
    opacity:.8;
    z-index:99999;
    cursor:pointer;
    display:none;
}

#top-navigator:hover{
    opacity:.9;
}

/* news pubs boxes */

.pub-box {width:100%}
.pub-box img {max-width: 100%;
	height: auto; }



/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/*super slide*/
.wide-container {   
      max-width:100%;
	  height:  450px;
      margin: 0 auto;
	  padding:0 ;
    }



@media (min-width: 100px) {
.wide-container {
 height: 450px;
 margin: 0 auto;
  }
.swap-container{
width:90%;			
padding-top:20px;
margin:auto;	
	}

.message-2{
background-image: url("../img/swaps/BeautifyMovalTogether-sm.png");
background-repeat: no-repeat;
background-size: contain;	
/*background-size: cover;*/	
margin:auto;	 
width:260px;
height:127px;

		 }

.sponsor{
	margin-top:10px; 
	height:250px; 
	background-image: url("../img/logo-hf.png"); 
	background-repeat:no-repeat; 
	background-position: center;
}
}
@media (min-width: 350px) {
.wide-container {
 height: 450px;
 margin: 0 auto;
  }
.swap-container{
width:80%;			
padding-top:50px;
margin:auto;	
	}

.message-2{
background-image: url("../img/swaps/BeautifyMovalTogether-sm.png");
background-repeat: no-repeat;
background-size: contain;	
/*background-size: cover;*/	
margin:auto;	 
width:300px;
height:147px;

		 }  
.sponsor{
	margin-top:10px; 
	height:250px; 
	background-image: url("../img/logo-hf.png"); 
	background-repeat:no-repeat; 
	background-position: center;
}		
}
    
@media (min-width: 550px) {

.swap-container{
width:80%;			
padding-top:50px;
margin:auto;	
	}

	
.message-2{
background-image: url("../img/swaps/BeautifyMovalTogether-sm.png");
background-repeat: no-repeat;
background-size: contain;	
margin:auto;	 
width:349px;
height:204px;
		 }
 .sponsor{
	margin-top:20px; 
	height:250px; 
	background-image: url("../img/logo-hf.png"); 
	background-repeat:no-repeat; 
	background-position: center;
}	   
}

    
    
    
@media (min-width: 750px) {
.wide-container {
 height: 500px;
 margin: 0 auto;
  }

.swap-container{
width:70%;			
padding-top:50px;
margin:auto;	
	}		
	
.message-2{
background-image: url("../img/swaps/BeautifyMovalTogether.png");
background-repeat: no-repeat;
background-size: contain;	
margin:auto;	 
width:466px;
height:272px;
		 }	    
.sponsor{
	margin-top:40px; 
	height:250px; 
	background-image: url("../img/logo-hf.png"); 
	background-repeat:no-repeat; 
	background-position: center;
}
}
	


@media (min-width: 1000px) {
.wide-container {
 height: 600px;
 margin: 0 auto;
  }

.swap-container{
width:60%;			
padding-top:50px;
margin:auto;	
	}
	
	
.message-2{
background-image: url("../img/swaps/BeautifyMovalTogether.png");
background-repeat: no-repeat;
background-size: contain;	
margin:auto;	 
width:650px;
height:340px;
		 }	
.sponsor{
	margin-top:60px; 
	height:270px; 
	background-image: url("../img/logo-hf.png"); 
	background-repeat:no-repeat; 
	background-position: center;
}	
}


@media (min-width: 1200px) {
.wide-container {
 height: 600px;
 margin: 0 auto;
  }


.message-2{
background-image: url("../img/swaps/BeautifyMovalTogether.png");
background-repeat: no-repeat;
background-size: contain;	
margin:auto;	 
width:700px;
height:350px;
		 }
.sponsor{
	margin-top:60px; 
	height:270px; 
	background-image: url("../img/logo-hf.png"); 
	background-repeat:no-repeat; 
	background-position: center;
}
}


#printhead{display:none;}



/* Navigation 
---------------------------------------*/
/* [ON BIG SCREEN] */
/* Wrapper */
#hamnav {
  width: 100%;
  /*background: #fff;*/
  /* Optional */
  position: sticky;
  top: 0;
}

/* Hide Hamburger */
#hamnav label, #hamburger { display: none; }

/* Horizontal Menu Items */
#hamitems { display: flex; max-width: 700px;  }
#hamitems a {
  width: 14%; /* 100% / 5 tabs = 20% */
  padding: 10px 7px 10px 7px;	
  color: #000;
  text-decoration: none;
  text-align: center;
  font-family: 'Spartan', sans-serif;
  font-size:80%;	
  text-transform: uppercase;
  border-right: #fff 1px solid;
}
#hamitems a:hover {
  background: #4b8072;
  color:#fff;	
}
#hamitems a:after{
   content:'|';
   font-family: 'Spartan', sans-serif;
   font-size:120%;
   margin: 0 0 0 1em;	
}	

#hamitems a:hover:after{
	color:#4b8072;
	}
#hamitems a:last-child{
   border-right: #fff 1px solid;
}



/* [ON SMALL SCREENS] */
@media screen and (max-width: 968px){
  /* Show Hamburger Icon */
  #hamnav label { 
    display: inline-block;
	float:right;  
    color: white;
    background: #4b8072;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px 10px 40px 10px;
	  
  }

  /* Break down menu items into vertical */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
	padding:5px;
	text-align: left;
	margin-left: 30px;  
  }
#hamitems a:last-child{
  border-right: #000 1px solid;
  border-bottom: #000 1px solid;	
	}
#hamitems a::before{
  content: " >  ";
  	
	}	
#hamitems a:after{
   content:'';
	
}		
  /* Toggle Show/Hide Menu */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block;  }
}


 /*N Super SMALL SCREENS] */
@media screen and (max-width: 400px){
  /* Show Hamburger Icon */
  #hamnav label { 
    display: inline-block;
	float:right;  
    color: #fff;
    background: #4b8072;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
	  
  }

  /* Break down menu items into vertical */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
	padding:5px;
	text-align: left;
	margin-left: 30px;  
  }
#hamitems a:last-child{
  border-right: #000 1px solid;
  border-bottom: #000 1px solid;	
	}
#hamitems a::before{
  content: "  ";
  	
	}	
#hamitems a:after{
   content:'';
	
}		
  /* Toggle Show/Hide Menu */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block;  }
}