/*
Theme Name: The Book Patch LLC. Child Theme
Theme URI: http://solve4xstudio.com
Version: 1.6
Description: The Book Patch LLC. Custom Theme - Child theme
Author: Solve4x Brand and Code
Author URI: http://solve4xstudio.com
template: bb-theme
*/

/* Add your custom styles here... */ 

.headerpart, .footerpart {
    display: none !important;
}
.headerpart, .footerpart {
    text-align: center;
    width: 100%;
}
.pp-menu-overlay .headerpart {
    display: inline-block !important;
	color: white;
}
.pp-menu-overlay .footerpart {
    display: inline-block !important;
	color: white;
}
.photoplaceholder .fl-module-content{
	opacity: 0;
}
.inlinecolumn .fl-col-content {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
    text-align: right !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
.inlinemenu {
    width: auto !important;
}
.mobonly{
	display: none !important;
}
.uabb-menu-overlay .mobonly {
    display: inline-block !important;
}
.uabb-menu-overlay .menu-item .menu-item-text {
    font-size: 20px !important;
}
.uabb-creative-menu .uabb-menu-overlay > ul.menu {
    text-align: center;
    position: relative;
    top: 30px;
    width: 40%;
    height: auto;
    margin: 0 auto;
    -webkit-transform: unset;
    transform: unset;
}
span.uabb-menu-toggle {
    float: none !important;
}
img.sitelogo {

    max-height: 70px !important;
}
h1.sitetitle {
    margin: 0px !important;
	color: white;
}
p {
    margin: 0 0 25px;
}
.footp p{
       margin: 0 0 15px; 
}
.arrowbutton span.fl-button-text:after {
    content: '';
    width: 50px;
    height: 15px;
    background-image: url(/wp-content/themes/bb-theme-child/includes/img/arrow.webp);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
}
.headbutt a span {
        color: #ffffff !important;
}
.headbutt a {
    background: #D936E7 !important;
    line-height: 1;
    color: #ffffff !important;
    padding: 0px 5px 7px 8px !important;
    margin-left: 10px;
    position: relative; /* Required for shiny overlay */
    overflow: hidden; /* Keeps the shine effect contained */
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; /* Smooth hover transition */
}

/* Shiny hover effect */
.headbutt a:hover {
    background: #D936E7;
    color: #ffffff !important;
    -webkit-box-shadow: 0 0 10px rgba(217, 54, 231, 0.8);
    box-shadow: 0 0 10px rgba(217, 54, 231, 0.8); /* Optional glow */
}
.headbutt {
    top: 7px;
}
/* Creates the "shiny" animation */
.headbutt a:hover::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: -webkit-gradient(
        linear,
        left top, right bottom,
        from(rgba(255, 255, 255, 0)),
        color-stop(50%, rgba(255, 255, 255, 0.4)),
        to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
        to bottom right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}

@-webkit-keyframes shine {
    0% { -webkit-transform: translateX(-100%) rotate(30deg); transform: translateX(-100%) rotate(30deg); }
    100% { -webkit-transform: translateX(100%) rotate(30deg); transform: translateX(100%) rotate(30deg); }
}

@keyframes shine {
    0% { -webkit-transform: translateX(-100%) rotate(30deg); transform: translateX(-100%) rotate(30deg); }
    100% { -webkit-transform: translateX(100%) rotate(30deg); transform: translateX(100%) rotate(30deg); }
}

/* Your existing styles (unchanged) */
.headbutt a:hover span, .headbutt a:focus span {
    color: #ffffff !important;
}

.headbutt span:after {
    content: '';
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/themes/bb-theme-child/includes/img/afterbutt.webp);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
    top: 5px;
    position: relative;
}

.headbutt a:hover span:after {
    background-image: url(/wp-content/themes/bb-theme-child/includes/img/afterbutt.webp);
}
.gradfoottop .fl-row-content-wrap {
    width: 100%;
}
.gradfoottop{
    position: relative;
}
.gradfoottop:before {
    content: '';
    height: 4px;
    width: 100%;
    display: inline-block;
background: -webkit-gradient(linear, left top, right top, from(#D936E7), to(#F5F5F5));
background: linear-gradient(90deg, #D936E7 0%, #F5F5F5 100%);
    padding: 0px;
    margin: 0px;
top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
}
.gradbott:after {
    content: '';
    height: 4px;
    width: 100%;
    display: inline-block;
    background: -webkit-gradient(linear, left top, right top, from(#D936E7), to(#F5F5F5));
    background: linear-gradient(90deg, #D936E7 0%, #F5F5F5 100%);
    padding: 0px;
    margin: 0px;
    position: absolute;

}
.tbpbox {
    background: white !important;
    position: relative;
    z-index: 2;
}
.tbpbox:before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(white)) padding-box,
              -webkit-gradient(linear, left top, right top, from(#591EB0), to(#D936E7)) border-box;
  background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #591EB0, #D936E7) border-box; /* Two backgrounds: solid for inner, gradient for border */
  border-radius: 25px; /* Apply border-radius */
  border: 3px solid transparent;
	display: inline-block !important;
}
.pp-tab-label-inner{
    line-height: 0;    
}
.pp-tab-label-inner {
    background: white;
    border-radius: 25px;
    padding: 5px 15px 5px 5px;
    min-height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
}
.pp-tab-active .pp-tab-label-inner, .pp-tabs-label:hover .pp-tab-label-inner{
        background: none;
}
.pp-tabs-label:focus > .pp-tab-label-inner{
    outline:0;
}
.pp-tabs-label .pp-tab-icon {
    margin-right: 0 !important;
}
.pp-tabs-horizontal .pp-tabs-labels .pp-tabs-label {
    display: inline-block;
    margin: 10px 10px !important;
    padding: 3px !important;
    -webkit-box-flex: unset  !important;
    -ms-flex: unset  !important;
    flex: unset  !important;
    max-width: 310px;
}
.pp-tabs-horizontal .pp-tabs-labels {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
}
.pp-tabs-style-1 .pp-tabs-labels {
    background-color: transparent !important;
    border-color: transparent !important;
}
.pp-tabs .pp-tabs-label{
border-radius: 30px;
background: var(--Linear, linear-gradient(295deg, var(--pink, #D936E7) 22.18%, var(--Purple, #591EB0) 85.92%));
}

.pp-tabs-panel .pp-tabs-label {
    padding: 3px !important;
    margin: 14px 10px !important;
}
span.pp-tab-icon img {
    min-height: 50px;
    width: 50px !important;
    min-width: 50px;
}
.pinknumber {
    font-size: 26px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #D936E7;
    text-align: center;
    color: white;
    line-height: 1.5;
    border-radius: 50%;
}
.uabb-adv-accordion-item:first-of-type .uabb-adv-accordion-button {
    border: 0px !important;
}

.nitabs .pp-tab-label-inner {
    padding: 5px 15px 5px 15px;
}
.photoline:before {
    content: '';
    position: absolute;
    width: 4px;
    height: calc(100% - 6px);
    background: #d936e7;
    left: 20px;
    top: 100%;
	display: inline-block !important
}