/*
 Theme Name:   GP Affiliate
 Theme URI:    https://wplitetheme.com/gp-affiliate
 Description:  GP Affiliate a GeneratePress child theme which is specially designed for affiliate blog websites.
 Author:       WPLiteTheme.com
 Author URI:   https://wplitetheme.com
 Template:     generatepress
 Version:      1.1
*/

/* GeneratePress Site CSS */
.main-navigation {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
/* Featured widget */
.separate-containers .page-header {
	background: transparent;
	padding-top: 20px;
	padding-bottom: 20px;
}
.page-header h1 {
	font-size: 1.5em;
}

.button, .wp-block-button .wp-block-button__link {
	padding: 15px 25px;
}

@media (max-width: 768px) {
	.post-image img {
		max-width: 100%;
	}
}
/*Read More Button Style*/
.read-more-bt {
    transition: 0.5s;
    background-size: 200% auto;
    box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
}
a.read-more.button,
input[type="submit"] {
    font-size: 15px;
    padding: 10px 20px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 5px;
}
/*Breadcrumbs Style*/
.rank-math-breadcrumb p {
    color: #5f5f5f;
    font-size: 12px;
	color: #333333;
}
/*Rank-Math FAQ Style*/
.rank-math-list-item {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%);
    border-radius: 4px;
    margin: 1em auto;
    overflow: hidden;
    padding: .5em .8em;
}
/*Images Style*/
.page-header-image-single .attachment-full {
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.wp-block-image {
    padding-top: 10px;
    padding-bottom: 20px;
}
.wp-block-image img {
    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 6%);
    border: 1px solid #cfcfcf;
    padding: 3px;
}
#wp-block-search__input-1 {
    border-radius: 5px;
    border: 0px;
}
/*Table of contents*/
#toc_container li a {
    display: block;
    width: 100%;
    color: blue!important;
    padding: 10px 1em;
    border-top: 1px solid #aaa;
}
#toc_container {
    background: #f9f9f900;
    border: 1px solid #aaa;
    padding: 0px;
}
#toc_container span.toc_toggle {
    font-weight: 400;
    background: #fff;
    padding: 3px 20px;
    font-size: 18px;
    text-transform: capitalize;
    text-align: center;
    display: block;
}
/*social-sharing-buttons*/
.wpjankari-social-wrapper {
    margin: 15px;
	  padding-left: 20px;
	  padding-right: 20px;
    font-size: 0;
    text-align: center;
	  display: flex;
    flex-wrap: wrap;
}
.wpjankari-social-sharing {
    padding: 8px;
	  margin: 4px;
	  border-radius: 4px;
    flex: 1;
}
@media only screen and (max-width: 600px) {
    .wpjankari-social-sharing {
        display: inline-block;
    }
}
.wpjankari-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}
.wpjankari-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}
.wpjankari-social-twitter {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
.wpjankari-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}
.wpjankari-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}
.wpjankari-social-more {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
/*mobile-social-sharing-buttons*/
#mobileShareFloatingButton {
	position: fixed;
	bottom: 25px;
	right: 25px;
	width: 50px;
	height: 50px;
	background-color: #BA1D41;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	z-index: 1000;
	animation: whatsappButtonAnimation 0.5s;
} 
#mobileShareFloatingButton svg {
	width: 30px;
	fill: #fff;
}
@-webkit-keyframes whatsappButtonAnimation {
	0% {
		transform: scale3d(0, 0, 0);
		transition: transform 0.3s ease-in-out;
	}
	100% {
		transform: scale3d(1, 1, 1);
		transition: transform 0.5s cubic bezier(0.18, 0.89, 0.32, 1.28);
	}
}
@media screen and (max-width: 768px) {
	#mobileShareFloatingButton {
		width: 50px;
		height: 50px;
	}

	#mobileShareFloatingButton svg {
		width: 30px;
	}
}
/* Post Slider CSS*/
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #616161 !important;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #ffffff !important;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.owl-nav button:focus {
    outline: none;
}
/* End GeneratePress Site CSS */