/* making hand-made nav static */
.staticnav { 
  	position: fixed !important;
  	top: 0 !important;
	left: 0 !important;
  	z-index: 5000 !important;
	backdrop-filter: blur(20px) !important;
}

/*
.staticnavMobile { 
  	position: fixed !important;
  	bottom: 0 !important;
	left: 0 !important;
  	z-index: 5000 !important;
	backdrop-filter: blur(20px);
}
*/

-----



/*
Description:	Custom CSS for Bert's website
Author:			Bert Mahoney
Author URI:		http://bertmahoney.com
Template:		Semplice Child Theme
Version:		2023—05—24
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive
*/


/* making header fixed height */
.is-frontend .semplice-navbar {
    height: 70px !important;
  	z-index: 5000 !important;
	backdrop-filter: blur(20px) !important;
}
  

/* Desktop Wide */

@media screen and (min-width: 1170px) {
 /* your code here */
    
    .hide-desktop {
	display: none !important;
  	width; 0;
  	height: 0;
	}

}

/* Desktop */

@media screen and (max-width: 1169px) and (min-width: 992px) {
    
    .hide-mobile {
	  display: none !important;
    }
  
 	 .hide-desktop {
	  display: none !important;
	  width; 0;
	  height: 0;
	}
	/* Horizontal Padding in the Footer */
	#content-3357 #section_927430fcf .container {
    	padding-left: 10%;
	    padding-right: 10%;
	}

}

/* Tablet Wide Landscape */

@media screen and (max-width: 991px) and (min-width: 768px) {

    .show-mobile {
	  display: contents !important;
    }
  
    .hide-mobile {
	  display: none !important;
    }
	
  	.hide-desktop {
	  display: none !important;
	  width; 0;
	  height: 0;
	}
	/* Horizontal Padding in the Footer */
	#content-3357 #section_927430fcf .container {
    	padding-left: 10%;
	    padding-right: 10%;
	}

}

/* Tablet Portrait: */

@media screen and (max-width: 767px) and (min-width: 544px) {

    .show-mobile {
	  	display: contents !important;
  	}

	.hide-mobile {
	  	display: none !important;
		width; 0;
		height: 0;
	}

	/* Horizontal Padding in the Footer */
	#content-3357 #section_927430fcf .container {
    	padding-left: 10%;
	    padding-right: 10%;
	}
}

/* Mobile: */

@media screen and (max-width: 543px) {
 /* your code here */

    .show-mobile {
	  display: contents !important;
    }
    .hide-mobile {
	  display: none !important;
    }
  	/* Horizontal Padding in the Footer */
	#content-3357 #section_927430fcf .container {
    	padding-left: 10%;
	    padding-right: 10%;
	}
}
/* hiding selected elements from the Tablet Portrait experience */

@media screen and ( max-width: 767.98px ) {
  .hide-mobile {
	  display: none !important;
	  width; 0;
	  height: 0;
	}
}
@media screen and ( min-width: 766.98px ) {
  	.hide-desktop {
	  display: none !important;
	  width; 0;
	  height: 0;
	}
}

/**************************************************************************************************/
/* Fix styling issue with how slider navigation is showing up — this fixes the 50% gray overlay on sliders */

#content-holder .flickity-prev-next-button {
    background-color: rgba(0, 0, 0, 0) !important;
}

/**************************************************************************************************/
/* Fix styling issue with padding on custom code to hide my email address */

#content-holder .is-content p#eeb-761488-241541, 
#content-holder .is-content p#eeb-761488-241541 a {
	padding: 0 !important; 
	margin: 0 !important;
}

#content-holder .is-content p#eeb-761488-241541 a:hover {
	color: #2f9e44 !important;
	text-decoration: underline !important;
}

/**************************************************************************************************/
/*		Adding CSS to animate hover for links in text   */
/*		Color moves from left to right				  */
/**************************************************************************************************/

p a:hover:before {
	right: 0 !important;
}

p a  {
	position: relative !important;
	text-decoration: none !important;
	color: #1971c2;
	padding: 1vw !important;
	margin: -1vw !important;
	transition: .3s !important;
}

p a:hover,
p a:hover span {
	color: #f8f9fa !important;
}

p a::before {
	position: absolute !important;
	z-index: -1 !important;
	content: '' !important;
	transition: transform .25s ease-in-out !important;
	transform: scaleX(0) !important;
	transform-origin: right !important;
	background: #1971c2 !important;
	inset: 0 !important;
	color: #f8f9fa !important;
}

.mainNav p a::before,
.mainNav p a:hover  {
	color: #D0EB6F !important;
}

p a:hover::before  {
	transform: scaleX(1) !important;
	transform-origin: left !important;
}

/**************************************************************************************************/
/* Styling email address in footer protected by plugin. */

#content-holder .is-content p#eeb-761488-241541,
#content-holder .is-content p#eeb-761488-241541 a {
	margin-bottom: 0px !important;
  	font-family: Lexend-VariableFont_wght, sans-serif;
  	font-size: 13px !important;
  	line-height: 24px; !important;
  	font-weight: 400 !important;
    font-variation-settings: normal;
    font-style: normal;
}

p.dark-mode a {
	color: #97D0FF !important;
}

/**************************************************************************************************/
/* Acessibility Icon Modifications */

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    background-color: rgba(0,0,0,0) !important;
    color: #DDF2FF !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover, 
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

body #pojo-a11y-toolbar {
    top: 0 !important;
}

/**************************************************************************************************/
/* Password Protected Content */

/* page background color */
#content-holder .post-password-form {
    background: #283848;
}
 
/* lock icon color */
#content-holder .post-password-form .inner .password-lock {
    fill: #FCC419;
}
 
/* h1 color */
#content-holder .post-password-form .inner h1 {
    color: #FCC419;
	font-family: "bitter", serif;
    font-weight: 300;
    font-variation-settings: normal;
    font-style: normal;
}
 
/* area text color */
#content-holder .post-password-form .inner {
    color: #EEEFEA;
}

body.postid-2027 #content-holder .post-password-form-dark {
  	display: block !important;
  	padding-top: 4vh !important;
    vertical-align: top !important;
}

@media screen and ( max-width: 767.98px ) {
    #content-holder .post-password-form .inner .input-fields .post-password-submit, 
    #content-holder .post-password-form .inner .input-fields input[type=submit]{
	   background-image: none !important;
        background-color: green;
        font-size: 1rem;
        color: white;
        text-indent: 0;
        line-height: 2.5555555556rem;
        text-transform: uppercase;
  }
}