/* 
 Theme Name:   ServHop Healthsite
 Theme URI:    www.servhop.com
 Description:  
 Author:       ServHop
 Author URI:   https://servhop.com
 Template:     hello-elementor
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

/*Change default inline link color */
a {
	background-color: transparent;
	text-decoration: underline;
	color: #227AC0; }
	a:hover, a:active {
	  color: #333366; }
	a:not([href]):not([tabindex]) {
	  color: inherit;
	  text-decoration: none; }
	a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	  color: inherit;
	  text-decoration: none; }
	a:not([href]):not([tabindex]):focus {
	  outline: 0; }
  
/* Hides alternate themes */
.theme {
    display: none!important;
}

.theme .active {
    display: block!important;
}
/* custom JE not found results */
.jet-listing-not-found {
    padding: 10px;
    background-color: #efefef;
    margin: 10px;
}

/* custom fields css - highlights html notes */
.je-admin-note {
    background-color: #445;
    color: #fff;
}
	
/* Highlight Site Options Menu */
li#toplevel_page_healthcare-site-options {
    background-color: blue;
}

/*Responsive Elementor Widget Panel */
.elementor-panel .elementor-panel-category-items { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)) } 
.elementor-panel .elementor-panel-category-items .elementor-element-wrapper { width: 100%; } 
.elementor-panel-category:not(.elementor-active) .elementor-panel-category-items { display: none !important;}
	
/* add custom gridshrink class */
.gridshrink .jet-listing-grid__item {
	transition-duration: .9s!important;
	transition-property: transform!important;
	transition: all 5s ease!important; 
}
.gridshrink .jet-listing-grid__item:hover {
	transform: scale(0.95);
	transition-duration: .3s;
	transition-property: transform;
	transition: all 0.5s ease;
}
	
/* Remove space after last paragraph in elementor blocks */
p:last-child {
	margin-bottom: 0;
}
	
/* Centers default display of Page Password Block in Elementor Templates */

.post-password-form {
	margin: 10vh 20px 30vh 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post-password-form p {
	width: 400px;
	display: inline;
}
	
[type="button"], [type="submit"], button {
	display: flex;
	font-weight: 400;
	color: #c36;
	text-align: center;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 0px;
	padding: .5rem 1rem;
	font-size: 1rem;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	align-items: center;
	margin: 10px 0px;
}