/***********  KW - GLOBAL STYLES - by MYBOX PRODUCTIONS ***********/

body{
	font-family:var(--brand-primary-font-family)!important;
}

/* Fix for top space above content */
@media (min-width: 1200px){
	div.page-content.documents-content {
		margin-top: 0 !important;
	}
}

h2{
	    font-family:var(--brand-secondary-font-family);
}
p {
	font-size:var(--brand-medium-font-size);
	text-align: justify;
}

button {
    cursor: pointer;
    font: var(--brand-primary-font-family);
    font-size: var(--brand-small-font-size);
    font-family: var(--brand-primary-font-family);
}
.banner-hero{
	margin: -25px -25px auto -25px;
}
input, input.text, input.password, input.btn, #searchsubmit {
	font:var(--brand-primary-font-size) var(--brand-primary-font-family) ;
}
.content{
	width:100%;
	max-width:var(--page-container-width);
	margin:auto;
}

.content-inner{
	display:flex;
}
#main-content{
	padding:0 25px;
	flex:3;
}

.title_aside {
   color: #000000!important;
background-color: #f9f9f9!important;
}
.aside-inner {
    padding: 15px 35px;
    background-color: #f9f9f9!important;
}
.aside-inner {
    background-color: transparent;
}

.aside {
	flex:1;
}

#login-form-cancel-button{
     color: var(--brand-secondary-button-text-color)!important;
     background-color: var(--brand-secondary-button-color)!important;
}
#login-form-signin-button{
     color: var(--brand-primary-button-text-color);
     background-color: var(--brand-primary-button-color);
}
.header-profile-text.anonymous {
    color: #58595b;
     font-family: var(--brand-primary-font-family);
    text-transform: uppercase;
    cursor: pointer;
}

a:not(nav a):not(.pagination a){
    color:var(--brand-link-color) !important;
}
.list-reset.menu {
    background-color:transparent !important;
}
header .menu .menu-item a{
    font-family: var(--brand-primary-font-family);
    font-weight: var(--brand-primary-font-weight);
}
.nav .menu > li > a {
    font-size: var(--brand-medium-font-size);
}
.nav .menu > li > a.over, .nav .menu > li > a:hover {
    color:  var(--brand-primary-color)!important;
}
.menu .menu-item.has-sub-menu .sub-menu .menu-item a:hover {
    color: var(--brand-primary-color)!important;
}
.menu .menu-item.has-sub-menu .sub-menu {   
    background-color: var(--nav-submenu-bg-color);
}
.menu .menu-item.has-sub-menu .sub-menu .menu-item {
    background-color: transparent;
}
 .widget-document-container .widget-document-table tbody .dt-control.fa {
    background: var(--brand-primary-color)!important;
}
.widget-document-content .dt-toolbar-footer .pagination>li.active>a {
    background: var(--brand-primary-color)!important;
color:white;
}

footer{
	border: 0px !important;
	background-color: var(--footer-background-color)!important;
}
footer .footer-content .footer-section .title {
	color: var(--brand-secondary-color)!important;
	font-weight: var(--brand-font-weight-bold)!important;
}
.footer-section p{
    color: 	var(--brand-paragraph-text-color);
    font-size: var(--brand-small-font-size);
    font-weight: var(--brand-font-weight-normal);

}
footer .copyright { 
    display: flex;
    justify-content: center;
}

footer #kwpmc-logo-anchor img{
    display: block;
    max-width:85px;
    margin:auto;
}
span.addressLookup:before, span.emailLookup:before, span.phoneLookup:before, span.websiteLookup:before {
    
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: none!important;
    color:black;
}
span.addressLookup:before{
    content: "\f041 \a0";
}
span.emailLookup:before{
    content: "\f0e0 \a0";
}
span.phoneLookup:before{
    content: "\f095 \a0";
}
span.websiteLookup:before{
    content: "\f0ac \a0";
}

span.addressLookup, span.emailLookup, span.phoneLookup, span.websiteLookup {
    color: var(--brand-primary-color);
}
span.addressLookup:hover,span.phoneLookup:hover,span.emailLookup:hover,span.websiteLookup:hover{
    cursor:pointer;
    text-decoration: underline;   
}

h2.content-section-title {
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    margin: 50px 0;
    color: black;
}



/* CONVERT COLUMN WIDGETS TO FLEXBOX */
.gjs-row {
    
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 100%;
}

.gjs-cell {  
	display:block;
	height:100%!important;
	width:100%;
	padding:25px;    
	flex: 1;
}

.gjs-cell.flex{display:flex;}

.gjs-cell.flex1{flex:1;}
.gjs-cell.flex2{flex:2;}
.gjs-cell.flex3{flex:3;}
.gjs-cell.flex4{flex:4;}
.gjs-cell.flex5{flex:5;}
.gjs-cell.flex6{flex:6;}
.gjs-cell.flex7{flex:7;}
.gjs-cell.flex8{flex:8;}

.gjs-cell.flex > div{
	margin:auto;
}
.gjs-cell img{
	width:100%;
}
@media only screen and (min-width:767px){
.gjs-row {
    display: flex;
}

}





/* FIX FOR GALLERY WIDGET */
#photo-gallery-widget div#albums{
    min-height: 0px;
}
div#photo-gallery{
  flex-wrap:wrap;
  display:flex;
  justify-content:center;
}
#photo-gallery > a{
  flex-basis:303px;
  position:relative;
  cursor:pointer;
  margin-top:2px !important;
  margin-right:2px !important;
  margin-bottom:2px !important;
  margin-left:2px !important;
  height:180px !important;
}
#photo-gallery a img{
  object-fit:cover;
  vertical-align:middle;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
  width:100% !important;
}

/* FIX FOR MENU ANIMATION */
.menu .menu-item.has-sub-menu .sub-menu {
    transform: translateX(-10px);
}

/* FIX FOR DOCUMENT WIDGET */
div.widget-document-container{
  display:flex;
  width:100%;
  font-family:inherit;
}
div.widget-document-container thead *{
  font-family: var(--brand-primary-font-family);
  background-color:white !important;
  font-weight:300 !important;
  font-size:1.2em !important;
}

/* FIX FOR RESIDENT DIRECTORY WIDGET */

div.widget-resident-directory-container {
       font-family: var(--brand-primary-font-family);
}
div.widget-resident-directory-container .widget-resident-directory-table>thead>tr>th {
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 9px;
    background-color: transparent;
}

/* FIX FOR MANAGEMENT TEAM WIDGET */
#widget-team .widget-team-header div,#widget-team{
	font-family:var(--brand-secondary-font-family) ;
}

#widget-team .widget-team-contact-info div{
	font-family:var(--brand-primary-font-family) ;
	font-weight:400;
}

#widget-team .widget-team-header .widget-team-header-text{
	font-size:var(--brand-xxxlarge-font-size) ;
	font-weight:400;
}
#widget-team .widget-team-contact-primary.selected {
    color: #000;
    background-color:var(--brand-primary-color) ;
}
#widget-team .widget-team-contact-primary.selected * {
	color: #ffffff!important;
}

/* FIX FOR ACCOUNT INFORMATION WIDGET */
.account-info-widget {  
    max-width: inherit!important;
}
.account-info-widget .account-header {
    background: #f5f5f5!important;
    color: var(--brand-alt-paragraph-text-color)!important;
	margin-top: 25px!important;
}

.account-info-widget .account-header .image h2 {
   font-size: var(--brand-xlarge-font-size)!important;
   padding: 0!important;
}
.account-info-widget .account-header .image {
    width: 80px!important;
    height: 80px!important;
    background-color: var(--brand-primary-background-color)!important;   
}
.account-info-widget .account-info-group .account-info-block h3 {
    color: var(--brand-primary-color)!important;
    font-size: var(--brand-large-font-size)!important;
    line-height: var(--brand-large-font-size)!important;
}

.account-info-widget .account-info-group {
    padding: 24px 10px!important;
}
.account-info-widget .account-info-group .account-info-block .account-info-field {  
    padding: 15px 0!important;
    line-height: var(--brand-medium-font-size)!important;
}
.account-info-widget .account-info-group .account-info-block .account-info-field span.title {
    color: var(--brand-alt-paragraph-text-color)!important;
    font-size: var(--brand-small-font-size)!important;
	font-weight:bold!important;
	margin-bottom:5px!important;
	padding-bottom:0px!important
}
.account-info-widget .account-info-group .account-info-block .account-info-field span.title label{
	font-weight:bold!important;
	margin-bottom:0px!important;
	padding-bottom:0px!important;
}

.account-info-widget .account-info-group .account-info-block .account-info-field span.value {
    color: var(--brand-alt-paragraph-text-color)!important;
    font-size: var(--brand-medium-font-size)!important;
}

/* FIX FOR MAINTENANCE REQUESTS WIDGET */

.wo-button {
    font-size: var(--brand-medium-font-size)!important;
    background-color: var(--brand-primary-button-color)!important;
    color: var(--brand-primary-button-text-color)!important;
    font-family: var(--brand-primary-font-family)!important;
}

#widget-workorders {
    padding: 42px 0!important;
}

#widget-workorders .wo-grid {
    max-width: 100%!important;
}
#widget-workorders .wo-tab.active {
    background:var(--brand-primary-button-color)!important;
    color: var(--brand-primary-button-text-color)!important;
color:

}

/* FIX FOR VIOLATIONS WIDGET */
.violation-grid-container {
    max-width: 100%!important;
	margin-top:25px!important;
}

/* FIX FOR USER PROFILE WIDGET */
#widget-profile .panel {
    color: var(--brand-alt-paragraph-text-color)!important;
    font-family: var(--brand-primary-font-family)!important;
    font-size: var(--brand-small-font-size)!important;
}

#widget-profile .panel>header {
    font-family: var(--brand-primary-font-family)!important;
    font-size: var(--brand-medium-font-size)!important;
}

#widget-profile .template-background-color {
    background-color:  var(--brand-primary-background-color)!important;
}

#widget-profile a.template-background-color, #widget-profile .button.template-background-color, #widget-profile .select-image-button.template-background-color {
    background-color: var(--brand-primary-button-color)!important;
    color: var(--brand-primary-button-text-color)!important;
}

#widget-profile   .widget-profile-notification-settings .button {
    background: var(--brand-primary-button-color);
    color: var(--brand-primary-button-text-color);
    font-size: var(--brand-small-font-size);
}
#widget-profile  .cancel-button, #widget-profile .button-danger , #widget-profile  button[data-bind="click: $parent.BackToMainWidgetPage"] {
    background-color: var(--brand-secondary-button-color)!important;
    color: var(--brand-secondary-button-text-color)!important;
    font-family: var(--brand-primary-font-family)!important;
}
.widget-profile-notification-settings .dt-control.fa,.widget-profile-notification-settings .table>tbody>tr.notification-messages>td.dt-control {
    background: var(--brand-primary-background-color)!important;

}
.widget-profile-notification-settings table th {
    font-weight: var(--brand-font-weight-normal)!important;
}
#widget-profile .template-background-color {
    background-color: #ffffff!important;
    color: var(--brand-paragraph-text-color)!important;
    border: none;
}
#widget-profile  .panel-header-title {
    color: var(--brand-paragraph-text-color);   
	font-family: var(--brand-primary-font-family)!important;
}


/* FIX FOR PACKAGES WIDGET */
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: var(--page-container-width) !important;
}
}

/* FIX FOR VISITORS WIDGET */
#all-visitors a.btn{
	border: 0!important;
	color: var(--brand-primary-button-text-color)!important;
	background-color: var(--brand-primary-background-color)!important;
	border-radius: 0!important;
}

#all-visitors .jarviswidget-color-blueDark>header {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #000;
}

#all-visitors .jarviswidget-color-blueDark>header>.jarviswidget-ctrls a, .jarviswidget-color-blueDark header .nav-tabs li:not(.active) a {
    color: #000 !important;
}
#all-visitors .jarviswidget-ctrls .button-icon {
   border-left: none!important;
}
#all-visitors .dt-toolbar {   
    border-bottom: none!important;
    background: #ffffff!important;
    padding: 10px!important;
}
#all-visitors .legend-child {
    background-color: var(--brand-primary-background-color);
    color: white;
}

.modal-dialog-centered {
    max-width: 100%!important;
    justify-content: center!important;
}

.modal-footer button#add-visitor-btn {
    border: 0!important;
	color: var(--brand-primary-button-text-color)!important;
	background-color: var(--brand-primary-button-color)!important;
	border-radius: 0!important;
}
.modal-footer button:not(#add-visitor-btn) {
    border: 0!important;
	color: var(--brand-primary-button-text-color)!important;
	//background-color: var(--brand-secondary-button-color)!important;
	border-radius: 0!important;
}

.modal.show{
	overflow-y:scroll!important;
}


/* FIX FOR ANNOUNCEMENTS WIDGET */
#widget-announcements .announcement-card {   
    background: #f7f7f7!important;
    border: #d7d6d6 1px solid!important;
}

#widget-announcements .announcement-read-more-btn {
   left: 50%!important;
    margin-left: -102px!important;
}
#widget-announcements .announcement-name {
    font-size: var(--brand-medium-font-size)!important;
}


/* FIX FOR BOARD MEMBER WIDGET */
.widget-team-header .widget-team-header-text{
	display:none!important;
}

#widget-team-board .widget-team-header div,#widget-team{
	font-family:var(--brand-secondary-font-family) ;
}

#widget-team-board .widget-team-contact-info div{
	font-family:var(--brand-primary-font-family) ;
	font-weight:400;
}

#widget-team-board .widget-team-header .widget-team-header-text{
	font-size:var(--brand-xxxlarge-font-size) ;
	font-weight:400;
}
#widget-team-board .widget-team-contact-primary.selected {
    color: #000;
    background-color:var(--brand-primary-color) ;
}
#widget-team-board .widget-team-contact-primary.selected * {
	color: #ffffff!important;
}
#widget-team-board .widget-team-contact-meet-all-button {
   border: 0!important;
	color: var(--brand-primary-button-text-color)!important;
	background-color: var(--brand-primary-button-color)!important;
	border-radius: 0!important;
}

/* FIX FOR CALENDAR WIDGET */

#communityCalendarWidget.calendar-widget,.tab-content.calendar-widget {
    max-width: 100%!important;
}
#communityCalendarWidget.home-calendar .widget-body {
    border: 1px solid #ccc !important;
}
#communityCalendarWidget .calendar-title li a.active, .toggle-view-button li a.active {
	background-color: var(--brand-primary-button-color)!important;
	color: var(--brand-primary-button-text-color)!important;
}
#communityCalendarWidget .calendar-mode-button.fc-state-active {
    background-color: var(--brand-primary-button-color)!important;
    color: var(--brand-primary-button-text-color)!important;
}

/* FIX FOR LOGIN PROFILE WIDGET  */

#shortcutProfile {   
    border: 1px solid rgb(213, 213, 213);
}

#shortcutProfile ul li .user-avatar span {
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg,#1f4199 0%,#00aeef 100%);
}
#shortcutProfile ul .user-avatar-wrapper .user-name {
    font-family: var(--brand-primary-font-family);
}
#shortcutProfile .profile-btn span {
    font-family: var(--brand-primary-font-family);
}
#shortcutProfile ul li .user-avatar span {
    background: var(--brand-primary-button-color);
}

.btn-cancel {
    border: 0!important;
    //padding: .375rem .75rem !important;
    text-transform: uppercase!important;
}
.modal-footer button.btn.btn-confirm {
    border: 0!important;
    color: var(--brand-primary-button-text-color)!important;
    background-color: var(--brand-primary-button-color)!important;
    border-radius: 0!important;
}
button#login-form-signin-button {
  background-color: var(--brand-primary-background-color) !important;
}

/* FIX FOR MOBILE MENU */
@media screen and (max-width: 767px){
a:link, .btn, button {
    -webkit-tap-highlight-color: transparent;
}
.nav-toggle {
    top: 1em;
}

.nav {
    position: relative;
    min-height: 100vh;
    margin-top: -120px;
}

nav .nav-inner{
    align-items: flex-start;
    margin-top: 120px;
}
.nav .children, .nav .sub-menu {
    display: block!important;
position: relative!important;
top:0;
}
.menu .menu-item.has-sub-menu .sub-menu {
    opacity: 1;
    visibility: visible;
    display: block;
    pointer-events: all;
    transform: translateX(0);
padding-left:50px;
}
.nav .menu > li > a {
    text-align: left;
}
}

/* FIX FOR MOBILE LAYOUT */
@media screen and (max-width: 767px){
	.content-inner {
		display: block;
	}
	aside {
		width: 100%;
	}
	
	.page-content{
		padding:25px;
	}
	div.content{
		padding:10px;
	}
	.home-about-row.row-1,.home-about-row.row-2{
		padding:0px;
	}
#photo-gallery > a {
		flex-basis: 100%;
		height: 300px!important;
	}
footer .footer-content .footer-section {
    color: #000;
    margin: 40px 0;
    position: relative;
}

h2.title-homes {
    font-size: 2em !important;
    line-height: 1.5em !important;
    color: rgb(0 0 0) !important;
}
}

.modal-footer .btn-cancel {
    background-color: #000000!important;
    padding: 6px 12px!important;
}