.elementor-2802 .elementor-element.elementor-element-d0f5b16{--display:flex;--min-height:22vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 20px 20px;--margin-top:0%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;}.elementor-2802 .elementor-element.elementor-element-d0f5b16:not(.elementor-motion-effects-element-type-background), .elementor-2802 .elementor-element.elementor-element-d0f5b16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5e0e7b0 );}.elementor-2802 .elementor-element.elementor-element-fc6da97{--display:flex;}.elementor-2802 .elementor-element.elementor-element-2e7ade7 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-2802 .elementor-element.elementor-element-2e7ade7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2802 .elementor-element.elementor-element-2e7ade7 .xpro-post-title{font-family:"Lilita One", Sans-serif;}.elementor-2802 .elementor-element.elementor-element-2e7ade7 .xpro-post-title-text{color:#000000;}.elementor-2802 .elementor-element.elementor-element-2e7ade7 .xpro-post-title-icon i{color:#000000;}.elementor-2802 .elementor-element.elementor-element-2e7ade7 .xpro-post-title-icon svg{fill:#000000;}.elementor-2802 .elementor-element.elementor-element-183a283.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2802 .elementor-element.elementor-element-183a283 .hfe-post-info-icon{width:14px;}.elementor-2802 .elementor-element.elementor-element-183a283 .hfe-post-info-icon i{font-size:14px;}.elementor-2802 .elementor-element.elementor-element-183a283 .hfe-post-info-icon svg{--e-icon-list-icon-size:14px;}body:not(.rtl) .elementor-2802 .elementor-element.elementor-element-183a283 .hfe-post-info-text{padding-left:10px;}body.rtl .elementor-2802 .elementor-element.elementor-element-183a283 .hfe-post-info-text{padding-right:10px;}.elementor-2802 .elementor-element.elementor-element-f5ed56e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2802 .elementor-element.elementor-element-f5ed56e .xpro-elementor-content{font-family:"Roboto Serif", Sans-serif;}.elementor-2802 .elementor-element.elementor-element-2f75b76.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2802 .elementor-element.elementor-element-ebd6740{--grid-template-columns:repeat(1, auto);top:50%;--grid-row-gap:15px;}.elementor-2802 .elementor-element.elementor-element-ebd6740 .elementor-widget-container{text-align:center;}body:not(.rtl) .elementor-2802 .elementor-element.elementor-element-ebd6740{right:0px;}body.rtl .elementor-2802 .elementor-element.elementor-element-ebd6740{left:0px;}.elementor-2802 .elementor-element.elementor-element-ebd6740.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2802 .elementor-element.elementor-element-2b47869{--display:flex;--position:fixed;top:0px;}body:not(.rtl) .elementor-2802 .elementor-element.elementor-element-2b47869{right:0px;}body.rtl .elementor-2802 .elementor-element.elementor-element-2b47869{left:0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2802 .elementor-element.elementor-element-25f7401{width:auto;max-width:auto;}.elementor-2802 .elementor-element.elementor-element-25f7401.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2802 .elementor-element.elementor-element-25f7401.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2802 .elementor-element.elementor-element-25f7401.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2802 .elementor-element.elementor-element-25f7401.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2802 .elementor-element.elementor-element-25f7401 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-2802 .elementor-element.elementor-element-25f7401 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2802 .elementor-element.elementor-element-8f3e4d7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2802 .elementor-element.elementor-element-8f3e4d7 .elementor-icon-box-wrapper{align-items:center;gap:15px;}@media(max-width:767px){.elementor-2802 .elementor-element.elementor-element-25f7401 .elementor-image-box-img{margin-bottom:15px;}}@media(min-width:768px){.elementor-2802 .elementor-element.elementor-element-2b47869{--width:500px;}}/* Start custom CSS for xpro-post-content, class: .elementor-element-f5ed56e */.single-post h2, .single-post h3, .single-post h4, .single-post p strong{
        font-family: "Lilita One", Sans-serif;
    }
    /* =========================================================
   CALLING ALL KIDS — Playful Blog Template (v5)
   Update: image captions / photo info centered
   ========================================================= */

:root{
  --cak-pink:        #ff5fa2;
  --cak-orange:      #ff9f1c;
  --cak-yellow:      #ffd166;
  --cak-green:       #06d6a0;
  --cak-blue:        #118ab2;
  --cak-purple:      #8e7dff;
  --cak-purple-deep: #6b4dff;
  --cak-red:         #ef476f;
  --cak-ink:         #1f2233;
  --cak-paper:       #fffaf3;
  --cak-radius:      22px;
  --cak-radius-img:  18px;

  --cak-shadow:        0 6px 0 rgba(142,125,255,1);
  --cak-shadow-soft:   0 8px 20px rgba(142,125,255,1);
  --cak-shadow-btn:    0 3px 0 rgba(107,77,255,.60);

  --cak-font:        "Baloo 2","Fredoka","Comic Neue",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* ---------- Scope reset ---------- */
.vgbpt-page,
.vgbpt-page *{ box-sizing: border-box; }

.vgbpt-page{
  font-family: var(--cak-font);
  color: var(--cak-ink);
  line-height: 1.7;
  font-size: 18px;
  max-width: 780px;
  margin: 0 auto;
  padding: 1rem 1.25rem 3rem;
  background: var(--cak-paper);
  border-radius: var(--cak-radius);
}

/* =========================================================
   HEADINGS
   ========================================================= */
.vgbpt-page h1,
.vgbpt-page h2,
.vgbpt-page h3{
  font-family: var(--cak-font);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .2px;
  color: var(--cak-ink);
  margin: 1.6em 0 .6em;
}

.vgbpt-page h1{
  font-size: clamp(2rem, 5vw, 3rem);
  background: linear-gradient(90deg,var(--cak-pink),var(--cak-orange),var(--cak-yellow));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-align: center;
}

.vgbpt-page h2{
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  position: relative;
  padding-left: .9rem;
}
.vgbpt-page h2::before{
  content:"";
  position:absolute;
  left:0; top:.15em; bottom:.15em;
  width:.5rem;
  border-radius:.5rem;
  background: linear-gradient(180deg,var(--cak-green),var(--cak-blue));
}

.vgbpt-page h3{
  font-size: 1.2rem;
  color: var(--cak-blue);
}

/* =========================================================
   TEXT
   ========================================================= */
.vgbpt-page p{
  margin: 0 0 1.1em;
  font-size: 1.05rem;
}

.vgbpt-page a{
  color: var(--cak-blue);
  font-weight: 700;
  text-decoration: underline wavy var(--cak-yellow) 2px;
  text-underline-offset: 3px;
  transition: color .15s ease;
}
.vgbpt-page a:hover{ color: var(--cak-pink); }

/* =========================================================
   LISTS
   ========================================================= */
.vgbpt-page ul{
  list-style: none;
  padding-left: 0;
}
.vgbpt-page ul li{
  position: relative;
  padding-left: 1.8rem;
  margin: .4em 0;
}
.vgbpt-page ul li::before{
  content:"⭐";
  position:absolute; left:0; top:0;
}
.vgbpt-page ol{ padding-left: 1.4rem; }
.vgbpt-page ol li{ margin:.4em 0; }

/* =========================================================
   BLOCKQUOTE
   ========================================================= */
.vgbpt-page blockquote{
  position: relative;
  margin: 1.4em 0;
  padding: 1.1rem 1.2rem 1.1rem 1.3rem;
  background: #fff;
  border: 3px solid var(--cak-purple);
  border-radius: var(--cak-radius);
  box-shadow: var(--cak-shadow), var(--cak-shadow-soft);
  font-style: normal;
  font-weight: 600;
}
.vgbpt-page blockquote::before{
  content:"💬";
  position:absolute;
  top:-18px; left:18px;
  font-size:1.6rem;
  background:var(--cak-paper);
  padding:0 .3rem;
}

/* =========================================================
   IMAGES — natural sizing, purple shadow
   ========================================================= */

/* FIX: ENLARGE BLOG CONTENT IMAGES IN XPRO */

/* Target images inside the Xpro Post Content widget */
.elementor .elementor-widget[class*="post-content"] img,
.elementor .elementor-widget-post-content img,
.elementor .xpro-post-content img,
.elementor .xpro-post-content figure img,
.vgbpt-page .wp-block-image img,
.vgbpt-page figure img,
.vgbpt-page > img,
.entry-content > img,
article .entry-content img {
    width: 80% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Expand the image's parent wrapper */
.elementor .elementor-widget[class*="post-content"] figure,
.elementor .elementor-widget-post-content figure,
.elementor .xpro-post-content figure,
.vgbpt-page figure,
.vgbpt-page .wp-block-image,
.entry-content figure,
article .wp-caption {
    width: 100% !important;
    max-width: 100% !important;
}

/* Remove WordPress thumbnail size restrictions */
.elementor .elementor-widget[class*="post-content"] img.size-medium,
.elementor .elementor-widget[class*="post-content"] img.size-large,
.elementor .elementor-widget-post-content img.size-medium,
.elementor .elementor-widget-post-content img.size-large,
.xpro-post-content img.size-medium,
.xpro-post-content img.size-large {
    width: 100% !important;
    max-width: 100% !important;
}

/* Keep the image responsive */
@media (max-width: 767px) {
    .elementor .elementor-widget[class*="post-content"] img,
    .elementor .elementor-widget-post-content img,
    .xpro-post-content img,
    .vgbpt-page img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}


/* Xpro / Elementor Post Content widget — cap the WIDTH, not height */
.elementor-widget[class*="post-content"] img,
.xpro-post-content img{
  max-width: 480px !important;
  width: auto !important;
  height: auto !important;
  border-radius: var(--cak-radius-img) !important;
  box-shadow: var(--cak-shadow), var(--cak-shadow-soft) !important;
  display: block !important;
  margin: 1rem auto !important;
}

.vgbpt-page img:hover,
.wp-block-image img:hover,
.entry-content img:hover{
  transform: rotate(-1.2deg) scale(1.01);
  box-shadow: 0 10px 26px rgba(142,125,255,.45) !important;
}

/* WP figure wrapper — round it so no square corners peek out */
.wp-block-image,
figure.wp-block-image{
  border-radius: var(--cak-radius-img) !important;
  overflow: hidden !important;
  margin: 1rem auto !important;
  max-width: 100% !important;
  box-shadow: var(--cak-shadow), var(--cak-shadow-soft) !important;
}
.wp-block-image figure{ margin: 0 !important; }

/* =========================================================
   PHOTO INFO / CAPTIONS — centered
   ========================================================= */
.vgbpt-page figure{
  margin: 1.2em auto;
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}

.vgbpt-page figure img,
.wp-block-image figure img{
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

.vgbpt-page figcaption,
.wp-block-image figcaption,
figure.wp-block-image figcaption,
.entry-content figcaption,
.elementor-widget[class*="post-content"] figcaption,
.xpro-post-content figcaption{
  text-align: center !important;
  margin: .75rem auto .25rem !important;
  font-size: .92rem !important;
  font-style: italic;
  color: #6c6a83 !important;
  line-height: 1.5;
  max-width: 480px;
  display: block;
}

/* WordPress block caption class (alt) */
.wp-block-image .wp-element-caption,
.wp-block-image figcaption.wp-element-caption,
.wp-caption-text{
  text-align: center !important;
  margin: .75rem auto .25rem !important;
  font-size: .92rem !important;
  font-style: italic;
  color: #6c6a83 !important;
  max-width: 480px;
}

/* Classic editor / older image captions */
.wp-caption{
  max-width: 100%;
  text-align: center !important;
  margin: 1rem auto;
}
.wp-caption img{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Featured image caption (theme-rendered, outside content) */
.post-thumbnail img,
.entry-thumbnail img,
.featured-image img,
.wp-post-image{
  max-width: 100% !important;
  height: auto !important;
  border-radius: var(--cak-radius-img) !important;
  box-shadow: var(--cak-shadow), var(--cak-shadow-soft) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

/* Small / medium helper classes */
img.cak-img--sm { max-width: 220px !important; }
img.cak-img--md { max-width: 380px !important; }

/* =========================================================
   TABLES
   ========================================================= */
.vgbpt-page table{
  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 1.2em 0;
  border-radius: var(--cak-radius);
  overflow: hidden;
  box-shadow: var(--cak-shadow), var(--cak-shadow-soft);
  background:#fff;
}
.vgbpt-page th{
  background: linear-gradient(90deg,var(--cak-blue),var(--cak-green));
  color:#fff;
  font-weight:800;
  padding:.75rem .9rem;
  text-align:left;
}
.vgbpt-page td{
  padding:.7rem .9rem;
  border-top: 1px solid #eee;
}
.vgbpt-page tr:nth-child(even) td{ background:#fffaf0; }

/* =========================================================
   BUTTONS
   ========================================================= */
.vgbpt-page .cak-btn,
.vgbpt-page button.cak-btn,
.vgbpt-page a.cak-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.7rem 1.2rem;
  border-radius:999px;
  border:0;
  font-family:var(--cak-font);
  font-weight:800;
  font-size:1rem;
  text-decoration:none;
  color:#fff;
  background: linear-gradient(90deg,var(--cak-pink),var(--cak-orange));
  box-shadow: var(--cak-shadow-soft);
  cursor:pointer;
  transition: transform .12s ease, filter .15s ease, box-shadow .15s ease;
}
.vgbpt-page .cak-btn:hover{
  transform: translateY(-2px);
  filter:brightness(1.06);
  box-shadow: 0 12px 26px rgba(142,125,255,.55);
}
.vgbpt-page .cak-btn:active{ transform: translateY(0); }

/* =========================================================
   CALLOUT BOXES
   ========================================================= */
.vgbpt-page .cak-note,
.vgbpt-page .cak-tip,
.vgbpt-page .cak-warn{
  position: relative;
  margin: 1.2em 0;
  padding: 1rem 1.1rem 1rem 3.2rem;
  border-radius: var(--cak-radius);
  background:#fff;
  box-shadow: var(--cak-shadow), var(--cak-shadow-soft);
  border-left: 8px solid var(--cak-blue);
}
.vgbpt-page .cak-note::before{ content:"📌"; position:absolute; left:.9rem; top:50%; transform:translateY(-50%); font-size:1.4rem; }
.vgbpt-page .cak-tip { border-left-color: var(--cak-green); }
.vgbpt-page .cak-tip::before{ content:"💡"; }
.vgbpt-page .cak-warn{ border-left-color: var(--cak-red); }
.vgbpt-page .cak-warn::before{ content:"⚠️"; }

/* =========================================================
   DIVIDER
   ========================================================= */
.vgbpt-page hr{
  border:0;
  height: 18px;
  margin: 2rem 0;
  background:
    radial-gradient(circle, var(--cak-yellow) 3px, transparent 4px) 0 50%/24px 18px repeat-x;
}

/* =========================================================
   PROGRESS BAR
   ========================================================= */
.vgbpt-progress{
  position: sticky;
  top: 0;
  z-index: 20;
  height: 8px;
  background: #eee;
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.vgbpt-progress > span{
  display:block;
  height:100%;
  width:0%;
  background: linear-gradient(90deg,var(--cak-pink),var(--cak-orange),var(--cak-yellow),var(--cak-green),var(--cak-blue));
  background-size: 300% 100%;
  animation: cak-slide 6s linear infinite;
  transition: width .15s ease;
}
@keyframes cak-slide{
  from{ background-position: 0% 50%; }
  to  { background-position: 300% 50%; }
}

/* =========================================================
   FOLLOW-US ROW
   ========================================================= */
.vgbpt-share{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem;
  margin: 1.2rem 0;
  padding: .75rem .9rem;
  background:#fff;
  border-radius: var(--cak-radius);
  box-shadow: var(--cak-shadow), var(--cak-shadow-soft);
}
.vgbpt-share__label{
  font-weight:800;
  color:var(--cak-ink);
  margin-right:.25rem;
}
.vgbpt-share .vgbpt-btn{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.55rem .95rem;
  border-radius:999px;
  font-family:var(--cak-font);
  font-weight:800;
  font-size:.95rem;
  line-height:1;
  color:#fff !important;
  text-decoration:none;
  border:0;
  box-shadow: var(--cak-shadow-btn);
  transition: transform .12s ease, box-shadow .15s ease;
}
.vgbpt-share .vgbpt-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(142,125,255,.55);
}
.vgbpt-share .vgbpt-btn:active{ transform: translateY(0); }
.vgbpt-share .vgbpt-btn svg{ color:#fff !important; fill:currentColor; }

.vgbpt-share .vgbpt-btn--instagram{ background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }
.vgbpt-share .vgbpt-btn--facebook { background:#1877f2; }
.vgbpt-share .vgbpt-btn--linkedin { background:#0a66c2; }

/* =========================================================
   TABLE OF CONTENTS
   ========================================================= */
.vgbpt-toc{
  background:#fff;
  border-radius: var(--cak-radius);
  box-shadow: var(--cak-shadow), var(--cak-shadow-soft);
  padding: .9rem 1rem;
  margin: 1.4rem 0;
  border: 3px dashed var(--cak-yellow);
}
.vgbpt-toc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.vgbpt-toc-head h3{
  margin:0;
  font-size:1.1rem;
  color:var(--cak-ink);
}
#vgbpt-toc-toggle{
  background: linear-gradient(90deg,var(--cak-purple),var(--cak-blue));
  color:#fff;
  border:0;
  border-radius:999px;
  padding:.35rem .9rem;
  font-family:var(--cak-font);
  font-weight:800;
  cursor:pointer;
  box-shadow: var(--cak-shadow-btn);
  transition: transform .12s ease, box-shadow .15s ease;
}
#vgbpt-toc-toggle:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(142,125,255,.55);
}
#vgbpt-toc-list{
  margin:.6rem 0 0;
  padding-left:1.2rem;
}
#vgbpt-toc-list a{
  color: var(--cak-blue);
  text-decoration: none;
  font-weight:700;
}
#vgbpt-toc-list a:hover{ text-decoration: underline wavy var(--cak-yellow) 2px; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 600px){
  .vgbpt-page{ font-size:16px; padding:1rem .9rem 2.5rem; }

  .elementor-widget[class*="post-content"] img,
  .xpro-post-content img,
  .vgbpt-page img,
  .wp-block-image img,
  .entry-content img{
    max-width: 100% !important;
    height: auto !important;
  }

  .vgbpt-share .vgbpt-btn{ padding:.5rem .8rem; font-size:.85rem; }
  .vgbpt-share__label{ width:100%; margin-bottom:.4rem; }
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  .vgbpt-progress > span{ animation:none; }
  .vgbpt-page img,
  .vgbpt-page .cak-btn,
  .vgbpt-share .vgbpt-btn,
  #vgbpt-toc-toggle{ transition:none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f75b76 *//* --- Follow-us row --- */
.vgbpt-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin: 1rem 0;
}

.vgbpt-share__label {
  font-weight: 700;
  color: #111;
  margin-right: .25rem;
}

/* --- Buttons: high specificity + !important to defeat theme overrides --- */
.vgbpt-share .vgbpt-btn,
.vgbpt-share a.vgbpt-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  padding: .55rem .95rem !important;
  border-radius: 999px !important;
  font: inherit !important;
  font-weight: 600 !important;
  font-size: .95rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.15) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}

.vgbpt-share .vgbpt-btn svg {
  display: block;
  flex: 0 0 auto;
  color: #ffffff !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

.vgbpt-share .vgbpt-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.2) !important;
}

.vgbpt-share .vgbpt-btn:active {
  transform: translateY(0) !important;
}

.vgbpt-share .vgbpt-btn:focus-visible {
  outline: 3px solid #ffd166 !important;
  outline-offset: 2px !important;
}

/* --- Brand colors --- */
.vgbpt-share .vgbpt-btn--instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}
.vgbpt-share .vgbpt-btn--facebook {
  background: #1877f2 !important;
}
.vgbpt-share .vgbpt-btn--linkedin {
  background: #0a66c2 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b47869 */.follow-us-icon-custom .elementor-social-icon {
    width: 50px;
    height: 50px;
    overflow: hidden;
    transition: all .4s ease;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.follow-us-icon-custom .elementor-social-icon:hover {
    width: 140px;
}

.follow-us-icon-custom .elementor-screen-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    overflow: hidden;
    opacity: 0;
    max-width: 0;
    white-space: nowrap;
    margin-left: 8px;
    transition: all .4s ease;
}

.follow-us-icon-custom .elementor-social-icon:hover .elementor-screen-only {
    opacity: 1;
    max-width: 100px;
}/* End custom CSS */