@charset "utf-8";

/*Font Weights*/
.font-weight-700{font-weight:700;}

/*This is for the Homepage*/

.wp-block-image {
    margin-right: 0;
    margin-left: 0;
}

.wp-block {
	max-width: 100% !important;
}

/*.elementor-kit-25015 h3{
	margin-top:-5px;
}*/

/*Global Colors*/
.color-blue{
	color:#0070C9;
}

/*This is for the Blog and Podcast Sidebar Post List Blue Icon*/
.elementor-25933 .elementor-element.elementor-element-2d3af262 .eael-grid-post,
.elementor-25931 .elementor-element.elementor-element-5eb3c02c .eael-grid-post{
	background-image: url(/wp-content/uploads/2021/01/postlist-icon.png);
    background-repeat: no-repeat;
    padding-left: 34px !important;
    background-position-y: 28px;
}

/*This is for the podcast player*/
.smart-podcast-player,
.spp-artist-and-title{
	font-family: 'Montserrat' !important; /*Override Font Family*/
}

.btnWrap{display:none;}/*Strange, but if I don't add this, something weird happen to the search form button*/

.error404 .elementor-text-editor{min-height: auto;}/*Not sure if we need this*/
.error404 .elementor-25725 .elementor-element.elementor-element-12a40d{line-height: inherit; margin-bottom: 30px; margin-top: -10px;}/*Not sure if we need this*/

div > strong{font-weight: 500;}/*This sets the paragraph bold to wiehgt 500*/

[type=submit]{line-height:1;}/*This sets the buttons line height, this affects buttons that can't be styled via the global settings. Example: Comment Box submit button*/
body.single .elementor-location-single input[type="submit"]{text-transform: uppercase;}/*This sets the buttons style, this affects buttons that can't be styled via the global settings. Example: Comment Box submit button*/

/*START - This is overriding the styling for stamped review*/
#stamped-reviews-widget[data-widget-type="full-page"] .stamped-widget-text,
#stamped-reviews-widget[data-widget-type="full-page"] .stamped-ratings-wrapper > div,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll .stamped-reviews-rating,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll .stamped-reviews-author,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-subtitle,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-style-color-title,
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-reviews-date,
p.stamped-review-content-body{
    font-size: 16px !important;
    font-family: "Montserrat" !important;
    
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll .stamped-reviews-message-block{
	font-family: "Montserrat" !important;
}

#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll .stamped-reviews-title {
	white-space: pre-wrap !important;
}
/*This sets the font size of testimonials 'Verified Customer Reviews' carousel and review title*/
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-title {
    font-size: 22px !important;
}

#stamped-reviews-widget[data-widget-type="full-page"] .stamped-verified-label[data-verified-type="2"]:after {
    font-family: 'stamped-font', 'Montserrat' !important;
}


/*END - This is overriding the styling for stamped review*/


/*START - This removes the default page margin at the top*/
.inner-page main.site-main{margin-top: 0px;}
/*END - This removes the default page margin at the top*/

/*START - This is for the post thumbnail ribbon*/
.page .elementor-posts-container .elementor-post__thumbnail__link:before,
.blog .elementor-posts-container .elementor-post__thumbnail__link:before,
.single .elementor-posts-container .elementor-post__thumbnail__link:before,
.elementor-post__thumbnail:before{
	background-image: url(/wp-content/uploads/2020/12/post-grid-ribbon-optimized.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100%;
  height: 61px;
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}

#blog-grid .eael-entry-thumbnail,
.elementor-post__thumbnail{
	position: relative;
}

#blog-grid .eael-entry-thumbnail:after,
.elementor-post__thumbnail:after{
	background-image: url(/wp-content/uploads/2020/12/post-grid-ribbon-optimized.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100%;
  height: 61px;
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
/*END - This is for the post thumbnail ribbon*/

/*START - This is for the post grid read more button*/
.home .elementor-section .elementor-element article.elementor-post .elementor-post__read-more,
.page .elementor-section .elementor-element article.elementor-post .elementor-post__read-more,
.blog .elementor-section .elementor-element article.elementor-post .elementor-post__read-more,
.single .elementor-section .elementor-element article.elementor-post .elementor-post__read-more,
.elementor-post__read-more
{
	border: 3px solid #00ff00;
	background-color: #00FF00;
  padding: 15px 40px;
  border-radius: 5px;
  display: inline-block;
}


.home .elementor-section .elementor-element article.elementor-post .elementor-post__read-more:hover,
.page .elementor-section .elementor-element article.elementor-post .elementor-post__read-more:hover,
.blog .elementor-section .elementor-element article.elementor-post .elementor-post__read-more:hover,
.single .elementor-section .elementor-element article.elementor-post .elementor-post__read-more:hover,
.elementor-post__read-more:hover
{
	background-color: transparent;
	color: #00FF00 !important;
}
/*END - This is for the post grid read more button*/

/*START - This is for the 5 column boxes for segmentation*/
.five-column .elementor-column:hover p{
	color: #ffffff;
}

.page .five-columns .elementor-row .elementor-column .elementor-element-populated,
.inner-page .five-columns .elementor-row .elementor-column .elementor-element-populated{
  position: relative;
}

.page .five-columns .elementor-row .elementor-column .elementor-element-populated:before,
.inner-page .five-columns .elementor-row .elementor-column .elementor-element-populated:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 15px;
  background-color: transparent;
  top: -12px;
  left: 0;
  border-radius: 5px 5px 0 0;
}

.page .five-columns .elementor-row .elementor-column .elementor-element-populated:after,
.inner-page .five-columns .elementor-row .elementor-column .elementor-element-populated:after{
  position: absolute;
  content: '';
  width: 100%;
  height: 15px;
  background-color: transparent;
  bottom: -12px;
  left: 0;
  border-radius: 0 0 5px 5px;
}

.page .five-columns .elementor-row .elementor-column:hover .elementor-element-populated:after,
.page .five-columns .elementor-row .elementor-column:hover .elementor-element-populated:before,
.page .five-columns .elementor-row .elementor-column.onCurrent .elementor-element-populated:before,
.page .five-columns .elementor-row .elementor-column.onCurrent .elementor-element-populated:after,
.page .five-columns .elementor-row .elementor-column.onCurrent .elementor-element-populated,
.inner-page .five-columns .elementor-row .elementor-column:hover .elementor-element-populated:after,
.inner-page .five-columns .elementor-row .elementor-column:hover .elementor-element-populated:before,
.inner-page .five-columns .elementor-row .elementor-column.onCurrent .elementor-element-populated:before,
.inner-page .five-columns .elementor-row .elementor-column.onCurrent .elementor-element-populated:after,
.inner-page .five-columns .elementor-row .elementor-column.onCurrent .elementor-element-populated{
	background-color: #2c2c2c;
}

.page .five-columns .elementor-row .elementor-column.onCurrent .elementor-element-populated .elementor-widget-text-editor,
.page .five-columns .elementor-row .elementor-column.onCurrent .elementor-element-populated .elementor-icon,
.inner-page .five-columns .elementor-row .elementor-column.onCurrent .elementor-element-populated .elementor-widget-text-editor,
.inner-page .five-columns .elementor-row .elementor-column.onCurrent .elementor-element-populated .elementor-icon{
	color: #ffffff;
}
/*END - This is for the 5 column boxes for segmentation*/




/*START - This set the minimum height for the post grid title so that they will look align horizontaly*/
.elementor-posts .elementor-post__title{min-height:130px;}
/*END - This set the minimum height for the post grid title so that they will look align horizontaly*/


/*TABLET*/
@media (max-width: 1024px){

/*START - This is for the post grid read more button*/
.home .elementor-section .elementor-element article.elementor-post .elementor-post__read-more,
.page .elementor-section .elementor-element article.elementor-post .elementor-post__read-more,
.blog .elementor-section .elementor-element article.elementor-post .elementor-post__read-more,
.single .elementor-section .elementor-element article.elementor-post .elementor-post__read-more,
.elementor-post__read-more{
  padding: 15px 20px;
}
/*END - This is for the post grid read more button*/

}


/*MOBILE*/
@media (max-width: 480px){
/*START - This set the minimum height for the post grid title so that they will look align horizontaly*/
	.elementor-posts .elementor-post__title{min-height:auto;}
/*END - This set the minimum height for the post grid title so that they will look align horizontaly*/

	.wp-block-image{margin:0px;}	
}


/*Delay timer start here*/
@-webkit-keyframes fading {
    from {
        opacity: 0;
        position: absolute;
       
    }
    to {
         opacity: 1;
         position: relative;
    }
}
@-moz-keyframes fading {
    from {
        opacity: 0;
        position: absolute;
    }
    to {
         opacity: 1;   
         position: relative;
    }
}

@keyframes fading {
    from {
        opacity: 0;
        position: absolute;
    }
    to {
         opacity: 1;   
         position: relative;
    }
}

#hideMe327_6sec{
  opacity: 0;
  position: absolute;
    -webkit-animation: fading ease-in 0s;
    animation: fading ease-in 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 3s;
    animation-delay: 327.6s;
}

#hideMe442_8sec{
  opacity: 0;
  position: absolute;
    -webkit-animation: fading ease-in 0s;
    animation: fading ease-in 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 3s;
    animation-delay: 442.8s;
}

/* QUIZ */
/*

.pum-theme-quiz-theme .pum-container{
	padding: 160px 50px 50px !important;
}

.pum-theme-quiz-theme .gf_progressbar_wrapper{
	display: none;
}

.pum-theme-quiz-theme .gform_page_fields .gfield_label{
    font-size: 33px !important;
    text-align: center;
    margin-bottom: 30px !important;
}

.pum-theme-quiz-theme .gform_page_fields .gfield_label .gfield_required{
	display: none;
}

.pum-theme-quiz-theme #gform_page_4_2 .gform_page_fields .gfield_label{
	max-width: 500px;
}

.pum-theme-quiz-theme .gform_page_fields .gfield_radio input{
	display: none;
}

.pum-theme-quiz-theme .gform_page_fields .gfield_radio label{
	margin: 0 auto 20px !important;
    color: #2C2C2C;
    font-size: 20px !important;
    font-weight: 500;
    background-color: #00FF00;
    border: 3px solid #00FF00;
    max-width: 400px !important;
    width: 100%;
    padding: 17px 20px;
    border-radius: 3px;
    display: block !important;
    text-align: center;
}

.pum-theme-quiz-theme .pum-content{
	outline: none !important;
}

.pum-theme-quiz-theme #gform_page_4_3 .gform_page_fields .gfield_radio label{
	max-width: 600px !important;
}

.pum-theme-quiz-theme .gform_page_fields .gfield_radio label:hover{
	color: #00FF00;
    background-color: transparent;
}

.pum-theme-quiz-theme #gform_page_4_2 .gfield_radio{
	display: flex;
    justify-content: space-between;
}

.pum-theme-quiz-theme #gform_page_4_2 .gfield_radio .gchoice{
	width: 100%;
    margin: 10px;
}

.pum-theme-quiz-theme #gform_page_4_1{
	background: url(../img/THE-ONLINE-DOG-TRAINER-progress1.jpg) no-repeat center bottom !important;
	padding-bottom: 90px;
}

.pum-theme-quiz-theme #gform_page_4_2{
	background: url(../img/THE-ONLINE-DOG-TRAINER-progress2.jpg) no-repeat center bottom !important;
	padding-bottom: 90px;
}

.pum-theme-quiz-theme #gform_page_4_3{
	background: url(../img/THE-ONLINE-DOG-TRAINER-progress3.jpg) no-repeat center bottom !important;
	padding-bottom: 60px;
}

.pum-theme-quiz-theme #gform_page_4_4{
	background: url(../img/THE-ONLINE-DOG-TRAINER-progress4.jpg) no-repeat center bottom !important;	
	padding-bottom: 140px;
    margin-bottom: -30px;
	margin-top: -70px;
	outline:none;
}

.pum-theme-quiz-theme .pum-close{
	background: url(../img/THE-ONLINE-DOG-TRAINER-popup-close.jpg) no-repeat center !important;
    width: 60px !important;
    height: 68px !important;
    outline: none !important;
}
.pum-theme-quiz-theme #gform_page_4_4 #gform_fields_4_4{
	display: block;
}

.pum-theme-quiz-theme #gform_page_4_4 #field_4_10{
	position: absolute;
    left: -40px;
    top: -40px;
}

.pum-theme-quiz-theme #gform_page_4_4 #field_4_7,
.pum-theme-quiz-theme #gform_page_4_4 #field_4_8,
.pum-theme-quiz-theme #gform_page_4_4 #field_4_9,
.pum-theme-quiz-theme #gform_page_4_4 #field_4_11{
	float: right;
    max-width: 440px;
    width: 100%;		
	padding-right: 30px;
	position: relative;
}

.pum-theme-quiz-theme #gform_page_4_4 #field_4_7{
	margin-top: -40px;	
}

.pum-theme-quiz-theme #gform_page_4_4 #field_4_7 h2{
font-size: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px;
}

.pum-theme-quiz-theme #gform_page_4_4 #field_4_7 p{
	font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
	margin-bottom: 25px;
}

.pum-theme-quiz-theme #gform_page_4_4 #gform_fields_4_4 input{
	font-size: 16px;
    color: #000;
    border: none;
    border-radius: 0;
    padding: 15px 20px;	
	margin-bottom: 8px;
}

.pum-theme-quiz-theme #gform_page_4_1 .gform_page_footer,
.pum-theme-quiz-theme #gform_page_4_2 .gform_page_footer,
.pum-theme-quiz-theme #gform_page_4_3 .gform_page_footer{
	text-align: center;
}

.pum-theme-quiz-theme #gform_page_4_4 .gform_page_footer{
	clear: both;
    margin: 0;
    padding: 2px 0 0;
    width: 100%;
	overflow: hidden;
	padding-right: 30px;
}

.pum-theme-quiz-theme #gform_page_4_4 .gform_page_footer .gform_previous_button{
   	background-color: transparent;
    color: #337ACA;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -50px;
    margin-bottom: -10px;
    border: none;
	outline: none;
}

@media only screen and (max-width: 1024px){
	
.pum-theme-quiz-theme #gform_page_4_4 .gform_page_footer .gform_previous_button{
	margin-left: -70px;
	font-size: 20px;
	}
	
}

@media only screen and (max-width: 480px){
.pum-theme-quiz-theme #gform_page_4_4 .gform_page_footer .gform_previous_button{
	margin-bottom: 0px;
	margin-left: -20px;
}
}

.pum-theme-quiz-theme #gform_page_4_4 .gform_page_footer .gform_button{
	margin: 0;
    width: 100%;
    max-width: 410px;
    float: right;
    padding: 18px 20px;
    font-size: 20px;
    letter-spacing: 1px;
	padding-right: 25px;
	line-height: 1.3;
}

.pum-theme-quiz-theme #gform_page_4_4 #field_4_11 .note{
	position: absolute;
    top: 75px;
    width: 100%;
    text-align: center;
    padding-right: 25px;
	font-size: 14px;
}

.pum-theme-quiz-theme #gform_page_4_3 #field_4_12,
.pum-theme-quiz-theme #gform_page_4_3 #field_4_13{
	position: absolute;
    left: 0;
    right: 0;
    top: 67px;
}

.pum-theme-quiz-theme #gform_page_4_3 #field_4_12 a{
	margin: 0 auto 20px;
    color: #2C2C2C;
    font-size: 20px !important;
    font-weight: 500;
    background-color: #00FF00;
    border: 3px solid #00FF00;
    max-width: 600px !important;
    width: 100%;
    padding: 17px 20px;
    border-radius: 3px;
    display: block;
    text-align: center;
}

.pum-theme-quiz-theme #gform_page_4_3 #field_4_12 a:hover{
	color: #00FF00;
    background-color: transparent;
}

.pum-theme-quiz-theme #gform_page_4_3 #field_4_13 a{
    margin: 0 auto 20px;
    color: #2C2C2C;
    font-size: 20px !important;
    font-weight: 500;
    background-color: #00FF00;
    border: 3px solid #00FF00;
    max-width: 600px !important;
    width: 100%;
    padding: 17px 20px;
    border-radius: 3px;
    display: block;
    text-align: center;	
}

.pum-theme-quiz-theme #gform_page_4_3 #field_4_13 a:hover{
	color: #00FF00;
    background-color: transparent;
}

.pum-theme-quiz-theme #gform_page_4_3 .gfield_radio{
	padding-top: 85px;
}

.pum-theme-quiz-theme #gform_page_4_4 #field_4_14{
	
}

.pum-theme-quiz-theme #gform_page_4_4 #field_4_14 .privacy{
	position: absolute;
    bottom: -10px;
    width: 100%;
    text-align: center;
}

.pum-theme-quiz-theme #gform_page_4_4 #field_4_14 .privacy a{
	color: #fff;
    font-size: 14px;
}

.pum-theme-quiz-privacy .pum-content{
	padding: 60px;
}

.pum-theme-quiz-privacy .pum-content h3{
	font-size: 20px;
}

.pum-theme-quiz-privacy .pum-content p{
	font-size: 20px;
    font-family: 'Open Sans';
}

.pum-theme-quiz-privacy .pum-close{
	background: url(../img/THE-ONLINE-DOG-TRAINER-popup-privay-close.jpg) no-repeat center !important;
    width: 35px !important;
    height: 35px !important;
	margin-right: 20px;
}

@media only screen and (max-width: 860px){

	.pum-theme-quiz-theme .pum-container{
		width: 95% !important;
	}
	
	.pum-theme-quiz-theme #gform_page_4_4{
		margin-top: -100px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_4 #field_4_10{
		position: relative;
		left: auto;
		top: auto;
		text-align: center;
	}
	
	.pum-theme-quiz-theme #gform_page_4_4 #field_4_7{
		margin: 0;
	}
	
	.pum-theme-quiz-theme #gform_page_4_4 #field_4_7, 
	.pum-theme-quiz-theme #gform_page_4_4 #field_4_8, 
	.pum-theme-quiz-theme #gform_page_4_4 #field_4_9, 
	.pum-theme-quiz-theme #gform_page_4_4 #field_4_11{
		float: none;
		margin: auto !important;
		text-align: center;
		padding: 0;		
	}
	
	.pum-theme-quiz-theme #gform_page_4_4 .gform_page_footer{
		padding: 2px 0 0;
	}
	
	.pum-theme-quiz-theme #gform_page_4_4 .gform_page_footer .gform_button{
		float: none;
		margin: auto;
		display: block;
		max-width: 440px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_4 #field_4_11 .note{
		padding: 0;
	}

}

@media only screen and (max-width: 700px){
	
	.pum-theme-quiz-theme .pum-container {
		padding: 80px 20px 20px !important;
	}
	
	.pum-theme-quiz-theme #gform_page_4_1{
		background-image: url(../img/THE-ONLINE-DOG-TRAINER-progress1-mobile.jpg) !important;
		background-size: 300px !important;
		padding-bottom: 50px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_2{
		background-image: url(../img/THE-ONLINE-DOG-TRAINER-progress2-mobile.jpg) !important;
		background-size: 300px !important;
		padding-bottom: 50px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_3{
		background-image: url(../img/THE-ONLINE-DOG-TRAINER-progress3-mobile.jpg) !important;
		background-size: 300px !important;
		padding-bottom: 50px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_4{
		background-image: url(../img/THE-ONLINE-DOG-TRAINER-progress4-mobile.jpg) !important;
		background-size: 300px !important;
		padding-bottom: 130px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_3 .gform_page_fields .gfield_label{
		max-width: 380px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_3 .gfield_radio {
		padding-top: 110px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_3 #field_4_12, 
	.pum-theme-quiz-theme #gform_page_4_3 #field_4_13{
		top: 105px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_3 #field_4_12 a,
	.pum-theme-quiz-theme #gform_page_4_3 #field_4_13 a{
		max-width: 500px !important;
	}
	
	.pum-theme-quiz-theme #gform_page_4_3 .gform_page_fields .gfield_radio label {
		max-width: 500px !important;
	}
	
	.pum-theme-quiz-theme #gform_page_4_4 #field_4_10{
		margin-top: -50px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_4{
		margin-bottom: 40px;
		margin-top: -50px;
	}
	
	.pum-theme-quiz-theme #gform_page_4_4 #field_4_11 .note{
		top: 80px;
	}
	
}

@media only screen and (max-width: 500px){
	
	.pum-theme-quiz-theme .gform_page_fields .gfield_label {
		font-size: 25px !important;
	}
	
	.pum-theme-quiz-theme .gform_page_fields .gfield_radio label{
		font-size: 16px !important;
	}
	

	
	.pum-theme-quiz-theme #gform_page_4_2 .gfield_radio{
		display: block;
    	text-align: center;		
	}
	
	.pum-theme-quiz-theme #gform_page_4_2 .gfield_radio .gchoice {
		width: 42%;
		margin: 5px 10px 0;
		display: inline-block;
	}
	
	.pum-theme-quiz-theme #gform_page_4_3 #field_4_12 a,
	.pum-theme-quiz-theme #gform_page_4_3 #field_4_13 a{
		font-size: 16px !important;
	}
	
	
	
} */