/* Nav Dropdowns */

.navContent ul li ul a {
    white-space: normal !important;
    overflow: visible !important;
}

ul#navTopLevel li:nth-of-type(2) .subNav {
    width: 100%;
    flex-wrap: wrap;
}

ul#navTopLevel li:nth-of-type(2) .subNav li {
    flex-basis: 50%;
    display: flex;
    align-items: center;
}


@media only screen and (min-width: 768px) {
    ul#navTopLevel li:nth-of-type(2):hover .subNav {
        display: flex;
    }
    
    .navContent ul li ul {
        min-width: 250px !important;
        right: auto !important;
    }
     ul#navTopLevel li:nth-of-type(2) .subNav{
        min-width: 400px !important;
        right: -150px !important;
    }
}

/* Equalize Simple List Blocks*/

/* Change item class here */
.items_e7283708d7a9448f9e6ce01676edf03b { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_e7283708d7a9448f9e6ce01676edf03b > .item {
	display: flex;
	flex-direction: column;
}
/* Sitewide Banner */

.blockWrap_bb477fe812ba4d0c8ec3fe4b65f801f1{
background-color: #2A3B19;
color: #ffffff; 
text-align: center;
padding: 10px;
}

.headerAndNavContainer{
padding-top: 0px !important;
}

/* Equalize Simple List Blocks - Pin Buttons to Bottom*/

/* Change item class here */
.items_cd32a7b7ee1a44c19fd359d0348dde3a { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_cd32a7b7ee1a44c19fd359d0348dde3a > .item {
	display: flex;
	flex-direction: column;
  position: relative;
}

/* Change item class here */
.items_cd32a7b7ee1a44c19fd359d0348dde3a > .item a.button {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px; 
}

/* Change item class here */
.items_cd32a7b7ee1a44c19fd359d0348dde3a > .item p {
    margin-bottom: 20px;
}

/* 2 Column Form */

div#madHero {
    text-align: center;
    padding: 15px;
}

div#madHero > div.madHero-item{
    flex: 1 1 0;
    margin-bottom: 20px;
}

.madTitle {
    font-size: 1.8rem; /*accepts decimals*/
    /*color: #000;*/ /*use to change color*/
}

.madContent {
    font-size: 1.1rem; /*accepts decimals*/
    /*color: #000;*/ /*use to change color*/
}

div#madHero img {
    width: 100%;
    max-width: 100%;
}


@media only screen and (min-width: 768px) {
    div#madHero {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: left;
    }
}
/* Equalize Simple List Blocks*/

/* Change item class here */
.items_b5e5282682e140b48fc45204abaf0090 { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */ 
.items_b5e5282682e140b48fc45204abaf0090 > .item {
	display: flex;
	flex-direction: column;
}
/* Equalize Simple List Blocks*/

/* Change item class here */
.items_e3d142d2ead54e2cb458c33f557684f5{ 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_e3d142d2ead54e2cb458c33f557684f5 > .item {
	display: flex;
	flex-direction: column;
}








/* New Builds page - Sample Packages - Equalize Simple List Blocks*/

/* Change item class here */
.items_d10d23c67f1c4baba81eac9b565460f2 { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_d10d23c67f1c4baba81eac9b565460f2 > .item {
	display: flex;
	flex-direction: column;
}










/* Pergola page - 1 - Equalize Simple List Blocks*/

/* Change item class here */
.items_f67996388e46445da9d968da2c99c6fe { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_f67996388e46445da9d968da2c99c6fe > .item {
	display: flex;
	flex-direction: column;
}




/* Pergola page - 2 - Equalize Simple List Blocks*/

/* Change item class here */
.items_a24a6f493c144dfc9f7106f9d618e753 { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_a24a6f493c144dfc9f7106f9d618e753 > .item {
	display: flex;
	flex-direction: column;
}
/*Popup CSS*/
.mad-popup-wrap {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 76%);
    z-index: 9999;
}

.mad-popup-wrap.show{
  display:block;
}

.mad-popup-content img {
    max-width: 100%;
    width: 100%;
}

.mad-popup-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    min-width: 500px;
    text-align: center;
}

.mad-popup-wrap .close {
    position: absolute;
    top: 5px;
    right: 5px;
    min-width: 30px;
    cursor: pointer;
}

.mad-popup-text {
    padding: 15px;
}

.mad-popup-wrap p.popup-header {
    margin: 0;
    font-size: 30px;
    text-align: center;
}

.mad-popup-wrap p.popup-subheader {
    margin: 0;
    font-size: 25px;
    text-align: center;
}

@media screen and (max-width: 550px){
  .mad-popup-box {
        min-width: 90%;
        top: 12rem;
        transform: translate(-50%);
    }
}

uncomment to change color of the popup text
p.popup-header, p.popup-subheader {
    color: black;
}

uncomment to change close button to white
.close svg {
    filter: invert(1);
}