body {
    font-family: "Lato";
    font-size: 18px;
}
p, ol, ul {
    font-family: "Lato";
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Lato";
}
input, select, textarea, label {
    font-family:"Lato";
}

a {
    color: #00439e;
}
a:hover {
    color: #00a3ce;
}

a.button,
input[type="submit"] {
    font-family: "Lato";
    font-size: 18px;
    background-color: #08335a;
    padding: 0.75rem 1.75rem;
    color: #fff;
}
a.button:hover,
input[type="submit"]:hover {
    background-color: #e2d3d2;
    color: #000;
}


label {
    font-size: 18px;
}
input, textarea {
    font-size: 18px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"] {
    border-radius: 6px;
    border: 3px solid #a9a9a9;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus {
    border: 3px solid #00a3ce;
}

.tabs.primary {
    background: #08335a;
}
.tabs a.is-active {
    background-color: #777;
}



.node {
}
.node p,
.node li {
    text-align: justify;
    font-size: 18px;
}

#offCanvasRight{z-index: 101;position: absolute;}
#offCanvasRight .close-button{
    top: 1rem;
    right: 1rem;
}
#offCanvasRight .accordion-menu .submenu li {
    padding-left: 2rem;
}
#offCanvasRight .accordion-menu .submenu li a {
    border-left: 2px solid #fff;
}
.drilldown a, .drilldown .is-drilldown-submenu{background:transparent;}
.is-drilldown{width: 100% !important;}
.is-drilldown ul{margin:0;}
.drilldown .js-drilldown-back > a::before{
    border-color: transparent #000 transparent transparent;
}
.drilldown .js-drilldown-back > a{color: #000;}
#block-residentmenu-2{background: #031831;}
#block-residentmenu-2 .drilldown a{color:#fff;}
#block-residentmenu-2 .drilldown .js-drilldown-back > a{color:#737373;}
#block-residentmenu-2 .drilldown .js-drilldown-back > a::before{
    border-color: transparent #737373 transparent transparent;
}

.submenu.is-accordion-submenu { margin-left: 0; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { content: none; }

#la-login-navbar {
    background-color: #08335a;
    color: #fff;
    float: left;
}
#la-login-navbar > div {
    max-width: 1330px;
    margin: 0 auto;
}
#la-login-navbar ul.menu {
    justify-content: flex-end;
	float:left;
}
#la-login-navbar ul.menu a {
    font-family: "Lato";
    font-size: 18px;
    color: #fff;
    padding: 0.5rem 2rem;
    border: 1px solid #ffffff;
    margin-right: 5px;
    transition: padding 1s;
}
.scrolled #la-login-navbar ul.menu a {
    padding: 0.2rem 2rem;
    transition: padding 1s;
}
#la-login-navbar ul.menu a:hover {
    background-color: #fff;
    color: #08335a;
}

#la-login-navbar nav#block-loginmenu {
    float: right;
}


@media only screen and (max-width: 640px) {
    .region-banner { zoom: 200%; margin-left: -50%; }
}
@media only screen and (max-width: 480px) {
    .region-banner { zoom: 240%; margin-left: -70%; }
}


#la-navbar {
    position: fixed;
    width: 100%;
    z-index: 101;
    margin-top: 46px;
    transition: margin-top 1s;
    background-color: #fff;
}
.scrolled #la-navbar {
    margin-top: 36px;
    transition: margin-top 1s;
}
#la-navbar .top-bar {
    background-color: #fff;
    align-items: flex-end;
    padding: 0;
}
#la-navbar > div {
    max-width: 1330px;
    margin: 0 auto;
    position: relative;
}

#la-navbar .logo img {
    max-height: 100px;
    transition: all 1s;
}
.scrolled #la-navbar .logo img {
    max-width: 125px;
    transition: all 1s;
}

#la-navbar .top-bar ul.menu {
    margin: 0;
    background-color: #fff;
    display: flex;
}
#la-navbar .top-bar ul.menu li {
    padding: 0;
}
#la-navbar .top-bar ul.menu li.is-active {
    -background-color: #00a3ce;
}
#la-navbar .top-bar ul.menu span {
    cursor: default;
}
#la-navbar .top-bar ul.menu > li a,
#la-navbar .top-bar ul.menu > li span {
    font-family: "Lato";
    font-size: 18px;
    color: #031b31;
    display: block;
    line-height: 16px;
    padding: 1.5rem 1.5rem;
    border-bottom: 6px solid transparent;
}
.scrolled #la-navbar .top-bar ul.menu > li a,
.scrolled #la-navbar .top-bar ul.menu > li span {
    padding: 1rem 1.5rem;
}
#la-navbar .top-bar ul.menu > li > a:hover,
#la-navbar .top-bar ul.menu > li > span:hover {
    border-bottom: 6px solid #0a2d1d;
}

#la-navbar .top-bar ul.menu li.is-active > a,
#la-navbar .top-bar ul.menu li.is-active > span {
    border-bottom: 6px solid #0a2d1d;
}

#la-navbar .top-bar ul.submenu {
    color: #000;
    background-color: #e2d3d2;
    background-color: #ebe9ef;
    border: 12px solid #fff;
    border-top: none;
    white-space: nowrap;
    margin: 0;
    margin-left: -12px;
    padding: 1rem 0;
}
#la-navbar .top-bar ul.submenu li {
    list-style: none;
    width: 100%;
}
#la-navbar .top-bar ul.submenu li a,
#la-navbar .top-bar ul.submenu li span {
    padding: 1rem 2.5rem;
}
#la-navbar .top-bar ul.submenu li a:hover {
    -background-color: #fff;
    text-decoration: underline;
}


#la-resident-navbar {
    padding: 1rem 0 0;
    margin-right: 1rem;
    /*border: 8px solid #00a3ce;*/
}
#la-resident-navbar h2 {
    font-size: 26px;
   /* margin: 0 22px 1rem;*/
    padding-left:22px;
	padding-right:22px;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:700;
	background:#0a2d1d;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	margin-bottom:0 !important;
}
#la-resident-navbar ul.menu {
    margin: 0;
}
#la-resident-navbar ul.menu li {
    /*border-top: 6px solid #00a3ce;
    margin: 0 6px;*/
	background:#031831;
    border-bottom: 1px solid #ffffff;
    /*padding-left: 6px;
    padding-right: 6px;*/
}
#la-resident-navbar ul.menu li span {
    cursor: default;
}
#la-resident-navbar ul.menu li span,
#la-resident-navbar ul.menu li a {
    font-family: "Lato-Bold";
    font-size: 24px;
    color: #ffffff;
    display: block;
    line-height: 16px;
    padding: 1rem 1rem;
}
#la-resident-navbar ul.menu li a:hover {
    color: #00439e;
}
.dropdown.menu.vertical > li.opens-right > a:after {
    position: initial;
    border: none;
    width: initial;
    margin: 0;
}
#la-resident-navbar ul.menu > li > span:after,
#la-resident-navbar ul.menu > li > a:after {
    /*content: '\f054';*/
    font-weight: 900;
    font-family: "Lato-Bold";
    font-size: 32px;
    padding-left: 0.5rem;
    color: #00a3ce;
    float: right;
}
#la-resident-navbar ul.menu > li:hover > span:after,
#la-resident-navbar ul.menu > li:hover > a:after {
    color: #00439e;
}

#la-resident-navbar ul.submenu {
    padding: 0;
    width: 100%;
    /*min-width: 380px;*/
    /*border: 8px solid #00a3ce;*/
}
#la-resident-navbar ul.submenu li {
    list-style: none;
    width: initial;
	background:#486083;
	border:1px solid #ffffff;
}
/*#la-resident-navbar ul.submenu li:first-of-type {
    border: none;
}*/
.res-menu-title{
}

#la-banner {
    margin-top: 146px;
}
.scrolled #la-banner {
    margin-top: 110px;
}

.title-bar {
    position: fixed;
    width: 100%;
    z-index: 101;
    margin-top: 46px;
    transition: margin-top 1s;
    background: #fff;
}
.title-bar .menu-icon::after {
    background: #000;
    -webkit-box-shadow: 0 7px 0 #000, 0 14px 0 #000;
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
}
.title-bar .logo img{width:125px;}
.scrolled .title-bar {
    margin-top: 36px;
    transition: margin-top 1s;
}

main .grid-x .cell {
}



main {
    padding: 1rem 0;
    min-height: 70vh;
}
main > div {
    max-width: 1330px;
    margin: 0 auto;
    padding: 2rem 0;
}
@media only screen and (max-width: 1024px) {
    .user-logged-in main {
        padding-top: 0.5rem;
    }
    .user-logged-in main > div {
        padding-top: 0;
    }
    .user-logged-in #la-resident-navbar {
        padding-top: 0.5rem;
    }
}

footer {
    background-color: #999;
    color: #fff;
}

#la-copyright {
    background-color: #999;
    color: #fff;
}
#la-copyright > div {
    max-width: 1330px;
    margin: 0 auto;
    padding: 2rem 0;
}
#la-copyright p {
    margin: 0;
	padding-left:10px;
}

#la-copyright .igdsolutions {
    text-align: right;
}

#la-mobile-menu {
    margin-top: 3.5rem;
}


body.path-frontpage #block-angelus-page-title {
    display: none;
}



#block-home-banner {
}
#block-home-banner img {
    width: 100%;
}


.region-login-menu {
    position: fixed;
    z-index: 101;
    width: 100%;
    background-color: #031831;
}


.view-resident-directory table tr td.is-active {
    background-color: transparent;
}

#block-views-block-resident-directory-block-1 .view-content{
    overflow: scroll;
}

#block-infoblock {
    background-color: #eee;
    font-size: 16px;
    padding: 5px;
    margin: 15px 0;
}

/* Custom */
.fp-top-wrapper{
	padding-bottom:50px;
}
.path-frontpage h1 {
	font-family: "Lato-Bold";
	color: #031b31;
    text-align: center;
}
.site-slogan {
	color: #031b31;
	font-size: 24px;
	font-family: "Lato-Bold";
	font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}
.fp-feature-wrapper{
	padding-bottom:30px;
}
.feature-image{
	padding:10px;
}

#block-views-block-features-block-3 {
    display: flex;
}

.feature-block.views-row {
    max-width: 50%;
    float: left;
    padding: 10px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
    .feature-block.views-row {
        max-width: 100%;
    }
}

.fp-text-wrapper{
	padding:50px;
}
.fp-feature-text p{
	font-size:18px;
	text-align:justify;
}
.blue-button{	
    padding-top: 40px;
} 
.blue-button a{
	background: #031b31;
	color: #ffffff;
	border: 2px solid #ffffff;
	padding: 10px 20px;
	font-size: large;
    font-weight: 700;
	transition: .5s ease-in-out;
}
.blue-button a:hover{
	background: #ffffff;
	border: 2px solid #031b31;
	color: #031b31 !important;
	text-decoration: none;	
}
.region-content {
    padding: 10px;
}
.left-feature{
	position:relative;
}
.fullcalendar-bottom-btn{
	display: none;
}
/* Slideshow */
.slideshow-wrapper{
	position:relative;
}
.slideshow-text{
    position: absolute;
    top: 10%;
    left: 10%;
}
.slideshow-text h2{
	color:#ffffff;
}
.slideshow-text h3{
	color:#ffffff;
}
.is-dropdown-submenu{
 	z-index:9999;
}
.calendar-calendar div.calendar{
	font-size:small;
}
.slideshow-image img{
	width:100%;
}
.nodisplay{
	display: none;
}
.fc-day-grid-event .fc-time {
    display: block;
    text-align: center;
    margin: 5px;
}
.fc-day-grid-event .fc-title {
    display: block;
    text-align: center;
    margin: 5px;
}
.fc-day-number{
	color:#031831 !important;
}
.block-views-blockcalendar-events-block-1{
	display:none;
}
.res-menu-title a{
	color: #299FD8 !important;
}
.res-menu-title a:hover{
	text-decoration:underline;
}

.path-webform div[role=contentinfo] {
    display: none;
}

@media only screen and (max-width: 640px) {
    .fc-scroller.fc-day-grid-container {
        min-height: 360px;
    }
    .fc-day-grid-event .fc-time,
    .fc-day-grid-event .fc-title {
        margin: 3px;
        font-size: 12px;
    }
    #la-banner {
        margin-top: 120px;
    }
}
@media only screen and (max-width: 480px) {
    .fc-day-grid-event .fc-time,
    .fc-day-grid-event .fc-title {
        margin: 1px;
        font-size: 10px;
    }
    .fc-toolbar {
        display: block;
    }
    .fc-toolbar .fc-left,
    .fc-toolbar .fc-center,
    .fc-toolbar .fc-right {
        text-align: center;
    }
}

/* CSS Effect */ 
.img-mirror figure img{
  /*display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;*/
  cursor: default;
  transition: all 200ms ease-in;
}

.img-mirror figure:hover img{
  filter: grayscale(1) opacity(.8);
/*   box-shadow:  0px 8px 4px rgba(0, 0, 0, 0.3),
               0px 10px 2px rgba(0, 0, 0, 0.1); */
}

/*.img-card::before,
.img-card::after {
  transform: scaleY(-1);
}*/

/*reflection*/
.img-mirror figure:hover::after img {
  content: url(/themes/custom/angelus/Img3.jpg);
 /* background-image: inherit;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;*/
  width: inherit;
  height: 40%;
  position: absolute;
  /*bottom: -450px;*/
  -webkit-box-reflect: below 0px linear-gradient(to-bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));
  z-index: 100;

}

#la-login-navbar .menu-item{
	padding-top:0.3rem;
	padding-bottom:0.3rem;
}
/*#la-mobile-menu ul{
	display:block;
}*/
/*fade reflection*/
.img-mirror figure:hover::before img {
  content: url(/themes/custom/angelus/Img3.jpg);
  width: inherit;
  height: 42%;
  position: absolute;
  /*bottom: -450px;*/
  z-index: 100;
}

/*resident profile*/
.page-node-type-resident-profile .pass-change {
    margin-top: 15px;
}
.page-node-type-resident-profile .notification {
    margin-top: 30px;
}

/*calendar page go to login button*/
#block-gotologin .blue-button {
    margin: 30px 0;
    padding: 0;
}

#block-printdate {
    display: none;
}

/* inline images */
article.align-left.media--type-image {
    margin: 0 1rem 0.5rem 0;
}
article.align-right.media--type-image {
    margin: 0 0 0.5rem 1rem;
}
@media only screen and (max-width: 400px) {
    article.align-left.media--type-image, 
    article.align-right.media--type-image {
        width: 100%;
        margin: 1rem 0;
    }
}

/* Flexslider */
.flexslider {
    border: 0;
    margin-bottom: 2rem;
}
.flexslider .flex-control-nav {
    display: none;
}