media-item/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
* A better looking default horizontal rule
*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/

audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

/* ==========================================================================
Helper classes
========================================================================== */

.left {float:left;}
.right {float:right;}


/*
* Hide visually and from screen readers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
* Hide only visually, but have it available for screen readers: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.page_success_message {background-color:#DFF2BF; color:#4F8A10; padding:14px; margin-bottom:20px; border: 1px solid #b3ca8b; }
.page_error_message {background-color:#FFBABA; color:#D8000C; padding: 14px; margin-bottom:20px; border:1px solid #e67e7e;}
.page_error_message ul {margin-bottom:0;}


/* ==========================================================================
Fonts
========================================================================== */

@font-face {
    font-family: 'roboto_slabbold';
    src: url('../fonts/RobotoSlab-Bold-webfont.eot');
    src: url('../fonts/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoSlab-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_slabregular';
    src: url('../fonts/RobotoSlab-Regular-webfont.eot');
    src: url('../fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}





/* ==========================================================================
Author's custom styles
========================================================================== */

body {font-family: 'robotomedium'; font-weight:normal;}

h1 {font-weight:normal;}
h2 {font-weight:normal; color:#f68c2c; font-size:29px; font-family: 'roboto_slabbold';}
h3 {font-weight:normal; color:#288cc1; font-size:22px; text-transform:uppercase; font-family: 'robotomedium';}
h4 {font-weight:normal;}

p {font-size:18px; line-height:24px; font-family: 'robotomedium'; margin-top:0;}

ul {padding-left:20px;}
ul li, ol li {font-size:18px;}
a {color:#00aea9; font-family: 'robotomedium';}
.back-link {text-decoration:none;}

.container {width:100%; max-width:960px; padding:0 1%; margin:0 auto;height:100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


.row-header { }
    .row-header .container {padding:0;}
	#logo {display:block; margin-top:10px; margin-bottom:10px; width:147px; height:80px; float:left; text-indent:-9999px; background: transparent url('../images/logo.png') no-repeat center top;}
	.logo-tagline {float:left; margin-top:26px; margin-left:10px; font-family: 'roboto_condensedbold'; text-transform:uppercase; display:none;}
        .logo-tagline span {font-size:22px;}
        
	.socials {margin:27px 0 0 0; padding:0; list-style:none; float:right;}
            .socials li {display:block; float:left; margin-left:6px;}
            .socials li a {width:30px; height:30px; display:block; text-indent:-9999px;}
            
            .socials li.facebook, .socials li.youtube, .socials li.twitter, .socials li.instagram {margin-top:6px;}
            .socials li.facebook a {background: transparent url('../images/social-facebook.png') no-repeat center top;}
            .socials li.facebook a:hover {background: transparent url('../images/social-facebook-on.png') no-repeat center top;}
            .socials li.youtube a {background: transparent url('../images/social-youtube.png') no-repeat center top;}
            .socials li.youtube a:hover {background: transparent url('../images/social-youtube-on.png') no-repeat center top;}
            .socials li.twitter a {background: transparent url('../images/social-twitter.png') no-repeat center top;}
            .socials li.twitter a:hover {background: transparent url('../images/social-twitter-on.png') no-repeat center top;}
            .socials li.instagram a {background: transparent url('../images/social-pinterest.png') no-repeat center top;}
            .socials li.instagram a:hover {background: transparent url('../images/social-pinterest-on.png') no-repeat center top;}
            
            .socials li.apply, .socials li.donate {margin-left:15px;}
            .socials li.apply a, .socials li.donate a {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;width:auto; height:42px; font-size:30px; text-indent:0; text-decoration:none; color:#fff; padding:0 10px;font-family: 'roboto_condensedbold'; text-transform:uppercase; }
            .socials li.apply a {background-color:#000;}
            .socials li.donate a {background-color:#D9272D;}
            .socials li.apply a:hover {background-color:#288cc1;}
            .socials li.donate a:hover {background-color:#b20c18;}

.row-nav {}
    .row-nav .container {padding:0; background-color:#e5e5e7;}

	.menu-link {
	  display: none;
	  float: right;
	  text-decoration: none;
	  outline:0;
	  }
	.menu { 
	  max-width: 60em;
	  -webkit-transition: all 0.3s ease-out;  
	  -moz-transition: all 0.3s ease-out;
	  -ms-transition: all 0.3s ease-out;
	  -o-transition: all 0.3s ease-out;
	  transition: all 0.3s ease-out; 
	  }
	.menu ul { 
	  padding: 0px;
	  margin: 0px;
	  list-style: none;
	  position: relative;
          width:100%;
	  }
	.menu > li > ul.sub-menu {
	  min-width: 10em;
	  padding: 4px 0;
	  background-color: #f4f4f4;
	  border: 1px solid #CCC;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	  -webkit-background-clip: padding-box;
	  -moz-background-clip: padding;
	  background-clip: padding-box;
	  }
	.menu ul:after {
	  content: ""; clear: both; display: block;
	  }
	.menu ul li {
	  padding: 0px;
          width:12.5%;
          margin:0;
	  }
          
	.menu > ul > li { 
	  display: block; float:left;
          
          
	  }
	.menu ul li a { 
	  display: block;
	  text-decoration: none;
	  color: #000;
	  font-size: 16px;
          text-align:center;
          font-family: 'roboto_slabbold';
	  }
          
          
          .menu ul li a:hover {color:#fff; background-color:#00aea9;}

          .menu ul li:hover a.top-level {color:#fff; background-color:#00aea9;}
	.menu ul li > a {
          padding: 16px 0;
	   }
	.menu ul ul { 
	  display: none; 
	  position: absolute; 
	  z-index:99999;
	  top:100%;
          width:auto;
	  min-width: 160px;
	  background-color: #f4f4f4;
	  }
          
          .menu ul ul li {width:auto;}
          
          .menu ul ul li a {text-align:left;}
	.menu ul li:hover > ul {
	  display: block;
	  }
	.menu ul ul > li {
	  position: relative;
          margin-right:0;
	  }
	.menu ul ul > li a {
	  padding: 5px 15px 5px 10px;
	  background-color: #f4f4f4;
	  -webkit-transition: background-color 0.2s ease-out;  
	  -moz-transition: background-color 0.2s ease-out;
	  -ms-transition: background-color 0.2s ease-out;
	  -o-transition: background-color 0.2s ease-out;
	  transition: background-color 0.2s ease-out;
	   }
	.menu ul ul > li a:hover {
	  background-color: #f68c2c;
	  color: #fff;
	  }
	.menu ul ul ul {
	  position: absolute; 
	  left: 100%; 
	  top:0;
	  }
 .mobile-social {display:none!important;}



.row-hero {height:250px;}
    .row-hero .container {padding: 0 2%;}
    .row-hero .container h1 {color:#fff; font-family: 'roboto_slabregular'; font-size:40px; line-height:40px; margin:55px 0 15px; width:60%; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
    .row-hero .container p {color:#fff; font-family: 'robotomedium'; font-size:20px; margin:0; width:100%; max-width:330px;}


.subpage-header {height:160px; max-width:960px; margin-bottom:20px;position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .subpage-header h1{position:absolute; bottom:20px; left:20px; font-family: 'roboto_condensedbold'; color:#fff; margin-bottom:0;
text-transform: uppercase;
font-size: 40px;/*weem*/
line-height: 40px;}

.row-features {}
    .row-features .container {padding:0;}
	.block-33 {display:block;text-decoration:none; width:33.333333333%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px; color:#fff;height:300px;}
        .block-33.box1 {background: transparent url('../images/feature-bg-teal.png') no-repeat left top; padding-top:80px;}
        .block-33.box2 {background: transparent url('../images/feature-bg-orange.png') no-repeat left top;padding-top:80px;}
        .block-33.box3 {background: transparent url('../images/feature-bg-blue.png') no-repeat left top; padding-top:60px;}
        .block-33 h2 {text-align:center; font-family: 'roboto_condensedbold'; text-transform:uppercase; font-size:40px; line-height:40px; margin:0 0 10px; color:#fff;}
        .block-33 p {font-family: 'robotomedium'; font-size:20px; text-align:center; margin:0; line-height:26px;}
       
        
       
.block-33:hover h2, .block-33:hover p {display:none;}

.row-sub-features {}
    .row-sub-features .container {padding:0;}
    .block-50 {width:50%; float:left; background-color:#e5e5e7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .block-50.first {border-right:2px solid #fff;}
    .block-50.second {border-left:2px solid #fff;}
    .block-50 a {font-family: 'roboto_condensedbold'; text-transform:uppercase; color:#000; font-size:40px;text-align:center;display:block; height:90px; text-decoration:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top:15px;}

    .block-50 a:hover {background-color:#dbe3e7;}


.row-panel {height:245px;}

.row-panel .container {background:transparent url('../images/panel-bg.jpg') no-repeat left top;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
    .panel-content {width:64%; float:right; margin-top:5px; margin-bottom:40px;}
    .panel-content h2 {font-family: 'roboto_condensedbold'; text-transform:uppercase; font-size:30px; line-height:30px; color:#fff; margin-bottom:6px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
    .panel-content p {color:#fff; font-family: 'robotomedium'; font-size:18px; line-height:23px; margin:0;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}

.content {padding-bottom:25px;}
    .content .container {padding:0;}
    .content-container {padding: 0 2%;}
    
#form_contact {margin:0;}
    #form_contact div {margin-bottom:10px;}
    #form_contact div h4 {margin:0;}
    #form_contact input[type="text"], #form_contact input[type="email"], #form_contact textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.row-footer {}

    .block-25 {width:25%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:20px;}

   .board-member {margin-top:25px;}
  .board-image {float:left; width:20%; margin-right:3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:5px solid #00aea9;}
  .board-content {float:left; width:77%; margin-top:15px;}
  .board-content h2 {margin:0;}
  .board-content ul {padding-left:20px;}
  
  .event-item {margin-top:25px; border-bottom:1px solid #ccc;}
  .event-item h2 {margin-top:0; margin-bottom:6px;}
  .event-item h3 {margin-top:0;margin-bottom:6px;}
  .event-item p {}
  .event-item a {color:#00aea9; text-decoration:none;}
  
  
  #form_contact {margin:30px 0 0; width:50%;}
  #form_contact div {margin-bottom:15px;}
  #form_contact div h4 {margin-bottom:6px;}
  #form_contact input[type="text"], #form_contact input[type="email"], #form_contact textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; padding:6px; border:1px solid #ccc; outline:0;}
  #form_contact textarea {height:200px;}
  #form_contact input[type="submit"] {background-color:#00aea9; color:#fff; padding:12px 30px; border:0; outline:0;}
  #form_contact input[type="submit"]:hover {background-color:#f68c2c;}
    
    
.row-bottom-nav {padding:20px 0;}
    .row-bottom-nav ul {list-style:none; margin:0; padding:0;}
    .row-bottom-nav ul li { width:12.5%; display: block; float:left;}
    .row-bottom-nav ul li a {display:block;color: #000;font-size: 16px;text-align:center;font-family: 'roboto_slabbold'; text-decoration:none;}
    .row-bottom-nav ul li a:hover {color:#00aea9;}

.row-copyright {padding:10px 0; background-color:#e5e5e7; font-size:14px;}
.row-copyright a {text-decoration:none; color:#000;}
.row-copyright a:hover {color:#f68c2c;}


/* Media Page */

.media-item {width:16%;margin:20px 2% 0;height:auto;float:left;}
.media-item a {text-decoration:none;font-size:14px;line-height:14px;}
.media-item span {display:block;height:205px;overflow:hidden;margin-bottom:3px;text-align:center;}
	.media-videos .media-item span {height:205px;margin-bottom:3px;}
.media-item img {width:96%;padding:1%;border:1px solid #ccc;margin-bottom:5px;}
.media-item div {text-align:center;}

/* Program/Camp Page */

.content-column-program {width:33.33333%;float:left;}
.content-column-program img {width:100%;height:auto;margin-bottom:12px;}
.content-column-program ul {margin:0 15px;}
.content-column-program ul li {}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media (max-width : 1010px) {
    
    #logo {margin-left:10px;}
    .socials {margin-right:10px;}
    
    .row-panel .container {background:transparent url('../images/panel-bg.jpg') no-repeat right top;}
    .panel-content h2 {font-size:25px; line-height:25px;}
    .panel-content p {font-size:16px; line-height:20px;}
    
}

/* Medium Devices, Desktops */
@media (max-width : 952px) {
.container {width:100%; padding: 0 2%;}



/* hidden content */
.hide-md {display:none;}
.hide-lg {display:inherit;}
}


@media (max-width : 850px) {
    .socials {}
    .socials li {margin-bottom:10px;}
    //.socials li.facebook {margin-left:55px; }
    .socials li.donate, .socials li.apply {margin-bottom:0;}
    
.row-panel {height:auto;}
   .row-panel .container {background-image:none; background-color:#514c43;} 
   .panel-content {width:96%; margin:0px 2%; padding-bottom:20px;}
   .panel-content h2, .panel-content p  {text-shadow:none;}
}

/* Small Devices, Tablets */
@media (max-width : 768px) {

    .row-nav .container {background-color:#00aea9;}
    
a.menu-link {
display: block;
color: #fff;
margin:10px;
width:28px; height:28px;
text-indent:-9999px;
background:transparent url('../images/icon-menu.png') no-repeat center top;}

.menu {
clear: both;
min-width: inherit;
float: none;
}
.menu, .menu > ul ul {
overflow: hidden;
max-height: 0;
background-color: #f4f4f4;
}
.menu > li > ul.sub-menu {
padding: 0px;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.menu.active, .menu > ul ul.active {
max-height: 55em;
}
.menu ul {
display: inline;
}
.menu > ul {
border-top: 1px solid #808080;
}
.menu ul li, .menu > ul > li {
display: block;
float:none; width:100%;
}
.menu ul li a {
color: #000;
display: block;
padding: 12px;
border-bottom: 1px solid #808080;
position: relative;
text-align:left;
}
.menu li.has-submenu > a:after {
content: '+';
position: absolute;
top: 0;
right: 0;
display: block;
font-size: 1.5em;
padding: 5px 12px;
}
.menu li.has-submenu > a.active:after {
content: "-";
}
.menu ul ul > li a {
background-color: #e4e4e4;
padding: 12px;
}
.menu ul ul, .menu ul ul ul {
display: inherit;
position: relative;
left: auto; top:auto;
box-shadow: none; 
border:none;
}

.row-hero .container h1 {font-size:35px; line-height:35px;}


.block-33 {opacity:1;width:100%; float:none; height:auto;}
        .block-33.box1:hover {background: transparent url('../images/feature-bg-teal.png') no-repeat left top;}
        .block-33.box2:hover {background: transparent url('../images/feature-bg-orange.png') no-repeat left top;}
        .block-33.box3:hover {background: transparent url('../images/feature-bg-blue.png') no-repeat left top;}
    .block-33.box1, .block-33.box2, .block-33.box3, .block-33.box1:hover, .block-33.box2:hover, .block-33.box3:hover { padding-top:20px;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
    
.block-33.box1:hover h2, .block-33.box2:hover h2, .block-33.box3:hover h2, .block-33.box1:hover p, .block-33.box2:hover p, .block-33.box3:hover p {display:block;}
    
    
 .block-25 {width:50%;}
 
 .row-bottom-nav {display:none;}


/* hidden content */
.hide-sm {display:none;}
.hide-lg, .hide-md {display:inherit;}
}

@media (max-width : 740px) {
    
    .logo-container {float:left;}
    #logo {float:none;}
   .logo-tagline {margin-top:0; margin-bottom:10px;} 

	.media-item {width:21%;margin:20px 2% 0;height:auto;float:left;}
	.media-item span {height:180px;}
        .media-videos .media-item span {height:140px;}
}

@media (max-width : 600px) {
    
    .logo-container { margin: 0 auto;}
    #logo { margin:10px 0 5px;}
    
    .socials li {margin-top:0!important;}
    .socials li.apply a, .socials li.donate a {font-size:23px; height:32px;}
    .socials {}
    
    .row-hero .container h1 { width:100%;}
    
    .block-25 {width:100%;}
    
    .board-image {width:30%;}
    .board-content {width:67%;}
    
    #form_contact {width:100%;}
    
    .content-column-program {width:100%;float:none;}
    
}

@media (max-width : 540px) {
	.media-item {width:29%;margin:20px 2% 0;height:auto;float:left;}
	.media-item img {width:100%;padding:0%;border:0px;}
	.media-item span {height:190px;}
		.media-videos .media-item span {height:150px;}
	}

/* Extra Small Devices, Phones */ 
@media (max-width : 480px) {

 .logo-container {}
 #logo {}
 .socials {margin-top:14px;}
 .socials li {display:inline; margin-left:18px; margin-bottom:5px;}
 .socials li.apply, .socials li.donate {display:block; float:none; clear:both; text-align:center; margin-bottom:3px;}
 .socials li.facebook, .socials li.twitter {display:none;}
    
 .mobile-social {display:block!important;}
.media-item {width:46%;margin:20px 2% 0;height:auto;float:left;}
.media-item img {width:100%;padding:0%;border:0px;}
.media-item span {height:250px;}
        .media-videos .media-item span {height:190px;}
                
    .block-50 {width:100%; float:none; border-left:0!important; border-right:0!important;}
    .block-50.first {border-bottom:3px solid #fff;}
    
    .row-copyright .container .left, .row-copyright .container .right {display:block; float:none; text-align:center;}
    


/* hidden content */
.hide-xs {display:none;}
.hide-lg, .hide-md, .hide-sm {display:inherit;}
}

@media (max-width : 400px) {
	.media-item span {height:210px;}
	.media-videos .media-item span {height:160px;}
}

@media (max-width : 320px) {
	.media-item span {height:170px;}
		.media-videos .media-item span {height:130px;}
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request: h5bp.com/r
========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	/* kill urls printing after links in FF */
	a:link:after,
    a:visited:after {
        content: "" !important;
    }
}