/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com/
Description: Child theme for GeneratePress.
Author: PROSEOBLOGGER
Author URI: https://www.proseoblogger.com
Template: generatepress
Version: 1.0.0
*/

.comment-form #comment, .comment-form #author, .comment-form #email, {
    display: block;
    border-style: solid;
    border-width: 1px;
    border-radius: 9px;
    border-color: #000000;
	  
}

#submit {
    border-radius: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
	  border-style: solid;
    border-width: 1px;
    border-radius: 9px;
    border-color: #000000;
	  
}

.shineads-float-social-wrapper {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
}

.shineads-float-social-sharing {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    min-height: 30px;
    font-size: 12px;
    padding: 14px 10px;
}


.shineads-float-social-sharing:first-of-type {
    border-top-right-radius: 10px;
}

.shineads-float-social-sharing:last-of-type {
    border-bottom-right-radius: 10px;
}

.shineads-social-facebook {
    fill: #fff;
    background-color: #FF3535;
}

.shineads-social-facebook:hover {
    background-color: rgba(59, 89, 152, .8);
}

.shineads-social-twitter {
    fill: #fff;
    background-color: #FF3535;
}

.shineads-social-twitter:hover {
    background-color: rgba(29, 161, 242, .8);
}

.shineads-social-pinterest {
    fill: #fff;
    background-color: #FF3535;
}

.shineads-social-pinterest:hover {
    background-color: rgba(189, 8, 28, .8);
}

.shineads-social-linkedin {
    fill: #fff;
    background-color: #FF3535;
}

.shineads-social-linkedin:hover {
    background-color: rgba(0, 119, 181, .8);
}

.shineads-social-whatsapp {
    fill: #fff;
    background-color: #FF3535;
}

.shineads-social-whatsapp:hover {
    background-color: rgba(37, 211, 102, .8);
}

.shineads-social-reddit {
    fill: #fff;
    background-color: #FF3535;
}

.shineads-social-reddit:hover {
    background-color: rgba(255, 87, 0, .8);
}

.generate-back-to-top,
.generate-back-to-top:visited {
    bottom: 90px;
    right: 60px;
}

.generate-back-to-top,
.generate-back-to-top:visited {
    border-radius: 50%;
    line-height: 40px;
    width: 40px;
}

#main .rank-math-breadcrumb p{
		margin-bottom:0px;
	
}

.shine-social-wrapper {
    margin: 20px auto;
    font-size: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.shine-social-sharing {
    padding: 12px;
    flex: 1;
    margin-right: 5px;
    border-radius: 6px;
}

@media only screen and (max-width: 600px) {
    .shine-social-sharing {
        display: inline-block;
    }
}

.shine-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}

.shine-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}

.shine-social-twitter {
    fill: #fff;
    background-color: rgba(29, 161, 242, 1);
}

.shine-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}

.shine-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}

.shine-social-reddit {
    fill: #fff;
    background-color: #000;
}


/**   CSS HOver animcation**/



/* Existing Styles */
.shine-social-wrapper {
    margin: 20px auto;
    font-size: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.shine-social-sharing {
    padding: 12px;
    flex: 1;
    margin-right: 5px;
    border-radius: 6px;
    transition: transform 0.3s ease; /* Added transition for smooth effect */
	
}

@media only screen and (max-width: 600px) {
    .shine-social-sharing {
        display: inline-block;
    }
}

.shine-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}

.shine-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}

.shine-social-twitter {
    fill: #fff;
    background-color: rgba(29, 161, 242, 1);
}

.shine-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}

.shine-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}

.shine-social-reddit {
    fill: #fff;
    background-color: #000;
}

/* Hover Animations */
.shine-social-sharing:hover {
     transform: translateY(-5px); /* Move the icon upwards on hover */
    cursor: pointer; /* Change cursor to indicate a clickable item */
}

@media only screen and (max-width: 800px) {
    .shine-social-wrapper {
        margin-left: 10px;
        margin-right: 10px;
    }

    
}



*::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;margin-left:-10px!important;
}

*::-webkit-scrollbar
{
	width: 10px;
	margin-left:-10px;
	background-color: #F5F5F5!important;
}

*::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	background-image: linear-gradient(to right, var(--global-color-8), var(--global-color-9));
}


.gpldose-ContentCard {
margin-bottom: 20px;
position: relative;
border: 2px solid transparent;
border-radius: 9px;
background: #f0f8fff2;
display: flex;
align-items: center;
padding: 7px;
justify-content: space-between;
overflow: hidden;
}.gpldose-BlueHighlight .gpldose-ActionButton{
text-decoration: none !important;
}.gpldose-GreenHighlight {
animation: gpldose-GreenBorderAnimation 1s infinite;
}.gpldose-BlueHighlight {
animation: gpldose-BlueBorderAnimation 1s infinite;
}@keyframes gpldose-GreenBorderAnimation {
0% {
border-color: transparent;
}50% {
border-color: #25d366;
}100% {
border-color: transparent;
}
}@keyframes gpldose-BlueBorderAnimation {
0% {
border-color: transparent;
}50% {
border-color: #0086ce;
}100% {
border-color: transparent;
}
}.gpldose-ActionButton {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1rem;
font-weight: bold;
padding: 5px 20px;
border-radius: 9px;
flex-shrink: 0;
transition: all 0.3s ease-in-out;
color: white !important;
}.gpldose-GreenHighlight .gpldose-ActionButton {
background: #25d366;
}.gpldose-BlueHighlight .gpldose-ActionButton {
background: #0086ce;
}.gpldose-ActionButton:hover {
transform: scale(1.05);
}
