/*
* Theme Name: New Banecare
* Theme URI: https://www.lachancedesign.com/
* Description: New Banecare Custom Theme
* Author: Rob Parks
* Author URI: https://www.lachancedesign.com/
* Template: mesmerize
* Version: 0.0.55555555555555555
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
* Text Domain: mesmerize
*/
@import url("../mesmerize/style.css");

/*---------------------------------------------------
>> Root Styles & Resets
---------------------------------------------------*/
:root {

	/* Site Colors */
	--banecare-grey: #636E73;
	--banecare-salmon: #F18C53;
	--banecare-blue: #045286;
	--banecare-green: #72AA5B;

	/* Site Fonts */
	--nun: 'nunito', sans-serif;

	/* Site Transitions */
	--trans: all .3s ease-in-out;

}


/*---------------------------------------------------
>> Global Styles & Resets
---------------------------------------------------*/
html {
	background: #f5f5f5;
}
html *, body * {
	font-family: var(--nun);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: black;
	font-display: swap;
}
html, body, .p {
	font-size: 18px;
}
a, a * {
	transition: var(--trans)!important;
}a:hover, a:hover * {
	cursor: pointer!important;
}
.error404 .post-list {
	height: auto!important;
}
.shadowImg img {
	box-shadow: 6px 6px 9px rgba(0,0,0,.3);
	transition: var(--trans);
}
.facs .card {
    transition: var(--trans);
}
.shadowImg img:hover, .facs .card:hover {
	margin-top: -10px;
	margin-bottom: 10px;
	box-shadow: 6px 6px 12px rgba(0,0,0,.9);
}
.whiteTxt, .whiteTxt * {
	color: white!important;
}
h1, h2, h3, h4, h5,
h6, h7, h8, h9 {
	letter-spacing: 0!important
}
form p {
	margin-top:0!important;
}

/*---------------------------------------------------
>> Component Styles
---------------------------------------------------*/
.z9 {
	z-index: 9;
}
.z1 {
	z-index: 1;
}
.underline {
	text-decoration: underline;
}
.nunito, .nunito * {
	font-family: var(--nun)!important;
	font-display: swap;
}
.boreded {
	border: 1px solid gray;
}
.borededWhite {
	border-color: white!important;
}
iframe.autoHeight {
	height: calc(36vw*.5273);
}
.hideyHR input, 
.hideyHR textarea, 
.hideyHR select, 
.hideyQuicky input, 
.hideyQuicky textarea, 
.hideyQuicky select {
	border-color: gray!important;
}
.hideyHR form p,
.hideyQuicky form p {
	margin-bottom:15px!important;
}
.hideyQuicky .vc_custom_1715010872354 {
	padding: 2rem!important;
}
.mobNav {
	display: none!important;
}


/*---------------------------------------------------
>> Blog Styles
---------------------------------------------------*/
.error404 .footer .vc_row-has-fill, .blog .footer .vc_row-has-fill {
  background: var(--banecare-grey);
}
.blog h3.post-title {
	font-size: 1.5rem !important;
	line-height: 2rem !important;
	margin-bottom: 20px;
	color: var(--banecare-blue);
}
.post-template-default .header::before,
.blog.wp-child-theme-banecare_new_theme .header::before{
  content: " ";
  background: linear-gradient(90deg,rgb(255, 255, 255) 0%, rgba(255, 255, 255, .3) 30%, rgba(255, 255, 255, 0) 100%);
  display: block;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
  position: absolute;
}


/*---------------------------------------------------
>> Map Styles
---------------------------------------------------*/
.wpsl-no-results, #wpsl-wrap {
    background: var(--banecare-blue);
}
.wpsl-input {
    width: 100%;
    display: flex!important;
}
#wpsl-search-input {
    flex-grow: 1;
}
#wpsl-stores *, #wpsl-direction-details * {
  color: white;
}
.mapBox #wpsl-stores .wpsl-store-thumb {
    height: unset !important;
    width: unset !important;
    float: unset!important;
    display: block;
    margin-left: 0 !important;
    margin-bottom: 15px !important;
}
.wpsl-direction-wrap a {
  padding: 10px 15px;
  background: var(--banecare-salmon);
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.wpsl-store-location strong {
  text-decoration: underline;
}


/*---------------------------------------------------
>> Navigation Styles
---------------------------------------------------*/
.navigation-bar {
    transition: var(--trans);
}
ul.dropdown-menu > li {
	color: var(--banecare-blue);
}
ul.dropdown-menu > li > a {
	font-weight: 700;
	text-transform: initial;
	letter-spacing: 0;
	font-size: 16px;
}
ul.dropdown-menu > li:hover > a, 
ul.dropdown-menu > li.hover > a {
	color: var(--banecare-green);
}
.main_menu_col {
	flex-direction: column;
	align-items: end;
}
#menu-top-menu {
	margin: 0;
}
#menu-top-menu li {
	display: inline-block;
}
#menu-top-menu li a, #menu-top-menu li {
	font-size: 14px;
	text-decoration: none;
	color: var(--banecare-blue);
}
#menu-top-menu li a:hover {
	color: var(--banecare-green);
}
#menu-top-menu li + li {
	margin-left: 10px;
}
.coloured-nav ul.dropdown-menu > li, 
.fixto-fixed ul.dropdown-menu > li {
	color: var(--banecare-blue);
}
ul.dropdown-menu.simple-menu-items > .current_page_item > a, 
ul.dropdown-menu.simple-menu-items > .current-menu-item > a {
	color: var(--banecare-green);
}
.page-template-facility-page-template ul.dropdown-menu li {
	padding: 0.85rem .55rem!important;
}
.page-template-facility-page-template .wpcf7-submit {
	margin-top: 20px
}
ul.mobNav {
    list-style:none;
    text-align:left;
    background: var(--banecare-grey);
    margin-top: 20px;
    padding: 20px 0 1rem;
}
ul.mobNav li {
    padding: 0.5rem 0 0.5rem 2.5rem;
    margin-left:0!important;
    color:white!important;
}
ul.mobNav li a{
    color:white!important;
}
.fixto-fixed .custom-logo-link img {
	max-height: 90px !important;
}
.top-bar-field {
	width: 100%;
}
.offcanvas_menu li > ul > li > a {
  padding: 15px 1rem;
}


/*---------------------------------------------------
>> Header Styles
---------------------------------------------------*/
h1.hero-title {
	color: #045286;
	margin-bottom: 1.25rem;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.14;
	letter-spacing: 0.9px;
}


/*---------------------------------------------------
>> Home Styles
---------------------------------------------------*/
form {
	margin-bottom:0;
}
.shortForm .hided {
	display: none;
}
.shortForm input[type="submit"] {
	width: 100%;
}
.shortForm p {
	padding-top: 15px;
}
.shortForm .shortSub {
	background: var(--banecare-blue);
	border-color: var(--banecare-blue);
	color: white;
	cursor: pointer;
	transition: var(--trans);
}
.shortForm .shortSub:hover {
	background: var(--banecare-salmon);
	border-color: var(--banecare-salmon);
}


/*---------------------------------------------------
>> Carousel Styles
---------------------------------------------------*/
.owl-theme .owl-nav [class*="owl-"]:hover {
	background: #869791;
	color: #FFF;
	text-decoration: none;
	color: var(--banecare-green) !important;
}


/*---------------------------------------------------
>> Careers Styles
---------------------------------------------------*/
.apploi-drop-down select {
	height: 36px!important;
	width: 50%!important;
	padding-top: 8px!important;
	padding-bottom: 8px!important;
}
.search-job-container input {
	width: 80%!important;
}
.apploi-drop-down input:focus:not(.button):not([type="submit"]), 
.apploi-drop-down textarea:focus:not(.button):not([type="submit"]), 
.apploi-drop-down select:focus:not(.button):not([type="submit"]) {
	outline: none;
	background-color: var(--banecare-salmon);
	border-color: var(--banecare-salmon);
	box-shadow: 0 0 0 1px var(--banecare-salmon) inset;
}


/*---------------------------------------------------
>> Footer Styles
---------------------------------------------------*/
.footer h4 {
	font-size: 1.6rem;
	text-decoration: underline;
}
.footer ul#menu-socials li {
	display: inline;
}
.footer ul#menu-socials li + li {
	margin-left: 15px;
}
.footer .widget + .widget {
	margin-top: 20px;
}

/*---------------------------------------------------
>> Media Queries
---------------------------------------------------*/

@media (max-width:80.063em){
	/*For screen sizes: 1281.008px*/

}
@media (max-width:74.96875em){
	/*For screen sizes: 1199.5px*/

}
@media (max-width:72.063em){
	/*For screen sizes: 1153.008px*/

}
@media (max-width:64.063em){
	/*For screen sizes: 1025.008px*/

}
@media (max-width:61.9375em){
	/*For screen sizes: 991px*/
    .page-template-facility-page-template .autoHeight {
        height: calc(100vw*.53)!important;
    }
	.min350 {
		min-height: 350px!important;
	}
	.order1 {
	order: 1;
	}
	.order2 {
		order: 2;
	}
	.order3 {
		order: 3;
	}
	.order4 {
		order: 4;
	}
}
@media (max-width:60.063em){
	/*For screen sizes: 961.008px*/

}
@media (max-width:54.063em){
	/*For screen sizes: 865.008px*/
    .menu-top-menu-container {
        display: none;
    }
}
@media (max-width:47.9375em){
	/*For screen sizes: 767px*/
	html *, body * {
		text-align: center!important;
	}
	ul, ul ul, ul ol, ol, ol ul, ol ol {
		list-style-position: inside;
		margin-left: 0;
	}
    .menu-top-menu-container {
        display: none;
    }
	.mobNav {
		display: block!important;
	}
	iframe.autoHeight {
		height: calc(100vw*.5273);
	}
}
@media (max-width:40.063em){
	/*For screen sizes: 641.008px*/

}
@media (max-width:35em){
	/*For screen sizes: 560px*/

}
@media (max-width:33.75em){
	/*For screen sizes: 540px*/

}
@media (max-width:30.063em){
	/*For screen sizes: 481.008px*/

}
@media screen and (max-width:28.75em){
	/*For screen sizes: 460px*/

}
@media screen and (max-width:20em){
	/*For screen sizes: 320px*/

}