/**
 * Theme Name: Tothomweb
 * Template:   visitpalafrugell
 * ...other header fields
 */

.seccio-esquerra-noticies h2 {
  font-weight: 100;
  font-style: italic;
  font-size: 15px;
  margin-top: 5px;
  letter-spacing: 1px;
}

#carrusel_noticies .carrusel_noticies h3 {
  color: #5ad8e6;
  font-size: 20px;
  line-height: initial;
  margin-top: 0;
}

.gfield_checkbox .gchoice label {
  font-size: 13px;
}

.xarxes-socials-section h3 {
  display: flex;
  justify-content: space-between;
}

.xarxes-socials-section h3 .segueixnos {
  color: black;
}

.gform_legacy_markup_wrapper
  .gform_validation_errors
  > div.gform_submission_error.hide_summary:before {
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IiM3OTAwMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDE5YTggOCAwIDEgMCAwLTE2IDggOCAwIDAgMCAwIDE2WiIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0xMiA2aC0ydjZoMlY2Wk0xMiAxNGgtMnYyaDJ2LTJaIiBmaWxsPSIjRkZGIi8+PC9zdmc+);
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 22px;
  margin: 0 0.2rem 0 -0.5rem;
  vertical-align: sub;
  width: 22px;
}

.gform_legacy_markup_wrapper
  .gform_validation_errors
  > div.gform_submission_error.hide_summary {
  color: #790000;
  font-size: 16px;
  font-weight: 700;
}

/* Inici: 9.1.4.1. Ús del color (Nivell A) */

#menu-secundari a:hover,
#menu-secundari-spanish0 a:hover,
#menu-secundari-english0 a:hover,
#menu-secundari-french0 a:hover,
#menu-secundari-german0 a:hover {
  text-decoration: underline;
}

#menu-secundari a:focus,
#menu-secundari-spanish0 a:focus,
#menu-secundari-english0 a:focus,
#menu-secundari-french0 a:focus,
#menu-secundari-german0 a:focus {
  text-decoration: underline;
}

.row-legal p a {
  color: #008099;
  text-decoration: underline !important;
}

.row-legal p a:hover {
  color: #00596b;
}

.columna-contacte a {
  color: #017ab0;
  text-decoration: underline !important;
}

/* Inici: 9.1.4.3. Contrast (mínim) (Nivell AA) */

/* Barrera general: El text del botó “Accept” de la modal de cookies de color blanc #FFFFFF, no té prou contrast amb el color blau #00ACD0 de fons. */
.cli-style-v2
  .cli-bar-btn_container
  .cli-plugin-button#cookie_action_close_header {
  color: black !important;
}

/* Barrera general: El text de l’idioma actiu de color gris #777777, no té prou contrast amb el color blau C8DEF4 de fons. */
/* Barrera general: El text dels enllaços de la capçalera de color gris #777777 no tenen prou contrast amb el color gris clar #F8F8F8 de fons. */
.selectBox-options LI.selectBox-selected A {
  color: #5e5e5e;
  background-color: #c8def4;
}

.navbar-default .navbar-nav > li > a {
  color: #707070;
}

.navbar-default .navbar-text {
  color: #707070;
}

#menu-secundari a:hover,
#menu-secundari-spanish0 a:hover,
#menu-secundari-english0 a:hover,
#menu-secundari-french0 a:hover,
#menu-secundari-german0 a:hover {
  color: #157e8a;
}

#menu-secundari a:focus,
#menu-secundari-spanish0 a:focus,
#menu-secundari-english0 a:focus,
#menu-secundari-french0 a:focus,
#menu-secundari-german0 a:focus {
  color: #157e8a;
}

a {
  color: #147a85;
}

/* Barrera general: Els textos de l’apartat “Gaudeix dels nostres serveis”: “Platges” de color blau #4FD7E3, “Allotjament” de color blau #0079FF, “Rutes” de color rosa #E23AB1, “Gastronomia” de color vermell #D44D53, “Cultura” de color taronja #F47621, “Comerços” de color verd #BDD670 i “Activitats” de color verd #469A11, no tenen prou contrast amb el color gris clar #F8F8F8 de fons. */

.pictos-seccions.blau-clar .titol {
  color: #177e87;
}

.pictos-seccions.blau-fosc .titol {
  color: #006deb;
}

.pictos-seccions.rosa .titol {
  color: #d11f9b;
}

.pictos-seccions.vermell .titol {
  color: #cf3a41;
}

.pictos-seccions.tronja .titol {
  color: #be5109;
}

.pictos-seccions.verd-clar .titol {
  color: #627722;
}

.pictos-seccions.verd-fosc .titol {
  color: #3a810e;
}

/* Barrera general: Al formulari, quan enviem el formulari buit, es marquen els camps obligatoris i les etiquetes d’aquest, de color gris #737373, no tenen prou contrast amb el color rosa #fff7f7 de fons. */
.input-email .gfield_label {
  color: #707070 !important;
}

/* Barrera general: El text “Enviar” del botó del formulari, de color blanc, no té prou contrast amb el color blau #00ACD0 de fons. In en hover amb el fons blau #02bfe6 tampoc. */
.newsletter-section .gform_wrapper .gform_footer input.button,
.newsletter-section .gform_wrapper .gform_footer input[type="submit"] {
  background: #00667a;
}

.newsletter-section .gform_wrapper .gform_footer input.button:hover,
.newsletter-section .gform_wrapper .gform_footer input[type="submit"]:hover {
  background: #027e97 !important;
}

/* Barrera general: Al footer el text “Visit Palafrugell” i “Turisme Palafrugell” de color blau #5ad8e6, no té prou contrast amb el color blanc de fons. */
b,
strong {
  color: #147a85;
}

/* Barrera general: Al footer el text de l’enllaç “turisme@palafrugell.cat” de color blau #00acd0 en hover, no té prou contrast amb el color blanc de fons. */
.columna-contacte a:hover {
  color: #008099;
}
/* El text del botó “VOLS REBRE NOTÍCIES NOSTRES?” de color blanc #FFFFFF, no té prou contrast amb el color blau #00ACD0 de fons. */
.round-button {
  background-color: #136d77 !important;
}
.round-button:hover {
  background-color: #008099 !important;
}

/* Els textos del carrusel de noticies, de color blanc, no tenen prou contrast amb el color blau #00ACD0 de fons. */
.seccio-dreta-noticies {
  background-color: #008099 !important;
}

#carrusel_noticies {
  background: #004b6b;
}

/* Els textos de les imatges de l’apartat “Benvinguts” de color blau #00ACD0, no tenen prou contrast amb el color blanc amb transparència #FFFFFF de fons. A la inversa en hover tampoc. */

a.block_home.blocsup:not(.comercos):hover .subtitol,
a.block_home.blocsup:not(.comercos):hover .buto,
a.block_home.blocsup:not(.comercos):hover .titol {
  background: #008099 !important;
  color: #fff !important;
}

.block_home.blocsup:not(.comercos) .titol {
  color: #008099 !important;
}

/* 9.1.4.4. Ajustar la mida del text (Nivell AA) */
/* Barrera general: En augmentar la mida del text al 200%, el carrusel de noticies “No et perdis, Actualitat” no té controls i en aquest cas no sabem que es un carrusel i que hi ha més noticies. */

@media (max-width: 850px) {
  #carrusel_noticies .bx-controls {
    display: initial;
  }

  body:not(.home) #carrusel_noticies .bx-controls a.bx-prev,
  body:not(.home) #carrusel_noticies .bx-controls a.bx-next {
    right: 5px;
  }

  body:not(.home) #carrusel_noticies .bx-controls a.bx-next {
    bottom: -28px;
  }

  body:not(.home) #carrusel_noticies .bx-controls a.bx-prev {
    bottom: 2px;
  }
}

.block_home {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* 9.1.4.11. Contrast no textual (Nivell AA) */
/* Barrera general: El focus visible del menú de color gris #eeeeee, no té prou contrast amb el color blanc de fons.
El focus visible ha de tenir un contrast mínim de 3:1. Recomanem utilitzar el focus que té el navegador per defecte, però en cas de voler-lo personalitzar, utilitzar un contorn que envolti l’element. */

/* Arreglado con el nuevo foco */

/* Barrera general: La icona de la lupa del cercador de color gris #b7b7b7, no te prou contrast amb el color gris #F8F6F7 de fons. */
.butolupa {
  background: url(images/picto-search.png) no-repeat center center;
}

/* Barrera general: La fletxa dels idiomes del menú superior de color gris #b2b2b2, no té prou contrast amb el color gris #f8f8f8 de fons. */

.selectBox-dropdown .selectBox-arrow {
  background: url(images/picto-dropdown.png) 50% center no-repeat;
}

/* Barrera general: El contorn de les caixes de text del formulari “Newsletter” de color gris #c5c5c5, no tenen prou contrast amb el color blanc de fons. */

.gform_wrapper .top_label .input-email input {
  border-bottom: 1px solid #949494;
}

/* Els controls del carrusel de noticies, de color blanc #FFFFFF, no tenen prou contrast amb el color blau #00ACD0 de fons. */
.home #carrusel_noticies .bx-controls-direction a {
  background-image: url(images/noves_imatges/fletxa-amunt-avall.svg);
}

/* El contorn de les caixes de text del formulari “Newsletter” de color gris #c5c5c5, no tenen prou contrast amb el color blanc de fons. */
textarea {
  border-color: black;
}

/* 9.1.4.12. Espaiat del text (Nivell AA) */
@media (max-width: 985px) {
  .cli-style-v2 .cli-bar-message {
    min-width: 100%;
    width: initial;
  }
}

.cli-style-v2 .cli-bar-message {
  width: initial;
  min-width: 70%;
}

@media (max-width: 985px) {
  .cli-style-v2 .cli-bar-btn_container {
    margin-left: 0px;
    margin-top: 0px;
  }
}

@media (max-width: 985px) {
  #cookie-law-info-bar[data-cli-style="cli-style-v2"],
  #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"],
  #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
    padding: 0px 0px;
  }
}

/* ----------------------------- */
/* Skip to main content */
a.skip-main {
  margin: 5px;
  padding: 5px;
  left: auto;
  top: 35px;
  width: auto;
  height: auto;
  background-color: var(--grey-color);
  color: white;
  font-size: 12px;
  position: absolute;
  z-index: -1;
}
a.skip-main:focus {
  z-index: 99999999;
  color: black;
}
/* ----------------------------- */
/* FOCUS PLEASE */
/* ----------------------------- */
/* General focus */
*:focus-visible {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

figure:focus-within {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

img:focus-within {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

*:focus {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: 2px !important;
}

/* 2. Declaració d'accessibilitat */
/* 9.1.3.1. Informació i relacions (Nivell A) */
/*En la declaració hi ha diferents seccions que tenen un canvi en el format, es tracta de les seccions com Contingut no accessible, Preparació de la present declaració d’accessibilitat, Observacions i dades de contacte, Procediment d’aplicació i Contingut opcional.
Cal que aquests textos també siguin encapçalaments per facilitar la navegació als usuaris de productes d’assistència. Aquests han de ser de nivell inferior a la secció principal, que es h1.*/

.page-id-190027 .caixa-gris .container p h2,
.page-id-190030 .caixa-gris .container p h2 {
  font-family: "Roboto", sans-serif;
  font-size: initial;
  line-height: initial;
  color: initial;
  font-weight: initial;
  text-align: initial;
  text-transform: initial;
}

/* 9.1.4.3. Contrast (mínim) (Nivell AA) */

.caixa-gris h1 {
  color: #157984;
}

.caixa-gris p {
  color: #6e6e6e;
}

#carrusel_noticies .bx-controls-direction a {
  background-image: url(images/base.png);
}

a:active,
a:focus {
  text-decoration: underline;
  color: #737373;
}

#menu-secundari .current-menu-item a,
#menu-secundari-spanish0 .current-menu-item a,
#menu-secundari-french0 .current-menu-item a,
#menu-secundari-english0 .current-menu-item a,
#menu-secundari-german0 .current-menu-item a,
.current-page-ancestor a {
  color: #157e8a !important;
}

.caixa-gris h2 {
  font-size: 30px;
}

.entry-content p a:hover {
  border: 1px solid #737373;
  background-color: #fff;
  color: #737373;
  text-decoration: none;
}

/* 5. Allotjaments */
#capcalera-page h1 {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  line-height: 44px;
  color: #fff;
  font-weight: 400;
  padding-top: 49px;
  margin-bottom: 0;
}

#capcalera-page h2 {
  font-size: 15px;
  line-height: 16px;
  color: #50d6e4;
  font-weight: 300;
  padding-bottom: 40px;
  margin-top: 0;
  padding-top: initial;
}

.carrusel_noticies a.titnot {
  color: #fff;
}

.buto:hover,
.buto.sel {
  border: 1px solid #15828e;
  background-color: #15828e;
  color: #fff;
  text-decoration: none;
}

.caixa-gris {
  color: #707070;
}

.com_arribar h3 {
  color: #147a85;
}

a:hover {
  color: #707070;
}

/* 6. Agenda: Actualitat */

.caixa-gris .entry-header h2.entry-title {
  text-align: initial;
}

.caixa-gris .entry-content h2 {
  text-align: initial;
}

.caixa-gris h2 {
  font-size: 40px;
}

.noticia h2 {
  font-size: 25px;
}

.buscar h2 {
  font-size: 18px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #15828e;
}

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_ff0084_256x240.png);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #000000 url(images/ui-bg_highlight-soft_25_5ad8e6_1x100.png) 50%
    50% repeat-x;
  color: #fff;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #ccc;
  background: #fff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
  color: #444;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ddd;
  background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #ff0084;
}

.noticia .data {
  color: #16818d;
}

.buto.blau {
  border: 1px solid #156e7a;
  color: #156e7a;
}

.buto:hover,
.buto.sel {
  border: 1px solid #15828e;
  background-color: #15828e;
  color: #fff;
  text-decoration: none;
}

/* 8. Allotjaments */
@media (max-width: 360px) {
  .caixa-gris .tothombutton-adjust-js {
    text-align: initial !important;
    margin-top: initial !important;
    float: initial !important;
    position: relative;
    top: -30px;
  }
}

.buto.servei-zona {
  background-color: #15828e;
  border: 1px solid #15828e;
}

a.platja-item:hover {
  background-color: #15828e;
}

.noticies a {
  word-wrap: break-word;
}

.buto.servei-zona:hover {
  color: #15828e;
}

.quadricula .platja-item .info .poblacio {
  color: #ffff;
}

.base {
  background-image: url(images/base.png);
}

.slider_fitxa .bx-controls-direction a {
  background-image: url(images/base.png);
}

.noticia a {
  word-wrap: break-word;
}

.buto {
  color: #707070;
}

#filters {
  display: flex;
  flex-direction: row;
}

@media (max-width: 999px) {
  #filters {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 393px) {
  #filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px !important;
  }
}

.quadricula .platja-item .info .titol {
  color: #fff;
  background-color: black;
}

.quadricula .platja-item .info .poblacio {
  color: #ffff;
  background-color: black;
}

#geo-mapa {
  min-width: 200px;
  margin-bottom: 20px;
}

/* 9. Gastronomía */
.poblacio h5 {
  color: #177c87;
  text-transform: uppercase;
  font-size: 16px;
}

.check:hover {
  color: #157984;
}

@media (max-width: 393px) {
  #capcalera-page h1 {
    font-size: 30px;
  }

  .caixa-gris h2 {
    font-size: 30px;
  }
}

.swipebox:focus img {
  opacity: 0.7;
}

/* 10. Per què visitar-nos */
a.linkpkrodona:focus .cont-rodona.block {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

a.linkpkrodona:focus .peu-imatges {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

.caixa-texte h2 {
  color: #147a85;
  margin-top: 0;
  font-size: 40px;
}

.caixa-texte {
  color: #707070;
}

.old-h2 {
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.old-h3 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
}

.old-h4 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
}

.linkpkrodona:hover h3,
.linkpkrodona:hover h4,
.linkpkrodona:hover span,
.linkpkrodona:focus h3,
.linkpkrodona:focus h4,
.linkpkrodona:focus span {
  color: #ffffff !important;
  text-decoration: underline;
}
.col-sm-6.aria-auto-scroll,
.col-xs-12.aria-auto-scroll,
.col-xs-6.aria-auto-scroll {
  overflow: auto;
}

.caixa-x1.caixa-texte {
  overflow: auto;
}

.linkpkrodona .peu-imatges {
  color: white;
  background-color: black;
}

/* 11. Sostenibilitat */
p.titol-sostenibilitat-2 {
  font-size: 18px;
  text-align: center;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

/* 13. Galeria d'imatges */
.galeria-imatges a:hover {
  border: 1px solid black;
}

/* Accesibilitat */
.poblacio h3 {
  color: #147a85;
}

.imatge-subvencio h3 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: black;
  line-height: initial;
  font-weight: 500;
  text-transform: initial;
}

/* Accessibilitat revisió */
#carrusel_noticies .carrusel_noticies h3 {
  font-size: 20px;
  font-weight: 500;
}

#carrusel_noticies .texte-dret h2 {
  color: #fff;
  font-size: 30px;
  line-height: 35px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}

#carrusel_noticies .texte-dret .old-carusel-h4 {
  color: #fff;
  font-size: 13px;
  line-height: 15px;
}

.imatge-subvencio .old-subvencio-h3 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: black;
  line-height: initial;
  font-weight: 500;
  text-transform: initial;
}

/* Al footer el text del correu electrònic “turisme@palafrugell.cat” de color blau #017AB0 no té prou contrast amb el color gris de fons.
És imprescindible que el text tingui un contrast mínim de 4.5:1. */
.columna-contacte .contacte-text a {
  color: #000000;
}

#buscarform input,
#buscarform input::placeholder {
  color: #000000;
}

ul#aria-idiomes-menu {
  width: initial !important;
  top: initial !important;
  left: initial !important;
}

ul#aria-idiomes-menu.aria-expanded-show {
  display: block !important;
}

ul#aria-idiomes-menu.aria-expanded-noshow {
  display: none !important;
}

.menu-superior li a:hover,
.menu-superior li.current-menu-item a {
  color: black;
  text-decoration: underline;
}

#sb_instagram #sbi_images .sbi_item.foto-mini {
  width: 100%;
}

@media (max-width: 991px) {
  #sb_instagram #sbi_images .sbi_item.foto-mini {
    width: 100%;
  }
}

#sb_instagram.instagram-palafrugell20 #sbi_images .sbi_item,
#sb_instagram.instagram-palafrugell20 #sbi_images .sbi_item.foto-mini,
#sb_instagram.instagram-palafrugell20 .sbi_item,
#sb_instagram.instagram-palafrugell20 .sbi_item.foto-mini {
  width: 100% !important;
}

.page-template-platges #llista-platges,
.page-template-llista-propostes #llista-platges,
.page-template-restaurants #llista-platges,
.page-template-llista-rutes #llista-platges,
.page-template-wikiloc #llista-platges {
  display: initial;
}

ul.carrusel_noticies li[aria-hidden="true"] {
  display: none;
}

#menu-secundari a:focus,
#menu-secundari-spanish0 a:focus,
#menu-secundari-english0 a:focus,
#menu-secundari-french0 a:focus,
#menu-secundari-german0 a:focus {
  color: #137681;
}

#sbi_images .sbi_item:focus-within {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

.gaudeix-serveis-section h2 {
  font-weight: 500;
  font-size: 30px;
  text-transform: none;
  color: #000;
  text-align: center;
  margin-bottom: 35px;
  line-height: 30px;
}

.xarxes-socials-section h2 {
  font-size: 24px;
  text-transform: none;
  color: #0090bf;
  margin-bottom: 35px;
  line-height: 30px;
  font-weight: bold;
  display: inline-block;
}

.xarxes-socials-section h2 {
  display: flex;
  justify-content: space-between;
}

.xarxes-socials-section h2 .segueixnos {
  color: black;
}

@media (max-width: 393px) {
  .titnot {
    font-size: 20px !important;
  }
}

@media (max-width: 320px) {
  .caixes-home-inferior .block_home .titol {
    font-size: 20px !important;
  }
}

@media (max-width: 400px) {
  .caixes-home-inferior .block_home .titol {
    font-size: 20px !important;
  }
}

a.block_home:active,
a.block_home:focus {
  text-decoration: none;
}

a.block_home:focus .subtitol,
a.block_home:focus .buto,
a.block_home:focus .titol {
  background: #fff !important;
  color: #008099 !important;
}

a.block_home:active .subtitol,
a.block_home:active .buto,
a.block_home:active .titol {
  background: #fff !important;
  color: #008099 !important;
}

a.block_home:hover .subtitol,
a.block_home:hover .buto,
a.block_home:hover .titol {
  background: #fff !important;
  color: #008099 !important;
}

#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_tooltip_social a:focus,
#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_tooltip_social a:hover {
  background-color: black !important;
  color: white !important;
}