/* ====================================== *
 * Version 5 - Added Mobile Compatibility *
 * ====================================== */
 
/* =============================================== *
 * Version 6 - Added Advisor Page Navigation Links *
 * =============================================== */
 

 @media (min-width: 992px){
   
 }
.txt-adj{
  font-size: 1.4vmax;
}

.portfolio-modal .modal-dialog {
  margin: auto !important;
  max-width: 90vw !important;
}

.top-space{
    margin-top: 75px;
}

.tilestyle {
	max-width: 90% !important;
	
	}
	
.d-block {
	height: auto !important;
	}
	
.txtbg {
	bottom: -75% !important;
	}



/* -- Hover Effect for Tiles -- */


#slide {
    position: absolute;
    bottom: -80% !important;
    width: 100%;
    height: 100%;
    transition: .5s;
	background-color: rgba( 0,0,0,0.6 );
	text-align: center !important;
	text-shadow: 1px 1px #000000;
	padding: 0px 4px 4px 4px;
    margin: auto;
}

#slide p{
    font-size: 20px; 
    font-family: calibri; 
    color: white;
    margin-top: -4px;
}

.wrapper {
    position: relative;
    overflow: hidden;
    width: 295px;
    height: auto !important;
	  text-align: center;
	  vertical-align: middle;
    cursor: pointer;
    flex: 0 0 32%;
}

.wrapper:hover #slide {
    transition: .5s !important;
    bottom: 0 !important;
	}


/* Transparent Color Left Side */ 

.txtbg {
position: absolute;
    bottom: -175px;
    width: 100%;
    height: 100%;
	background-color: rgba( 0,0,0,0.6 );
	text-align: left !important;
}

/* Right Side 2X3 Grid*/

.rowcell > div {
    max-width: 295px;
	min-width: 150px;
	padding-left: 0px;
	padding-right: 0px;
}

.rowcell > div > img{
    width: 100%;
}


/* *^* Left Side Squares Only *^* */

.rowcell2 > div {
    max-width: 295px;
	padding-left: 0px;
	padding-right: 0px;
}

.rowcell2 > div >img{
    width: 100%;
}

.hide {
	display: none;
}

  /*========================//
 //   Code Example Styles  //
//========================*/

.line{
  border-left: 2pt solid black;
}

.pre-sty {
    background-color: black;
    color: white;
    padding: 2% 50% 2% 2%;
    border-radius: 10px;
    white-space: pre-wrap;
    text-align: left;
  }
  
  .pre-sty::before {
    counter-reset: listing;
    float: left;
  }
  
  .pre-sty .pre-qual {
    counter-increment: listing;
    text-align: left;
    float: left;
    clear: left;
    color: #f8b068;
  }
  
  .pre-sty .pre-qual::before {
    content: counter(listing) ". ";
    display: inline-block;
    color: #6e6e6e;
  }
  
  .pre-sty .pre-prop {
    counter-increment: listing;
    text-align: left;
    float: left;
    clear: left;
    color: #6ce890;
  }
  
  .pre-sty .pre-prop::before {
    content: counter(listing) ". ";
    display: inline-block;
    width: 3em;
    color: #6e6e6e;
  }
  
  .pre-num {
    color: #ed6e55;
    text-align: left;
    float: left;
  }
  
  .pre-kw {
    color: #bc70fd;
    text-align: left;
    float: left;
  }
  
  .js-definition {
    color: #fdc502;
    background: rgba(253, 197, 2, 0.05);
    padding: 1px 2px;
    border-radius: 2px;
    text-align: left;
    clear: left;
  }