/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/* Ostylowanie strong / bold w treści */

#top strong {color:#454545cc!important; font-weight:bold;!important}
#top b {color:#454545cc!important; font-weight:bold;!important}


/* Ostylowanie subtitle, &, inne */


#top .subtitle-1 {color:#00afee!important;}
#top .subtitle-2 {color:#2780fb!important;}


/* Ostylowanie nagłówki białe - tel header */

#top .cs-tel-header .av-heading-link {color:#ffffff!important; text-decoration: none; font-weight:600!important;}



/* Video po kliknięciu otwiera się, poniżej ikona dla UX */

/* Kontener - potrzebny, żeby ikonka była nad obrazkiem */
#id-video {
  position: relative;
  display: block;
}

/* Dodaj pseudo-element z ikonką i niebieskim tłem */
#id-video::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  background-color: #00afee;
  border-radius: 50%;
  transform: translate(-50%, -50%) scaleX(-1); /* Obrót ikony w prawo */
  z-index: 2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 16.811c0 .864-.933 1.406-1.683.977l-7.108-4.061a1.125 1.125 0 0 1 0-1.954l7.108-4.061A1.125 1.125 0 0 1 21 8.689v8.122ZM11.25 16.811c0 .864-.933 1.406-1.683.977l-7.108-4.061a1.125 1.125 0 0 1 0-1.954l7.108-4.061a1.125 1.125 0 0 1 1.683.977v8.122Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
  pointer-events: none; /* nie blokuje kliknięcia na link */
  animation: pulse 2s infinite;
}

/* Efekt pulsowania */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 175, 238, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(0, 175, 238, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 175, 238, 0);
  }
}







/* Footer - socked na środku dla menu ikon fb, itp. */


@media only screen and (max-width: 767px) {
  #socket .container {
    text-align: center;
    display: block !important;
  }

  #socket .copyright,
  #socket nav,
  #socket .social_bookmarks {
    display: block;
    width: 100%;
    margin: 5px 0;
    text-align: center;
  }

  #socket nav ul {
    display: inline-block;
    padding: 0;
    margin: 0;
  }

  #socket nav li {
    display: inline-block;
    margin: 0 8px;
  }

  #socket .social_bookmarks {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }

  #socket .social_bookmarks li {
    display: inline-block;
    margin: 0 8px;
    float: none;
  }
}