/*
You can add your own CSS here.

Click the help icon above to learn more.
*/


/* Jon's extras */

/* I've added these to local stylesheet too so they can be removed from here after theme gets updated next */

.footer-widget-wrap {
    padding-top: 3rem;
}

.profile-filter-base-links {
    margin-bottom: 9rem;
}

#footer {
	margin-top: 4rem;
}

.hero.with-featured-image + .container > .row > .content-left-wrap {
    padding-top: 5rem;
}

.contact-form {
	margin-top: 6rem;
}

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
textarea {
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 0;
    color: #555;
}

/* End Jon's extras */

:focus-visible{
	outline: 2px solid #000 !important;
	outline-offset: 2px !important;
}

#footer :focus-visible{
	outline: 2px solid #fff !important;
	outline-offset: 2px !important;
}

.entry-content a {
	color: #c63928 !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"]{
	background-color: #b84c3f;
}

::selection {
	color: #fff;
	background: #c84646;
}
::-moz-selection {
	color: #fff;
	background: #c84646;
}
.profile-filter-panel-links a {
    color: #932c2c;
}
.profile-filter-panel-links .panel-set li a:hover, .profile-filter-panel-links .panel-set li.active a{
	background-color:#c84646;
}

.powered-by-spotlight img.img-responsive {

    width: 380px !important;
}

.footer-widget {
	display: inline-flex;
	gap: 40px;

}

.confit-hours, .confit-address {
	text-align: left;
}

#wpcom_social_media_icons_widget-4 ul li:first-child, #wpcom_social_media_icons_widget-5 ul li:first-child {
  padding-left: 0 !important;
}

.widget_wpcom_social_media_icons_widget ul {
    list-style-type: none;
    margin-left: 0;
    text-align: left;
}

@media (max-width: 768px) {
	.footer-widget {
    display: inline-block;
}
	  .hero-container {
    background-image: url('https://profileperformers.com/wp-content/uploads/2017/09/cropped-banner-home-jpg-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
			height: 210px;
  }
	
	  .hero-container img {
    opacity: 0;
    visibility: hidden;
  }
}