body, .body {
font-weight: 400;
text-transform: none;
font-size: 1.0rem;
line-height: 1.6em;
font-family: "Poppins", Arial, Helvetica, sans-serif;
}
.astroid-logo-text, .astroid-logo-text > a.site-title {
color: rgba(27, 27, 27, 1);
font-weight: 700;
text-transform: none;
font-size: 4.04rem;
line-height: 1em;
font-family: "Arizonia", MS Sans Serif, Geneva, sans-serif;
}
.bottom2 li.nav-stacked-logo,
.footerIcons li.nav-stacked-logo,
.coprightInfo li.nav-stacked-logo{
display: none!important;
}
/*
TYPOGRAPHY
*/
.astroid-container {
overflow: hidden;
}
h1,h2,h3,h4,h5,h6{
color: #505253;
line-height:1.2;
font-family: "Raleway", MS Sans Serif, Geneva, sans-serif;
}
h1 {
font-size: 3rem;
font-weight: 700;
}
h2 {
color: #F5A302;
font-size:2.2rem;
font-weight: 700;
}
h3 {
font-size:1.6rem;
font-weight: 500;
}
h4 {
font-size: 1.4rem;
font-weight: 500;
}
h5,h6{
font-weight: 500;
}
h5 {
font-size: 1.3rem;
}
h6 {
font-size: 1.2rem;
}
ul{
list-style-type: square;
}
ul li::marker,
ol li::marker{
color: #F5A302;
}
mark, .mark {
background-color: #EC5E2F4D;
}
blockquote {
border-left: 5px solid #F5A302;
color: #000;
font-size: 1.6rem;
font-style: italic;
font-weight: 600;
margin:0 30px;
padding-left: 20px;
}
/* ------------------
BUTTONS */
.btn-clt{
border-radius:3px!important;
padding:0.5rem 1.5rem!important;
font-size: 1rem!important;
font-weight: 600!important;
line-height: 1.5!important;
border:0!important;
}
.btn-clt-sm{
border-radius:3px!important;
padding:0.25rem 0.5rem!important;
font-size: 0.875rem!important;
font-weight: 600!important;
line-height: 1.5!important;
border:0!important;
}
.btn {
border: 1px solid #121212!important;
border-radius: 3px !important;
padding: 0.375rem 1.5rem!important;
}
.btn-primary {
background-color: #F5A302 !important;
color: #121212!important;
}
.btn-primary:hover, .btn-clt-sm.btn-light.active{
background-color:#121212 !important;
border:1px solid #F5A302!important;
color:#F5A302!important;
}
.btn-secondary {
background-color: #EEEEEE!important;
color: #121212!important;
}
.btn-secondary:hover {
background-color: #121212!important;
color:#fff!important;
}
.btn-light  {
background-color: #cbcbcb!important;
color: #3C3C3B!important;
}
.btn-light:hover, .btn-light.active {
background-color: #b3b3b3!important;
color: #fff!important;
}
.btn-dark {
background-color: #2c2e36!important
}
.btn-dark:hover {
background-color: #5c5e66!important
}
.btn-warning {
background-color: #fbd03e!important
}
.btn-warning:hover {
background-color: #ffd750!important
}
.astroid-component a {
border-bottom: 1px dotted #0070E0;
color: #0070E0;
}
.astroid-component a:hover{
border-bottom: 1px dotted transparent;
color:##F5A302
}
.astroid-component .leadItems a {
color: #2c2e36;
}
/*
Custom Buttons
*/
a.btn-account {
background-color: #f5a302;
color: #000!important;
}
a.btn-account:hover{
background-color: #df9400;
color: #000!important;
}
a.btn-logout {
background-color: #d10808;
}
a.btn-logout:hover {
background-color: #b80000;
color: #fff!important;
}
/*
TOP A - social media
*/
div#socialMediaIcons {
display: inline-block;
position: absolute;
right: 0;
top: 10px;
}
div#socialMediaIcons a {
color: #121212;
margin-left: 5px;
}
/*
Header
*/
div#headerBlockColumn {
position: relative;
}
div#mainheaderArea {
padding: 25px 0 15px;
}
.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
padding:0;
}
.header-right-section {
margin: 20px 0 0;
}
#astroid-header nav {
padding:0!important
}
#astroid-header .nav-link {
border: 1px solid #000;
border-radius: 5px;
color: #000;
font-size: 1.1rem;
font-weight: 500;
margin-left: 15px;
padding: 0.275rem 1.5rem;
}
#astroid-header .nav-link:hover, #astroid-header li.nav-item-active .nav-link{
background-color: #F5A302;
color: #000;
}
@media (min-width: 992px) {
#astroid-header .offcanvasRight {
display: none !important;
}
#mainNavigation nav {
display: grid!important;
align-content: center;
justify-content: center;
}
}
/* subnav width desktop */
li.navWidthAbout .megamenu-container>.nav-submenu {
    width: 170px!important;
}
li.navWidthResources .megamenu-container>.nav-submenu {
    width: 210px!important;
}

/* MAIN MENU #2 */
.moduletable.secondMainMenu, .moduletable.shopMenuOnly {
margin: 0;
padding: 0;
}
.megamenu-container li.nav-item-submenu > a.active:hover {
color: #fff;
}
/*
logo
*/
header .logo-wrapper {
height: 84px!important;
width: 186px!important;
}
img.astroid-logo-default {
height: 84px;
width: 186px;
max-width: none!important;
max-height: none!important;
}
/*
Donate Footprints
*/
.impact-boxes {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 20px;
}

.impact-box {
flex: 1 1 calc(33.333% - 20px);
display: flex;
flex-direction: column;
}

.impact-image {
background-image: url('/images/assets/paw-impact-yellow.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
min-height: 200px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 20px;
align-content: center;
flex-direction: column;
flex-wrap: nowrap;
text-align: center;
}
.impact-image p {
margin: 0 0 25px;
padding: 0;
color: #505253;
line-height: 1.2;
font-weight: 600;
font-size: 1.2rem;
}

.impact-text {
text-align: center;
padding: 0 15px;
font-size: 0.9rem;
line-height: 1.2;
}
.impact-text p{
margin: 0;
padding: 0;
}

@media (max-width: 992px) {
.impact-box {
flex: 1 1 calc(50% - 20px);
}
}
/*
@media (max-width: 576px) {
.impact-box {
flex: 1 1 100%;
}
}
*/

/*
endFooterAnimals
*/
.endFooterAnimals img{width: 100%;}
/*
bottom menus
*/
#bottomMenuArea {
text-shadow: 0 0 20px #121212;
font-size: 1rem;
}
@media (max-width: 991.99px) {
div#bottomA, div#bottomB {
margin-bottom: 30px;
}
}
@media (max-width: 575.99px) {
div#bottomC {
margin-bottom: 30px;
}
}
div#bottomA>div {
padding-left:0px;
}
div#bottomB>div, div#bottomc>div{
padding: 0 ;
}
div#bottomD>div {
padding-right:0px;
}
.bottomMenus{
color:#fff;
}
.bottomMenus h4{
color:#F5A302;
}
.bottomMenus a{
color:#fff;
}
.bottomMenus a.menuYellow {
color: #F5A302;
font-size: 1.5rem;
margin: 25px 0 10px;
display: inline-block;
border-bottom: 1px solid transparent;
}
.bottomMenus a:hover{
border-bottom:1px dotted;
color:#fff!important;
}
.bottomMenus a.btn-bottomMenu {
background-color: #F5A302;
border: 1px solid #212121;
color: #121212!important;
font-size: 1.2rem;
font-weight: 600;
}
.bottomMenus a.btn-bottomMenu:hover{
background-color: #EEE;
border:1px solid #212121!important;
color: #121212!important;
}
/*
footer. black bar
*/
#footerBlackBar {
text-align: center;
padding: 10px 15px;
margin-top: 125px;
font-size: 0.8rem;
}
.copyContent {
line-height: 1.5;
}
.copyContent span {
margin-right: 15px;
}
.copyContent a {
}
.copyContent a:hover{
border-bottom:1px dotted;
}
.copyContent a:last-child {
}
.copyContent .url1,.copyContent .url2{
margin-right: 15px;
}
.copyContent .dev2{
margin-right:1px;

}
.copyContent .dev1{
margin-left:1px;
}
/*
Alerts
*/
.astroid-message {
display: flex;
justify-content: center;
}
/*
error-page
*/
.error-page {
display: inherit;
padding: 150px 0px 0;
text-align: left;
}
.text-center.align-self-center {
text-align: left!important;
}
#errorPage {
width: 65%;
}
@media (max-width: 767.99px) {
#errorPage {
width: 100%;
}
}
.error-page .btn-backtohome{
display:none;
}