/*
 Theme Name:   Bears of Sheffield
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.5
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/
	#main-menu{
		position:relative;
		min-height:100vh;
	}

	 ul#main-menu > li:last-child{
		margin-bottom:100px;
	}
	
.trail_item .bear-extra .area .content {
    overflow: auto;
}
	.bear-150 {
background-size: 65%!important;
}

.login-button > a{
        font-size:14px!important;
        transition: all ease-in-out 0.3s;
        height:100%!important;
        width:100%!important;
        opacity:0.8;
    }
.login-button > a:hover{
    text-decoration: none;
	opacity:1;
	cursor: pointer;
}

	canvas.circles{
	    left:0; /* chrome fix */
	}

#page{
	overflow-x:hidden; 
}

.content-fluid .nk-awb{
	margin-left:calc( (-100vw + 83.33333vw - 2rem) / 2);
	margin-right:calc( (-100vw + 83.33333vw - 2rem) / 2);
}

.content-fluid .ghostkit-col-content figure{
	margin-bottom:0px;
	width: 100%;
	max-height:435px;
	overflow: hidden;
}


.navigation-toggler-container a{
	transition: all ease-in-out 0.3s
}
.navigation-toggler-container a:hover{
	text-decoration: none;
	opacity:0.8;
}

.bear_total_container img.size-full{
    min-width:100%;
}

#scroll-menu{
    top:0px;
    width:200px;
    height:200px;
    z-index:100;
    right:0;
}

#scroll-menu .bg-yellow{z-index:0;top:-30px;right:-20px;}
#scroll-menu .bg-blue {z-index:1;right:-20px;top:-5px;}
#scroll-menu .bg-pink {z-index:2;left:-10px;top:30px;}
#scroll-menu .login-button {z-index:110;left:0px;bottom:-10px;}
#scroll-menu .bg-teal {z-index:-1;top:-30px;left:10px;}
#scroll-menu .bg-orange {z-index:-2;top:50px;left:80px;}

.uagb-block-a46edc71 .uagb-column__inner-wrap{
	padding:0!important;
}

@media only screen and (max-width:1420px){
	.login-button > a{
        font-size:12px!important;
    }

	canvas.circles{
		top:0px!important;
	}
	#scroll-menu{
	    width:120px;
	    height:120px;
	}
	#scroll-menu .menu-text a{
	    display:none;
	}
	
		#scroll-menu .bg-yellow{top:-20px;right:-12px;}
    #scroll-menu .bg-blue {right:-15px;top:-3px;}
    #scroll-menu .bg-pink {left:-8px;top:20px;}
    #scroll-menu .login-button {left:0px;bottom:-8px;}
    #scroll-menu .bg-teal {top:-20px;left:8px;}
    #scroll-menu .bg-orange {top:32px;left:50px;}
    
}

@media (max-width: 575.98px){



	.login-button > a{
        font-size:10px!important;
    }

	.ghostkit-grid.ghostkit-grid-gap-md{
			margin-bottom:0;
	}


.uagb-post__carousel_equal-height{
	min-height:550px!important;
}

	.uagb-slick-carousel .slick-dots,
	.uagb-slick-carousel .slick-prev, 
	.uagb-slick-carousel .slick-next{
		display:none!important;
	}

.content-fluid .nk-awb{
	margin-left:calc( (-100vw + 83.33333vw) / 2);
	margin-right:calc( (-100vw + 83.33333vw) / 2);
}

.home .wp-block-image figure.aligncenter {
	margin:0!important;
	width:100%;
}
.home .wp-block-image figure.aligncenter img{
	max-width:unset!important;
	min-width:100%;
}

	.navigation-toggler-container {
		width: auto!important;
		position:absolute;
    	right:20px;
    	top:110px;
	}
	    .navigation-toggler-container > div > a{
        font-size:10px!important;
        height:50px!important;
        width:50px!important;
    }
	
	#scroll-menu{
	    width:100px;
	    height:100px;
	    overflow: initial;
	}
	#scroll-menu .menu-text a{
	    display:none;
	}
	#logo {
        width: auto!important;
        margin-right: 5%;
    }
    #logo > div{
		width:50%!important;
		margin-left:0;
	}

    .logo-large {
        width: 50%!important;
        margin-left: 25%;
    }

	
	#scroll-menu .bg-yellow{top:-15px;right:-10px;}
    #scroll-menu .bg-blue {right:-10px;top:-2px;}
    #scroll-menu .bg-pink {left:-5px;top:15px;}
    #scroll-menu .login-button {left: -5px;bottom: -10px;}
    #scroll-menu .bg-teal {top:-15px;left:5px;}
    #scroll-menu .bg-orange {top:25px;left:40px;}
	
	canvas.circles{
	    display:none;
	}

	.bear-extra >div,
	.bear-container-content{
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

	.bear-extra > div .container-heading{
		margin-left:-1.5rem!important;
		margin-top: -1.35rem!important;
	}

	
}


#audio_bite_btn{
	font-size:2.5rem;
	color:#00aca2;
	transition:all ease-in 0.3s;
}

#audio_bite_btn:hover{
	font-size:2.5rem;
	color:#aa6db5;

}

#donate-banner h5{

}
#donate-banner h5 a{
	transition:all ease-in 0.3s;
	position:relative;
}
#donate-banner h5 a:after{
	content:'\f061';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position:absolute;
	right:-60px;
	top:5px;
	transition:all ease-in 0.3s;
}

#donate-banner h5 a:hover:after{
	right:-80px;
}
#donate-banner a:hover{
	transition:all ease-in 0.3s;
	opacity:0.8;
}
.trail-link a,
a{
	transition:all ease-in-out 0.3s;
}

a.showPawPointOffers:hover{
	opacity:0.8;
	text-decoration: none;
}

#pawPointsModal .modal-content .close{
	color:#fff;
}
.trail-link a{
	margin-right:10px;
}
.trail-link a:hover{
	text-decoration: none;
	opacity: 0.8;
}

.trail-link a:hover + span {
	opacity:0;
	animation: fadeIn 2s;
	animation-fill-mode: forwards;
	-webkit-animation: fadeIn 2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: fadeIn 2s;
	-moz-animation-fill-mode: forwards;
	-o-animation: fadeIn 2s;
	-o-animation-fill-mode: forwards;
	-ms-animation: fadeIn 2s;
	-ms-animation-fill-mode: forwards;
}

.trail-link a:hover + span + span{
	opacity:0;
	animation: fadeIn 2s;
	animation-fill-mode: forwards;
	animation-delay:1s;
	-webkit-animation: fadeIn 2s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay:1s;
	-moz-animation: fadeIn 2s;
	-moz-animation-fill-mode: forwards;
	-moz-animation-delay:1s;
	-o-animation: fadeIn 2s;
	-o-animation-fill-mode: forwards;
	-o-animation-delay:1s;
	-ms-animation: fadeIn 2s;
	-ms-animation-fill-mode: forwards;
	-ms-animation-delay:1s;
}

.trail-link a:hover + span + span +span{
	opacity:0;
	animation: fadeIn 2s;
	animation-fill-mode: forwards;
	animation-delay:2s;
	-webkit-animation: fadeIn 2s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay:2s;
	-moz-animation: fadeIn 2s;
	-moz-animation-fill-mode: forwards;
	-moz-animation-delay:2s;
	-o-animation: fadeIn 2s;
	-o-animation-fill-mode: forwards;
	-o-animation-delay:2s ;
	-ms-animation: fadeIn 2s;
	-ms-animation-fill-mode: forwards;
	-ms-animation-delay:2s;
}


@keyframes fadeIn {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:1;}
}

@-moz-keyframes fadeIn {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:1;}
}

@-o-keyframes fadeIn {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:1;}
}

@-ms-keyframes fadeIn {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:1;}
}


@media screen and (max-width: 575.98px) {
	#map_container{
		/*height:100vh;*/
	}
	#pawPointsModal.modal.show,
	#bearsNearModal.modal.show,
	#map_container #mapsModal.modal.show,
	#myProgressModal.modal.show {
		position:absolute;
		height: calc(100vh - 15vh);
		bottom: 15vh;
	}
	#pawPointsModal.modal.show .modal-dialog,
	#bearsNearModal.modal.show .modal-dialog,
	#map_container #mapsModal.modal.show .modal-dialog,
	#myProgressModal.modal.show .modal-dialog {
		height: 100%;
		bottom: 0 !important; }
}

.wp-block-button .wp-block-button__link{
	display: inline-block;
	line-height: 30px;
	color: #fff!important;
	font-weight: 700;
	background-color: #095aa5!important;
	border: 2px solid #095aa5;
	vertical-align: middle;
	border-radius: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-box-shadow: 0 5px 0 0 rgba(26,183,234,.6);
	box-shadow: 0 5px 0 0 rgba(26,183,234,.6);
	width: 100%;
	outline: 0;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: perspective(200px) rotateY(-10deg) rotateX(-3deg) translateX(-5%) translateY(2%) translateZ(-20px) scale(1.1);
	transform: perspective(200px) rotateY(-10deg) rotateX(-3deg) translateX(-5%) translateY(2%) translateZ(-20px) scale(1.1);
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
	padding: 30px 70px 30px 30px;
	font-size: 30px;
	max-width: 350px;
}

.wp-block-button{
	margin:25px auto;width:100%;
}

.wp-block-button .wp-block-button__link:hover{
	text-decoration: none;
	color: #ffc423!important;
	-webkit-transform: perspective(250px) rotateY(9deg) rotateX(-3deg) translateX(6%) translateZ(-10px) scale(1.05);
	transform: perspective(250px) rotateY(9deg) rotateX(-3deg) translateX(6%) translateZ(-10px) scale(1.05);
}

.wp-block-button .wp-block-button__link:after {
	content: '';
	background: url(./images/button-paws.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 50px;
	height: 50px;
}

.where-the-bears .uagb-column__inner-wrap,
.uagb-block-92b826ff .uagb-column__inner-wrap{
	padding:0!important;
}


.slick-slide .uagb-post__image {
	position:relative;
	width:100%;
	height:0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.slick-slide .uagb-post__image > *:first-child{
	 position:absolute;
	width:100%;
	height:100%;
	left:0;
	right:0;
 }
.slick-slide .uagb-post__image img{
	height: 100%;
	object-fit: contain;
}

.woocommerce-account .woocommerce form.lost_reset_password .woocommerce-form-row{width:100%;}