/*
++++++++ HEADER ++++++++
*/
div#artLandingAll .ArticleCategory {
display: none;
}
.landingPageheader {
margin-bottom: 60px!important;
}
.landingPageheader.bsb-overlay {
--bsb-overlay-opacity: 0!important;
}
.landingPageheader .pageTitle {
    background-color: transparent;
    border-radius: 5px;
    border: 0;
    padding: 0;
    margin: 8rem 0 16rem;
    text-shadow: 0px 0px 10px #3c3c3b;
}
.pageTitle h1 {
margin-bottom: 0;
padding: 0;
line-height: 1.2;
text-align: left;
color: #fff;
}
.lpWaysToHelp .pageTitle h1 {
    text-align: center;
    margin: 0 0 30px 0;
}

.landingPageheader .AltTitleEP1,.landingPageheader .AltTitleEP2 {
color: #fff !important;
font-weight: 500 !important;
font-size: 1.4rem !important;
text-transform: initial;
margin: 20px 0 0;
}

/*
++++++++ INTRO & MAIN TEXT ++++++++
*/
.ArticleIntro.rowStyle2 {
margin-bottom: 1rem;
}
.lpRowMainContent.style1, .lpRowMainContent.style2, .lpRowMainContent.style3, .splitLayout.rowStyle2{
margin-bottom: 60px;
}
.lpRowMainContent.style1, .lpRowMainContent.style3 {
margin-top: 60px;
}
/*
++++++++ SPLIT LAYOUT ++++++++
*/
.splitLayout{
margin-bottom:60px;
}
.splitLayout.firstRow{
margin-top:60px;
}
.splitLayout.lastRow{
margin-bottom:0;
}
.splitIntro{
padding: 0px;
}
.splitIntro p:last-child, .splitIntro, ul:last-child, .splitIntro li:last-child {
padding: 0px;
}
.splitImage{
height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
width: 100%;
border-radius: 5px;
}
/*
++++++++ HOME SPECIFIC LAYOUT ++++++++
*/
.homePillars .piArticleIntro, .quicklinksIntro, .pawsIntro {
text-align: center;
}
.homePillars h2, .quicklinksIntro h2, .pawsIntro h2{
color: #212121;
}
.lpQuickLinks, .quicklinksIntro{
margin:0 0 75px;
}
.pawsIntro{
margin:0 0 25px;
}
.quicklinksIntro {
padding: 0 15px;
}
.quicklinksIntro .introQL, .pawsIntro .introQL{
font-size:1.0rem;
line-height: 1.2;
}
.LandingPageQucikLinks .imageArea{
border: 0px solid #ccc;
border-radius: 5px;
overflow: hidden;
}
.LandingPageQucikLinks .imageArea .introImage{
background-size: cover;
background-position: top center;;
/*transition: transform 0.6s cubic-bezier(0.32, 0.6, 0.13, 0.7); /* Slowed down to 0.6s */
width: 100%;
aspect-ratio: 11 / 8;
overflow: hidden;
display: block;
background-color: #f1f1f1;
}
.LandingPageQucikLinks.article:hover .introImage {
/*transform: scale(1.1); /* Zooms the background image on hover */
}
.LandingPageQucikLinks .introImage a {
width: 100%;
height: 100%;
display: block;
border: 0!important;
}
.LandingPageQucikLinks .introContent {
color: #121212;
text-align: center;
margin: 10px 0 0;
padding: 0 10px;
}
.LandingPageQucikLinks .introContent a{
color:#212121
}
.LandingPageQucikLinks .introContent .lpRIntro{}
.LandingPageQucikLinks .introContent .lpSubIitle{
margin:0;
font-weight: 700;
}
@media (max-width: 767.99px) {
.article.LandingPageQucikLinks {
margin-bottom: 25px;
}
}
/*
Impact Slider / Paws
*/
.lpPawPrintsSlider {
margin-bottom: 75px;
display: block;
overflow: hidden;
}
/*
#impact-carousel .owl-stage-outer {
max-width: 900px; /* Adjust this value as needed to fit 3 items */
/*margin: 0 auto; /* Center the carousel */
/*  }*/
#impact-carousel .item {
text-align: center;
padding: 5px;
transition: box-shadow 0.6s ease-in-out;
box-shadow: 0 0 3px 1px transparent;
}
#impact-carousel .item:hover {
box-shadow: 0 0 3px 1px #ddd;
border-radius: 5px;
}
#impact-carousel .animatedNumber {
background-image: url(/images/assets/paw-impact-yellow.png);
background-repeat: no-repeat;
height: 100px;
background-size: contain;
width: 100%;
background-position: center;
display: flex;
align-items: flex-end;
justify-content: center;
}
#impact-carousel .animatedNumber span {
display: block;
width: 100%;
margin: 0 0 10px;
font-weight: 500;
transition: font-size 0.6s ease-in-out
}
.item:hover .animatedNumber span {
font-size: 1.4em; /* Adjust the target font size as needed */
}
#impact-carousel .animatedText {
margin-top: 10px;
line-height: 1.1;
font-size: 0.9rem;
transition: font-weight 0.6s ease-in-out;
font-weight: 500;
}
.item:hover .animatedText { /* Apply styles on hover */
font-weight: 500;
}
.owl-carousel .owl-nav button.owl-prev:hover {  /* Example - adjust selectors as needed */
color: #f5a302; /* Or background-color: white; */
}
.owl-carousel .owl-nav button.owl-next:hover { /* Example - adjust selectors as needed */
color: #f5a302; /* Or background-color: white; */
}
/* OR if you're using icons and want to change the icon color */
.owl-carousel .owl-nav button.owl-prev:hover i {
color: #f5a302;
}
.owl-carousel .owl-nav button.owl-next:hover i {
color: #f5a302;
}
/*
+++++++++++++++ Ways to Help
*/
.waysToHelp {
margin:0 0 75px;
}
.waysToHelp .itemImage {
height: 200px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
align-content: center;
justify-content: center;
}
.waysToHelp h3 {
font-size: 1.2rem;
display: block;
width: 130px;
text-align: center;
margin-bottom: 20px;
}
.item.id_1 h3 {
margin-bottom: 40px;
}
@media (max-width: 991.99px) {
    .item.id_3, .item.id_4 {
        margin-top: 25px;
    }
}
@media (max-width: 575.99px) {
    .item.id_2, .item.id_3, .item.id_4 {
        margin-top: 25px;
    }
}


/*
+++++++++++++++ SORT THIS OUT
*/
.lpROW1{
margin:0 0 100px;
}
.lpROW1 .lpTextIntro, .lpROW2 .lpTextIntro, .lpROW2a .lpTextIntro {
padding: 0px;
}
@media (max-width: 767.99px) {
.lpROW1 .lpTextIntro, .lpROW2 .lpTextIntro, .lpROW2a .lpTextIntro {
margin-bottom: 30px;
}
}
h2.lpSubIitle{
}
.lpSubIitleHighlight{
font-weight: 700;
}
.lpROW1 .mediaVideoYoutube {
margin: 0;
/*box-shadow: -20px 20px 0px 0px #D6F54F;*/
}
.lpROW1 .mediaVideoYoutube>div, 
.tf-video .tf-video-embed-wrapper, .tf-video .tf-video-embed{
border-radius: 30px 0;
}
.lpR1Intro {
font-size: 1.4rem;
line-height: 1.2;
}
.lpROW2{
margin: 75px 0;
}
.lpROW2a {
padding: 0;
margin: 75px 0;
}


@media (max-width: 991.99px) {
}



.lpR2Intro ul {
margin: 0;
list-style: none;
padding: 5px;
background-color: #414141;
box-shadow: 0 0 3px #ff5113;
}
.lpR2Intro li {
padding: 3px 5px;
}
.lpR2Intro li:hover{
color:#1F1F1F;
background-color:#D6F54F
}
.bkgImageBlock {
height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
width: 100%;
border-radius: 5px;
}
.lpROW3 {
margin:100px 0 100px 0;
display: block;
}

@media (max-width: 767.99px) {
.lpROW1 {
margin: 0 0 50px!important;
}
}
@media (max-width: 575.99px) {
.lpROW1 .mediaVideoYoutube{
margin-left: 20px!important;
}
.bkgImageBlock {
width: 96%;
}
}