/*
* Theme Name: New Community Family
* Theme URI: https://www.lachancedesign.com/
* Description: New Community Family Custom Theme
* Author: Rob Parks
* Author URI: https://www.lachancedesign.com/
* Template: mesmerize
* Version: 0.0.66666666666666666666666666666
* 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");

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

	/* Site Colors */
	--family-purple: #262F6E;
	--family-light-purple: #41669F;
	--family-soft-purple: #91A6C7;
	--family-orange: #ED6526;
	--family-light-orange: #F79C70;
	--family-charcoal: #535353;
	--family-grey: #EDEDED;
	--family-white: #FFFFFF;
	
	
	/* Site Fonts */
	--itc: "itc-avant-garde-gothic-pro", sans-serif;
	--open-sans: 'open-sans', sans-serif;
	

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

}
html *, body * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: var(--open-sans);
	color: var(--charcoal);
}
.error404 .post-list {
    height: auto!important;
}
.shadowImg img {
	box-shadow: 6px 6px 9px rgba(0,0,0,.3);
	transition: var(--trans);
}
.shadowImg img:hover {
	margin-top: -10px;
	margin-bottom: 10px;
	box-shadow: 6px 6px 12px rgba(0,0,0,.9);
}
a, a * {
	transition: var(--trans);
}
.itc, .itc * {
	font-family: var(--itc)!important;
}
.open-sans, .open-sans * {
	font-family: var(--open-sans)!important;
}
.underline {
	text-decoration: underline;
}


/*---------------------------------------------------
>> Nav Styles
---------------------------------------------------*/
.navigation-bar, 
.navigation-bar.fixto-fixed{
	padding-top: 0!important;
	padding-bottom: 0!important;
	background: var(--family-soft-purple);
}
.main_menu_col {
	flex-direction: column;
	padding: 0;
}
ul.dropdown-menu li ul {
	width: fit-content !important;
	left: 0;
}
#page-top .topIsh {
	color:white;
	margin-top: 15px;
	margin-bottom:15px;
	max-width: 97%;
	width: 97%;
}
#page-top .col-md-4 #text-2 {
	width: 100%;
}
#page-top .col-md-4 #text-2 a {
	color: white;
}
#page-top .topIsh .col-md-4 {
	display: flex;
	align-items: center;
}
#page-top .topIsh form {
	margin-bottom: 0;
	margin-left: 15px;
}
#page-top .logo_col {
	padding-left: 5%;
	border-right: 1px solid white;
}
#page-top hr {
	width: 100%;
	border-color: white;
	margin-bottom: 0;
}
#page-top .navigation-wrapper:not(.gridContainer) {
	padding: 0;
}
#page-top ul#main_menu li {
	flex-grow: 1;
	text-align: center;
	transition: var(--trans)
}
#page-top ul.sub-menu li {
	text-align: left!important;
}
#page-top ul#main_menu li:hover {
	background: var(--family-orange);
}
#page-top ul#main_menu li:hover > a {
  color: white;
}
#page-top ul#main_menu li + li {
	border-left: 1px solid white;
}
#page-top ul#main_menu li.purpBg {
  background: var(--family-light-purple);
}
#page-top ul#main_menu li:last-child:hover {
  background: var(--family-orange);
}
#page-top #mainmenu_container,
#page-top #mainmenu_container ul {
	width: 100%
}
#page-top #menu-socials {
	margin-left: 15px;
	margin-bottom: 0;
}
#menu-socials li {
  display: inline-block;
}
#menu-socials li + li{
  margin-left: 15px;
}
#menu-socials li a {
  color: white;
}


/*---------------------------------------------------
>> Home Page Posts Styles
---------------------------------------------------*/
.owl-stage .post-info {
	opacity: 0;
}
.owl-item:nth-child(2n+1) .post-info {
  display: none;
}
.owl-stage h3.post-title a {
  text-transform: capitalize !important;
  font-family: var(--itc) !important;
  font-weight: 400 !important;
  font-size: 1.6rem !important;
}
.owl-stage .read-more {
  font-weight: 600;
  color: var(--family-charcoal);
}



/*---------------------------------------------------
>> Inertior Pages Styles
---------------------------------------------------*/
.page-template-default .inner-header-description,
.post-template-default .inner-header-description {
	width: 100vw !important;
	margin: 0;
	min-width: unset;
	max-width: unset;
}
.inner-header-description h1 {
	margin: 0 auto!important;
	width: 90%;
	font-family: var(--itc)!important;
	font-size: 2.3rem;
	font-weight: 600;
	padding: 1.5rem 0;
	color: var(--family-soft-purple);
}
.inner-header-description h1 + p {
	display: none;
}
.page-template-default .inner-header-description .header-description-row,
.post-template-default  .inner-header-description .header-description-row {
	background: rgba(0,0,0,.75);
}
.sideBar ul {
  list-style: none;
  margin: 0;
}
.sideBar ul li a {
	text-decoration: none;
	transition: var(--trans);
	padding: 10px;
	display: block
}
.current-menu-item  a {
	background: var(--family-purple);
	color: white;
	width: 100%;
}
.sideBar ul li a:hover {
	background: var(--family-orange);
	color: white!important;
}


/*---------------------------------------------------
>> Facility Loop Styles
---------------------------------------------------*/
.fac_loop .row {
	height: 100%;
}
.fac_loop {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.fac_loop + .fac_loop {
	border-top: 2px solid var(--family-light-purple);
}
.fac_btn {
	color: white;
	background: var(--family-light-purple);
	width: fit-content;
	position: relative;
	bottom: 0;
	padding: 8px 13px;
	display: inline-block;
	text-decoration: none;
	border: 2px solid var(--family-light-purple);
	transition: var(--trans);
}
.fac_btn + .fac_btn { 
	margin-left: 15px;
}
.fac_btn:hover {
	background: transparent;
	color: var(--family-light-purple);
}


/*---------------------------------------------------
>> Banner Styles
---------------------------------------------------*/
.bannerCont .wpb_wrapper,
.bannerCont .vc_btn3-container,
.bannerCont a {
	height: 100%;
}
.bannerCont a {
	align-content: center;
	font-weight: 800;
}


/*---------------------------------------------------
>> Footer Styles
---------------------------------------------------*/
.testContainer {
	border-top: 2px solid var(--family-purple)!important;
	border-bottom: 2px solid var(--family-purple)!important;
}
.ctct-form-75 {
  margin-bottom: 0;
}
.ctct-form-75 input {
	position: relative;
}
.ctct-disclosure hr {
	display: none;
}
.ctct-form-wrapper small {
	display: block;
	line-height: normal;
	margin-bottom: 35px;
}
.footer * {
	color: black;
}
.footer h4.widgettitle {
	color: var(--family-purple);
	font-family: var(--itc);
	font-weight: 300;
	text-decoration: underline;
	font-size: 2rem;
}
.footer .widget + .widget {
  margin-top: 35px;
}
.footer ul#menu-socials-1 li {
	display: inline-block;
}
.footer ul#menu-socials-1 li + li {
	margin-left: 15px;
}
.footer-content-lists li a .fa {
	color: var(--family-purple);
	font-size: 25px;
}
.footer-content-lists .textwidget p {
  color: var(--family-charcoal);
}
.footer-content-lists .footer-content {
	background-color: var(--family-grey);
	padding-top:3rem;
	padding-bottom:3rem;
}

