/* 
colors
	dark blue: #017aaf
	light blue: #80cff3
	green: #8aba50
	medium-green: #a1c774
	light-green: #b8e386
	very light green: #e5f0d3
*/

/* reset styles for consistency across browsers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* end reset */

 #map { 
  margin-top: -14px;
  width: 100%; 
  height: 800px; 
  padding: 0;
  text-align: center;
}
#map-error-503 {
  height: 40vh;
  margin-top: 20vh;
  width: 100%;
  text-align: center;
  display: inline-block;
  font-weight: bolder;
  font-size: 13pt; 
  color: #666666; 
}

body { font-size: 12pt; color: #888; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-style: normal; background-color: #004b76; }
a { text-decoration: none; color: #017aaf; }

#wrapper { width: auto; overflow: hidden; background-color: white; }
#header { z-index: 10; position: relative; }
#slider { margin-top: -15px; z-index: 1; position: relative; overflow: hidden; }
#footer { width: 100%; background-color: #8aba50; padding: 0 0 3em 0; margin: 0; text-align: center; }

#header-background { z-index: 0; position: relative; top: 0; left: 0; width: 100%; margin-top: -8px; }
#header-background-topbar { z-index: 1; position: relative; margin: 0 auto; }
#header-background-img { z-index: 0; position: relative; margin-top: -24px; }

#header-elements { position: absolute; top: 0; width: 100%; }
#banner { margin: 0 auto; width: 1101px; position: relative; z-index: 1; }

#banner-left-outter {  margin-right: -24px; }
#banner-right-outter { margin-left: -24px; }



.banner-text{
	color: white;
	font-size: 20px;
	cursor: pointer;
}
.banner-text:hover { color: #80cff3;}

.banner-outter{
	width: 459px;
	float: left;
	margin-top: 90px;
    position: relative;
}

#banner-right-outter img.banner-side-background { 
	width: 100%; 
	height: 39px; 
}

.banner-inner{
	line-height: 39px;
	height:39px;
	margin-top: -39px;
	text-align: center;
	left:auto;
	right:auto;
}
#banner-right-inner {}
#banner-left-inner	{}

#bannerLogo{
	position: relative;
}

#clicker:hover { color: #80cff3;}
#clicker {cursor: pointer; cursor: hand;}
#tag { 
	max-width: 90px; 
	border: 1px solid #248dc1; 
	background-color: #017aaf;
	letter-spacing: 2px;
	margin-left: .4em;
	margin-right: .4em;
	color: white;
}


.socialMedia{
	width: 35px;
	height: 35px;
	position: relative;
	z-index: 100;

}
.mobileSocial{
	display: none;
	width: 35px;
	height:35px;
}

#facebook{
	margin-right: 12px;
	margin-top: 5px;
	left: auto;
	float: right;
}
#twitter{
	margin-left: 12px;
	margin-top: 5px;
	right: auto;
	float: left;
}


#logo { float: left; }
#logo-tyf { text-align: center; }

.search { font-size: .7em; float: right; color: white; }
.search input { width: 60%; margin-left: .5em; border: 1px solid #248dc1; color: white; }
.search input.active { background-color: #248dc1; }
.search input.waiting { background-color: #017aaf; }

#nav { padding: 0 0 1em 0; }
#nav ul { padding: 0; text-align: center; list-style: none; position: relative; }
#nav ul li { display: inline-block; margin: 0 .5em; }
#nav ul li a { padding: .75em 1em .5em 1em; color: white; font-size: .8em; }
#nav ul li a.larger { font-size: .9em; }
#nav ul li a:hover { background-color: #9fcf67; }

/* start mobile menu */
#mobile-nav a { color: white; }
#mobile-nav .responsive-menu li a:hover { color: #017aaf; }  
.menu-btn div { position: absolute; left: 90%; top: 2em; padding: 4px 8px; margin-top: -0.50em; line-height: 1.2; font-size: 18px; font-weight: 200; vertical-align: middle; z-index: 99; color:  white; }
.menu-btn span { display: block; width: 19px; height: 3px; margin: 4px 0; background: rgb(256,256,256); }        
.responsive-menu{	display: none; }
.responsive-menu ul { position: absolute; left: 0; top: 0; width: auto; list-style-type: none; margin: 4em 2em 0 0; padding:  1%; text-align: right; background-color: #A1C774; z-index: 100; }
.responsive-menu li { background-position: 100% .4em; padding: .5em; }
.expand { display: block !important; }
 /* end mobile menu */
 
.clear-fix { clear: both; } 
.text-right { text-align: right; }
.text-left { text-align: left; }  
.text-center { text-align: center; }
.bold {  }
.hidden {
	display: none !important;
}
.underline { text-decoration: underline; }
.italic { font-style: italic; }
.pad-bottom { padding-bottom: .5em; }
.smallest { font-size: .7em; }

.message { color: red; margin: 0; margin-bottom: 1em; }

h1 {  font-weight: bold; font-style: normal; font-size: 1.4em; }
h2 {  font-weight: normal; font-style: normal; font-size: 1.2em; }
h3 {  font-weight: normal; font-style: normal; font-size: 1em; }

/*
fieldset label, fieldset .field, fieldset .error { display: -moz-inline-box; display: inline-block; zoom: 1; vertical-align: top; }
fieldset label { width: 5em; text-align: right; }
fieldset .field { width: 20em; }
*/

#content p.indent { padding-left: 3em; }

#content p.personnelName {  font-weight: normal; font-style: normal; font-size: 1.2em; margin: 0; }
#content p.personnelPosition {  font-weight: normal; font-style: italic; margin: 0; margin-bottom: -0.25em; }
#content p.personnelVessel { font-style: italic; margin: 0; margin-bottom: -0.25em; }
.personnelItem { margin: 2em 0 0 0; }
.personnelItem img { width: 40%; float: left; margin: 0.25em 1em 0.5em 0;}
.captainItem { position: relative; padding: 1em 0 0.5em 140px; min-height: 120px; }
.captainItem img { position: absolute; left: 0; top: 1.25em; }

.intro { font-weight: bold; font-size: 1.2em; }
.intro2 { font-weight: bold; font-size: 1.1em; }
.note { font-size: .8em; font-style: italic; margin: 0; padding: 0; }

.home-panel { width: 100%; margin: 0; padding: 0 4%; text-align: center; line-height: 1.8; position: relative; overflow: hidden; zoom: 1; }
.home-item { float: left; width: 29%; margin: 0 2%; padding-bottom: 32767px; margin-bottom: -32767px; }
.home-item p { margin: .75em 0; }
.home-item p.adjust { padding-bottom: 6em; }
.home-item-bottom { position: absolute; bottom: 0; height: 8em; width: 27%; }
.home-item hr { width: 90%; height: 1px; }

#core {
	background-image: url('../img/feature-background.jpg');
	background-repeat: no-repeat;
	padding-top: 2em;
	padding-bottom: 2em;
}
#core h1 { color: #017aaf; }
#news {
	color: white;
	background-image: url('../img/news-background-fade.jpg');
	background-repeat: no-repeat;
	background-color: #0098e2;
}
#news h1 { color: white; padding: 2em 0 0 0; }
#news p { color: white; }
#news hr { color: #eee; }
#news .home-item-bottom { height: 5em; }
.news-top-bar { height: 1px; width: 95%; background-color: #80cff3; margin: 1em 3% 1em 2%; }
.news-item-bar { height: .25em; width: 100%; background-color: #80cff3; }
.news-date { font-style: italic; }
.news-content { padding-bottom: 5em; }

.blue-button { background-color: #017aaf; color: white; text-align: center; padding: .3em 1.5em 0 1.5em; display: block; width: 12em; margin: 18px auto 42px auto; 
							-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.blue-button:hover { color: #80cff3; }

.button-bar { margin: 1.5 0; padding-top: 1.5em; text-align: center; }
.button-bar .divider-bar { height: .2em; margin-top: 2em; }
.button-bar .blue-button {  margin: 0; position: relative; top: -2.45em; padding: .5em 1em .25em 1em; width: auto; display: inline-block; border: 6px solid white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.button-bar input[type=submit] { font-size: .9em; background-color: #017aaf; color: white; margin: 0; padding: .5em 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; }
.button-bar .submit-border { width: 6em; margin: 0 auto; background-color: white; position: relative; top: -2.15em; }
.button-bar button { font-size: .9em; background-color: #017aaf; color: white; margin: 0; padding: .5em 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; }

#tyf-form .button-bar button { padding: .5em 2em; }

.green-border { border: 3px solid #8aba50; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.divider-bar { background-color: #ddd; width: 100%; height: .25em; margin-bottom: 1em; }

.img-left { float: left; margin: 0.25em 1em .5em 0; }
.quote { font-style: italic; }
#home-message { 
	padding-bottom: 1.3em;

	}

#footer { font-weight: bold; }
.footer-bar { margin-bottom: 3em; }			

.footer-address-panel { color: white; }
.footer-address-panel a { color: #b8e386; }
.footer-address-panel img { margin-top: 2em; }
.footer-address-panel .address { margin-top: 2em; }
.footer-address-tyf { text-align: center; line-height: 2; color: white; }
.footer-address-tyf img { margin-top: 2em; }

#footer-nav { font-weight: bold; }
#footer-nav ul { list-style: none; }
#footer-nav ul li { display: inline; margin: 0 1em 0 0; line-height: 2.5; font-weight: bold; color: #b8e386; }
#footer-nav a { color: white; white-space: nowrap; }
#footer-nav a:hover { color: #b8e386; }

#page-header {
	color: white;
	background-image: url('../img/page/page-header-background.png');
	background-repeat: no-repeat;
	margin-top: -16px;
	z-index: 5;
	position: relative;
	height: 269px;
}*
#page-header a { color: white; font-weight: bold; }
#page-header a:hover { color: #e5f0d3; }
#page-title { margin: 16px 0 0 7%; }
#page-title a { font-size: .9em; }
#page-title h1 { font-size: 2.6em; margin-bottom: .6em; }
#page-breadcrumbs { text-align: right; padding: 44px 7% 0 0; font-weight: bold; font-size: .8em; }

#page-body {
	background-image: url('../img/page/page-content-background.png');
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
#content { float: left; width: 52%; margin: 3em 0 2em 7%; }
#content img.headline { width: 100%; height: auto; margin: 1em 0; }
#content h1 { font-size: 2em; color: #017aaf; margin: 0; }
#content h2 { font-size: 1.4em; color: #017aaf; }
#content h3 { font-size: 1.2em; color:#017aaf; margin: 1em 0 -0.25em 0;  }
#content p { margin: .5em 0; }
#content .img-left { width: 45%; }
#content .intro { margin: 1em 0; }
#content ul { list-style: disc outside none; }
#content ul li { margin-bottom: .5em; }
#content ul.flush-left li { margin-left: -.5em; }
#content a:hover { color:#8aba50; }

#content .hooked-item { margin: 1em 0; }
#content .hooked-item ul li { margin: 0; }

#content-full { width: 86%; margin: 0 auto; padding: 1.5em 0 2.5em 0; min-height: 300px; }
#content-full h1 { font-size: 2em; color: #017aaf; margin: 0; }
#content-full h2 { font-size: 1.4em; color: #017aaf; }
#content-full h3 { font-size: 1.2em; color: #017aaf; }

.tyf-item { margin-top: 1.5em; }
.tyf-item .divider-bar { margin-bottom: 1.5em; }

.subnav a { font-size: .8em; font-weight: bold; }
.subnav ul { color:#017aaf; }
.subnav .pad-top { padding-top: 1em; }
/*#vwTeam a.subnav { font-size: .8em; font-weight: bold; }*/
#vwTeam h2 { margin-top: 1.5em; }

#sidebar h2 { font-size: 1em; color: #8aba50; margin: 0 0 1em 0; }
#sidebar .quote { font-style: italic; font-size: 1.2em; line-height: 2; }
#sidebar .divider-bar { height: 1px; margin: 1em 0; }
#sidebar .blue-button { margin-bottom: 24px; }
/*#sidebar a:hover { font-weight: bold; }*/
#sidebar a:hover { color:#8aba50; }
.mobile-divider { width: 90%; margin: 0 auto; }

#quote-box { padding: 2em; padding-bottom: .5em; }
.quote-symbol { float: left; margin-top: .5em;}
.one-quote { margin-bottom: 2em; }
#quote-box .author { float: right; text-align: right; }
#quote-box .author-name { font-weight: bold; font-size: 1.1em;}
#quote-box .author-title { font-style: italic; }
#breaking-news { padding: 2em; padding-top: 0.5em; }
#facebook-plugin { 
	padding: .5em;
	height: 100%;
	width: 100%;
	}
#facebook-plugin iframe {
	height: 550px;
	width: 100%;
} 

#contact-box { padding: 2em; }
#contact-box h2 { font-size: 1.2em; color: #017aaf; margin: 0; }
#contact-box p.subtitle { font-style: italic; margin: -0.5em 0 1em 0; }
#contact-box a:hover { color:#8aba50; }

.form-entry input { width: 97%; height: 1.5em; padding: .15em .5em .05em .5em; margin: 0 0 1em 0; font-size: .8em; font-family: Arial, sans-serif; }
.form-entry .two-by { width: 46%; }
.form-entry .four-by { width: 22%; }
.form-entry .select { border: 1px solid #ccc; padding: 5px; font-size: .8em; font-family: Arial, sans-serif; }
.form-entry textarea { width: 97%; height: 8em; padding: .5em; margin: 0 0 .5em 0; font-size: .8em; font-family: Arial, sans-serif; font-weight: normal; font-style: normal; }
/*.entry-error { color: red; }*/

.faq { margin: 1.5em 0; }
.faq h2 { margin: 0; margin-bottom: -.5em; font-size: 1.2em; }
.faq p { margin: 0 0 1em 0; }

#contact-selection { padding: 0.25em 0; margin-bottom: 1.5em; }
#contact-selection ul { list-style: none; float: left; width: 40%; }
#contact-selection ul li { white-space: nowrap; margin: 0; margin-left: -1em; }
#contact-selection input { border: none; border-bottom: 1px solid #888; font-size: .9em; font-family: Arial, sans-serif; }
#contact-selection .divider-bar { margin: 1.5em 0; }


.imageLibrary { border: 1px solid red; position: relative; margin: 2em 0; min-height: 80px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.imageLibrary img { position: relative; left: 0; border: 1px solid #888; }
/*.imageLibrary p { padding: 0 0 0 165px; position: relative; }*/
#content p.absolute-center { border: 1px solid green; height: 50%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.img-table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; vertical-align: middle;  padding: 1em 0; }
.img-table .cell img { border: 1px solid #888; margin-right: 2em; font-size: .9em; }

.result-item { margin-bottom: 1.5em; }

#sitemap ul { list-style: none; }
#sitemap ul li { font-size: 1.1em; font-weight: bold; margin: 1em 0; }
#sitemap ul li ul { list-style-type: disc;  }
#sitemap ul li ul li { font-size: .9em; font-weight: normal; margin: 0 1em; }
#sitemap ul li ul li ul { list-style-type: circle; }
#sitemap ul li ul li ul li { font-size: 1em; }

/* styles screen larger than 1400px */
@media only screen and (min-width: 1400px)
{
	#wrapper { width: 1400px; margin: 0 auto; }
	#slider img { height: 440px !important; width: 1400px !important; } 
	body { font-size: 14pt; bottom: 19%;} 
}

/* keep the font manageable */
@media only screen and (min-width: 1200px) and (max-width: 1399px)
{
	body { font-size: 14pt; bottom: 19%;} 
	#banner-inner-right { margin-top: .5em; }
	.track span {left: 28%; bottom: 19%;}
}


/* handle the header background at various sizes */
@media only screen and (min-width: 1000px) and (max-width: 1199px)
{
	#header-background-img { margin-top: -62px; }
	#banner { width: 961px; }
	#banner-left-outter { margin: 78px -22px 0 0; width: 403px; }
	#banner-right-outter { margin: 78px 0 0 -22px; width: 403px; }
	#logo img { width: 198px; height: 178px; }
	#page-header { margin-top: -54px; }
	#page-breadcrumbs { padding-top: 82px; }

	#banner-inner-right { margin-top: .5em; }
	#clicker {left: 28%; bottom: 19%;}
	
}

@media only screen and (min-width: 850px) and (max-width: 999px)
{
	body { font-size: 11pt; }
	#header-background-img { margin-top: -102px; }
	#banner { width: 740px; }
	#banner-left-outter { margin: 62px -18px 0 0; width: 305px; }
	#banner-right-outter { margin: 62px 0 0 -18px; width: 305px; }
	#logo img { width: 165px; height: 148px; }
	#logo-tyf img { width: 198px; height: 178px; }
	#banner-right-inner { margin-left: 15%; }
	
	#page-header { margin-top: -94px; }
	#page-title h1 { margin-bottom: .4em; }
	#page-breadcrumbs { padding-top: 108px; }	

	#banner-inner-right {
		bottom: 17%;
 		left: 22%;
	}
	#clicker{
		bottom: 20%;
 		left: 41%;
	}
	.socialMedia {
    	width: 27px;
    	height: 27px;
	}
}

#sidebar { 
		float: left; 
		width: 340px; 
		margin-top: 3em; 
		margin-left: 4%; 
	}
/* styles full screen and above */
@media only screen and (min-width: 850px) {
	.full-hidden { display: none; }
	
	#footer { font-size: .7em; }
	#footer-nav { float: left; margin-left: 5%; width: 33em; text-align: left; }
	#footer-nav ul li { padding-bottom: 1.5em; }
	
	.footer-address-panel {float: right; margin-right: 6%; text-align: right; line-height: 1.3; color: white; }
	.footer-address-panel img { float: right; margin-top: 0; margin-left: 3em; }
	.footer-address-panel .address { float: left; margin-top: 0; line-height: 1.8; }

	.mobile-divider { display: none; }
	#mobile-nav { display: none; }


	

}

@media only screen and (min-width: 850px) and (max-width: 950px) {
	#sidebar { 
		margin-left: 0; 
	}
}
/* styles for medium screen */
@media only screen and (min-width: 660px) and (max-width: 849px)
{
	body { font-size: 11pt; }
	#header-background-img { margin-top: -106px; }
	#banner { width: 630px; }
	#banner-left-outter { margin: 76px -20px 0 0; width: 236px; }
	#banner-right-outter { margin: 76px 0 0 -20px; width: 236px; }
	#logo img { width: 198px; height: 178px; }	
	#logo-tyf img { width: 198px; height: 178px; }
	#banner-right-inner { margin-left: 5%; }	
	#banner-right-inner img { margin: 0 2em -.25em .75em; }
	
	.home-panel { width: 96%; margin: 0; padding: 0 2%; }
	
	#footer-nav { width: 41.5em; margin: 0 auto; }	
	.footer-links-panel { width: 70%; margin: 0 auto; }
	
	.tablet-hidden { display: none; }

}

/* styles for medium and small */
@media only screen and (max-width: 849px)
{
	#content { float: none; width: 90%; margin: 0 auto 2em auto; padding-top: 3em; }
	#contact-box { margin-top: -1em; }	
	
	#page-header { margin-top: -94px; }
	#page-title { padding-top: 118px; }
	#page-title h1 { margin-bottom: .2em; }
	#page-breadcrumbs { display: none; }
	#clicker {left: 30%; bottom: 22%;}
	#banner-inner-right {left: 13%; bottom: 22% ;}
	#tag{ max-width: 62px;}
	.menuSocialMedia {
		float: right;
    	width: 25px;
    	height: 25px;
	}
	#sidebar { 
		width: 100%;
	}
	#facebook-plugin{
		margin-right: auto;
		margin-left: auto;
		width: 340px;
	}
}


/* styles for small screen */
@media only screen and (max-width: 659px)
{
	body { font-size: 11pt; }
	#header-background-img { margin-top: -86px; }
	#header-elements { text-align: center; }
	#banner { width: 400px; }
	#logo { float: none; margin-top: -187px; }	
	#logo img { width: 165px; height: 148px; }
	#banner-left-outter { margin: 148px 0 0 0; float: none; width: 400px; height: 39px; }
	#banner-left-outter img { width: 100%; height: 100%; }
		
	.home-item { float: none; width: 90%; margin: 0 auto; padding-bottom: 0; margin-bottom: 0; padding-top: 1em; }	
	.home-item-bottom { position: relative; height: auto; width: 100%; }
	.home-item p.adjust { padding-bottom: 1em; }
	
	.menu-btn div { left: 85%; } 
	
	.search { width: 90%; text-align: center; margin: 0 auto 2em auto; padding: .5em 0; font-size: 1em; float: none; background-color: #a1c774; }
	.search input { border-color: #8aba50; }
	.search input.waiting { background-color: #a1c774; }
	
	#footer-nav ul li { display: block; margin: 1em 2em 1em 1em; padding-bottom: .5em; border-bottom: 1px solid #b8e386; }
	.footer-links-panel { width: 70%; margin: 0 auto; }
	
	.mobile-hidden { display: none; }
	#clicker { left: 25%; bottom: 23%;}
	#banner-inner-right{left: 25%; bottom: 20%;}
	.socialMedia{ display: none;}
}
/* style for very small screen */
@media only screen and (max-width: 420px)
{
	#page-title h1 { margin-bottom: 0; }
	#sidebar { display: none; }
	#banner { width: 280px; }
	#banner-left-outter { width: 280px; }
	.menu-btn div { left: 80%; } 
	
	#clicker { left: 14%; bottom: 23%;}
	#banner-inner-right{left: 16%; bottom: 20%;}
}

  #share-bar {
    position: absolute;
    z-index: 100;
    background-color: #004b76;
    border-radius: 15px;
    padding: 3px;
    margin-left: 3px;
    margin-top: -2px;
  }

  #share-bar > a {
        margin: 5px;
  }
  
  @media only screen and (min-device-width: 500px) {
  
    #share-bar {
      margin-left: 8px;
    }

    #share-bar > a {
      display: block;
    }
      
  }

  .resp-sharing-button__link,
  .resp-sharing-button__icon {
    display: inline-block
  }

  .resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em
  }

  .resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
  }

  .resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top
  }

  .resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
  }

  /* Non solid icons get a stroke */
  .resp-sharing-button__icon {
    stroke: #fff;
    fill: none
  }

  /* Solid icons get a fill */
  .resp-sharing-button__icon--solid,
  .resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none
  }

  .resp-sharing-button--twitter {
    background-color: #55acee
  }

  .resp-sharing-button--twitter:hover {
    background-color: #2795e9
  }

  .resp-sharing-button--pinterest {
    background-color: #bd081c
  }

  .resp-sharing-button--pinterest:hover {
    background-color: #8c0615
  }

  .resp-sharing-button--facebook {
    background-color: #3b5998
  }

  .resp-sharing-button--facebook:hover {
    background-color: #2d4373
  }

  .resp-sharing-button--tumblr {
    background-color: #35465C
  }

  .resp-sharing-button--tumblr:hover {
    background-color: #222d3c
  }

  .resp-sharing-button--reddit {
    background-color: #5f99cf
  }

  .resp-sharing-button--reddit:hover {
    background-color: #3a80c1
  }

  .resp-sharing-button--google {
    background-color: #dd4b39
  }

  .resp-sharing-button--google:hover {
    background-color: #c23321
  }

  .resp-sharing-button--linkedin {
    background-color: #0077b5
  }

  .resp-sharing-button--linkedin:hover {
    background-color: #046293
  }

  .resp-sharing-button--email {
    background-color: #777
  }

  .resp-sharing-button--email:hover {
    background-color: #5e5e5e
  }

  .resp-sharing-button--xing {
    background-color: #1a7576
  }

  .resp-sharing-button--xing:hover {
    background-color: #114c4c
  }

  .resp-sharing-button--whatsapp {
    background-color: #25D366
  }

  .resp-sharing-button--whatsapp:hover {
    background-color: #1da851
  }

  .resp-sharing-button--hackernews {
  background-color: #FF6600
  }
  .resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

  .resp-sharing-button--vk {
    background-color: #507299
  }

  .resp-sharing-button--vk:hover {
    background-color: #43648c
  }

  .resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
  }

  .resp-sharing-button--facebook:hover,
  .resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
  }

  .resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
  }

  .resp-sharing-button--twitter:hover,
  .resp-sharing-button--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9;
  }

  .resp-sharing-button--google {
    background-color: #dd4b39;
    border-color: #dd4b39;
  }

  .resp-sharing-button--google:hover,
  .resp-sharing-button--google:active {
    background-color: #c23321;
    border-color: #c23321;
  }

  .resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
  }

  .resp-sharing-button--email:hover,
  .resp-sharing-button--email:active {
    background-color: #5e5e5e;
    border-color: #5e5e5e;
  }

  .resp-sharing-button--reddit {
    background-color: #5f99cf;
    border-color: #5f99cf;
  }

  .resp-sharing-button--reddit:hover,
  .resp-sharing-button--reddit:active {
    background-color: #3a80c1;
    border-color: #3a80c1;
  }