.table-wrapper { max-width: 100%; overflow: auto; } table { width: 100%; } td, th { padding: 5px 10px; border: 1px solid #777; } #st-1 { font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif; ; direction: ltr; display: block; opacity: 1; text-align: justified; z-index: 94034; } #st-1.st-animated { -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; } #st-1.st-hidden { opacity: 0; } #st-1.st-preview { display: none !important; opacity: 0 !important; } #st-1.st-hide { display: none; } #st-1 .st-btn { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; cursor: pointer; display: inline-block; font-size: 12px; height: 32px; line-height: 32px; margin-right: 8px; padding: 0 10px; position: relative; text-align: center; top: 0; vertical-align: top; white-space: nowrap; } #st-1 .st-btn:last-child { margin-right: 0; } #st-1 .st-btn>svg { height: 16px; width: 16px; position: relative; top: 8px; vertical-align: top; } #st-1 .st-btn>img { display: inline-block; height: 16px; width: 16px; position: relative; top: 8px; vertical-align: top; } #st-1 .st-btn>span { -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; color: #fff; display: inline-block; font-weight: 500; letter-spacing: 0.5px; min-width: 60px; opacity: 1; padding: 0 6px; position: relative; vertical-align: top; } #st-1.st-has-labels .st-btn { min-width: 120px; } #st-1.st-has-labels .st-btn.st-remove-label { min-width: 50px; } #st-1.st-has-labels .st-btn.st-remove-label>span { display: none; } #st-1.st-has-labels .st-btn.st-hide-label>span { display: none; } #st-1 .st-total { color: #555; display: inline-block; font-weight: 500; line-height: 12px; margin-right: 0; max-width: 80px; padding: 4px 8px; text-align: center; } #st-1 .st-total.st-hidden { display: none; } #st-1 .st-total>span { font-size: 16px; line-height: 17px; display: block; padding: 0; } #st-1 .st-total>span.st-shares { font-size: 9px; line-height: 9px; } #st-1.st-justified { display: flex; text-align: center; } #st-1.st-justified .st-btn { -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } #st-1 .st-btn:hover { opacity: .8; top: -4px; } #st-1 .st-btn[data-network='facebook'] { background-color: #4267B2 } #st-1 .st-btn[data-network='facebook'] img { filter: } #st-1 .st-btn[data-network='facebook']>span { color: #fff } #st-1 .st-btn[data-network='twitter'] { background-color: #000000 } #st-1 .st-btn[data-network='twitter'] img { filter: } #st-1 .st-btn[data-network='twitter']>span { color: #fff } #st-1 .st-btn[data-network='print'] { background-color: #222222 } #st-1 .st-btn[data-network='print'] img { filter: } #st-1 .st-btn[data-network='print']>span { color: #fff } #st-1 .st-btn[data-network='email'] { background-color: #7d7d7d } #st-1 .st-btn[data-network='email'] img { filter: } #st-1 .st-btn[data-network='email']>span { color: #fff } #st-1 .st-btn[data-network='vk'] { background-color: #4c6c91 } #st-1 .st-btn[data-network='vk'] img { filter: } #st-1 .st-btn[data-network='vk']>span { color: #fff } #st-1 .st-btn[data-network='tumblr'] { background-color: #32506d } #st-1 .st-btn[data-network='tumblr'] img { filter: } #st-1 .st-btn[data-network='tumblr']>span { color: #fff } #st-1 .st-btn[data-network='snapchat']>span { color: #333 } ; } /* Visit Homepage Button - matches the existing theme */ .homepage-button-container { text-align: center; margin: 15px 0 10px 0; padding: 0 15px; } .homepage-button { display: inline-block; background: linear-gradient(135deg, #49AFD0 0%, #3a9bb8 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 6px; font-size: 14px; font-weight: 500; letter-spacing: 0.5px; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(73, 175, 208, 0.3); position: relative; overflow: hidden; } .homepage-button:hover { background: linear-gradient(135deg, #3a9bb8 0%, #2e8ba3 100%); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(73, 175, 208, 0.4); color: white; text-decoration: none; } .homepage-button:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(73, 175, 208, 0.3); } .homepage-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s ease; } .homepage-button:hover::before { left: 100%; } /* Responsive adjustments */ @media (max-width: 768px) { .homepage-button { padding: 10px 20px; font-size: 13px; } } /* Alternative styling if you want it to match the search button more closely */ .homepage-button-alt { display: inline-block; background: white; color: #49AFD0; text-decoration: none; padding: 10px 20px; border-radius: 4px; font-size: 14px; font-weight: 500; border: 2px solid #49AFD0; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .homepage-button-alt:hover { background: #49AFD0; color: white; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(73, 175, 208, 0.3); text-decoration: none; }