/**
 * Theme Name: fp-theme-prodog-2025
 * Author: ProDog Raw
 * Author URI: https://prodograw.com/
 * Description: ProDog custom theme
 * Version: 2.0.0
**/


html, body {
	overflow-x: hidden;
	max-width: 100%;
}

body {
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
	font-family: Montserrat,sans-serif;
}

/*** FOOTER BAR ***/

a:link{
  text-decoration: none!important;
}

.footer-bar-message {
	text-align: center;
}

.footer-bar {
	background: #4d4d4d;
	color: #ffffff;
	width: 100%;
	display: block;
	/* bottom:67px */;
	bottom:0px;
	position: fixed;
	padding: 15px;
}

.footer-bar.hidden{
	display:none;
}
.sup_column {
  float: left;
  width: 50%;
  padding: 5px;
}

.ultimutt_column {
  margin: 0 auto;
  width: 50%;
  padding: 5px;
  margin-top:10px;
}

.sup_column1 {
  float: left;
  width: 50%;
  padding: 5px;
}
.sup_column2 {
  float: left;
  width: 50%;
  padding: 5px;
}
/* Clearfix (clear floats) */

.sup_row::after {
  content: "";
  clear: both;
  display: table;
}
.sup_row1::after {
  content: "";
  clear: both;
  display: table;
}
.sup_row2::after {
  content: "";
  clear: both;
  display: table;
}

.ultimutt_row::after {
  content: "";
  clear: both;
  display: table;
}



@media only screen and (min-width: 780px) {

	#pgc-5-7-0{
		display: none !important;
		}

	.mobile_hero_h1, .mobile_banner{
		display: none !important;
		}
.desktop_hero_h1, .desktop_banner{
		display: block !important;
		}

}

input#gform_submit_button_20{
    background-color: #F47503;
}

.main-nav-toggle{z-index:1000;}


@media only screen and (max-width: 780px) {
		.desktop_hero_h1, .desktop_banner{
		display: none !important;
		}
	.mobile_hero_h1, .mobile_banner{
		display: block !important;
		}
}

.rll-youtube-player{
	max-width:100% !important;
}

iframe{
	max-width:100%;
}

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
/* we set the opacity to 0 */
   opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
   -webkit-transition: opacity .5s linear 0.2s;
       -moz-transition: opacity .5s linear 0.2s;
                 transition: opacity .5s linear 0.2s;
/* we set the opacity to 1 to do the magic */
   opacity: 1;
}

html {
  scroll-padding-top: 7.5rem; /* height of sticky header */
}

.added_to_cart.wc-forward {display: none !important}

/* css added by mo - to hide card point block */
.woocommerce-cart-form .c-order-details__points {

}

/* css for Awards & Accreditation grid */
.flickity-slider .c-icons-list__item.large-3.medium-4.small-6 {
    height: 450px !important;
}


@media (max-width: 480px) {
  .flickity-slider .c-icons-list__item.large-3.medium-4.small-6 {
    height: auto !important;
}


.single .c-product-form {
  min-width: 300px !important;
}
.c-product.type-product .c-product__excerpt {
   min-width: 300px !important;
}
}

li.menu-item.menu-item--product-image.menu-item--product-image--nine {
    max-width: 159px !important;
}

@media (max-width: 767px) {
    body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch {
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
}

.pdr-staff .c-cta{
    max-width: 1300px;
    margin: 0 auto;
}

.pdr-staff .c-cta .c-cta__content{
    flex: auto;
    margin-bottom: 0;
    width: 65%;
}

.pdr-staff .c-cta .c-cta__background{
    flex: auto;
    margin-bottom: 0;
    width: 35%;
}

.pdr-staff .c-cta--layout-image-left .c-cta__background .img-fit img{
    float: left;
}

.pdr-staff .c-cta--layout-image-right .c-cta__background .img-fit img{
    float: right;
}

@media (max-width: 1023px) {

    .pdr-staff .c-cta .c-cta__content,
    .pdr-staff .c-cta .c-cta__background{
        width: 100%;
    }

    .pdr-staff .c-cta .c-cta__content {
    	margin-bottom: 30px;
    }

    .pdr-staff .c-cta--layout-image-left .c-cta__background .img-fit img,
    .pdr-staff .c-cta--layout-image-right .c-cta__background .img-fit img{
        float: none;
        max-width: 350px;
    }

	.starter-hero{
		background: none !important;
	}

	.starter-hero .c-hero.c-hero--tall{
		padding-bottom: 0 !important;
	}

	.starter-hero .c-hero__background {
		background-size: contain;
		background-position: bottom right !important;
		padding-bottom: 6.25rem;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
	}

}

@media (max-width: 639px) {

	.starter-hero .c-hero__background {
		position: static;
		height: 14.375rem;
		width: 100%;
	}


}