/*
THEME NAME: Domaine Public 2016
THEME URI: http://www.domainepublic.ch/
DESCRIPTION: Le template de Domaine Public
VERSION: 3.0
AUTHOR: <a href="http://www.mirkohumbert.ch/">Mirko Humbert</a> &amp; <a href="http://www.mirkohumbert.ch/">Mirko Humbert</a>
AUTHOR URI: http://www.mirkohumbert.ch
TAGS: html5, responsive
*/

.row.fullWidth {width:100%;min-width:100%;max-width:100%;}
body {font-family: 'Roboto', sans-serif;font-weight:300;}

/* BARRE DE MENU NAVIGATION FIXE */
.menutop {position:fixed;height:60px;padding:0;margin:0;background:#fff;border-bottom:1px solid #929da8;z-index:999999;}


.reddp {position:relative;float:left;width:60px;height:60px;}
.reddp a {display:block;width:60px;height:60px;padding:20px;background:#db0a0f;color:#fff;}
.reddp a:hover {background:#000;}

.menutop ul {margin:0;padding:0;}
.menutop .bar {margin:0;padding:0;background:#6c7a89;height:60px;text-align:center;padding-top:15px;color:#fff;}
.menu-icon {margin-right:8px;}
.title-bar-title:hover {cursor:pointer;}
#menuitems {position:relative;float:left;width:calc(100% - 60px) !important;margin:0;padding:0;}
.menutop #menuitems .columns {list-style:none;height:59px;padding:0;margin:0;}
.menutop #menuitems .columns a {position:relative;float:left;color:#000;display:block;background:#fff;width:100%;padding:20px 0;margin:0;border-right:1px solid #929da8;height:59px;text-transform:uppercase;font-size:14px;text-align:center;}
.menutop #menuitems .columns a.active {background:#ddd;color:#000;}
.menutop #menuitems .columns a:hover {background:#000;color:#fff;}
.menutop #menuitems .columns ul {border:0;}
.menutop #menuitems .columns ul li a {background:#6c7a89;color:#fff;border-right:0;}
.menutop #menuitems .columns ul li a:hover {background:#000;color:#fff;}
.menutop #menuitems .columns:hover a {background:#6c7a89;color:#fff;}
.dropdown-pane {border-top:0;}
.dropdown-pane li a {text-align:left !important;padding-left:30px !important;}

.search {background:#e9efef;height:59px;}
.searchbox {position:relative;float:left;width:calc(100% - 60px);margin:0;padding:0;}
.search input#search {position:relative;float:left;width:calc(100% - 80px);margin-top:10px;margin-left:20px;padding:0;}
.search input#searchbutton {position:relative;float:left;max-width:20%;height:40px;margin-top:10px;}
.search .contact {position:relative;float:right;width:60px;background:#000;height:60px;}
.search .contact img {width:50%;position:absolute;top:50%;left:50%; transform: translate(-50%, -50%);}
.search .contact:hover {background:#db0a0f;}

.header {padding:75px 0 0 0;border-bottom:1px solid #bbb;height:220px;}
#BigText {margin-left:60px;width:100%;}
.header .title {font-size:3em;margin-bottom:0;padding-bottom:0;font-family: 'Roboto', sans-serif;font-weight:300;text-transform:uppercase;}
.header .title a {color:#000;}
.header .title a:hover {color:#db0a0f;border-bottom:1px solid #db0a0f;}
.headline {color:#655555;margin-top:0;padding-top:0;font-size:0.9em;width:100%;margin-bottom:0;padding-bottom:0;}
.headline h1 {color:#655555;margin-top:0;padding-top:0;font-size:1em;width:100%;font-family: 'Roboto', sans-serif !important;font-weight:300;margin-bottom:0;padding-bottom:0 !important;}

/* ZONE ABONNEMENTS */
.abonnement {position:relative;float:left;width:100%;height:100px;margin-top:20px;}
.abonnement:hover .jemabonne a {background:#000;}
.jemabonne {position:relative;float:left;width:calc(100% - 100px);}
.jemabonne a {position:relative;float:left;display:block;width:100%;font-weight:bold;text-align:center;text-shadow: 0px 1px 3px rgba(40, 40, 40, 1);color:#fff;text-transform:uppercase;padding:35px 0 0 0;border-right:1px solid #fff;height:100px;background:#66CC99;}
.jemabonne a:hover {background:#000;}
.reseauxsociaux {position:relative;float:right;width:100px;height:100px;}
.boutonreseau {position:relative;float:left;text-align:center;display:block;width:50px;height:50px;}
.boutonreseau.rss {background:#f37432;}
.boutonreseau.facebook {background:#3b5998;border-bottom:1px solid #fff;border-right:1px solid #fff;}
.boutonreseau.twitter {background:#4099ff;border-right:1px solid #fff;}
.boutonreseau.linkedin {background:#0077B5;border-bottom:1px solid #fff;}
.boutonreseau.rss:hover, .boutonreseau.facebook:hover, .boutonreseau.twitter:hover, .boutonreseau.linkedin:hover {background:#000;}
a.boutonreseau svg {position:absolute;top:50%;left:50%; transform: translate(-50%, -50%);fill:#fff !important;width:70%;}
a.boutonreseau.linkedin svg {width:45%;}
#subscription {display:block;background:#000;margin:0;padding:40px 20px 20px;width:100%;z-index:999999999;top:100px !important;border-top:0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border:0;color:#fff;}
#subscription label {color:#fff;}
#subscription a {color:#fff;text-decoration:underline;}
#subscription a:hover {color:#fff;text-decoration:none;}
#subscription .button {float:right;background:#db0a0f;color:#fff;width:100%;}
#subscription .button:hover {background:#000;}
#subscription p, #subscription .formline {color:#fff;text-shadow: 0px 1px 3px rgba(40, 40, 40, 1);}

.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
}

/******************/
/**** HOMEPAGE ****/
/******************/
/* #firstrow, #secondrow, .plusdarticles, .editionsspeciales, .plusdarticlesspec, .explorerwidgets, .zonekiosque {padding:0 50px;} */

.recentarticles {margin-top:25px;margin-bottom:20px;}
a.thumbnail {position:relative;width:100%;height:auto;min-height:150px;overflow:hidden;border:0;outline:0;margin:0;border-image-width:0 !important;border-radius:0;box-shadow:none;text-align:center;}
.edition a.thumbnail {background:#db0a0f;}
.edition a.thumbnail span.title {position:relative;float:left;color:#fff;padding-top:90px;width:100%;text-align:center;font-size:2.1em;}
.edition a.thumbnail:hover {background:#000;}
.thumbnail img {position:absolute;left:50%;top:50%;height: auto;min-height:100%;width:100%;margin: 0;border: none;outline:none;color:none;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-image-width:0 !important;}
.home_title {font-size:1em;font-weight:bold;}
.home_title a {color:#000 !important;border-bottom:0 !important;}
.home_title a:hover {color:#db0a0f !important;border-bottom:1px solid #db0a0f !important;}
.the_author {font-size:0.9em;}
.the_date {font-size:0.9em;}
.the_date div {position:relative;float:right;width:100%;text-align:right;}
.homepost a {color:#555;border-bottom:1px solid #ddd;}
.homepost a:hover {color:#b10a0e;border-bottom:1px solid #b10a0e;}
.metahome {margin:10px 0 0;}
.metahome img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: 0.5;margin-right:3px;}
.metahome img.calendrier {margin-top:-3px;}
.metahome .the_author:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.sommaire {text-align:left;font-size:0.9em;}
.edition {text-align:right;font-size:0.9em;}
.homepost .edition img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: 0.5;padding-right:3px;}
.homepost .edition .print:hover img.print {text-decoration:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.homepost .edition .ipad:hover img.ipad {text-decoration:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.homepost .edition .phone:hover img.phone {text-decoration:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.edition a {border-bottom:none;}
.plusdarticles span, .plusdarticlesspec span {position:relative;float:right;width:100%;text-align:right;margin-right:20px;}
.plusdarticles a, .plusdarticlesspec a {display:inline-block;font-size:1em;text-transform:uppercase;font-weight:300;font-weight:bold;color:#000;margin:5px 0 20px;border-bottom:1px solid #ddd;padding-bottom:20px;}
.plusdarticles a:hover, .plusdarticlesspec a:hover {color:#b10a0e;border-bottom:1px solid #b10a0e;}
.homesommaire {text-transform:uppercase;font-weight:bold;}
.homesommaire:hover {border-bottom:1px solid #db0a0f !important;}
.editionsspeciales h3 {font-size:1.2em;color:#555;}
.editionsspeciales a {display:block;color:#555;text-decoration:underline;margin-bottom:20px;}
.editionsspeciales img {border:1px solid #555;}
.button.faireundon {background:#db0a0f;color:#fff;width:100%;}
.explorerpub.single {margin-top:0;padding-top:30px;border-top:1px solid #ddd;}
.explorerpub h3 {font-size:1.1em;color:#555;text-transform:uppercase;}
.explorerpub ul, .explorerwidgets ul li {margin:0;padding:0;list-style:none;}
.explorerpub a {color:#555;text-decoration:none;}
.explorerpub a:hover {text-decoration:underline;color:#000;}
.zonekiosque {margin:0;}
.zonekiosque a {text-decoration:none;color:#555;}
.zonekiosque a:hover {text-decoration:underline;color:#000;}
.zonekiosque p iframe {
    display:block;
    width:100%;
	margin-top:0;height:auto;
}
.abokiosque {margin:30px 0 0 50px;}
h2 a.titreabokiosque {border-bottom:0;}
h2 a.titreabokiosque svg {padding-bottom:0;vertical-align:middle;}

/********************/
/*** ARTICLE PAGE ***/
/********************/
h1.single {font-family: 'Roboto', sans-serif;font-weight:700;width:100%;margin-bottom:10px;font-size:2.4em;}
h1.single a {border-bottom:0;}
.soustitre {font-family: 'Roboto', sans-serif;font-weight:200;width:100%;font-size:1.5em;}
.metadata {font-family: 'Roboto', sans-serif;text-align:right;margin-bottom:40px;color:#ddd;}
.metadata img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: 0.5;margin-right:8px;}
.metadata .calendar img {margin-top:-3px;}
.metadata .pdf img {margin-right:3px;}
.metadata .auteur:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.metadata .pdf:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.metaitem {margin:0 10px;text-transform:uppercase;color:#222;}
.metaitem:first-child {margin-left:0;}
#allposts .metaitem {font-size:0.7em;}
.mainpost {padding:50px 45px;}
.mainpost h3 {font-family: 'Roboto', sans-serif;font-weight:700;font-size:1.2em;margin:25px 0;}
.mainpost .post {font-family:Georgia,Times,'Times New Roman',serif;font-size:1.5em;}
.mainpost .post img.alignright, .mainpost .post .alignright {position:relative;float:right;margin-left:5px;margin-top:5px;margin-bottom:5px;}
.mainpost .post img.alignleft, .mainpost .post .alignleft {position:relative;float:left;margin-right:5px;margin-top:5px;margin-bottom:5px;}
.mainpost a {border-bottom:1px solid #aaa;padding-bottom:3px;color:#b10a0e;}
.mainpost a:hover {border-bottom:1px solid #000;color:#000;}
.thepostthumbnail {position:relative;float:right;max-width:400px;margin:10px 0 15px 25px;}
.postcaption, .wp-caption-text {font-family: 'Roboto', sans-serif;font-weight:300;font-size:0.7em;color:#555;margin-top:10px;}
.mainpost .categories {font-size:1.3em;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ddd;}
.categories h4 {font-size:0.9em;color:#555;text-transform:uppercase;}
.categories a {color:#000;border-bottom:0;}
#abonnements h4 {font-size:1em;color:#999;text-transform:uppercase;}
#abonnements .largeur {height:200px;}
.boutonabo.button {position:relative;float:left;background:#ddd;width:100%;padding:20px 0;margin-top:10px;border-bottom:0;color:#000;}
.boutonabo.button:hover {border-bottom:0;background:#db0a0f;color:#fff;}
.boutonabo.button svg {vertical-align:middle;}
#abonnements .boutonabo.button:hover svg {fill:#fff !important;}
#licensed, .nocomment {font-size:0.9em;color:#555;padding:13px 0 20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:0;}
#licensed .republier, .nocomment .republier {text-transform:uppercase;color:#000;font-weight:bold;margin:5px 0 10px 3px;height:100%;
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
#reproduire {margin-top:5px;}
blockquote {position:relative;float:right;width:45%;padding:20px 20px 30px;background:#eff4f7;margin:0 0 5px 10px;font-weight:normal !important;font-size:0.95em;line-height:1.3em;border:1px solid #ddd;font-family: 'Roboto', sans-serif;}
blockquote p {font-weight:normal;color:#555;}
blockquote strong {display:block;margin:0 0 5px;clear:both;color:#555;}
.faireundon {border-bottom:1px solid #ddd;margin:20px 0;}
.faireundon strong {text-transform:uppercase;}
.faireundon .button {background:#fff;width:200px;padding:20px 0;margin:0 0 20px;border:3px solid #ddd;border-radius:5px;color:#aaa;font-weight:bold;text-transform:uppercase;}
.faireundon .button:hover {border-bottom:0;background:#db0a0f;color:#fff;border:3px solid #db0a0f;}

/*********************/
/******* PAGES *******/
/*********************/
.archivescols {margin-left:0;padding-left:0;}
.mainpost .menuarchives ul, .mainpost .menuarchives li {list-style:none;padding:0;margin:20px 0 0;}
.mainpost .menuarchives a {position:relative;float:left;width:100%;display:block;text-transform:uppercase;padding:20px;color:#555;}
.mainpost .menuarchives a:hover {background:#eee;color:#000;}
.mainpost .menuarchives li:first-child a {border-top:1px solid #aaa;}
.mainpost .menuarchives li.active a {background:#6c7a89;color:#fff;}
.mainpost #yearlyarchive ul, .mainpost #monthlyarchive ul {position:relative;float:left;width:100%;}
.mainpost #yearlyarchive ul li {position:relative;float:left;width:20%;list-style:none;}
.mainpost #monthlyarchive ul li {position:relative;float:left;width:30%;list-style:none;}
.articles-kiosque {position:relative;float:left;width:100%;display:block;list-style:disc;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;}
.articles-kiosque strong a {border-bottom:0;}
.articles-kiosque p {margin-bottom:5px;}
.search-terms {color:#db0a0f;border-bottom:1px solid #db0a0f;}
.resrecherche {border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px;}
.sommairekiosque {position:relative;float:right;width:100%;text-align:right;margin:0;padding:0;font-size:0.8em;color:#aaa;display:block;}
.kiosque h2 {font-size:1.2em;color:#555;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px;width:100%;border-bottom:1px solid #ddd;}
.kiosque .post h3 {font-size:1.1em !important;margin:0;}
.kiosque .post h3 span {font-size:0.8em;color:#777;font-weight:300;}
.navigationkiosque div {position:relative;float:right;width:100%;text-align:right;margin-right:20px;}
.navigationkiosque a, .navigationkiosque a {display:inline-block;font-size:1em;text-transform:uppercase;font-weight:300;font-weight:bold;color:#000;margin:15px 0 50px;padding-bottom:20px;}
.navigationkiosque a:hover, .navigationkiosque a:hover {color:#b10a0e;border-bottom:1px solid #b10a0e;}
.couverturepdf {border:1px solid #555;margin-bottom:15px;}
.textlinkpdf.button {width:100%;background:#db0a0f;padding-top:35px;padding-bottom:35px;font-family: 'Roboto', sans-serif;font-weight:300;}
.textlinkpdf.button:hover {background:#000;}
.textlinkpdf.button strong {font-size:1.2em;margin-bottom:5px;}
.titletag h1 {font-weight:bold;}
.titletag h1 a {border-bottom:0;}
#editiondu {position:relative;float:left;width:100%;border-bottom:1px solid #ddd;margin-bottom:30px;padding-bottom:30px;font-size:0.9em;font-family: 'Roboto', sans-serif;font-weight:300;color:#555;}
.editionarticle {font-size:1em;}
.editionarticle strong a {border-bottom:0;}
.buttonstag {padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #ddd;}
#telebook {width:100%;color:#999;text-align:center;font-size:0.8em;font-family: 'Roboto', sans-serif;font-weight:300;}
#boutonepub.button, #boutonmobi.button {width:100%;background:#ddd;color:#000;font-family: 'Roboto', sans-serif;font-weight:300;padding:15px 0;}
#boutonepub.button:hover, #boutonmobi.button:hover {background:#db0a0f;font-family: 'Roboto', sans-serif;font-weight:300;color:#fff;}
#nextpreviousedition {margin-top:30px;padding-top:20px;border-top:1px solid #ddd;font-family: 'Roboto', sans-serif;text-align:center;}
.row.article {margin-bottom:20px;font-size:0.8em;}
.row.article h2 {font-size:1.5em;font-family: 'Roboto', sans-serif;font-weight:700;}
.auteur h2 {font-size:1.3em;font-family: 'Roboto', sans-serif;font-weight:700;}
.auteur h2 a {border-bottom:0;}
.articles-auteur {margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.row.article a {border-bottom:0;}
.navigation {margin-top:20px;padding-top:30px;border-top:1px solid #ddd;}
.navigation #left {position:relative;float:left;width:100%;text-align:left;font-size:1.5em;}
.navigation #right {position:relative;float:right;width:100%;text-align:right;font-size:1.5em;}
#descriptionauteur {margin-top:10px;}
.row.facebook {padding:20px;}
.post p iframe {max-width:100%;}

/*********************/
/****** SIDEBAR ******/
/*********************/
#derniereedition {text-align:left;margin-top:20px;margin-left:20px;font-size:0.9em;color:#364952;text-transform:uppercase;}
#sidebar {background:#d6dde0;padding:0;min-height:100%;}
#sidebar h4 {position:relative;float:left;width:100%;font-size:1em;text-transform:uppercase;margin-top:0;color:#667c87;padding:25px 0 5px 0;;}
#sidebar h4 a {color:#667c87;}
.sidebarposts {position:relative;float:left;width:100%;margin-top:0;padding:0 20px 20px 40px;border-bottom:1px solid #8ea1aa;}
.sidebarrecent {position:relative;float:left;width:100%;}
.sidebarrecent a {display:block;color:#364952;padding:5px 0;}
#articlesbreves .expressotext .sidebarrecent a {position:relative;display:inline;float:left;}
.expressotext .sidebarrecent a:last-child {display:block;}
.editionsidebar a.button, .editionsidebarnew a.button {background:#db0a0f;color:#fff;line-height:1.3em;}
.editionsidebarnew a.button.grey {background:#aaa;color:#555;}
.editionsidebar div:first-child {margin-top:20px;}
.widgetpromo {display:block;background:#d6dde0;color:#364952;padding:5px 40px;border-bottom:1px solid #8ea1aa;}
.widgetpromo.first, .special {border-top:1px solid #8ea1aa;}
.special {margin-bottom:0;}
.widgetpromo a {color:#000;}
.sidebarrecent a span {color:#667c87;}
.sidebarrecent a:hover span {color:#db0a0f;}
#sidebar a:hover {color:#db0a0f !important;text-decoration:underline;}
#sidebar .editionsidebarnew a.button:hover {color:#fff !important;background:#000;text-decoration:none !important;}
#sidebar .editionsidebarnew a.button.grey:hover {background:#000 !important;color:#fff !important;text-decoration:none !important;}
#sidebar .widgetpromo a.button.soutenir {background:#db0a0f;color:#fff;}
#sidebar .widgetpromo a.button.soutenir:hover {background:#000;color:#fff !important;text-decoration:none !important;}

.coversidebar {width:100%;text-align:center;padding:20px;margin-bottom:20px;}
.editionspeciale {padding-top:0;}
.coversidebar .couverturepdf {margin-top:20px;margin-left:20px;border:1px solid #8ea1aa;}
.coversidebar .text {text-align:left;padding-top:30px;}
.coversidebar a {color:#8ea1aa;}
.coversidebar.editionspeciale a {color:#000;}
.editionsidebar {position:relative;float:left;}
.featuredbutton {position:relative;float:left;text-align:center;width:100%;padding:20px 0;border-bottom:1px solid #fff;color:#000;background:#c8d2d6;}
.featuredbutton:hover {background:#db0a0f;color:#fff;}
.dpmediadifferent {border-top:1px solid #fff;margin-top:30px;}
.faireundon {margin-bottom:10px;}
#sidebar .kiosquedpsidebartitre {position:relative;float:left;width:100%;margin-bottom:0;padding:20px;}
#articleskiosque {position:relative;float:left;width:100%;}
#infosperberwide {position:relative;float:left;width:100%;}
#infosperberwide .titre, .sidebarrecent .titre {font-weight:bold;}
#infosperberwide .titre, #infosperberwide .desc, .sidebarrecent .titre, .sidebarrecent .desc {display:block;width:100%;}


.reveal#modaldownload, .reveal#modalsubscribe {border:0;border-radius:9px;outline:0;z-index:99999999 !important;}
.reveal-overlay {z-index:9999999 !important;}
.reveal#modaldownload .googlecaptcha {text-align:center;}
#newsrevealheader {text-align:center;margin-top:20px;}
#newsrevealheader h3 {font-size:1.5em;font-weight:strong;}
#newsrevealheader p {font-size:0.9em;font-weight:normal;color:#555;}
.sabonnerreveal.button {padding:20px 80px !important;background:#db0a0f;color:#fff;}
.sabonnerreveal.button:hover {background:#000;}




/* FOOTER */
.explorerwidgets {display:block;margin-top:30px;background:#6c7a89;padding-bottom:30px;color:#fff;}
.explorerwidgets.single {margin-top:0;padding-top:30px;}
.explorerwidgets h3 {font-size:1.1em;color:#ddd;text-transform:uppercase;}
.explorerwidgets ul, .explorerwidgets ul li {margin:0;padding:0;list-style:none;}
.explorerwidgets a {color:#ddd;text-decoration:none;}
.explorerwidgets a:hover {text-decoration:underline;color:#fff;}

.footer {display:block;text-align:center;border-top:1px solid #8896a5;padding:20px 0 20px 0;background:#6c7a89;color:#fff;}
.footertext {width:100%;text-align:center;}
.footertext a {color:#ddd;text-decoration:none;}
.footertext a:hover {color:#fff;text-decoration:underline;}






.entypo-mail:before{content:url(img/entypo/mail.svg);}
.entypo-print:before{content:url(img/entypo/print.svg);vertical-align: middle;}
.entypo-twitter:before{content:url(img/entypo/twitter.svg);vertical-align: middle;}
.entypo-facebook:before{content:url(img/entypo/facebook.svg);vertical-align: middle;}
.entypo-gplus:before{content:url(img/entypo/google+.svg);vertical-align: middle;}
.entypo-linkedin:before{content:url(img/entypo/linkedin.svg);vertical-align: middle;}
#sticky-social ul {list-style:none;margin:0;padding:0;}
#sticky-social ul li a {line-height:38px;}
#sticky-social .container {margin:0 auto;padding:20px 50px;background:#fff;}
#sticky-social {left:0;position:fixed;top:300px;z-index:999999;}
#sticky-social a {background:#333;color:#fff;display:block;height:35px;font:16px "Open Sans", sans-serif;line-height:35px;position:relative;text-align:center;width:35px;}
#sticky-social a span {line-height:35px;left:-120px;position:absolute;text-align:center;width:120px;}
#sticky-social a:hover span {left: 100%;}
#sticky-social a[class*="facebook"], #sticky-social a[class*="facebook"]:hover, #sticky-social a[class*="facebook"] span {background: #3b5998;}
#sticky-social a[class*="twitter"], #sticky-social a[class*="twitter"]:hover, #sticky-social a[class*="twitter"] span {background: #00aced;}
#sticky-social a[class*="gplus"], #sticky-social a[class*="gplus"]:hover, #sticky-social a[class*="gplus"] span {background: #dd4b39;}  
#sticky-social a[class*="linkedin"], #sticky-social a[class*="linkedin"]:hover, #sticky-social a[class*="linkedin"] span {background: #007bb6;}  
#sticky-social a[class*="print"], #sticky-social a[class*="print"]:hover, #sticky-social a[class*="print"] span {background: #555;}
#sticky-social a[class*="mail"], #sticky-social a[class*="mail"]:hover, #sticky-social a[class*="mail"] span {background: #000;}


#sticky-social-mobile {position:fixed;bottom:0;left:0;right:0;height:30px;}
#sticky-social-mobile a {display:block;height:30px;width:100%;}
#sticky-social-mobile .facebookbottom {padding:0;}
#sticky-social-mobile .facebookbottom a {background: #3b5998;text-align:center;padding:3px 0;}
#sticky-social-mobile .facebookbottom a:hover {background: #000;text-align:center;}

#sticky-social-mobile .twitterbottom {padding:0;}
#sticky-social-mobile .twitterbottom a {background: #00aced;text-align:center;padding:3px 0;}
#sticky-social-mobile .twitterbottom a:hover {background: #000;}

#sticky-social-mobile .linkedinbottom {padding:0;}
#sticky-social-mobile .linkedinbottom a {background: #007bb6;text-align:center;padding:5px 0;}
#sticky-social-mobile .linkedinbottom a:hover {background: #000;}

#sticky-social-mobile .emailbottom {padding:0;}
#sticky-social-mobile .emailbottom a {background: #333;text-align:center;padding:5px 0;}
#sticky-social-mobile .emailbottom a:hover {background: #000;}


#sticky-social-mobile svg {height:24px;width:auto;fill:#fff;text-align:center;padding:0;}
#sticky-social-mobile .linkedinbottom svg {height:16px;}
#sticky-social-mobile .emailbottom svg {height:18px;}