/* 
--------------------------------------------------
GLOBAL
--------------------------------------------------
*/

/* FONT 
-------------------------------------------------- */
p{
	font-weight: normal;
}
.text-impact {
	font-size: calc(18px + (28 - 18) * ((100vw - 380px) / (1920 - 380)));
}
.text-primary {
    color: #337ab7;
}
.text-danger, .text-alert, .text-accent { /* Use text-accent mainly */
    color: #dc163b;
}
.text-normal {
	color: #000000;
}
.text-invert {
	color: #fff;
	font-weight: 400;
}
.text-warn {
	color: #ffcc33;
}

/* DECORATE 
-------------------------------------------------- */
.double-quote {
	font-size: calc(20px + (120 - 20) * ((100vw - 380px) / (1920 - 380))) !important;
}
.small-quote {
	font-weight: 900;
	font-size: calc(18px + (48 - 18) * ((100vw - 380px) / (1920 - 380))) !important;
}

.ul-paw{
    list-style-type: none;
}
.li-paw {
    list-style-image:url('https://bfp.org/wp-content/uploads/2024/03/paw-red-ul.png') !important;
    padding: 5px;
}
/* LAYOUT 
-------------------------------------------------- */
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }
.section-pad{
	padding-top: calc(10px + (50 - 10) * ((100vw - 380px) / (1920 - 380)));
    padding-bottom: calc(10px + (50 - 10) * ((100vw - 380px) / (1920 - 380)));
}
.hr-pad{
	padding-top: calc(20px + (20 - 10) * ((100vw - 380px) / (1920 - 380))) !important;
    padding-bottom: calc(20px + (20 - 10) * ((100vw - 380px) / (1920 - 380))) !important;
}
.section-offset{
	padding-top: calc(10px + (100 - 10) * ((100vw - 380px) / (1920 - 380)));
}
.img-top{
	padding-top: calc(10px + (50 - 10) * ((100vw - 380px) / (1920 - 380)));
}
.img-pad{
	padding-top: calc(10px + (50 - 10) * ((100vw - 380px) / (1920 - 380)));
	padding-bottom: calc(10px + (50 - 10) * ((100vw - 380px) / (1920 - 380)));
}
.text-top{
	padding-top: calc(10px + (50 - 10) * ((100vw - 380px) / (1920 - 380)));
}
.button-pad{
	margin-top: calc(10px + (30 - 10) * ((100vw - 380px) / (1920 - 380))) !important;
	margin-bottom: calc(10px + (30 - 10) * ((100vw - 380px) / (1920 - 380))) !important;
}
.bottom-pad{
	padding-bottom: calc(10px + (30 - 10) * ((100vw - 380px) / (1920 - 380))) !important;
}
.pad-right {
    padding-right: calc(10px + (20 - 10) * ((100vw - 380px) / (1920 - 380))) !important;
}

/* FORMAT 
-------------------------------------------------- */

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

/* LINKS & NAV
-------------------------------------------------- */

.ivt a:link, .ivt a:visited{
	text-decoration: underline;
	color: #dc163b;
}
.act a:link, .act a:visited {
	color: #fff;
}
.act a:hover{
	color: #ccc;
}
.subt a:link, .subt a:visited {
	text-decoration: underline;
	color: #354252;
}
.subt a:hover{
	color: #dc163b;
}

.toggle-accent a:link, .toggle-accent a:visited{
	color: #dc163b;
	font-weight: 400;
}

#menu-item-18185  a:link, .nav-nested a:visited {
	color: #fff !important;
}
.nav-btn{
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    max-width: 100%;
    padding: 18px 5px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: 2px solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-transform: uppercase;
	border-color: #dc163b;
    background-color: #dc163b;
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 11px;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 2px;
}
.nav-btn:hover{
	border-color: #f1ece9;
    background-color: #f1ece9;
	color: #dc163b;
}
.nav-btn a{
	color: #fff;
}

.pg-btn a{
	background-color: #dc163b;
	color: #fff;
	font-weight: bold;
	padding: 1em 1.5em;
	text-decoration: none;
	text-transform: uppercase;
}

.pg-btn a:hover {
  background-color: #555;
}

.pg-btn a:active {
  background-color: #000;
}

.pg-btn a:visited {
  background-color: #dc163b;
}

/* BLOG
-------------------------------------------------- */
.posted-by { 
	display: none; 
}
.post__comments { 
	display: none; 
}
.post-author-bio{
	display: none;
}

/* SIGNUP
-------------------------------------------------- */
.subscribe-block_messages{
	color:#fff !important;
}
#signup-quick {
	padding-left: 20px;
}
#signup-quick input[type=text], #signup-quick input[type=email], #signup-quick input[type=tel], #signup-quick textarea {
    width: 100%;
    padding: 10px 20px;
    margin: 0 0;
    box-sizing: border-box;
    font-size: 18px;
    border: 1px solid #ccc;
	color: #333;
}
#signup-quick button {
	margin: 0 10px;
	background: #000;
    text-decoration: none;
    border-color: transparent;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 15px 20px;
}
#signup-quick button:hover{
	border-color: #f1ece9;
    background-color: #f1ece9;
	color: #dc163b;
}

#signup-quick a:hover{
	color: #dc163b;
}
#signup-quick input::placeholder {
  color: #999 !important;
}

/* OCNN
-------------------------------------------------- */
#timeline-mobile{
    margin: 0 auto;
}
#timeline-mobile div{
    float: left;
    margin-right: 5px;
}
#timeline {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 6;
  -webkit-column-gap:   0px;
  -moz-column-count:    6;
  -moz-column-gap:      0px;
  column-count:         6;
  column-gap:           0px; 
}
#timeline img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
#timeline div {    
     margin-right: 5px;
}
.ZeroApril {
    background-image: url("/wp-content/uploads/2022/05/TL-20April-img.jpg");
    background-size: 100% 100%;
}
.ZeroApril:hover {
    background-image: url("/wp-content/uploads/2022/05/TL-20April-txt.jpg");
}
.OneJuly {
    background-image: url("/wp-content/uploads/2022/05/TL-21July-txt.jpg");
    background-size: 100% 100%;
}
.OneJuly:hover {
    background-image: url("/wp-content/uploads/2022/05/TL-21July-img.jpg");
}
.OneOct {
    background-image: url("/wp-content/uploads/2022/05/TL-21Oct-img.jpg");
    background-size: 100% 100%;
}
.OneOct:hover {
    background-image: url("/wp-content/uploads/2022/05/TL-21Oct-txt.jpg");
}
.OneEnd {
    background-image: url("/wp-content/uploads/2022/05/TL-21End-txt.jpg");
    background-size: 100% 100%;
}
.OneEnd:hover {
    background-image: url("/wp-content/uploads/2022/05/TL-21End-img.jpg");
}
.TwoMarch {
    background-image: url("/wp-content/uploads/2022/05/TL-22March-img.jpg");
    background-size: 100% 100%;
}
.TwoMarch:hover {
    background-image: url("/wp-content/uploads/2022/05/TL-22March-txt.jpg");
}
.TwoApril {
    background-image: url("/wp-content/uploads/2022/05/TL-22April-txt.jpg");
    background-size: 100% 100%;
}
.TwoApril:hover {
    background-image: url("/wp-content/uploads/2022/05/TL-22April-img.jpg");
}  

/* Beagle Bill
-------------------------------------------------- */
#bbv{
margin: 0 auto;
}
#bbv div{
float: left;
}
#bbv figure img{
opacity: 0.4;
}
#bbv figure:hover img{
opacity: 1;
}
#bbv span{
color: #ffcc33;
}
/* Style the form - display items horizontally */
.form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
/* Style the input fields */
.form-inline select {
	vertical-align: middle;
	max-width: 100%;
	margin: 5px;
	height: 65px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 21px 39px;
	overflow: hidden;
	letter-spacing: 1px;
	font-size: 18px;
	font-size: 1rem;
}
.hr-red {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #cc0000;
	width: 100%;
}
#dogooder::-webkit-scrollbar-button{ display: block; height: 12px; border-radius: 0px; background-color: #ae3831; } #dogooder::-webkit-scrollbar-button:hover{ background-color: #AAA; } 
#dogooder::-webkit-scrollbar-thumb{ background-color: #ee3823; } 
#dogooder::-webkit-scrollbar-thumb:hover{ background-color: #ee3823; } 
#dogooder::-webkit-scrollbar-track{ background-color: #efefef; } 
#dogooder::-webkit-scrollbar-track:hover{ background-color: #CCC; } 
#dogooder::-webkit-scrollbar{ width: 12px; } 

/* Footer
-------------------------------------------------- */
.social-list--footer{
	display:none;
}
.widget-about__logo-img{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.social-list--widget, .widget_nav_menu{
	text-align: center;
}
.social-list .menu-item a{
	background-color: #dc163b;
}
.footer-area-wrap .widget-title{
	font-size: calc(14px + (22 - 14) * ((100vw - 380px) / (1920 - 380))) !important;
}

/* Custmize Responsive
-------------------------------------------------- */
.mobile-menu .menu-item.special .sub-menu-toggle {
	padding: 15px 25px 5px 295px;
}
@media (max-width: 767px) { 
	.main-navigation.mobile-menu > .menu {
		max-height: calc(100vh - 105px);
	}
	.site-link__img {
	  display: block;
	  -moz-box-sizing: border-box;
	  background: url(/wp-content/uploads/2019/06/log-wht-rect-160.png) no-repeat;
	  width: 160px; /* Width of new image */
	  height: 183px; /* Height of new image */
	  padding-left: 160px;
	}
	.btn{
		padding: 10px;	
	}
	.main-navigation li {
		margin-bottom: 10px;
	}
}

@media (max-width: 1024px) {
	.top-panel__menu {
		margin-left: 1.0rem;
		margin-right: 1.0rem;
	} 
}
@media (max-width: 768px) {
	.main-navigation .menu-item a {
		font-size: 10px !important; 
        letter-spacing: 0px !important; 
	}
}
.main-navigation .menu > * { /* space btw top menus */
	margin-left: 3px !important;
    margin-right: 5px !important;
}
.top-panel__left > *, .top-panel__right > * { /* padding around the logo */
	padding-left: 0px !important;
	padding-right: 0px !important;
}
@media (min-width: 768px) {
    .main-navigation .sub-menu > li > a {
      width: 250px;
      font-weight: 500;
      padding: 11px 21px;
      font-size: 15px;
	  } 
}
/* Custmize Cookie Notice
-------------------------------------------------- */
#cookie-notice {
	background-color: #354252 !important; 
}
.cookie-btn {
	padding: 4px 6px !important;
	font-size: 12px;
	font-weight: normal;
}
#cookie-notice a:hover{
	color: #9fbebe;
}



/* Custmize BFP
-------------------------------------------------- */

.link-accent h4 a{
	color: #dc163b !important;
	font-size: calc(20px + (20 - 15) * ((100vw - 380px) / (1920 - 380))) !important;
}

#tm_builder_outer_content .tm_pb_slider .tm_pb_slide {
	background-position: left !important;
}

.single-modern-header{
	margin: 0 0;
	height:60vh!important;
	padding: 300px 0 0 0;
}
.post-thumbnail{
	height:60vh!important;
}
.tm-posts_item_excerpt{
	font-size: 15px!important;
}
.container .entry-meta .google-plus-item{
	display: none!important;
}
.site-branding{
	display: none;
}
.tm_pb_toggle_title{
	color:#dc163b;
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 60% !important;
}

.nav-nested a{
	/* background-color: #dc163b; */
    color: #ffffff;
}

/*
.embed-responsive .embed-responsive-16by9 {
    padding-bottom: 0.5% !important;
}
*/

/* Not sure if being used. 
-------------------------------------------------- */
#isAdopted {
	margin-top: 0px;	
}
.img-border{
	border: 1px solid #000;
}

.hr-grey {
	border-top: 1px solid #ccc;
	width:100%;
}
#cover-text{
	padding-top: calc(20px + (200 - 20) * ((100vw - 380px) / (1920 - 380)));
	background-color:#12ff33;
}


/* COVER PHOTOS 
-------------------------------------------------- */
.bg-pg, .shaded-bg{
	margin: 0 0;
	height:60vh!important;
	padding: 370px 0 0 0;
}
.shaded-bg{
	/* background-color: rgba(0, 0, 0, 0.4); */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;	
}
.bg-pg h1, .shaded-bg h1{
	color: #fff;
	text-shadow: 3px 3px 3px #333;
	z-index: 2;
	margin-top: -30px;
}

/* THUMB BUTTON on DANATION 
-------------------------------------------------- */
.thumb-link img{
	opacity:.9;
}

/* Cruelty Cutter  Testimonial
-------------------------------------------------- */
.cc-testimonial{
	box-shadow: 5px 5px #e9e9e9;
    border: 2px solid #999999;
    border-radius: 15px;
    padding: 15px;
}

/* No longer in use but just in case....
--------------------------------------------------
#home-highlights{
	margin-top: calc(20px + (200 - 20) * ((100vw - 380px) / (1920 - 380)));
}
#home-highlights h1{
	font-size: calc(20px + (80 - 20) * ((100vw - 380px) / (1920 - 380))) !important;
	color: #fff;
	text-shadow: 3px 3px 3px #333;
}
#home-highlights .snippet{
	font-size: calc(14px + (20 - 14) * ((100vw - 380px) / (1920 - 380)));
	padding: calc(20px + (20 - 10) * ((100vw - 380px) / (1920 - 380)));
	background:rgba(53,66,82,0.9);
	font-weight: 200;
}
#home-highlights a:link, #home-highlights a:visited{
	text-decoration: underline;
	color: #dc163b;
	font-weight: bold;
}
#home-highlights a:hover, #home-highlights a:active{
	color: #fff;
	font-weight: bold;
}
#home-events{
	margin-top: calc(20px + (100 - 20) * ((100vw - 380px) / (1920 - 380)));
}
#home-events h1{
	font-size: calc(20px + (160 - 20) * ((100vw - 380px) / (1920 - 380))) !important;
	color: #fff;
	text-shadow: 3px 3px 3px #333;
}

#donate-quick{
	font-family: Montserrat, sans-serif;
}
#donate-quick input[type="radio"] {
  display: none;
}
#donate-quick .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
#donate-quick label{
    color: #354252;
    background-color: #fff;
    display: inline-block;
    width: 80px;
    padding: 15px 10px;
    font-weight: 500;
    font-size: 18px;
    border: solid 2px #666;
    text-align: center;
    margin: 5px 5px 10px 7px;
    cursor: pointer;
}
#donate-quick input[type="submit"] {
    color: #fff;
    background-color: #354252;
    display: inline-block;
    width: 100px;
    padding: 15px 10px;
    font-weight: bold;
    font-size: 18px;
    border: solid 2px #666;
    text-align: center;
    margin: 5px 5px 10px 7px;
    cursor: pointer;
}
#donate-quick input[type="text"] {
    padding: 15px 10px;
    margin: 8px 0;
    box-sizing: border-box;
    font-size: 16px;
    border: 2px solid #666;
}
#donate-quick input[type="radio"]:checked+label {
	background-color: #354252;
	color: #fff;
}
*/