/*
Theme Name: Kaiser
Author: Idealogy
Author URI: https://www.idealogy.biz/
Description: Website layout for Kaiser Home Support Services
Version: 1.0.0

*/
.events .elementor-column-wrap{box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);border-radius:7px;}

.frm-show-form {line-height:1.5em;}
.frm_section_heading > .frm_description{margin:0 0 20px !important; font-size:16px!important;}
.frm_html_container{font-size:16px!important;}
.frm_section_heading{border-top:solid 1px #000; margin:20px 0 0;}
.frm_section_heading:first-of-type{border:none!important;}
.frm_message > p{font-family:"Source Sans Pro", Sans-serif!important; font-size:16px!important; margin:20px!important;}

*{box-sizing:border-box;}
body{margin:0; padding:0;}
p > a{color:#003a70;} p > a:hover{text-decoration:underline;}
.elementor-accordion > .elementor-accordion-item:first-of-type{display:none!important;}
.elementor-accordion > .elementor-accordion-item:nth-of-type(2){border-top:1px solid #d4d4d4 !important;}
h3{font-weight:400; color:#e53e51; font-size:22px;}
#header{background:#fff;}
#header > div {max-width:960px; margin:20px auto; position:relative;}
#branding{width:250px; position:relative;}
#branding img{width:100%; height:auto;}

#header-widget{font-family:"Source Sans Pro", Sans-serif; font-weight:bold; color:#003a70; font-size:36px; position:absolute; right:0; top:0;}

nav{width:100%; border-top:solid 1px rgba(222,223,225,1); border-bottom:solid 1px rgba(222,223,225,1); padding:15px 0; font-family:"Source Sans Pro", Sans-serif; font-size:14px;     letter-spacing: .03em; background:#fff;     
	box-shadow: rgba(0,0,0,0.25) 0 3px 5px 0!important;
    -moz-box-shadow: rgba(0,0,0,0.25) 0 3px 5px 0!important;
    -webkit-box-shadow: rgba(0,0,0,0.25) 0 3px 5px 0!important; z-index:10; position:relative;}

nav > div{max-width:960px; margin:auto;}
nav ul{list-style:none; margin:0; padding:0; }
nav ul.menu{display:flex; display:-ms-flexbox;display:-webkit-flex; flex-wrap: wrap; justify-content: space-between;}
nav ul.menu > li {text-align:center;  justify-content: flex-start; position:relative;  margin: 0 20px;}
nav a{text-decoration:none; text-transform:uppercase; display:block; color:#000;}
nav ul.menu > li > a{transition:all .3s ease-in-out;}
nav ul.menu > li a:after{content:""; width:0; position:absolute; left:0; bottom:-3px; height:1px; background-color:#a67eb1;  transition:all .3s ease-in-out;}
nav ul.menu > li.current_page_item a:after, nav ul.menu > li:hover a:after, nav ul.menu > li.current-menu-ancestor a:after {width:100%;}
nav  ul.menu > li:hover > a, nav ul.menu > li.current_page_item > a, nav ul.menu > li.current-menu-ancestor > a{color:#a67eb1;}
nav ul.sub-menu{position:absolute; left:0; top: 117%; background:#faf9f9; transform: translateY(-10px); transition:all .3s ease-in-out; opacity:0; visibility:hidden;} 
nav li:hover > ul.sub-menu {transform: translateY(0px); opacity:1; visibility:visible;}
nav li.menu-item-has-children > a {position:relative;}
nav li.menu-item-has-children > a:before{content:""; transition: transform .3s ease-out; border-style: solid;
	border-width: 1px 1px 0 0;
	display: inline-block;
	height: 0.35em;
	position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
        margin: 5px auto auto;
	transform: rotate(135deg);
	vertical-align: top;
	width: 0.35em;
}
nav li.menu-item-has-children:hover > a:before{transform: rotate(-45deg);}
nav ul.sub-menu li{text-align:left; padding:15px 30px 15px 15px; white-space: nowrap;}
nav ul.sub-menu li:hover, nav ul.sub-menu li.current_page_item{background:#a67eb1;} nav ul.sub-menu li:hover > a,  nav ul.sub-menu li.current_page_item > a{color:#fff;} nav ul.sub-menu > li a:after{display:none;}

#menu-toggle{position:absolute;left:-9999px;top:-9999px}

.label-toggle {
    z-index: 1000;
	padding:5px 0;
    text-align: left;
	display:none;
	    position: absolute;
    top: 40px;
    width: 50%;
    padding: 0 5%;
}

.line{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:30px;height:3px;background-color:#000;display:block;margin:6px 0}

.slide-copy{margin:0 auto !important;}
.bar-row{position:absolute !important; bottom:0 !important;}
div#n2-ss-1 .n2-ss-layers-container{width:100% !important; margin:0 !important;}
div#n2-ss-1 .n2-ss-layers-container{height:100% !important;}

img.alignright{float:right; margin:10px 0 10px 10px;}
img.alignleft{float:left; margin:10px 10px 10px 0;}

#services .elementor-column .services-copy{visibility: hidden; opacity:0; max-height:0; transition:visibility .3s ease-in-out, opacity .3s ease-in-out, max-height .3s ease-in-out}
#services .elementor-column:hover .services-copy{visibility: visible;  opacity:1; max-height: 999px;}
#services .elementor-column .services-head  > .elementor-widget-container{padding:10px !important;}
#services .elementor-column .services-head h2{transition:color .3s ease-in-out !important;}
#services .elementor-column:hover .services-head h2{color:#fff !important; }
#services .elementor-column:hover .elementor-widget-container{background-color:transparent !important;}

.color-bar .elementor-column{width:25% !important;}

#footer{background-color:#003a70; color:#fff; font-family:"Source Sans Pro", Sans-serif;}
#footer a{color:#fff; text-decoration:none;}
#footer>div{max-width:960px; margin:auto; padding:20px 0;}
#footer .contact, #footer .images{display:inline-block; vertical-align:middle;}
#footer .contact{font-size:18px; width:39%;}
#footer .contact span{border: 3px white solid;	border-radius: 20px;}
#footer .contact span:hover{opacity:0.7;}
#footer .images{width:60%; text-align: right;}
#footer .images > div{display:inline-block; vertical-align:middle; margin:0 0 0 20px;}
#footer .images img{height:80px !important; width:auto !important;}
#copyright{width:100%;text-align:center; font-weight:300; font-size:14px;}

form{font-family:"Source Sans Pro", Sans-serif;}
.nf-form-fields-required{font-size:14px; margin:0 0 20px;}
label{color:#333 !important; font-size:18px;}
input, textarea{background:#f7f7f7; border:solid 1px #ddd;  font-size: 16px; padding:10px; outline:none !important;}
textarea{resize:none;}
input[type=button]{color:#fff; font-family:"Source Sans Pro", Sans-serif; font-weight:500; font-size:16px; padding:10px; background:#e53e51; border:none; text-transform:uppercase; min-width:200px;}
input[type=button]:hover{opacity:0.8;}
.submit-wrap {text-align:right;}

@media screen and (max-width:1024px){
	#header > div{max-width:90%;  text-align: center;}
	#branding{width:180px; margin:auto;}
	#header-widget{font-size:25px;}
	.label-toggle {display:block;}
	nav{max-height:none; background:#003a70; overflow:hidden; padding:0;   position: fixed;  top: 0;  left: -55%;  height: 100vh; min-width: 40%;
    max-width: 50%; -webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; border:none;}
	
	nav a {color:#fff !important;  position: relative;     display: inline-block;}
	
	nav ul.menu > li a:after{background-color:#fff; height: 2px;}
	nav ul.sub-menu{background:transparent; position: relative; height:0;  margin:0; -webkit-transition:height .3s ease-in-out;-o-transition:height .3s ease-in-out;transition:height .3s ease-in-out;}
	nav ul.sub-menu li:hover, nav ul.sub-menu li.current_page_item{background:transparent;}
	nav ul.sub-menu a:hover, nav ul.sub-menu li.current_page_item a{text-decoration:underline;}
	
	nav li:hover > ul.sub-menu{ height:auto; margin: 15px 0 0 15px;}
	
	nav > div {margin: 50px auto 0; width:90%; max-width:none;}
	
	nav ul.menu{display:block;     margin: 100px 0 0;}
	nav li {margin:auto; padding: 10px 0 !important; text-align:left !important; font-size:18px!important; font-weight:300 !important; }
	
	#menu-toggle:checked~nav{left:0;}
	#menu-toggle:checked~.label-toggle> .line:nth-child(2){opacity:0}
	#menu-toggle:checked~.label-toggle> .line:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg); background:#fff;}
	#menu-toggle:checked~.label-toggle> .line:nth-child(3){-webkit-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);-o-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg); background:#fff;}
	
	#services .elementor-row{flex-wrap: wrap;}	
	#services .elementor-column{width:50%; min-height:535px;}	
	#footer>div{padding:20px;}
}

@media screen and (max-width:1024px) and (max-height:725px){
	nav{overflow-y: scroll;}
	nav li {margin:auto; padding: 7px 0 !important;}
}

@media screen and (max-width:767px){
	#services .elementor-column{width:100%;}	
	.bar-row .n2-ss-layer{width:25% !important;}
	img.alignright, img.alignleft{float:none; margin:auto;}
	nav{width:100%; max-width:none; min-width:0; left: -105%;}
	nav li{text-align:center !important;}
	#footer .contact, #footer .images{display:block; width:100%; margin:auto; text-align:center;}
	#footer .images{margin:40px auto;}
	#footer .images img{height:65px !important;}
}

@media screen and (max-width:560px){
	#branding, #header-widget{position:relative; text-align:center; margin:auto;}
	#header-widget p {margin:0;}
}