/*
Theme Name: Our Family Dog
Author: Roweena Web Design
Version: 1.1
*/

@import url("https://hello.myfonts.net/count/3999fd");

  
@font-face {
	font-family: 'AvantGardeGothicITCW02Dm';
	font-display: swap;
	src: url('fonts/3999FD_0_0.eot');src: url('fonts/3999FD_0_0.eot#iefix') format('embedded-opentype'),url('fonts/3999FD_0_0.woff') format('woff2'),url('fonts/3999FD_0_0.woff') format('woff'),url('fonts/3999FD_0_0.ttf') format('truetype');}

:root {
 --turquoise: #45aeb1; 
 --orange: #ff6a13; 
 --grey: #666264;
}

body {
    font-family: 'Montserrat', sans-serif;
	color: #666264	;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'AvantGardeGothicITCW02Dm', sans-serif;
	font-weight: normal;
	letter-spacing: 0.45px
}

p, li {
	line-height: 160%;
	font-size: 1.1rem;
    font-family: 'Montserrat', sans-serif;
}

		
	@media print, screen and (max-width: 480px) {
		p, li {
			font-size: 1rem	
		}
	}
	
p.has-medium-font-size {
	font-size: 1.5rem;
}

	@media print, screen and (max-width: 680px) {
		p.has-medium-font-size {
			font-size: 1.3rem;
		}	
	}

h1 {
  	font-size: 3rem;
  	margin: 0 0 30px 0; 
}

	@media print, screen and (max-width: 680px) {
		h1 {
			font-size: 2rem;
			margin: 0 0 20px 0; 
		}
	}

h2 {
  	font-size: 1.8rem;
  	margin: 40px 0 15px 0;  	
}

h3 {
	margin: 40px 0 15px 0;	
	font-size: 1.4rem;
}

h4, h5, h6 {
	margin: 0 0 15px 0;	
	font-size: 1.4rem;
}


h1, h2, h3, h4, h5, h6{
	color: var(--turquoise);
}

	@media print, screen and (max-width: 680px) {
		p, li {
			font-size: 1rem	
		}
		
		h2, h3, h4, h5, h6{
			font-size: 1.4em;
		}
	}

a {
	color: var(--turquoise)
}

a:hover {
	color: var(--orange)
}

a.slide-link {
	color: #666264 
}

a.slide-link:hover {
	color: var(--orange)
}

.ugb-button.ugb-button--design-ghost, .ugb-button.ugb-ghost-button {
   background-color: transparent;
   border: 1px solid  var(--turquoise) !important;
}

.ugb-button.ugb-button--design-ghost span, .ugb-button.ugb-ghost-button span {
	   color: var(--turquoise) !important;

}

.entry-meta {
	 color: var(--turquoise) !important;
}

.wp-block-quote {
	border-left: none !Important;
}

.wp-block-quote p {
	font-size: 1.6rem;
	color: var(--turquoise);	
}

.orange {
	color: var(--orange)
}


/* -------------- HEADER ------------------ */
.callout {
	padding: 0;
	border: none;
	color:#bba991;
	display: flex;
    align-items: center;
    justify-content: center;
	height: 400px;
}

@media print, screen and (max-width: 480px) {
	.callout {
		height: 220px	
	}
}

@media print, screen and (min-width: 1367px) {
	.callout {
		height: 50vh	
	}
}

h1.strapline {
	display: block;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0, 0.6);
}

#searchform {
	position: relative	
}
#searchsubmit {
	width: 24px;
	height: 24px;
	position:absolute;
	top: 8px;
	right: 5px;
}

#search {
	padding-right: 35px;
	max-width: 200px
}

	@media print, screen and (max-width: 480px) {
		#search {
			max-width: 100%
		}
	}

#logo {
	max-width: 350px	
}
	@media print, screen and (max-width: 767px) {
		#logo {
			max-width: 320px	
		}
	}
	@media print, screen and (max-width: 480px) {
		#logo {
			max-width: 80%	
		}
	}
	
#showmob {
	background: url(img/icon-searchmob.png) center center no-repeat;
	background-size: 25px;
	position: absolute;
	right: 10px;
	top: 8px;
	width: 25px;
	height: 25px
}

#mobsearch {
	display: none	
}

/* -------------- NAVIGATION ------------------ */
nav {
	max-width: 100%;
	background: #45aeb1;
	padding: 15px 25px; 
	position: relative;
	z-index: 103
	
}
nav ul {
	display: flex;
	max-width: 100%;
	justify-content: space-between;
	align-items: left;
	margin: 0
}

nav ul li {
	list-style: none;
	text-transform: uppercase;
	font-size: 0.9rem;
	line-height: 100%;
	-webkit-text-stroke: 0.15px;
	position:relative;
	font-weight: 700
}

nav ul li a {
	color: #fff	;	
}

nav ul li a:hover,
nav ul li.current-menu-item a {
	color: #fff	
}

nav li ul {
   display: none;
   position: absolute;
   left: 0;
   width: 100%;
   top: 100%;
   margin: 0;
   background: #45aeb1;
  padding: 10px 20px 0 20px;
}

nav li:hover > ul {
   display: block;
   z-index: 100;
}

nav li:hover > ul:before {
	content: '';
	height: 25px;
	width: 200px;
	background: #45aeb1;
	display: block	
}
nav li:hover > ul li {
	width: 200px;
	background: #45aeb1;
	padding: 10px 10px 10px 0;
	line-height: 120%;	
}

nav li:hover > ul li:last-child {
	padding-bottom: 30px	
}

nav li:hover > ul li a:hover {
	border-bottom: 1px dotted #fff	
}

#nav-toggle {
	font-size: 1.6em;
	padding: 5px 10px 0px 10px;
	z-index: 102;
	cursor: pointer; 
	padding: 10px 35px 16px 0px;
	position:absolute;
	top: 20px;
	right: 20px; 
	display: none
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  height: 3px;
  width: 40px;
  background-color: var(--turquoise);
  position: absolute;
  display: block;
  content: '';
}

	@media screen and (max-width: 640px) {
		#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
		  width: 35px;
		   height: 4px;
		}
	}

#nav-toggle span:before {
  top: -12px; 
}

#nav-toggle span:after {
  bottom: -12px;
}


#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#nav-toggle.active span {
  background-color: transparent;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
  background-color: var(--turquoise)
}

#nav-toggle.active span:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-toggle.active span:after {
   -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media print, screen and (max-width: 767px) {
	#nav {
		position: absolute;
		top: -10px;
		padding: 55px 15px;
		background: #fff;
		z-index: 101;
		width: 100%;
		height: 110vh;
		display: none
	}
	
	#nav ul {
		display: block;
		background: #fff;
	}
	
	#nav ul li {
		display: block;
		width: 100%;
		text-align: center;
		line-height: 130%;
		padding: 15px 0;
		font-size: 1.1rem	
	}
	
	#nav ul li a {
		color: var(--turquoise);
	}
	
	#nav ul ul {
		display: none	
	}
	
}

@media print, screen and (max-width: 480px) {
	#nav ul li:last-child {
		font-size: 1.2rem
	}
}

#top-nav {
	float: right; 
	padding: 20px 0 0 0;
	position: relative;
	display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

#top-nav li {
	display: inline;
	margin:10px 0 10px 10px	
}

#top-nav li a {
	margin: 0 20px 0 0; 
	font-weight: 400;
}
	@media print, screen and (max-width: 767px) {
		header .top-nav-container {
			width:100% !important;
		}
		
		#top-nav {
			padding: 0 0 0 5px; 
			height: 40px;
			text-align: left; 
			margin: 5px 0 10px 0;
			float: none;
			background: var(--turquoise);
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
		}
		
		#top-nav li {
			display: inline-block;
			margin:0;
			padding: 5px;
			font-size: 1.2rem
		}	
		
		#top-nav li a {
			display: block;
			color: #fff		
		}
	}
	

/* -------------- VISIBILITY ------------------ */
.show-for-small {
	display: none !important	
}

@media print, screen and (max-width: 880px) {
	.hide-for-medium {
		display: none	!important
	}
}
	
@media print, screen and (max-width: 767px) {
	.hide-for-small {
		display: none	!important
	}
}
@media print, screen and (max-width: 767px) {
	.show-for-small {
		display: inline-block !important	
	}
}

/* -------------- SECTIONS ------------------ */

.home section:before {
    content: "";
    display: block;
	border-top: 1px solid var(--turquoise);
	width: 100%;
	height: 1px;
	margin: 20px 15px
}

.top {
	padding-top: 25px	
}

	@media print, screen and (max-width: 480px) {
		.top {
			padding-top: 0	
		}
		
		.home section:before {
			display: none	
		}
		
		.home .chat-block {
			margin-top: 20px	
		}
	}

.content {
	padding: 0 5%	
}

	@media print, screen and (max-width: 680px) {
		.content {
			padding: 0;
			width: 97%;
			margin: auto;
		}
		
		.contenthome {
			width: 98%;
			margin: auto;	
		}
	}

/* -------------- SLIDES ------------------ */

.slide {
	text-align: center;
	color: var(--turquoise);	
	font-size: 1.6rem;
	width: 100%;
	position: relative
}

.cycle-pager {
	text-align: left	
}

.cycle-pager span {
	width: 25px;
	height: 25px;
	font-size: 1.6rem;
	border: 1px solid var(--grey);	
	cursor: pointer;
	border-radius: 50%;
	display: inline-block;
	
}

.cycle-pager span.cycle-pager-active {
	border: 1px solid var(--orange);	
}

#custom-pager {
	text-align: left;
	margin: 20px 0 0 0;
	position: absolute;
	top: 52vh;
	left: 0;
	z-index: 103
}

#custom-pager a {
	width: 27px;
	height: 27px;
	font-size: 1rem;
	font-weight: bold;
	border: 2px solid var(--grey);	
	cursor: pointer;
	border-radius: 50%;
	display: inline-block;
	margin:  4px;
	text-align: center;
	
}

#custom-pager a.cycle-pager-active {
	border: 2px solid var(--orange);
	color: 	var(--orange)
}

.slide .info {
	font-size: 1.4rem;
	color: var(--turquoise);
	width: 100%;
	padding: 40px 5% 0 5%;
	text-align: center
}

.slide .info p {
	font-size: 1.4rem;
	text-align: center
}

#home-slide .slide {
	height: 46vh
}
	@media print, screen and (max-width: 1366px) {
		#home-slide .slide {
			height: 55vh
		}
	}
	
	@media print, screen and (max-width: 1024px) {
		#home-slide .slide {
			height: 420px
		}
	}
	@media print, screen and (max-width: 800px) {
		#home-slide .slide {
			height: 400px
		}
	}
	
	@media print, screen and (max-width: 480px) {
		#home-slide .slide {
			height: 280px;
		}
	}

.cycle-next {
	content: '';
	width: 35px;
	height: 35px;
	display: block;
	border-top: 25px solid transparent;
 	border-bottom: 25px solid transparent;
 	border-left:25px solid #fff;
	top: 30%;
	position: absolute;
	right: 15px;
	z-index: 104;
	cursor: pointer
}

.cycle-prev {
	content: '';
	width: 35px;
	height: 35px;
	display: block;
	width: 0; 
  	height: 0; 
  	border-top: 25px solid transparent;
  	border-bottom: 25px solid transparent; 
  	border-right:25px solid #fff; 
	top: 30%;
	position: absolute;
	left: 15px;
	z-index: 104;
	cursor: pointer
}

.slide2 {
	padding: 0 15px 45px 35px;
	text-align: center;
	color: var(--grey)
}

.slide2 a {
	color: var(--grey);
	position: relative;
	z-index: 105;
	cursor: pointer;
	display: block;
}

.slide2 img {
	margin: 0 0 10px 0	
}

.circle {
	position: relative;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	color: #fff;
	margin: 0 auto;
	left: 0;
	right: 0;
	display: block;
	margin-top: -90px;
	background: var(--turquoise) url(img/icon-paw.png) center 20px no-repeat;
	background-size: 30px;
	text-align: center;	
}

.circle span {
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
	display: block;
	line-height: 120%;
	padding: 10px
}

.info-slide {
	background: rgba(255,255,255,0.75);
	padding: 25px 25px 5px 25px;
	color: var(--grey);
	max-width: 470px;
	position: absolute;
	bottom: 30px;
	left: 30px;
	text-align: left
}

.info-slide h2 {
	color: var(--grey);
	text-align: left;
	line-height: 130%;
	margin: 0 0 10px 0;
}

.info-slide p {
	font-weight: 600
}

	@media print, screen and (max-width: 800px) {
		.info-slide {
			padding: 12px 12px 0 12px;
			max-width: 50%;
			bottom: 15px;
			left: 15px;
		}
		
		.info-slide h2 {
			font-size: 1.4rem;
			line-height: 120%;
		}
	}
	
	@media print, screen and (max-width: 480px) {
		.info-slide h2 {
			font-size: 1.2rem;
		}
		.info-slide p {
			line-height: 120%
		}
	}

.puppy-page-list {
	text-align: center
}

.puppy-page-list li {
	list-style: none;
	display: inline-block;
	text-align: center;
	margin: 10px	
}

.puppy-page-list li a {
	display: block;
	color: #fff;
	background: var(--turquoise);
	padding: 15px 25px;
	border-radius: 10px;	
}

.puppy-page-list li:hover a {
	background: var(--orange);
}


/* Puppy Stages shortcode */

.has-2-columns .puppy-slide-bg {
	height: 283px !Important	
}

.has-2-columns .puppy-slide .circle {
	width: 150px;
	height: 150px;
}

.has-2-columns .puppy-slide .circle span {
	font-size: 1.3rem;
	padding-top: 15px;	
}

.has-2-columns .puppy-slide .info {
	padding: 10px 5% 0 5%;
}
.has-2-columns .puppy-slide .info p{
	font-size: 1.1rem
}

.has-2-columns .cycle-next  {
	content: '';
	width: 25px;
	height: 25px;
	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
 	border-left:20px solid #fff;
	top: 27%;
}

.has-2-columns .cycle-prev  {
	content: '';
	width: 25px;
	height: 25px;
	border-top: 20px solid transparent;
 	border-bottom: 20px solid transparent;
 	border-right:20px solid #fff;
	top: 27%;
}

.textwidget .puppy-slide-bg {
	height: 180px !Important	
}

.textwidget .puppy-slide .circle {
	width: 90px;
	height: 90px;
	margin-top: -50px;
	background: var(--turquoise) url(img/icon-paw.png) center 10px no-repeat;
	background-size: 20px;
}

.textwidget .puppy-slide .circle span {
	font-size: 0.8rem;
	padding-top: 25px;	
}

.textwidget .puppy-slide .info {
	padding: 10px 5% 0 5%;
}
.textwidget .puppy-slide .info p{
	font-size: 1rem;
	line-height: 130%
}

.textwidget .cycle-next  {
	content: '';
	width: 15px;
	height: 15px;
	border-top: 15px solid transparent;
 	border-bottom: 15px solid transparent;
 	border-left:15px solid #fff;
	top: 20%;
}

.textwidget .cycle-prev  {
	content: '';
	width: 15px;
	height: 15px;
	border-top: 15px solid transparent;
 	border-bottom: 15px solid transparent;
 	border-right:15px solid #fff;
	top: 20%;
}

.textwidget .top {
 	padding-top: 0	
}

/* POSTS PAGES - Stories, Lifestyle etc */

h1.entry-title {
	font-size: 2.4rem;
	margin: 30px 0 20px 0	
}
	@media print, screen and (max-width: 680px) {
		h1.entry-title {
			font-size: 1.6rem;
			margin-top: 10px
		}
	}

/* -------------- FEATURE GRID BLOCK ------------------ */
.ugb-feature-grid__title {
	background-color: var(--turquoise);
	color: #fff;
	padding: 12px 5px;
	position: relative;
	z-index: 3;
	font-size: 1.1rem
}

.home .ugb-feature-grid__title {
	font-size: 1.6rem
}

.ugb-feature-grid  .ugb-feature-grid__content {
	position: relative;
	margin: -30px 0 0 0 !important;
	display: block
}

.ugb-blog-posts-old-1  {
	position: relative;
	margin: 25px 0 0 0 !important;
}

.ugb-feature-grid__image {
	position: relative;
	width: 100%;
	overflow: hidden	
}

.ugb-feature-grid__image img {
	position: absolute;
	top: 0; 
	left: 0	
}

.ugb-feature-grid__image:after {
	content: '';
	display: block;
	padding-bottom: 65%
}

.ugb-feature-grid__content:before {
	content: '';
	width: 100px;
	height: 50px;
	 border-top-left-radius: 100px;
  	border-top-right-radius: 100px;
	background-color: var(--turquoise);
	margin: 0 auto;
	left: 0;
	right: 0;
	display: block;
	position: absolute;
	top: -13px;
	z-index: 0
}

.ugb-feature-grid__content:empty {
   display: none;
}

.ugb-feature-grid .ugb-feature-grid__item {
	padding: 0 !important;
	border-radius: 0 !important;
}

.ugb-feature.ugb-feature--design-basic {
	padding: 20px !important		
}
.ugb-blog-posts.ugb-blog-posts--v2 .ugb-blog-posts__featured-image {
	border-radius: 0px !Important	
}

/* container block */
.wp-block-ugb-container, .block {
	padding: 20px !important;
	background: #ededed; 
	background: -moz-linear-gradient(top, #ededed 71%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #ededed 71%,#ffffff 100%); 
	background: linear-gradient(to bottom, #ededed 71%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); 
}

	@media print, screen and (max-width: 1024px) {
		.wp-block-ugb-container, .block {
			padding: 10px !important;
		}	
	}
	
.wp-block-ugb-container h2, .wp-block-ugb-container h3,
.block h2, .block h3 {
	color: var(--orange)	
}

/* icon list */

.ugb-icon-list li:before {
	background: url(img/icon-paw-blue.png) left 2px no-repeat !important	;
	background-size: 17px !important;
}

.ugb-icon-list li {
	padding: 0 !important	
}

/* buttons */


.wp-block-button__link, button._submit {
	color: #fff !important	;
	background: var(--turquoise) !important	;
	padding: 15px 25px !important	;
	border-radius: 10px !important	;
	margin: 20px 0
}

.wp-block-button__link:hover {
	background: var(--orange) !important;
}

.join-chat {
	color: #fff;
	background: var(--turquoise);
	padding: 10px 25px ;
	margin: 20px 0;
	width: 100%;
	display: block
}

.join-chat:hover {
	background: var(--orange);
	color: #fff
}

#bbp_search_submit {
	color: #fff !important	;
	background: var(--turquoise) !important	;
	padding: 10px 15px !important	;
	border-radius: 10px !important	;
	margin: 0
}

/* Register Form */
.um-register {
}



/* -------------- FOOTER ------------------ */

footer .large-12 {
	padding: 0 15px 50px 15px;
	margin: 20px 0 0 0
}

footer .large-12:before {
	content: '';
	border-top: 1px solid var(--turquoise);
	width: 100%;
	display: block;
	margin: 25px 0 
}

	@media print, screen and (max-width: 680px) {
		footer {
			padding: 30px 0;
		}
		
		footer p {
			font-size: 1.1rem	
		}
	}
	
	@media print, screen and (max-width: 480px) {
		footer p {
			font-size: 0.9rem	
		}
	}
#menu-footer ul {
	text-align: center
}

#menu-footer li {
	list-style: none;
	display: inline; 
	text-align: center;
	padding: 0 10px;
	line-height: 100%;
	border-left: 1px solid #999	
}

#menu-footer li:first-child {
	border-left: none	
}

.social-icons {
	text-align: center;
	margin: -10px 0 0 0
}

.social-icons li {
	display: inline-block;
	margin: 5px;
}

.social-icons li a {
	width: 40px;
	height: 40px;
	display: block;
	background: var(--orange);
	text-align: center;
	border-radius: 50%;
	display: -webkit-flex; 
  	display: flex;
  	-webkit-align-items: center; 
  	align-items: center;
  	-webkit-justify-content: center;
  	justify-content: center;
}
.social-icons li svg {
	width: 20px	
}

.social-icons li svg path {
    fill: #fff;
}



/* BB PRESS */
	
.chat-block .bbp-header,
.chat-block .bbp-pagination,
.chat-block .bbp-search-form,
.chat-block .bbp-topic-voice-count,
.chat-block .bbp-topic-reply-count,
.chat-block .bbp-topic-meta {
	display: none 	
}

.bbp-forum-freshness, .bbp-topic-freshness {
	font-weight: 400;
	font-size: 1rem;
}

.bbp-breadcrumb {
	display: none 	
}

#forums-list-0 .bbp-forum-topic-count, 
#forums-list-0 .bbp-forum-reply-count,
#forums-list-0 .bbp-topic-meta {
	display: none	
}

#forums-list-0 li.bbp-forum-freshness {
	width: 45%;
	text-align: left
}
	@media print, screen and (max-width: 880px) {
		#forums-list-0 li.bbp-forum-freshness {
			display: none	
		}
		
		#forums-list-0 li.bbp-forum-info {
			display: block;
			width: 100%	;
			text-align: left
		}
	}
	@media print, screen and (max-width: 480px) {
		#bbpress-forums div.bbp-search-form {
				float: left !important
		}
		
		.forum .bbp-header li.bbp-topic-voice-count,
		.forum .bbp-header li.bbp-topic-reply-count,
		.forum .bbp-header li.bbp-topic-freshness {
			display: none	
		}
		
		.forum .bbp-body li
		 {
			display: block;
			width: 100%	;
			text-align: left
		}
		
		.forum .bbp-body li.bbp-topic-voice-count, .forum .bbp-body li.bbp-topic-reply-count, .forum  li.bbp-topic-freshness {
			width: 33%	;
			font-size: 90%
		}
		
		.forum .bbp-body li.bbp-topic-voice-count:before {
			content: 'Voices: ';
		}
		
		.forum .bbp-body li.bbp-topic-reply-count:before {
			content: 'Replies: ';
		}

		.forum  .bbp-topic-freshness a {
			color: var(--grey);
		}
		
		.bbp-body img {
			display: none	
		}
		
		#forums-list-0 ul {
			height: 45px
		}
	}

.chat-block .bbp-topic-freshness, .widget_display_topics li div {
	font-weight: 400;
	font-size: 0.9rem;
	width: 100%;
	text-align: left
}

.home .bbp-search-form,
.home .bbp-header{
	 display: none
	}
	
.home .bbp-forums-list {
	display: none	
}

.widget_display_topics li div {
	margin-left: 5px	
}

.chat-block h2, .chat-block h3 {
	margin-top: 0	
}

.chat-block h4 {
	color: var(--orange);	
}

.chat-block.blog {
	margin-bottom: 25px	
}

.chat-block.blog li {
	list-style: none	
}


.chat-block .bbp-topic-title {
	width: 100%
}


.single .ugb-blog-posts h3 {
	font-size: 1.4rem;
	padding: 0;
	display: block	
}
.ugb-blog-posts__featured-image img {
	position:relative;
	z-index: 0	
}
.ugb-blog-posts__featured-image a:after {
	content: 'Story';
	padding: 10px 20px;
	color: #fff;
	background: var(--turquoise);
	font-size: 1.4rem;
	position:absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: block;
	height: 50px
}

.category-lifestyle .ugb-blog-posts__featured-image a:after {
	display: none	
}

.ugb-blog-posts__category-list figure {position: relative}

.page-template-lifestyle-page .ugb-blog-posts__featured-image a:after, 
.home .ugb-blog-posts--columns-1 .ugb-blog-posts__featured-image a:after,
.category-lifestyle .ugb-blog-posts__featured-image a:after,
.archive.category-22 .ugb-blog-posts__featured-image a:after,
.archive.category-23 .ugb-blog-posts__featured-image a:after,
.archive.category-16 .ugb-blog-posts__featured-image a:after,
.archive.category-30 .ugb-blog-posts__featured-image a:after,
.archive.category-31 .ugb-blog-posts__featured-image a:after,
.archive.category-32 .ugb-blog-posts__featured-image a:after,
.archive.category-33 .ugb-blog-posts__featured-image a:after,
.archive.category-34 .ugb-blog-posts__featured-image a:after {
	content: 'Lifestyle' !important;
	padding: 10px 20px;
	color: #fff;
	background: var(--turquoise);
	font-size: 1.4rem;
	position:absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: block;
}

.bbp-forum-title {
	background:  url(img/icon-paw-blue.png) left 5px no-repeat;
	background-size: 20px;
	padding: 5px 5px 5px 25px	
}

div.bbp-template-notice.info {
	background-color: #d9ebec  !important
}

.bbp-author-name {
	font-size: 0.9rem	
}

/* UM forms  */
@media print, screen and (max-width: 480px) {
	.um-register .um-half {
		width: 100%;
		padding-bottom: 15px
	}
	
	.um-register .um-clear {
		display: none	
	}
}
.register-subscribe form {
	padding:0 !important;
	width: 100% !important;
}

/* sidebar widgets */

.widget_display_topics ul {
	margin: 0	
}
.widget_display_topics li {
	background: #fff;
	padding: 5px;
	margin: 0 0 1px 0	
}

.widget_categories li, #text-4 li {
	background:  url(img/icon-paw-blue.png) left 7px no-repeat;
	background-size: 20px;
	padding: 5px 5px 5px 27px;
	font-weight: bold;
	margin: 0 0 0 -20px;
	list-style: none
}

.wp-block-latest-posts li {
	background: #fff url(img/icon-paw-blue.png) 5px 7px no-repeat;
	background-size: 20px;
	padding: 5px 5px 5px 30px;
	font-weight: bold;
	margin: 0 0 1px -20px;
	list-style: none
}

.widget_display_topics li .bbp-forum-title {
	background:  none;
	padding: 5px
}

.widget_custom_html.block {
	padding: 20px 0 !important;
	background: #fff
}

.bbp-no-topic .div.bbp-template-notice, div.indicator-hint  {
	background-color: #eedace !important
}

.widget_categories li.cat-item-10 {
	display: none	
}

.wp-block-gallery {
	margin: 30px 0 30px 0	
}


.widget_display_topics li {
	list-style: none;
	margin: 0	
}

.privacy-policy .grid-container ol li {
	margin: 0 0 20px 0;
}

.privacy-policy table {
	margin: 0 0 20px 0	
}

.privacy-policy table tr:first-child td { 
   background: #dedede; 
}

.apss-social-share {
	padding-top: 40px	
}

.chat-block .lazy-loaded  {
	margin: 0 auto !Important;
	display: block !important	
}

/* newsletter - active campaign */
._form {
	max-width: 500px;
	margin: 0 auto;
}

#_form_3_ {
	max-width: 600px;
	margin: 0 auto;
}

#_form_3_ input, #_form_3_ button {
	float: left	
}

#_form_3_ input {
	max-width: 82%
}

#_form_3_ button {
	margin: 0;
	padding: 12px 20px 11px 20px !important;
	border-radius: 0 !important
}

.div.um .g-recaptcha, #um-83 {
	margin: 0 !Important	
}

#_form_5DC2FD44601BC_ {
	width: 100% !important;
	max-width: 100% !Important	
}

#newsletter-footer {
	background: #e4e3e3;
	padding: 20px 0;
	margin-top: 30px

}

.wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.amazon {
	border: 1px solid #ccc;
	padding: 25px;
	border-radius: 5px;
	text-align: center;
	margin: 25px 0  0 0	
}

/* OFD changes March 2021 */
.um-page-account .content {
	padding: 2rem 0;
}    
.um-page-account .um-field-checkbox:not(.um-field) {
	margin: 10px 0 0;
    width: 100%;
}
.um-page-account .um-field-area {
    display: flex;
    flex-direction: column;
}
.um-page-account .um-field-checkbox-option {
	margin: 0px 0px 0px 30px;
    line-height: 22px;
	font-size:15px;
}
.um-account-tab-puppy_goals .um-row:not(.download-row) {
	display:none;
	padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.um-account-tab-puppy_goals .um-row.download-row {
	display:none;
}
.um-account-tab-puppy_goals .um-row.info-row {
	display:block;
}
.um-account-tab-puppy_goals .um-row-heading {
	padding: 1rem;
    background-color: #45aeb1;
    color: white;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
	margin: 0.5rem 0 !important;
	display: flex;
	align-items: center;
    justify-content: flex-start;
	position:relative;
}
.um-account-tab-puppy_goals .um-row-heading::after {
	content: "\f3d0";
	font-family: "Ionicons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	position: absolute;
    right: 1rem;
}
.um-account-tab-puppy_goals .um-row-heading span {
	display:none;
}
.um-account-tab-puppy_goals .um-row-heading.completed span {
	display:block !important;
}
.um-account-tab-puppy_goals .um-row-heading.active::after {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.um-account-main div.um-account-heading {
	margin-bottom:2rem !important;
}
.um-page-account .um-modal #um_upload_single {
	display:block !important;
}
.um-page-account .um-single-image-preview > img {
    max-width: 100px;
}
.um-single-image-preview, .um-single-file-preview {
	min-height:150px;
	/*text-align: left;*/
}
.um-account-tab-puppy_goals .um-row-heading.completed {
	background-color:rgb(237 108 35 / 80%);
}
.um .um-field-checkbox:not(.um-field-radio-state-disabled) i {
	color:#45aeb1 !important;
}
.um-account-tab-puppy_goals .um-row.completed .um-field-checkbox:not(.um-field-radio-state-disabled) i {
	color:#ed6c23 !important;
}
.um input[type=submit].um-button, 
.um input[type=submit].um-button:focus, 
.um a.um-button, 
.um a.um-button.um-disabled:hover, 
.um a.um-button.um-disabled:focus, 
.um a.um-button.um-disabled:active {
	background:#45aeb1 !important;
}
#e2pdf-download {
	display:none;
}
.download-row .um-field-shortcode {
	text-align:center;
}
.download-row .um-field-shortcode a {
	padding: 12px 20px 11px 20px !important;
	border-radius: 0 !important;
	color: #fff !important;
	background: var(--turquoise) !important;
	line-height: 1;
	margin: 0.5rem 0 1rem;
	display:inline-block !important;
}
.um-account-tab-email_sub #um_account_submit_email_sub {
	display:none !important;
}
.um-page-register .wc-block-featured-product {
	margin-top:2.25rem;
}
.single_variation_wrap .woocommerce-variation-price {
	margin-bottom:1.5rem;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
	background-color: #45aeb1 !important;
	color:#ffffff !important;
	border-radius: 0;
	
}
.woocommerce.single-product button.button,
.woocommerce.single-product input.button {
	margin-left: 1rem !important;
	height: 39px !important
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color:#45aeb1
}
.single-product .single-product-description ul {
	margin-left:0;
}
.single-product .single-product-description li {
	page-break-inside: avoid;
    break-inside: avoid;
	margin-top: 0!important;
    margin-bottom: 16px;
    list-style: none!important;
	padding: 0 0 0 2rem !important
}
.single-product .single-product-description li:before {
	content: "";
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
	margin-left: -2em;
    margin-right: 1em;
    background-size: contain!important;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-bottom: 5px;
	background: url('img/icon-paw-blue.png');
}
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
	width:100% !important;
}
.um .um-tip:hover, 
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i, 
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, 
.um .um-member-name a:hover, .um .um-member-more a:hover, 
.um .um-member-less a:hover, .um .um-members-pagi a:hover, 
.um .um-cover-add:hover, .um .um-profile-subnav a.active, 
.um .um-item-meta a, .um-account-name a:hover, 
.um-account-nav a.current, 
.um-account-side li a.current span.um-account-icon, 
.um-account-side li a.current:hover span.um-account-icon, 
.um-dropdown li a:hover, i.um-active-color, span.um-active-color,
.um a.um-link {
	color:#45aeb1 !important;
}
.gform_button,
.um .um-field-group-head, 
.picker__box, 
.picker__nav--prev:hover, 
.picker__nav--next:hover, 
.um .um-members-pagi span.current, 
.um .um-members-pagi span.current:hover, 
.um .um-profile-nav-item.active a, 
.um .um-profile-nav-item.active a:hover, 
.upload, .um-modal-header, .um-modal-btn, 
.um-modal-btn.disabled, .um-modal-btn.disabled:hover, 
div.uimob800 .um-account-side li a.current, 
div.uimob800 .um-account-side li a.current:hover,
.um-page-account .um-account .um-woo-form.woocommerce .button,
.um-page-account .um-account .um-woo-form.woocommerce .button:hover,
a.button {
	background-color:#45aeb1 !important
}
@media ( max-width:767px ) {
	.um-page-register h1 {
		display:none !important;
	}
	.um-page-register .wp-block-ugb-cta {
		margin:0;
	}
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	left:.5rem;
	bottom:.5em;
	top:auto !important;
	right:auto !important;
}
.um-profile-body {
    max-width: 1000px !important;
}
.um.account-tab {
	padding:1rem 0;
	text-align:center;
}
.um-field-area .um-field-value {
	line-height: 160%;
    font-size: 1.1rem;
    font-family: 'Montserrat', sans-serif;
}
.wp-block-button.aligncenter {
	display:flex;
	align-items:center;
}
.wp-block-button.aligncenter .wp-block-button__link {
	margin: 0 auto 20px;
}