/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Colors

	Replace the HEX Code with your Desired Color HEX
green 356d35
	--blue: #007bff > 292954;
	--indigo: #6610f2 > 42546a;
light green 728c73
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #292954;
	--secondary: #6c757d;
	--success: #28a745 - 356d35;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40 > 292954;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
-----------------------------------------------------------------*/ 

@import url("/theme/css/lhr_colors_0122.css");

 


header .menu-item a:active,
header .menu-item a:focus { outline: #ccc !important; background-color: rgba(248,242,242,0.25) }

body a:active,
body a:focus,
#content a:active,
#content a:focus 
 { border-bottom:2px solid rgba(209,25,28,1.00);  }

a.button:active,
a.button:focus { border:2px solid rgba(209,25,28,1.00);  }    
.logo,
#logo, #logo2 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: left;
    -ms-flex-align: left;
    margin-right: auto;
    max-height: 100%;
	font-family: 'Lato', sans-serif !important;
    text-transform: uppercase;
}

#logo a, 
.logo a {
  color: #356d35;
    font-weight: 700;
    font-size: 18px !important;
    line-height: 22px !important;
    padding: 0 5px 5px 0 !important;
    margin: 0 0 !important;
    letter-spacing: 1px !important;	
}


#side-panel {
 
	/*z-index: 1001;*/
 
}

#side-panel.light  .logo a {
  color: #356d35;
    font-weight: 700;
    font-size: 22px !important;
    line-height: 26px !important;
 
}

#logo span,
.logo span, 
#logo a span,
.logo a span  {
	display: block;
    letter-spacing: 4.5px !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 18px !important;
} 

 

.dark .logo a  {color: #ffffff !important;}

.page-title-parallax {
    background-image: url('/assets/banners/parallax-bg.jpg');
    background-size: cover;
}
 

	#header-wrap, #topbar.dark {
		 
		/*z-index: 650 !important;*/
		 
	}

 
	#modal {
		background-color: rgba(255, 255, 255, 0.97);
		color: #006;

		padding-top: 100px !important;
        
		display: none;

		position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;

		width: 100%;
		height: 100%;
	}
	
 


@media (min-width: 576px) {
 
}

@media (max-width: 767px)   {
	.sidebar-widgets-wrap {
		position: relative;
		display: -ms-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -20px -40px -20px;
	}

	.sidebar-widgets-wrap .widget {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin: 0 0 40px 0;
		padding-top: 0;
		padding-left: 20px;
		padding-right: 20px;
		border-top: 0;
	}
}
 




@media (min-width: 768px) and (max-width: 991.98px) {
 
	.sidebar-widgets-wrap .widget {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100% !important;
		margin: 0 0 40px 0;
		padding-top: 0;
		padding-left: 20px;
		padding-right: 20px;
		border-top: 0;
	}
 

}


@media (max-width: 991px) {
	 
	#modal {
		 
 
		z-index: 1001 !important;
 
	}	
}
@media (min-width: 992px) {
  .full-header .logo {
        padding-right: 15px;
        border-right: 1px solid #EEE;
    }
	
}

@media (min-width: 1200px) {
 
}



.entry .entry-content  ol li,
.entry .entry-content  ul li
{margin-left: 3rem;}