input[type="checkbox"] {
  transform:scale(1.5, 1.5);
  margin-top: 9px;
  margin-left: 9px;
}

#cbRegion,
#cbField, 
#cbDistrict, 
#cbChurch,
#txtSearchField {
   min-width: 200px;
} 

.DevWarningDiv {
  background-image: linear-gradient(to right, #bf2871, #e93115);    
  text-align: center;
  color:white;
}

.contact-info-item__icon {
	font-size: 50px;
	margin-bottom: 15px;
	line-height: 1;
 	color: #e6e6e6;
}

.contact-info-item__text {
	font-size: 20px;
	line-height: 1.2;
}

.box-1-3 {
  min-width: 31%;
  max-width:31%;
  min-height: 130px;
  display: inline-block;
  position: relative;
  border: none;
  margin-right: 20px;
  margin-top:20px;
  border-radius: 10px;
  padding-top:20px;
  padding-bottom:20px;
  /*box-shadow: 2px 2px 1px rgb(81, 123, 206);*/
}

.footerBox {
    float: left;
    padding-left: 33%;
    padding-right: 27%;
    text-align: center;
}

.stickyFooter {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
 }
 

.centerText {
    background-color: #ffe2e0;
    text-align: center
}

.launchpad-image{
   max-width: 128px;
   max-height: 128px;
}

.disabled {
    pointer-events:none; 
    opacity:0.6;         
}

.fixed_label125 {
   min-width:125px;
}

.no-left-padding{
    padding-left: 0rem;
}

.clear-background {
   background-color: transparent;
}

.hidden-border {
border-style: hidden ! important;
}


.main-site-header-left {
/*    background-color: rgb(25, 231, 169) ! important; */
    background-image: url('../images/banner.png') ! important;
    margin-top: -16px;
    margin-left: -58px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    min-width: 600px;
    background-repeat: no-repeat;
    background-size: cover;    /* position: fixed; */
    position: relative;
    height: 308px;
    display: inline-block;    }

    .main-site-header-left-log {
        /*    background-color: rgb(25, 231, 169) ! important; */
            background-image: url('../images/banner.png') ! important;
            margin-top: -16px;
            top: 0;
            left: 0;
            right: 0;
            z-index: 500;
            width: 100%;
            min-width: 600px;
            background-repeat: no-repeat;
            background-size: cover;    /* position: fixed; */
            position: relative;
            height: 308px;
            display: inline-block;    }
        

    .main-site-header-right {
    /*    background-color: rgb(25, 231, 169) ! important; */
        background-image: url('../images/header_right.jpg') ! important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 500;
        width: 49%;
        min-width: 450px;
        background-repeat: no-repeat;
        background-size: cover;    /* position: fixed; */
        position: relative;
        height: 278px;
        display: inline-block;    }

    @media screen and (max-width: 1480px) {
        .main-site-header-right {
            background-image: url('../images/header_right_smaller.jpg') ! important;
        }
        }
        
@media screen and (max-width: 1320px) {
    .main-site-header-right {
      display: none;
    }
    .main-site-header-left {
       width:100%;
      }
  
  }

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tertiary-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}   
    
.tertiary-logo {
    height: 5.5rem;
    max-width: 100%;
}

.tertiary-logo {
    margin: auto;
    margin-top: 1em; /* KRP 20220315 */
    margin-bottom: 1em; /* KRP 20220315 */
}

#menu {
	background: #000000;
	color: #FFF;
	height: 60px;
	padding-left: 18px;
	border-radius: 0px;
        justify-content: center;
        font-family: 'Open Sans', 'Arial', sans-serif;
}

#menu ul, #menu li {
	margin: 0 auto;
	padding: 0;
	list-style: none
}
#menu ul {
	width: 100%;
}
#menu li {
	float: left;
	display: inline;
	position: relative;
}
#menu a {
	display: block;
	line-height: 60px;
	padding: 0 14px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
}
#menu a.dropdown-arrow:after {
	content: "\25BE";
	margin-left: 5px;
}
#menu li a:hover {
	color: #000000;
	background: #F2F2F2;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	height: 60px;
	width: 100%;
	opacity: 0;
	cursor: pointer
}
#menu label {
	display: none;
	line-height: 60px;
	text-align: center;
	position: absolute;
	left: 35px
}
#menu label:before {
	font-size: 1.6em;
	content: "\2261"; 
	margin-left: 20px;
}
li.breadcrumb {
    background-color: #ccc;

}
li.breadcrumb a:hover{
    background-color: #ccc;
}

li.breadcrumb:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid #eee;
    border-bottom: 20px solid #eee;
    border-left: 20px solid #ccc;    
}

li.breadcrumbx:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid #eee;
    border-bottom: 20px solid #eee;
    border-left: 20px solid #ccc;    
}

.secondary-menu__title {
    background-color: #888b8d;
    position: relative;
    color: #FFF;
    text-transform: uppercase;
    left: 0;
    bottom: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    font-weight: 600;
    z-index: 4;
}
.secondary-menu {
     height: 50px;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
}

@media screen and (max-width: 800px){
	#menu {position:relative}
	#menu ul {background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
	#menu li {display:block;float:none;width:auto;}
	#menu input, #menu label {position:absolute;top:0;left:0;display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:white}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}

}

@media screen and (max-width: 1340px){

    .box-1-3 {
        width:100%;
        display: flex;
        justify-content: center;
        text-align:center;
        padding-right: .75rem;
        padding-left: .75rem;
        margin-right: auto;
        margin-left: auto;
        }
    .footerBox {
        float: left;
        padding-left: 0%;
        padding-right: 0%;
        text-align: center;
    }

}
.navbar {
   display: flex;
   padding: 0rem;
   }

.main {
   padding: 1rem;
}