@charset "UTF-8";
/* CSS Document */
.featureBtn .nav-link.active {
    background-color: #fff !important;
    color: #000 !important;
}

#pj-menu a:not([aria-expanded="true"]):focus {
  outline: 2px solid #fff !important;
  outline-offset: 2px;
  color: #fff !important;
  border: 1px solid #fff !important;
  background: #000 !important;
  text-decoration: none;
  border-radius: 4px;
}
#pj-menu a[aria-expanded="true"]:focus {
  background: #fff !important;
  color: #000 !important;
  outline: 2px solid #000;
  outline-offset: 2px;
}
#pj-menu a:not([aria-expanded="true"]):hover {
  background: #000 !important;  
  color: #fff !important;
  border: 1px solid #fff !important;
  text-decoration: none;
  border-radius: 4px;
  }

.collapse {
    overflow: hidden;
}
.btn.btn-link {
text-wrap: wrap;
}



.card-deck {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px;
  padding-bottom: 20px;
}
.card-deck .card {
  flex: 0 0 30%;  /* about 3 per row */
  margin: 10px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .card-deck .card { flex: 0 0 45%; } /* 2 per row on tablets */
}
@media (max-width: 767px) {
  .card-deck .card { flex: 0 0 100%; } /* 1 per row on mobile */
}

#pj-lenses .lead {
    font-size: 19px;
}
.bg-gray{
    background-color: #e6e6e6;
}

.content-spacing{
    padding: 40px 0px 60px 0px;
}

section#pj-menu {
    background-color: #000000;
    padding: 25px 0;
    text-align: center;
    padding: 10px 0;
}
section#pj-menu li { border-right: none;}

.bg-gray {
    background-color: #e6e6e6;
}


	
	section#pj-menu li { border-right: 1px solid #ffffff;}
	
 section#pj-menu {
    background-color: #000000;
    padding: 25px 0;
    text-align: center;
    padding: 10px 0;
}

section#pj-menu a:link, section#pj-menu a:active, section#pj-menu a:visited {color: #ffffff;}
section#pj-menu a:hover {background-color: #ffffff; color: #000000;}
/*section#pj-menu li { border-right: 1px solid #ffffff;}*/
section#pj-menu li:last-child {border-right: none;}
   

#pj-lenses .card .card-body {
text-align: center;
}

#pj-lenses .options .card-body p:first-of-type {
  font-weight: bold;
  font-size: 16px;
}
#pj-lenses .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}	

#pj-lenses .card .card-header {
	    padding: .75rem .75rem;

}

#pj-lenses .card-deck {
	-ms-align-items: center;
	align-items: center;
    display: flex;
} 



#pj-lenses .options h2 {
/*padding-bottom: 15px;*/
}

#pj-lenses .options .card-deck a {
width: 90%;
    margin-bottom: 10px;
    justify-content: center;
}

#pj-lenses .options .card-header {
	text-align: center;
    padding: 0px;
}

#pj-lenses .options a {
display: flex;
    text-decoration: none;
}


#pj-lenses .options .card-header {
   color:#000000;
}

#pj-lenses .options .card:hover .card-header  {
   color:#000000;
}



#pj-lenses .options  a .card:hover .card-header{
    background-color: #656060;
	color: #ffffff;
	}

/*#pj-lenses .options  a .card-header:hover {
    background-color: #656060;
	color: #ffffff;
	}*/
	
#pj-lenses .options img {
	max-width:55%;
	}




#pj-lenses .options h2 {
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0;
    color: #000000;
    font-weight: 600;
}

.h2 {
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0;
    color: #000000;
    font-weight: 600;
}

@media handheld, only screen and (min-width: 768px) {
#pj-lenses .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}

#pj-lenses .options .card-deck a  {
    flex-basis: 45%;
	    max-width: 45%;
    margin-bottom: 10px;
}

	#pj-lenses .options img {
	max-width: 65%;
	}

}



@media handheld, only screen and (min-width: 988px) {
#pj-lenses ul.two-column-list {
    columns: 2;
    column-gap: 30px;
}

#pj-lenses ul.three-column-list {
    columns: 3;
    column-gap: 30px;
}

#pj-lenses .options .card-deck a {
    flex-basis: 30%;
    max-width: 30%;
    margin-bottom: 23px;
/*	min-height: 395px;*/
}
    
    #pj-lenses .options .card-deck a .card {
     height: 340px;
    }

}

/*------REQUEST FORM STYLES--------*/

#pardot-iframe{
    width: 100%;
    height: 1600px;
}
#pardot-row{
    justify-content: center;
}

#pardot-card{
    width: 100%;
}

#pardot-iframe-container{
    align-items: center;
}


@media handheld, only screen and (min-width:768px) {
	    #pardot-card{
        width: fit-content;
    }
    
    #pardot-iframe{
        width: 700px;
        height: 1600px;
    }
	
}