/*********** Please do not remove this comment **********************
****************************** HINTS ********************************
.class{
    color:red;
    font-size:12px;
    background-color:#fff;
    ...Custom Properties
}
#id{
    line-height:1;
    width:100%;
    display:block;
   ...Custom Properties
}
===  ===  ===
Color reference:
    #d9edcc = Pale green (background)
    #92c155 = Kiwi green
    #82c458 = Lime green
    #9bd4e4 = Pale blue
    #45b1e2 = Teal blue
    #66c5ea = Light blue from nav tab
    #2d5869 = Dark blue for borders
    #efab00 = Bright yellow/gold
    #f25aff = Bright pink
    #f55a28 = Bright orange
    #fdf6e6 = Pale orange 
    #8161df = Purple
	#5a5a5a = Text /charcoal
*/

/* ========================================================= */
/* ==============    SHARED ACROSS THE SITE   ============== */
/* ========================================================= */

@import url('https://fonts.googleapis.com/css?family=Urbanist');

/* ============================================ */
/*            OVERWRITING EXISTING              */
/* ============================================ */

.contentCMS ol,
 .contentCMS ul {
    margin-top: 0;
}
.contentCMS ol li,
  .contentCMS ul li{
    margin-top: 0px;
    margin-bottom: 6px;
}
.dynamicBottomSection p {
    font-size: 16px;
    line-height: 1.5;
}
blockquote {
    width: 90%; 
    margin: 16px auto; 
    padding-right:16px;
}

/* ============================================ */
/*                    LAYOUT                    */
/* ============================================ */

.start-of-column {
    margin-top: 0;
    padding-top: 0;
}
.plus-top {
	padding-top:24px;
}
.side-matted {
    padding: 0 24px;
}
.matted {
    padding: 24px;
}
.simple-panel {
    overflow: hidden;
    margin: 0 20px 24px 20px; 
    -webkit-box-shadow: 0 0 18px 1px rgba(158,153,143,0.3);
    -moz-box-shadow: 0 0 18px 1px rgba(158,153,143,0.3); 
    box-shadow: 0 0 18px 1px rgba(158,153,143,0.3);
    border: 1px solid #fff; 
    border-radius: 12px;
    padding: 0 20px; 
}
.simple-box {
    overflow: hidden;
    margin: 24px 20px; 
    border: 1px solid #dddddd; 
    border-radius: 12px;
    padding: 16px 20px;
}
.center {
    margin-right:auto;
    margin-left:auto;   	
}
.center-90 {
    width:90%;
    margin-right:auto;
    margin-left:auto;   
}
.center-80 {
    width:80%;
    margin-right:auto;
    margin-left:auto;   
}
.left {
    float: left;
    margin-right: 16px;
}
.right {
    float: right;
    margin-left: 16px;
}

/* ============================================ */
/*                    BOXES                     */
/* ============================================ */

.attention-box {
    margin: 28px 15px;
    border: 2px solid #f25a33;
    padding-bottom: 24px;
}
.attention-box .title {
    margin-bottom: 16px; 
    font-size: 45px; 
    font-family: blockhead-dark-side, sans-serif; 
    font-weight: 400; 
    text-align:center;
    color:#82c458;  /* lime green */
}
.summary-box .title {
    margin:16px 0;
    font-size:36px;
    line-height: 48px;
    font-family: blockhead-dark-side, sans-serif; 
    font-weight: 400;
    text-align:center;
    color: #5a5a5a;
}
.summary-box ol,
  .summary-box ul {
    margin-top: -12px;
    margin-left: 24px;
}
.note {
    margin-bottom:24px; 
    border-radius:17px; 
    padding:24px 32px 8px; 
    background-color:#fdf6e6;
}
.note .title {
    margin:0 0 16px 0;
    font-size:36px;
    line-height: 48px;
    font-family: blockhead-dark-side, sans-serif; 
    font-weight: 400;
	text-transform:uppercase;
    text-align:center;
    color: #5a5a5a;
}
.note .strong {
    font-size:20px;
    line-height:30px;
    font-weight:600;
    font-style:italic;
    text-align:center;
}
.feature-question-box {
    border-color:#603473; /* dark purple */
    text-align: center;
}

/* =================== CAREER LINKS =================== */
.career-link-intro {
    font-size: 40px;
    line-height: 1.25;
	font-family: blockhead-dark-side, sans-serif;
	text-align:center;
	text-transform: uppercase;
    font-weight: 400; 
    color:#82c458;
}	
.career-link-box {
    margin: 0 0 32px 0;
    padding: 0;
    text-align: center;  
}
.new-career-link-box {
    margin: 0 0 32px 0;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
}
.new-career-link-box p {
	margin: 8px;
}
.new-career-link-box a {
	color: #ffffff;
}
.aero-eng {
    border-color: #270853;
    background-color: #46108f;
}
.biomed-eng {
    border-color: #79081e;
    background-color: #c91b3d;
}
.chem-eng {
    border-color: #003941;
    background-color: #19606b;
}
.civil-eng {
    border-color: #003b66;
    background-color: #00619d;
}
.computer-eng {
    border-color: #8c1c02;
    background-color: #cd2f0a;
}
.earthres-eng {
    border-color: #253336;
    background-color: #445a5e;
}
.electrical-eng {
    border-color: #274c69;
    background-color: #4478a2;
}
.env-eng {
    border-color: #006839;
    background-color: #16a05c;
}
.industrial-eng {
    border-color: #2c97ab;
    background-color: #39bdd6;
}
.materials-eng {
    border-color: #446c13;
    background-color: #77b928;
}
.mech-eng {
    border-color: #004f47;
    background-color: #008478;
}
.nuclear-eng {
    border-color: #9d3a01;
    background-color: #f45900;
}
.software-eng {
    border-color: #5d1a71;
    background-color: #761791;
}
.specialty-eng {
    border-color: #940b0a;
    background-color: #ff0000;
}

/* ============================================ */
/*                    TEXT                      */
/* ============================================ */

p.list-following {
    margin-bottom:4px;
}
.postscript {
    font-size: 12px;
    font-style: italic;
}
.pull-out-text {
    margin: 24px 36px; 
    border-right: 3px solid #dfdfdf; 
    border-left: 3px solid #dfdfdf; 
    padding: 0 36px; 
}
.interview-quote,
  .pull-quote {
    font-size:36px;    
    color: #45b1e2;  /* teal blue */
}
.interview-quote-minor,
  .pull-quote-minor {
    font-size:24px;
    color: #45b1e2;  /* teal blue */
}
.interview-highlight,
  .page-description {
    margin: 24px 0; 
    border-bottom: 3px solid #dfdfdf;
    padding: 0 16px 8px 16px;
    font-size: 18px; 
    text-align: center;   
    color: #45b1e2;
}
.small-quote {
    margin: 0 30px 24px 30px; 
    border-top: 1px solid #dfdfdf; 
    border-bottom: 1px solid #dfdfdf; 
    padding: 24px 0; 
    font-size:18px;
    color: #45b1e2; 
}
.thought-exercise {
    margin: 16px 0 32px 0;
    text-align: center;
    font-weight: 600;
}
.citation {
    margin-top:-8px;
    font-size: 12px;
    font-style:italic;
    text-align:right;
}

/* ============================================ */
/*                  HEADINGS                    */
/* ============================================ */

.contentCMS .pagetitle{
    font-size:45px;
}
.pagetitle-link {
    font-size: 24px;
}
.pagetitle .try-this {
    font-size: 54px;
    font-family: blockhead-dark-side, sans-serif;
    font-weight: 400;
    color:#82c458;
}
.announcement-banner {
	position:relative;
	bottom: auto;
	border-top: 1px solid #ffffff;
    }
.announcement-banner .banner {
	overflow: hidden;
}
.announcement-banner .banner-title {
	position: absolute;
	bottom: 24px;
	width: 90%;
	margin-left: 45px;
	margin-bottom: 16px;
	padding-bottom: 20px;
	font-size: 48px;
    line-height: 45px;
	font-family: 'Urbanist', sans-serif;
    font-weight: 400;
	text-transform:lowercase;
	background-image: none;
	color: #fff;
}
.announcement-banner .pagetitle {
	display: none;
}
.topic-tabs {
	margin: 16px 30px 0 30px; 
	border-bottom: 2px solid #dcdcdc;
	padding-left: 15px;
}
.topic-tab {
	border:1px solid #dedede; 
	border-bottom:none; 
	border-top-left-radius: 12px; 
	border-top-right-radius: 12px; 
	padding: 8px 0; 
	background-color: #c5c2bd; 
	line-height: 20px; 
	text-align: center;
}
@media all and (max-width: 780px) {
	.topic-tab {
		margin-bottom: 12px;
		border-bottom: 1px solid #dedede;
	}
	.announcement-banner .banner-title {
        font-size: 32px;
        bottom: 0;
   }

}
.topic-tab:hover {
	background-color: #bebbb7;
}
.topic-tab:hover .link{
	color: #f55a28;
}
.topic-tab .link {
	font-weight: 600; color:#ffffff;
}
.topic-tab.active{
	background-color: #f1efeb;
}
.topic-tab.active .link {
	color:#5a5a5a;
}
.distinctive {
    margin-bottom: 4px;
	font-size: 40px;
    line-height: 1.25;
    font-family: 'Amatic SC', cursive; 
    font-weight: 500; 
} 
.distinctive-plus {
    margin: 32px 0 8px 0;  
    padding-top: 32px;
    font-size: 40px;
    line-height: 1.25;
    font-family: 'Amatic SC', cursive; 
    font-weight: 500; 
}
.definite {
    margin: 24px 20% 8px 0;
    border-bottom: 1px dotted #f25aff;
    padding-bottom: 8px;
    font-size: 28px; 
    font-family: 'Amatic SC', cursive;
    font-weight: 500;
}
.definite-with-underline {
    margin: 0 0 8px 0;
    border-bottom: 1px dotted #f25aff;
    padding-bottom: 8px;
    font-size: 28px; 
    font-family: 'Amatic SC', cursive;
    font-weight: 500;
}
.heavy {
	font-size: 36px;
	line-height: 1.1;
	font-family: blockhead-dark-side, sans-serif; 
	text-transform: uppercase;
	font-weight: 500; 
}
.obvious {
    margin: 32px 0 8px 0;  
    padding-top: 24px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;     
}
.stand-out {
    margin: 32px 0 8px 0;  
    padding-top: 24px;
    font-size: 40px; 
    font-family: 'Amatic SC', cursive; 
    font-weight: 500; 
    color: #92c155; /* kiwi green */   
}
.start-of-column {
	margin-top:0;
	padding-top:0;
}
.subsection-title {
	margin-top: 40px; 
	margin-bottom: 24px;
	font-size: 32px; 
	line-height: 1.5;
	font-family: 'Amatic SC',cursive; 
	font-weight: 500; 
}

/* ============================================ */
/*                 TABLES                   */
/* ============================================ */

.rounded-table{
	border: 1px solid #fff;
	border-radius: 12px;
}
.rounded-table tr:first-child th:first-child {
	border-top-left-radius: 12px;
}
.rounded-table tr:first-child th:last-child {
	border-top-right-radius: 12px;
}
.rounded-table tr:last-child td:first-child {
	border-bottom-left-radius: 12px;
}
.rounded-table tr:last-child td:last-child {
	border-bottom-right-radius: 12px;
}
#sci-vs-eng {
	width: 100%;
	border-radius: 12px;
}
#sci-vs-eng td, #sci-vs-eng th {
    width:50%;
    border: 1px solid #fff;
    padding: 12px 18px 6px 18px;
    vertical-align: top;
}
#sci-vs-eng th {
	vertical-align: middle;
    font-size: 32px;
    line-height: 45px;
	font-family: 'Urbanist', sans-serif;
    font-weight: 400;
	text-transform:lowercase;
}
#sci-vs-eng .sci {
	background-color:#d9edcc;
}
#sci-vs-eng .eng {
	background-color:#9bd4e4;
}

/* ============================================ */
/*                 SEPARATORS                   */
/* ============================================ */

.gold-separator {
    clear: both;
    border-top: 1px dotted #efab00; 
}
.gold-separator-plus {
    clear: both;
    padding-top: 24px;
    border-top: 1px dotted #efab00; 
}
.green-separator {
    clear: both;
    border-top: 1px dotted #92c155; 
}
.green-separator-plus {
    clear: both;
    border-top: 1px dotted #92c155;
    padding-top:24px;
}
.blue-separator {
    clear: both;
    border-top: 1px dotted #66c5ea; 
}
.blue-separator-plus {
    clear: both;
    border-top: 1px dotted #66c5ea;
    padding-top:24px;
}
.orange-separator {
    clear:both; 
    border-top: 1px dotted #f25a33;
}
.orange-separator-plus {
    clear:both;
    border-top: 1px dotted #f25a33;
    padding-top:16px; 
}
.blue-divider {
    clear: both;
    margin: 36px 0px; 
    border-top: 2px dotted #45b1e2; 
}
.gold-divider {
	clear: both;
	margin: 36px 0px; 
	border-top: 2px dotted #efab00; 	
}
.orange-divider {
    clear:both;
    margin-top:24px; 
    border-top: 1px dotted #f25a33; 
}
hr.gradient {
	width:60%;
	height: 1px; 
	margin: 8px 0px;
	border: 0;
	background: #333;
	background-image: linear-gradient(to right, #ccc, #fff);
	}
hr.center {
	height: 2px; 
	margin: 24px auto;
	border: 0;
	background-image: linear-gradient(to right, #fff, #ccc, #fff);
	}

/* ============================================ */
/*               IMAGES & VIDEOS                */
/* ============================================ */

.image-panel {
	overflow: hidden;
	margin: 0; 
	-webkit-box-shadow: 0 0 18px 1px rgba(158,153,143,0.3);
	-moz-box-shadow: 0 0 18px 1px rgba(158,153,143,0.3); 
	box-shadow: 0 0 18px 1px rgba(158,153,143,0.3);
	border: 1px solid #fff; 
	border-radius: 12px;
	padding: 0;
}
.simple-border {
    margin: 5px 0 16px 0; 
    border: 1px solid #ededed;
    padding: 7px; 
}
.simple-img {
    margin: 0 0 16px 0; 
}
.simple-img img,
 .simple-border img {
    border-radius:12px;
}
.simple-img.center {
	margin: 0 auto 16px auto;
}
.simple-border .caption,
 .simple-img .caption,
 .simple-border .citation,
 .simple-img .citation {
    margin: 2px 3px 0 5px;
    font-size:12px; 
    line-height:18px;
}
.simple-border .caption {
    text-align:center;
}
.simple-border .citation,
 .simple-img .citation {
	padding-right: 5px;
	text-align:right;
}
.polaroid-panel {
    overflow: hidden;
    margin: 5px 0px 18px 0px; 
    -webkit-box-shadow: 0 0 7px 0 #dddfe0;
    -moz-box-shadow: 0 0 7px 0 #dddfe0; 
    box-shadow: 0 0 7px 0 #dddfe0;
	border: 1px solid #fff; 
    border-radius: 12px;
    padding: 10px; 
    text-align: center; 
}
.polaroid-panel.reduced {
    -webkit-box-shadow: 0 0 5px 0 #dddfe0;
    -moz-box-shadow: 0 0 5px 0 #dddfe0; 
    box-shadow: 0 0 5px 0 #dddfe0;
	border: 1px solid #fff;
	padding: 5px;
	font-size: 12px;
}
.polaroid-panel img {
	margin:0 auto 4px auto;
}
.polaroid-panel.reduced h4{
	margin: 0 0 1px 0;
	font-size: 12px;
}
.video-wrapper {
    margin-top:24px;
    margin-bottom:24px;
} 
.video-wrapper .caption{
    margin: 4px 0 0 8px;
	font-size: 12px;
    font-style: italic;	
}
.vimeo-caption {
    margin: 0 0 24px 8px;
	font-size: 12px;
    font-style: italic;	
}
.photoAlbum .lSSlideWrapper {
    -webkit-box-shadow: 0 0 8px 0 #dddfe0;
    -moz-box-shadow: 0 0 8px 0 #dddfe0; 
    box-shadow: 0 0 8px 0 #dddfe0;
	border: 1px solid #fff;
    border-radius: 12px;
}
.fixed-size.lg-outer .lg-inner {
	border-radius: 12px;
}
.fixed-size.lg-outer .lg-sub-html {
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.carousel-inner {
    border-radius: 12px;
	padding: 20px;
}
.carousel-inner .item img {
    -webkit-box-shadow: 0 0 18px 0 #dddfe0;
    -moz-box-shadow: 0 0 18px 0 #dddfe0; 
    box-shadow: 0 0 18px 0 #dddfe0;
	border: 1px solid #fff;
    border-radius: 12px;
    padding: 10px; 	
}
.carousel-indicators {
	bottom: 10px;
}
.carousel-caption {
	position:static;
	color:#5a5a5a;
}
/* ============================================ */
/*      PHOTO CREDITS & ACKNOWLEDGEMENTS        */
/* ============================================ */

.photo-credits hr {
	margin-top: 36px; 
	margin-left:0; 
	border: 0; 
	width:30%; 
	height: 1px; 
	background: #333; 
	background-image: linear-gradient(to right, #ccc, #fff);
	}
.photo-credits p {
	margin-top: 16px;
	font-size: 12px;
    font-style:italic;
	}

.series-note {
    font-size:12px;
    font-style:italic;
}
.series-note hr {
	margin-top: 8px; 
    margin-bottom: 24px;
    margin-left:0;
	border: 0; 
	width:60%; 
	height: 1px; 
	background: #333; 
	background-image: linear-gradient(to right, #ccc, #fff);
	}

/* ============================================ */
/*                    LISTS                     */
/* ============================================ */

.jump-to-links {
    margin-bottom:24px; 
    border-radius:17px; 
    padding:16px 0 8px 32px; 
    background-color:#fdf6e6;
}
.jump-to-links ul {
    margin-right: 32px;
    margin-left: 16px;
    list-style-type: circle;
}
.faq-list {
    margin-bottom: 24px;
}
.faq-list .item {
    display: block;
    margin: 36px 0 0 0;
    border-bottom: 1px dotted #efab00;
    padding: 0 24px 24px 60px;
    background:url("https://www.engineergirl.org/images/q-icon.png") no-repeat left top;    
}
.faq-list .item .question {
    font-weight: 600;
    line-height: 24px;
}

/* =================== STORIES & INTERVIEWS =================== */
#stories-interviews-list .brick-item {
    border-bottom: 1px dotted #efab00; 
    padding-bottom: 8px;
}
.item-image {
	position: relative;
	display: block;
	border-radius: 5px;
}
.item-image .play-button,
  .item-image .photo-album {
	position: absolute;
    top: 40%;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
}
.item-image .video-stamp {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.item-caption.title{
    margin: 0;
	font-family: 'Amatic SC', cursive; 
    font-size: 20px;
	line-height: 24px;
	font-weight: 600; 
}
.item-caption.postscript {
    margin: 0 0 16px 0;
}
.brick-item .image-responsive {
    margin-bottom: 0;
}
.day-in-life-item {
    overflow: hidden;
     margin: 0 15px 24px 15px; 
    -webkit-box-shadow: 0 0 18px 1px rgba(158,153,143,0.3);
    -moz-box-shadow: 0 0 18px 1px rgba(158,153,143,0.3); 
    box-shadow: 0 0 18px 1px rgba(158,153,143,0.3);
    border: 1px solid #fff; 
    border-radius: 12px;
    padding: 20px 20px 0 20px; 	
	text-align:center;
}

/* ============================================ */
/*                  FEATURES                    */
/* ============================================ */

.feature-person-list-item .col-sm-4 {
	padding-left:0;
	padding-right: 0;
}
.feature-person-list-item .row.no-gutters .col-sm-8 {
	padding-right: 0;
	padding-left:0;
}
.feature-person-list-item .image-panel {
	-webkit-box-shadow: 0 0 9px 1px rgba(158,153,143,0.3);
	-moz-box-shadow: 0 0 9px 1px rgba(158,153,143,0.3); 
	box-shadow: 0 0 9px 1px rgba(158,153,143,0.3);
	border: 3px solid #fff; 
}
.feature-person-list-item .name {
    margin: 6px 6px 0 6px;
    font-size: 14px;
	line-height: 18px;
    font-weight:600;
}
.feature-person-list-item .organization {
    margin: 0 6px;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
}
.follow-engineergirl {
    display:block;
}
.follow-engineergirl .title {
    float:left;
    margin: 16px 8px 0 8px;
    font-size: 28px;
    font-family: 'Amatic SC', cursive;
    font-weight: 500;
    color: #82c458;
}
.follow-engineergirl .social-links {
    float:left;
    margin-bottom: 8px;
}
.follow-engineergirl .separator {
    clear: both;
    margin: 0 8px;
    border-top: none;
    border-bottom: 2px dotted #d9edcc;
    height:0;
}
.feature-question {
    margin: 0px 20px 48px 20px; 
    padding: 0px; 
    border-color: #603473; 
    text-align: center; 
}
.feature-question .link {
    margin: 6px 10px 10px 10px;
}
.feature-question .link a {
    word-break: normal;
}
.become-ambassador-sidebar {
    margin-top:54px; 
    margin-bottom:54px;
    padding: 20px; 
}
.become-ambassador-sidebar .title {
    margin: 0 0 6px 0;
    padding-bottom:6px;
    border-bottom:1px dotted #f25a33;
    font-size:28px;
    font-family:'Amatic SC',cursive;
    font-weight:600;
}
.become-ambassador-sidebar a {
    word-break: normal;
}
.feature-content-follows-list .featureContent .text{
	margin: 6px;
}
.feature-content-follows-list .featureTitle h2 {
	margin: 16px 0 8px 0;
	font-size: 36px;
	line-height: 40px;
	font-family: blockhead-dark-side, sans-serif; 
	text-transform: uppercase;
	font-weight: 500; 
	text-align: center;
	color: #82c458;
}
.feature-content-follows-list .meet-more {
    margin: 0 6px 24px 6px;
	padding: 6px 0;
	border-top: 1px dotted #82c458;
	border-bottom: 1px dotted #82c458;
	font-size: 24px;
	line-height: 30px;
    font-family:'Amatic SC',cursive;
	font-weight:600;
	text-align:center;
}
.feature-gallery-profile {
    margin-top: 8px;
    margin-bottom: 30px;
}
.feature-gallery-profile .profile-name {
    margin: 6px 6px 0 6px;
    font-size: 14px;
	line-height: 18px;
    font-weight:600;
}
.feature-gallery-profile .occupation {
    margin: 0 6px;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
}
.feature-gallery-profile .job-title {
	font-weight: 600;
}
.feature.selected-question{
   margin-top:36px;
}
.selected-question .questioner {
	font-size: 24px;
	line-height: 30px;
 	font-family: blockhead-dark-side, sans-serif; 
	font-weight:400;	
}
.selected-question .readMore {
    margin-top: 12px;
    text-align: right;
}

.feature-recent-post {
    margin: 0 0 0 0;
}
.feature-recent-post .title{
    margin: 0 0 8px 0;
    font-size: 28px; 
    line-height: 1;
    font-family: 'Amatic SC', cursive;
    font-weight: 500;
    color: #5a5a5a;
}
.feature-recent-post .name {
    margin-top: 16px;
}
.feature-recent-post .thumbnail {
    overflow: hidden;
    margin: 18px 0px 10px 0px; 
    -webkit-box-shadow: 0 0 7px 0 #dddfe0;
    -moz-box-shadow: 0 0 7px 0 #dddfe0; 
    box-shadow: 0 0 7px 0 #dddfe0;
	border: 6px solid #fff; 
    border-radius: 12px;
    padding: 5px; 
    text-align: center; 
}	


/* ========================================================= */
/* ==============         UNIQUE PAGES        ============== */
/* ========================================================= */


/* =================== TRAILBLAZER & SHOWCASE LIST =================== */
.photo-list-item {
    overflow: hidden;
    margin: 5px 5px 15px 5px; 
    -webkit-box-shadow: 0 0 7px 0 #dddfe0; 
    -moz-box-shadow: 0 0 7px 0 #dddfe0; 
    box-shadow: 0 0 7px 0 #dddfe0; 
    border: 6px solid #fff; 
    border-radius: 12px;
    padding:5px;
    text-align: center;
}
.img {
    margin: 0 auto 4px;
}

#showcase-notes .summary-box {
    background-color: #b2e2f6; 
    border: 2px solid #2d5869;
}

#showcase-notes .summary-box .title {
    text-transform: uppercase;    
}    

#showcase-notes .portrait {
    overflow: hidden;
    -webkit-box-shadow: 0 0 7px 0 #dddfe0; 
    -moz-box-shadow: 0 0 7px 0 #dddfe0; 
    box-shadow: 0 0 7px 0 #dddfe0; 
    border: 6px solid #fff; 
    border-radius: 12px;
    padding:5px;
}

#showcase-notes .facts {
    margin: 0 20px 24px 20px; 
    padding: 0 20px; 
}

.life-details .distinctive {
    color: #66c5ea;
}

/* =================== MATH/SCI SHOWCASE LIST =================== */
.showcase-quick-facts {
    overflow: hidden;
    margin: 0 0px 12px 0px; 
    -webkit-box-shadow: 0 0 18px 1px rgba(158,153,143,0.3);
    -moz-box-shadow: 0 0 18px 1px rgba(158,153,143,0.3); 
    box-shadow: 0 0 18px 1px rgba(158,153,143,0.3);
    border: 1px solid #fff; 
    border-radius: 12px;
	background-color:#f6ebda;
	padding: 0 20px 12px 20px; 
}
.showcase-quick-facts.physics-astro {
    background-color: #b4a9cb;
}
.showcase-quick-facts.biology {
    background-color: #bfe4b9;
}
.showcase-quick-facts.chemistry {
    background-color: #f5c4c3;
}
.showcase-quick-facts.earth-sci {
    background-color: #e0b5a4;
}
.showcase-quick-facts.math {
    background-color: #dbeaf3;
}
.showcase-quick-facts.natural-hist {
    background-color: #e0e1e1;
}
.showcase-quick-facts.social-sci {
    background-color: #f8ebca;
}
.showcase-name {
    margin-bottom: 19px;
    font-size: 40px;
	line-height: 1.5;
    font-family: 'Amatic SC', cursive; 
    font-weight: 500; 
}
.showcase-quick-facts .portrait {
    overflow: hidden;
    margin: 0 0 12px 0;  
    border-radius: 12px; 
    padding: 0;
}
.showcase-quick-facts .portrait img {
    margin: 0 auto !important;
}
.showcase-quick-facts .portrait .caption {
    margin-bottom: 0;
    padding-right: 2px;
    font-size: 10px;
    font-style: italic;
    text-align: right;
}
.showcase-quick-facts .portrait .caption a {
    color: #5a5a5a;
}

/* =================== DID YOU KNOW =================== */
.fact-item {
    border-bottom: 1px dotted #efab00; 
    padding: 10px 10px 16px 10px;
	margin-bottom: 16px;
}
.fact-item .visual {
	overflow: hidden;
	margin: 0 0 12px 0;
    -webkit-box-shadow: 0 0 7px 0 #dddfe0;
    -moz-box-shadow: 0 0 7px 0 #dddfe0; 
    box-shadow: 0 0 7px 0 #dddfe0;
	border: 6px solid #fff; 
    border-radius: 12px;
    padding: 5px; 
    text-align: center; 
}
.fact-item .fact {
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
}
.fact strong {
    font-family: blockhead-dark-side, sans-serif;
    font-weight: 400;	
	text-transform: uppercase;
}
.fact-item .details {
	margin: 0;
	font-size: 12px;
}

/* ============================================ */
/*            LANDING & LIST PAGES              */
/* ============================================ */

/* =================== ENGINEERS (Landing page) =================== */
#historical-engineers .polaroid-panel {
	border-color:#f2e8d8;
	background-color:#f6ebda;
}

/* =================== WTD LANDING PAGE =================== */
.engineering-design {
	margin-top: 36px;
	border: 1px solid #8161df;
	padding-bottom: 24px;
}
.engineering-design h2 {
	font-size: 40px; 
	line-height: 48px;
	font-family: blockhead-dark-side, sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #8161df;
}
.shape-the-future {
	margin-top: 36px;
}
.shape-the-future .title {
    margin-bottom: 16px; 
    padding-bottom: 16px;
    font-size: 45px; 
    font-family: blockhead-dark-side, sans-serif;
    text-transform: uppercase;
    font-weight: 400; 
    color:#82c458;  /* lime green */
}
.shape-the-future .details {
    display: block;
    margin-top: 16px;
}
.shape-the-future-links {
    padding: 8px 16px 0 0;
    font-size: 28px; 
    line-height: 27px;
    font-family: 'Amatic SC', cursive;
    text-align: right;
}
.career-feature {
	padding: 0 8px;
}
.career-feature .distinctive {
	font-family: blockhead-dark-side, sans-serif;
	text-transform: uppercase;
    font-weight: 400; 
    color:#82c458;
}

/* =================== HTGT LANDING PAGE =================== */

.try-this-challenge {
    display: block;
}
.try-this-challenge .title {
    font-size: 28px;
    line-height: 54px;
    font-family: blockhead-dark-side, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color:#45b1e2;    
}
.college-prep {
    display: block;
	border-left: 3px solid #ddd;
    border-right: 3px solid #ddd;
}
.college-prep .title {
    margin: 0 0 8px 0;
    padding-top: 8px;
    padding-bottom: 12px;
}
.engineering-news {
    margin: 0 0 0 0;
}
.engineering-news .title{
    margin: 0 0 8px 0;
    font-size: 28px; 
    line-height: 1;
    font-family: 'Amatic SC', cursive;
    font-weight: 500;
    color: #5a5a5a;
}
.eng-news-latest .name {
    margin-top: 16px;
}
.explore-box{
    overflow: hidden;
	margin-top: 16px;
	border:1px solid #8161df;
    border-radius: 12px;
    padding: 20px; 
	background-image: -webkit-linear-gradient(rgba(129,97,223,0.05), rgba(129,97,223,0.15));
	background-image: -o-linear-gradient(rgba(129,97,223,0.05), rgba(129,97,223,0.15));
	background-image: linear-gradient(rgba(129,97,223,0.05), rgba(129,97,223,0.15));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fafafa', EndColorStr='#efefee');
}
.explore-box .title {
    margin: 0 0 12px 0;
    font-size: 40px;
    line-height: 0.8;
    font-family: 'Amatic SC', cursive; 
    font-weight: 500; 
    color: #8161df; /* purple */       
}
.feature-showcase {
    padding: 0 0 16px 0;
}
.feature-showcase .title {
    margin-top: 8px;
    padding-bottom: 16px;
    font-size: 45px;
    line-height: 1;
    font-family: blockhead-dark-side, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-align:center;
    color:#82c458;  /* lime green */
}
.feature-showcase .read-more {
    text-align: center;
}
.feature-showcase .showcase-quick-facts{
	margin: 0 0 12px 0;
    overflow: hidden;
	border: 1px solid #82c458; 
    border-radius: 12px;
	padding: 8px;
    -webkit-box-shadow: 0 0 18px 1px rgba(130,196,88,0.3);
    -moz-box-shadow: 0 0 18px 1px rgba(130,196,88,0.3); 
    box-shadow: 0 0 18px 1px rgba(130,196,88,0.3);
    background-color: #ffffff;
}
.showcase-quick-facts .portrait {
    overflow: hidden;
    margin: 0 0 12px 0;  
    border-radius: 12px; 
    padding: 0;
}
.feature-showcase .showcase-name {
    margin: 0px auto;
    font-size: 24px;
	line-height: 1.5;
	text-align:center;
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
}
.feature-showcase .showcase-career {
    margin: 0px auto 19px;
    font-size: 24px;
	line-height: 1.5;
	text-align:center;
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
}
.possibilities-showcase .showcase-name {
    margin: 0px auto 6px;
    font-size: 24px;
	line-height: 1.15;
	text-align:center;
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
}
.possibilities-showcase .showcase-career {
    margin: 6px auto;
    font-size: 24px;
	line-height: 1.15;
	text-align:center;
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
}
.showcase-quick-facts .readMore {
	text-align:center;
}
.feature-showcase .showcase-quick-facts .portrait {
    overflow: hidden;
    margin: 0 0 12px 0;  
    border-radius: 12px; 
    padding: 0;
}

/* ============================================ */
/*               SPECIAL PAGES                  */
/* ============================================ */

/* =================== INTERVIEWS =================== */
.interview-transcript-title {
    margin-top: 40px;
    margin-bottom: 24px;
    font-size: 32px; 
    font-family: 'Amatic SC',cursive; 
    font-weight: 500;
}
.interview-intro {
    font-style:italic;
}
.interview-question {
    margin: 32px 0 4px 0;
}
.interview-answer {
    margin-left: 20px;
}

.day-in-life-intro {
    overflow: hidden;
    margin: 0 20px 36px 20px; 
    -webkit-box-shadow: 0 0 50px rgba(102,197,234,0.2),0 -1px #fff,inset 0 0 100px rgba(102,197,234,0.2),inset 0 0 5px rgba(102,197,234,0.6);
    -moz-box-shadow: 0 0 50px rgba(102,197,234,0.2),0 -1px #fff,inset 0 0 100px rgba(102,197,234,0.2),inset 0 0 5px rgba(102,197,234,0.6); 
    box-shadow: 0 0 50px rgba(102,197,234,0.2),0 -1px #fff,inset 0 0 100px rgba(102,197,234,0.2),inset 0 0 5px rgba(102,197,234,0.6);
    border: 1px solid #fff; 
    border-radius: 12px;
    padding: 20px; 
}
.day-in-life-intro .portrait {
	display: block;
	float: right;
	max-width: 150px;
	border: 9px solid #fff;
	-webkit-box-shadow: 0 0 7px 0 #dddfe0;
	-moz-box-shadow: 0 0 7px 0 #dddfe0;
	box-shadow: 0 0 7px 0 #dddfe0;
	border-radius: 12px;
	overflow: hidden;
}
.day-in-life-intro .intro-text {
	margin: 20px;
	font-style:italic;
}
.day-in-life-intro .profile-link {
    margin: 0 150px 20px 0;
	padding: 0 20px;
	font-size: 12px;
	text-align: right;
	text-transform: uppercase;
	font-weight: 700;
}

/* =================== TRAILBLAZER PROFILES =================== */
.trailblazer-quick-look {
    padding: 0 15px;
    font-size: 14px;
}
.trailblazer-quick-look .portrait {
    overflow: hidden;
    margin: 5px 0 16px 0; 
    -webkit-box-shadow: 0 0 7px 0 #dddfe0; 
    -moz-box-shadow: 0 0 7px 0 #dddfe0; 
    box-shadow: 0 0 7px 0 #dddfe0; 
    border: 6px solid #82c458; 
    border-radius: 12px; 
    padding: 0; 
    text-align: center;
}
.facts .factname {
    font-size: 12px;
    font-weight: 600;
}
.trailblazer-quick-look .related-links {
    margin-top: 32px;
	padding: 0 15px;		
}
.trailblazer-full-story {
    padding: 0 15px;
}
.trailblazer-full-story .tagline {
    margin: 0;
    font-size: 36px;
    line-height: 44px;
    font-family: 'Amatic SC', cursive;
    font-weight: 500;
    color: #82c458;
}
.trailblazer-full-story .sub-tagline {
    line-height: 24px;
    font-weight: 600;
}

/* =================== TRY THIS PAGES =================== */
.try-this-quick-look {
    padding: 0 15px;
}
.try-this-quick-look .simple-panel {
    margin-right: 0;
    margin-left: 0; 
}
.try-this-quick-look .summary-box {
    background-color: #d9edcc; 
    border: 2px solid #82c458;
}
.try-this-quick-look .what-you-need {
    margin-bottom:16px;
    border: 1px solid #fff; 
    border-radius: 12px;
    padding: 0 20px; 
}
.what-you-need .title {
    margin-top:16px;
    margin-bottom:8px;
    font-size:32px; 
    font-family:'Amatic SC',cursive; 
    font-weight: 600; 
}
.what-you-need .materials-list{
    margin-bottom:16px;
    margin-left:20px;
}
.try-this-links {
    display: block;
    clear: both;
    margin-top: 32px;
	padding: 0 15px;
}
.try-this-related-egirl {
    margin-top: 48px;
}
.try-this-related-egirl .feature-title h3 {
    margin:0 8px 8px;
    font-size:32px;
    line-height: 40px;
    font-family:'Amatic SC',cursive; 
    font-weight:600; 
    text-align:center;
}
.try-this-related-egirl .featureContent {
    margin:0 8px;
    font-size:14px;
}
.try-this-links .career-link-box {
    margin: 0 15px;  
}
.try-this-links .attention-box {
    margin: 0 15px;
}
.design-plan-section {
    margin: 28px 0 8px;
    border-bottom: 1px dotted #f25a33;  
    padding-bottom: 12px;
    font-size:40px; 
    font-family:'Amatic SC',cursive;
    font-weight:600;
}



/* ========================================================= */
/* ===============     AMBASSADOR SUBSITE    =============== */
/* ========================================================= */

/* =================== AMBASSADOR PROFILE LIST =================== */
.ambassador-list-item {
    clear:both;
    border-top: 1px dotted #efab00;
    padding: 16px 0 24px 0;
}
.ambassador-list-item .ambassador-portrait {
    margin: 5px 0 24px 0; 
    border: 2px #92c155 dashed;
    padding: 7px;
}

.ambassador-list-item .ambassador-details .ambassador-name {
    font-size: 24px;
    font-weight: 600;
    color: #92c155;
}

/* =================== AMBASSADOR PROFILES =================== */
#ambassador-related {
    clear:both; 
    margin-top:24px; 
    border-top: 2px dotted #efab00;
    padding-top:24px; 
}
.ambassador-quick-look {
    padding: 0 15px;
    font-size: 14px;
}
.facts {
    margin: 14px 0 0 0; 
    padding-bottom: 14px;
}
.facts .label{
    font-size: 12px;
    font-weight: 600;
}
.ambassador-full-story {
    padding: 0 15px 0 15px;
}
.first-section-title {
    margin-top: 0; 
    margin-bottom: 8px; 
    padding-top: 0; 
    font-size: 42px; 
    font-family: 'Amatic SC', cursive; 
    font-weight: 500; 
    color: #92c155;
}
.separated-subsection-title {
    margin-top: 32px; 
    margin-bottom: 8px; 
    border-top: 1px dotted #efab00; 
    padding-top: 24px; 
    font-size: 42px; 
    font-family: 'Amatic SC', cursive; 
    font-weight: 500; 
    color: #92c155;
}



/* ========================================================= */
/* ===============      CONTEST SUBSITE      =============== */
/* ========================================================= */

/* =================== CONTEST WINNER LIST =================== */
.contest-winners-list .contest-division,
  .winner-age-group {
	margin-top: 24px;
	margin-bottom: 18px; 
	padding:12px; 
	background-color:#dcddde; 
}
.contest-winners-list .contest-division h3 {
	margin: 0; 
}
.contest-winners-list .award-place {
	margin-top: 24px;
	border-bottom: 1px dotted #f25a33; 
}
.contest-winners-list .entry-title {
	font-weight:600;
}
.contest-winners-list .winner-name {
	margin-bottom: 0;
	font-size:40px;
	font-family:'Amatic SC',cursive;
	font-weight:bold; 
}

.winner-img{
	padding-bottom: 24px;
}
.winner-img img {
	max-width: 100%; 
	border: 1px solid #fff; 
	border-radius: 12px; 
	-webkit-box-shadow: 0 0 7px 0 #dddfe0; 
	-moz-box-shadow: 0 0 7px 0 #dddfe0; 
	box-shadow: 0 0 7px 0 #dddfe0;
}
.winner-name {
	margin-bottom: 0;
	font-size:40px;
	font-family:'Amatic SC',cursive;
	font-weight:bold; 
}
.winner-title {
    margin: 20px 0px -4px 0px;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
}
.contest-winners-list .gradient {
	margin-top: -10px;
}
.winner-rank {
    margin-bottom: 36px;
	font-size: 14px;
}
.winner-details {
    padding-bottom: 16px;
    padding-left: 30px;
}
.other-finalists {
    margin-bottom:50px;
}
.other-finalists h3 {
    width:80%;
    margin-top: 24px;
    padding-bottom: 8px; 
    border-bottom: 1px dotted #f25a33;
    font-size: 36px; 
    font-family: 'Amatic SC', cursive;  
}
 .other-finalists p {
    margin-left: 40px;
}
.contest-page-details {
    margin-bottom: 36px;
}
.contest-page-winner-name {
    margin: -24px 0px 0px 0px;
    font-size:24px;
    font-weight:500;
}