/* COLORS =========================

Green: #5d9732
Red: #a93642
Yellow: #e68d1a
Blue: #006eab
Gray: #696a6c
Dark:
Light:	
	
================================ */

body {
  font-family: 'Lora', 'Times New Roman', serif;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #222;
}

a {
  color: #006eab;
}
a:hover,
a:focus {
  color: #5d9732;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

hr {border-top:1px solid #ddd;}

.zamboni { clear:both; height: 0;  }

.sm-icons a {
  color: #5d9732;
}
.sm-icons a:hover,
.sm-icons a:focus {
  color: #006eab;
}

.btn { text-decoration: none !important;}

.btn-default:hover,
.btn-default:focus {
  background-color: #5d9732;
  border: 1px solid #5d9732;
  color: #fff;
}

/* buttons new */
.button {
  display: inline-block;
  white-space: nowrap;
  padding: 20px 40px;
  margin: 0 0.3rem 0 0;
  border-radius: 0px;
  font-size: 1.1em;
  line-height: 100%;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.button:link, .button:visited {
  text-decoration: none;
  color: #fff;
  background-color: #a93642;
}
.button:hover, .button:focus, .button:active {
  text-decoration: none;
  background-color: #96303a;
}

.button.button-blue:link, .button.button-blue:visited {
  background-color: #006eab;
}
.button.button-blue:hover, .button.button-blue:focus, .button.button-blue:active {
  background-color: #004d78;
}

.button.button-green:link, .button.button-green:visited {
  background-color: #5d9732;
}
.button.button-green:hover, .button.button-green:focus, .button.button-green:active {
  background-color: #457125;
}

.button.button-white:link, .button.button-white:visited {
  background-color: #fff;
  color: #555;
  border: 0;
}
.button.button-white:hover, .button.button-white:focus, .button.button-white:active {
  background-color: #e6e6e6;
}

/* hero header */

.intro-header-inner { background-color: rgba(0,0,0,0.4); }



.pager {
  margin: 20px 0 0;
}
.pager li > a,
.pager li > span {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 10px 5px;
  background-color: #fff;
  color: #5d9732;
  border: 1px solid #5d9732;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .pager li > a,
  .pager li > span {
    font-size: 14px;
    padding: 15px 25px;
  }
}
.pager li > a:hover,
.pager li > a:focus {
  color: white;
  background-color: #5d9732;
  border: 1px solid #5d9732;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #808080;
  background-color: #404040;
  cursor: not-allowed;
}

/* === NAV BAR OVERRIDES === */
@media only screen and (min-width: 768px) {  
  .navbar-custom .nav li a {
    color: white;
    padding: 20px 20px 20px 0;
  }  
}


/* === HOME === */

.home-box-rap {margin-bottom: 40px;}

.home-box h2 { font-size: 42px;}
.home-box h3 { font-weight: 100;}

.home-box-cta {background-color: #006eab; color: #fff; margin:0px 0 40px;}
.home-cta {font-size: 32px; font-weight: 100;}

.home-box-jo { background-color: #efefef; color: #555; margin:0; }
.home-box-jo a, .home-box-jo a:visited {
  color: #5d9732;
  text-decoration: underline;
}
.home-box-jo a:hover, .home-box-jo a:active {
  color: #51832B;
  text-decoration: none;
}

.home-box-wg { background-color: #efefef; color: #555; margin:40px 0 0; padding:40px 0; }
.home-box-cta-red {background-color: #a93642; color: #fff; margin:0px 0 40px;}

.home-box-status {
	background-color: #a93642; 
	/*background: no-repeat center center;
	background-attachment: scroll;
	background-image: url("/img/tracker-bg.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	color: #fff; 
	margin:40px 0 0;
	
}


h2.status-hd em {font-style: normal; font-size: 0.65em; color: #5d9732;}
#status-table {font-size: 0.85em;}

/* === FOOTER === */

.footer-navbar {font-size: 0.8em; margin:30px auto;}
.footer-social-links { clear: both; }

.river-path {
  height: 100px;
  width:100%;
  margin:10px 0;
  background-size: cover;
  background-position: center top;
}

@media (min-width:1200px) { .river-path { height: 140px; } }

.river-path.river { background-image: url(/img/svg/footer-base-river.svg); }
.river-path.path { background-image: url(/img/svg/footer-base-path.svg); }


/* === UPDATES === */

.post-preview-highlighted {
	padding: 50px 50px 40px;
	margin: 0 0 60px;
	background: #696a6c url('/img/mountain-update-bg.png');
	color: #fff;
	background: no-repeat top right top;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.post-preview-highlighted h2 { font-size: 42px; font-weight: 300; }
/* [DESKTOPS] ++ */
@media (min-width:992px){ .post-preview-highlighted h2 { font-size: 60px; font-weight: 300; }
}

.post-preview-highlighted a, .post-preview-highlighted a:visited { color: #fff;}

.post-preview-all .post-meta {
	color: #808080;
	font-size: 18px;
	font-style: italic;
	margin-top: 0;
	}


.ml-rap { margin: 80px 0; }
.ml-rap.box-top { margin-top: 20px; }
.ml-rap h2 { font-size: 42px; font-weight: 300;}
/* [DESKTOPS] ++ */
@media (min-width:992px){ .ml-rap h2 { font-size: 60px; font-weight: 300; }
    
}
.ml-box { background-color: #fff; }

/* === POSTS - SIMPLE === */

.post-title-simple h1 {font-size: 2.6em;}
.post-title-simple h2 {font-size: 1.8em;}

/* === MEDEBA === */

.medeba-mission .lead { margin-bottom: 40px; padding:0px 0 30px; font-size: 24px; }





/* --- FLOAT R/L --- */

/* [PHONES] */
@media(max-width:767px) {
	.float-left { float:none; margin:0 20px 10px 0 !important; }
	.float-right { float:none; margin:0 0 10px 20px !important; }
	
	img.float-left { display: block; margin:20px auto !important;}
	img.float-right { display: block; margin:20px auto !important; }
}

/* [TABLETS] ++ */
@media (min-width:768px){
	.float-left { float:left; margin:0 20px 10px 0 !important; }
	.float-right { float:right; margin:0 0 10px 20px !important; }
}

/* ------- images and image styles ------- */

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

img.img-border { padding:4px; border:1px solid #ccc; background: #fff; }

img.img-circle {
  padding: 4px;
  -webkit-border-radius: 50%; 
  border-radius: 50%; 
  -webkit-box-shadow: 0px 0px 10px rgba(52,52,52, 0.42);
  -moz-box-shadow:    0px 0px 10px rgba(52,52,52, 0.42);
  box-shadow:         0px 0px 10px rgba(52,52,52, 0.42);

}

.lead { font-size: 28px; }


.fa-green, .green { color: #5d9732; }
.fa-red, .red { color: #a93642; }
.fa-yellow, .yellow { color: #e68d1a; }
.fa-blue, .blue { color: #006eab; }
.fa-gray, .gray { color: #696a6c; }



/* ----------------------------
------- CARD COMPONENTS ------- 
------------------------------- */

.card-set {
  text-align: center;
  margin-bottom: 20px;
  
/*   flex */
  display: flex;
  flex-wrap: wrap;
  margin:0 0 20px;
  
/*    grid */
  display: grid;
  grid-gap: 20px;
  margin: 0 auto 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));  
 
  
}
card-set-3 {}

.card {  
/*    flex */
  margin: 20px;
  flex: 1 1 200px;

/* all     */
  padding:0;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0 0 20px 0;
}

@supports (display: grid) {
  .card {
    margin: 0;
  }
}

.card:hover { background-color: #efefef; }

.card a, .card a:visited {
  color: #222;
  text-decoration: none;
}

.card a h2, .card a:visited h2, .card a:hover h2, .card a:active h2 { color: #5d9732; }
.card a h3, .card a:visited h3, .card a:hover h3, .card a:active h3 { color: rgba(0,0,0,0.4); }

.card a:hover, .card a:active {
  text-decoration: none;
  background-color: #efefef;
}

.card h2 { color: #5d973; }
.card h3 { color: #555; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.card .card-text {
   padding: 20px;
   text-align: left;
   font-size: 16px;
}


/* utility */
.text-left {
	text-align: left;
}

.text-right,
.more-link {
	text-align: right;
}

.text-center {
	text-align: center;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.text-larger {
	font-size: 1.15em;
}

.text-small {
	font-size: 0.8em;
}

.line-height-plus {
	line-height: 1.75;
}

.space-right {
	margin-right: 1em;
}

.space-left {
	margin-left: 1em;
}

.space-above {
	margin-top: 1em;
}

.space-below {
	margin-bottom: 1em;
}

.no-space {
	margin: 0;
}

.padding-right { 
	padding-right: 1em; 
}

.padding-left { 
	padding-left: 1em; 
}

.padding-top { 
	padding-top: 1em; 
}

.padding-bottom { 
	padding-bottom: 1em; 
}

.padding-all { 
	padding: 1em;
}

img.image-left {
  float: left;
  margin: 0 20px 10px 0;
}

img.image-right {
  float: right;
  margin: 0 0 10px 20px;
}

img.image-round { border-radius: 50%; padding:4px; border: 4px solid #5d973;  }


/* TMP */

.tmp-header {
  display: flex;
  height: 100vh;
  background: #333;
  background-image: url(/img/tmp-home-bg.jpg);
  background-size: cover;
  background-position: top center;
  color: #fff; }

.tmp-svg {
  width: 99%;
  margin: 80px auto auto auto;
  padding: 0 40px;
}

@media (min-width:768px) {
  .tmp-svg { width: 75%; margin: auto auto auto auto; }
}

.tmp-header .tmp-header-inner {
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  width: 100vw; }

.tmp-header .tmp-header-text {
  margin: auto;
  padding: 0 40px; }


.tmp-header .tmp-header-text h2 {
  text-transform: uppercase;
  font-size: 1.1em;
  line-height: 1.2em;
  margin: 20px 0; 
  text-align: center;
  }

@media (min-width:768px) {
  .tmp-header .tmp-header-text h2 {
    font-size: 1.3em;
    line-height: 1.5em;
  }
}

// GRIDZ

.gridz {
//   flex
  display: flex;
  flex-wrap: wrap;
  margin:0 0 20px;
  
//   grid
  display: grid;
  grid-gap: 20px;
  margin: 0 auto 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));  
}

.gridz.gridz-3 { 
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
}

.gridz.gridz-4 { 
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
}

.gridz.gridz-gap-0 { grid-gap: 0px; }
.gridz.gridz-gap-5 { grid-gap: 5px; }
.gridz.gridz-gap-10 { grid-gap: 10px; }
.gridz.gridz-gap-15 { grid-gap: 15px; }



.gridz-box {
//   flex
  margin: 5px;
  flex: 1 1 200px;

  //   all  
  padding:20px;
}

.gridz-2 .gridz-box { flex: 1 1 250px; }

.gridz-4 .gridz-box {
  flex: 1 1 140px;
}

.gridz-box h2 {
  font-weight: 400;
  margin: 0 0 10px;
  font-size: 1.4em;
  color: #006eab;
}

/* We need to set the margin used on flex items to 0 as we have gaps in grid.  */

@supports (display: grid) {
  .gridz-box {
    margin: 0;
  }
}

// padding for grids - default 20px

.gridz.gridz-padding-0 .gridz-box,
.gridz-padding-0.gridz-box,
.gridz-inner.gridz-padding-0 {padding: 0px; }

.gridz.gridz-padding-5 .gridz-box,
.gridz-padding-5.gridz-box,
.gridz-inner.gridz-padding-5 { padding: 5px; }

.gridz.gridz-padding-10 .gridz-box,
.gridz-padding-10.gridz-box,
.gridz-inner.gridz-padding-10 { padding: 10px; }

.gridz.gridz-padding-20 .gridz-box,
.gridz-padding-20.gridz-box,
.gridz-inner.gridz-padding-20 { padding: 20px; }

.gridz.gridz-padding-40 .gridz-box,
.gridz-padding-40.gridz-box,
.gridz-inner.gridz-padding-40 { padding: 40px; }

// color and border options

// border
.gridz-border .gridz-box,
.gridz-box.gridz-border {
  border:1px solid #ddd;
}

// light box
.gridz-bg-light .gridz-box,
.gridz-box.gridz-bg-light{
  background-color: #efefef;
  color:#222;
}

.gridz-bg-light.gridz-border .gridz-box,
.gridz-bg-light.gridz-border.gridz-box{
  border:1px solid #ddd;
}

// dark box

.gridz-bg-dark.gridz-box {
  background-color: #222;
  color:#fff;
  
  & a {color: #e68d1a; text-decoration:underline;}
  & a:visited {color: #e68d1a; text-decoration:underline;}
  & a:hover {color: lighten( #e68d1a, 20% ); text-decoration:underline;}
  & a:active {color: lighten( #e68d1a, 20% ); text-decoration:underline;}
  
  & h2 { color: #fff; }
}

.gridz-bg-dark.gridz-border .gridz-box,
.gridz-bg-dark.gridz-border.gridz-box,
.gridz-border .gridz-bg-dark.gridz-box {
  border:1px solid #222;
}

// blue box

.gridz-bg-blue.gridz-box {
  background: linear-gradient(to right, #221155 0%,#1e1c8e 100%);
  color:#fff;
  
  & a {color: #e68d1a; text-decoration:underline;}
  & a:visited {color: #e68d1a; text-decoration:underline;}
  & a:hover {color: lighten( #e68d1a, 20% ); text-decoration:underline;}
  & a:active {color: lighten( #e68d1a, 20% ); text-decoration:underline;}
  
  & h2 { color: #fff; }
}

.gridz-bg-blue.gridz-border .gridz-box,
.gridz-bg-blue.gridz-border.gridz-box,
.gridz-border .gridz-bg-blue.gridz-box {
  border: 1px solid #006eab;
}

// red box

.gridz-bg-red.gridz-box {
  background: linear-gradient(to right, #a93642 0%,#e22 100%);
  color:#fff;
  
  & a {color: #efefef; text-decoration:underline;}
  & a:visited {color: #efefef; text-decoration:underline;}
  & a:hover {color: #fff; text-decoration:underline;}
  & a:active {color: #fff; text-decoration:underline;}
  
  & h2 { color: #fff; }
}

.gridz-bg-red.gridz-border .gridz-box,
.gridz-bg-red.gridz-border.gridz-box,
.gridz-border .gridz-bg-red.gridz-box {
  border: 1px solid #a93642;
}


.gridz-box.gridz-border-none,
.gridz-bg-light.gridz-box.gridz-border-none,
.gridz-bg-dark.gridz-box.gridz-border-none,
.gridz-bg-blue.gridz-box.gridz-border-none,
.gridz-bg-red.gridz-box.gridz-border-none
{ border: none; }


.gridz-box.gridz-shadow, 
.gridz-shadow .gridz-box { 
  box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2); 
}