/* This file is only for pages locate in /outcomes/ */

.section__nav__menu > li > ul > li:nth-child(7) { padding-left: 1.5em; margin-bottom: 10px; }
.section__nav__menu > li > ul > li:nth-child(8) { padding-left: 1.5em; margin-bottom: 10px; }
.section__nav__menu > li > ul > li:nth-child(9) { padding-left: 1.5em; }
.section__nav__menu > li > ul > li:nth-child(11) { padding-left: 1.5em; margin-bottom: 10px; }
.section__nav__menu > li > ul > li:nth-child(12) { padding-left: 1.5em; margin-bottom: 10px; }
.section__nav__menu > li > ul > li:nth-child(13) { padding-left: 1.5em; }
.section__nav__menu > li > ul > li:nth-child(14) { padding-left: 1.5em; }


#tbgeneric td { vertical-align: top; }
#tbgeneric th { background-color: #D9D9D9; }

.trapezoid {
          height: auto;
          background: #e6e6e6;
          transform: perspective(10px) rotateX(-1deg);
          margin: 2em auto 0 auto;
          padding: 10px 0 35px 0; 
          border: 1px solid #b30000; border-radius: 5px;
          -webkit-box-shadow: -1px -5px 15px -6px rgba(0,0,0,0.67);
          -moz-box-shadow: -1px -5px 15px -6px rgba(0,0,0,0.67);
          box-shadow: -1px -5px 15px -6px rgba(0,0,0,0.67);
        }
   
    
    .outcomes-info { transform: perspective(10px) rotateX(1deg); font-size: .9em; text-align: center; line-height: 1.3em; width: 85%; margin: auto; }
    
    .ilos { width: 55%; }
    .plos { width: 43%; }
    .clos { width: 33%; }
    
    .std-ilos { width: 55%;  }
    .ssos { width: 43%; }
    
    .trapezoid-02 {
        height: auto;
        transform: perspective(10px) rotateX(-1deg);
        margin: 2em auto 0 auto;
        padding: 10px 0 35px 0;
        border: 0.5px solid #888888; border-radius: 5px;
		color: #fff;
        box-shadow: inset 5px 5px 5px 0 #666666, inset -5px -5px 5px #262626;
        background: #404040;
        margin-bottom: 8px;
        -moz-box-shadow: inset 5px 5px 5px 0 #666666, inset -5px -5px 5px #262626;
        -webkit-box-shadow: inset 5px 5px 5px 0 #666666, inset -5px -5px 5px #262626;
        box-shadow: inset 5px 5px 5px 0 #666666, inset -5px -5px 5px #262626;
    }

/* Media Queries */
 

@media (max-width: 780px) {
	
	.ilos { width: 90%; }
    .plos { width: 71%; }
    .clos { width: 54%; }
	
	.std-ilos { width: 90%; }
	.ssos { width: 71%; }
}