/*Stylesheet for IDEA 2018*/

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{/*line-height:1.15;*/-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{height:auto;border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}


body{font-family: 'Lato', sans-serif; color:#201f1e;font-weight:400;margin:0;}
h1,h2,h3,h4{margin:0;}
p{margin:12px 0 0;font-size:18px; line-height:28px;}
a{text-decoration: none;color:#000;}
.awards-list a{font-family: 'Lato', sans-serif; font-weight:900;color:#000;}
/*Layouts*/
.container{padding:0 30px;}
.info{width:100%;}
.full-height{height:100vh;}
.fullwidth{width:100%;height:auto;}
.small-header{height:280px;}
/*Fonts*/
h1{font-family: 'tofinoultra', sans-serif; font-size:102px; line-height: 114px; font-weight:normal;letter-spacing: 0.03em;}
h2, .student-name{font-family: 'tofinobold', sans-serif; font-size:34px; line-height:38px; font-weight:normal;letter-spacing:0.03em;}
h3, a.topnavitem{font-family: 'Lato', sans-serif; font-size:16px; line-height: 26px; font-weight:900;text-transform: uppercase; letter-spacing: 0.05em;}
h4{font-family: 'Lato', sans-serif; font-size:14px; line-height: 24px; font-weight:900;text-transform: uppercase;}

@font-face {
    font-family: 'tofinobold';
    src: url('fonts/tofino-bold-webfont.woff2') format('woff2'),
         url('fonts/tofino-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tofinoultra';
    src: url('fonts/tofino-ultra-webfont.woff2') format('woff2'),
         url('fonts/tofino-ultra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Text Colors*/
.white-text{color:#ffffff;}/*White*/
.red-text{color:#dd6d54;} /*Red*/
.blue-text{color:#6190b5;} /*Blue*/
.purple-text{color:#8271a5;} /*Purple*/
.green-text{color:#788559;} /*Green*/
.gold-text{color:#e7c45e;} /*Gold*/
.charcoal-text{color:#201f1e;} /*Charcoal*/
.black-text{color:#000000;} /*Black*/
.gray-text{color:#d0d0d0;} /*Gray*/

/*Hover Colors*/
.white-hover a:hover{color:#ffffff;}/*White*/
.red-hover a:hover{color:#dd6d54;} /*Red*/
.blue-hover a:hover{color:#6190b5;} /*Blue*/
.purple-hover a:hover{color:#8271a5;} /*Purple*/
.green-hover a:hover{color:#788559;} /*Green*/
.gold-hover a:hover{color:#e7c45e;} /*Gold*/
.charcoal-hover a:hover{color:#201f1e;} /*Charcoal*/
.black-hover a:hover{color:#000000;} /*Black*/
.gray-hover a:hover{color:#d0d0d0;} /*Gray*/

/*BG Colors*/
.red-bg{background-color:#dd6d54;} /*Red*/
.blue-bg{background-color:#6190b5;} /*Blue*/
.purple-bg{background-color:#8271a5;} /*Purple*/
.green-bg{background-color:#788559;} /*Green*/
.gold-bg{background-color:#e7c45e;} /*Gold*/
.charcoal-bg{background-color:#201f1e;} /*Charcoal*/
.black-bg{background-color:#000000;} /*Black*/
.gray-bg{background-color:#f2f2f2;} /*Gray*/
.white-bg{background-color:#ffffff;} /*White*/

/*Shapes*/
h1.half-plus:before{content:"";background:url("img/icons/half-plus-symbol.svg") no-repeat; display: inline-block;width:25px;height:42px;background-size:25px 42px;/*vertical-align: middle;*/margin-right:15px;}
.gala-text{margin:10px 0;}
.gala-text p{margin:0px;}
    
/*General Lists*/
ul{padding: 0;margin-top:0;}
ul li{list-style-type:none;}

/*Awards and Thanks Pages' List*/
.awards-list{margin-bottom:17px;}
.awards-list li p{font-size:14px;line-height:22px;color:#201f1e;margin:0;}
ul.awards-list li h4{max-width: 240px;}

/*Links Styles*/
a.white-link{color:#ffffff;text-transform:uppercase;font-size:16px; font-family: 'Lato', sans-serif; font-weight:900;margin-left:15px; font-weight: 400;}
a.dark-link{color:#000000; font-weight: 900;}
a.whitelink{color:#ffffff; font-weight: 900;}
a.pnlinks{color:#c7c8ca;text-transform:uppercase;font-size:16px;font-weight: 900;letter-spacing: 0.08em;-webkit-transition: color 0.5s ease;-moz-transition: color 0.5s ease;-o-transition: color 0.5s ease;transition: color 0.5s ease;}

/*Button*/
.abutton{margin-top:60px;}
a.learn-more, .ias-trigger {
    padding: 17px;
    border: solid 1px #000;
    text-transform: uppercase;
    font-size:16px;
    color:#000;
    font-weight: 900;
    letter-spacing: 0.05em;
    background: #fff;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}
a.learn-more:hover, .ias-trigger:hover {
  background: #000;
  cursor: pointer;
  color:#fff;
}

#mc_embed_signup .button:hover {background-color:#000!important;color: #fff!important;}

/*Homepage*/
/*subscription box*/
.subscribe-box #mc_embed_signup input.email {
	background-color: #f2f2f2;
	width: 345px;
	padding: 10px;
	box-sizing: border-box;
	height:46px;
	margin-right: 20px;
	border:none;
	border-radius:1px;
	font-family: "Lato", sans-serif;
	font-size: 18px;
}
.subscribe-box #mc_embed_signup .button {
    color: #000;
    height: 46px;
    background: transparent;
    border: solid 1px #000;
    border-radius: 1px;
    text-transform: uppercase;
    font-family: 'lato',sans-serif;
    font-size: 16px;
    font-weight: 900;
    width: 101px;
}

/*Homepage Hero*/
#homeplus {
    margin: auto;
    width: auto;
    display: block;
    opacity: 0;
    transition: opacity 300ms ease;
    flex-shrink: 0;
}
#homeplus.loaded{ opacity: 1;}
.numbers {
    top: calc(100vh - 85vh);
    left:0;
}
.topheader {
    height: 100px;
}
.mainheader{z-index:100;}

/* Text Marquee */
.marquee { overflow: hidden; width: 100%; white-space:nowrap; text-align: center; color: #e7c45e; -webkit-animation: colorchange linear 20s infinite; animation: colorchange linear 20s infinite; height: 130px; margin-top: 24vh;/*z-index:1;*/}
.marquee h2{font-size:102px;text-transform: lowercase; line-height: 104px;}
.marquee h2 span { font-family: "tofinoultra", sans-serif; }

/* Back to Top */
#backtotop {
    /* positioning */
    position: fixed; right: 15px; top: 50%; margin-top: -15px; z-index: 999999999;
    /* style */
    width:35px;height:25px; background-size:35px 25px; display: block; background:url('img/icons/arrow-up.svg') no-repeat;
}

#backtotop .nameappend { font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1; font-weight: 900; text-transform: uppercase; letter-spacing: 0.05em; display: block; margin-top: 45px; transform: rotate(90deg); position: relative; white-space: nowrap; }

/* Animation keyframes - put at beginning of CSS file! */
@-webkit-keyframes colorchange { 
    0% { color: #e7c45e; }
    10% { color: #e7c45e; }
    20% { color: #dd6d54; }
    30% { color: #dd6d54; }
    40% { color: #6190b5; }
    50% { color: #6190b5; }
    60% { color: #8271a5; }
    70% { color: #8271a5; }
    80% { color: #788559; }
    90% { color: #788559; }
    100% { color: #e7c45e; }
} 
@keyframes colorchange { 
    0% { color: #e7c45e; }
    10% { color: #e7c45e; }
    20% { color: #dd6d54; }
    30% { color: #dd6d54; }
    40% { color: #6190b5; }
    50% { color: #6190b5; }
    60% { color: #8271a5; }
    70% { color: #8271a5; }
    80% { color: #788559; }
    90% { color: #788559; }
    100% { color: #e7c45e; }
}


/*Header Navigation*/
.hover-fade {display: inline-block;transition: opacity 200ms ease;}
.topheader{padding:35px 25px;}
.header-logo{width:100%;}
.idealogo, .idealogo-black{display: inline-block;width:270px;height:62px;}
.topnav ul li, .topnav-black ul li {display: inline-block;margin:0 12px; font-family: "Lato", sans-serif; font-weight: 900; letter-spacing: 0.08em;}
.topnav ul li:last-child, .topnav-black ul li:last-child { margin-right: 0;}
.topnav ul li a, .topnav-black ul li a{text-transform: uppercase; }
	/*White*/
	.idealogo{background:url("img/logos/IDEA-logo-white.svg") no-repeat;}
	.topnav ul li a {color:#ffffff;}
	/*Black*/
	.idealogo-black{background:url("img/logos/IDEA-logo.svg") no-repeat;}
	.topnav-black ul li a {color:#000000;}
.numbers {top: 0;/* z-index:50;*/}

.small-header:after {
    content: "";
    display: inline-block;
    float: right;
    background: url(img/icons/quarter-plus-white.svg) no-repeat;
    width: 80px;
    height: 80px;
   margin-top: 202px;
}
    
/*footer navigation*/
.footer-nav li a{color:#201f1e; font-size:29px; line-height:50px;}
.footer-nav p{color:#201f1e; font-size:16px; line-height:16px; text-transform: uppercase;}
#footer-items p {font-size: 12px; line-height:16px;text-transform: uppercase;}

/*arrows*/
.left-arrow{display:inline-block; transform: rotate(270deg); vertical-align:middle; margin-left:6px;width:13px;height:auto}
.arrow-up{display:block;width:35px;height:25px;}
  /*Return To Top arrow*/
  #return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
  }
  #return-to-top:hover i {
    color: #fff;
    top: 5px;
  }
  

/*Social Media icons*/
.social-media-footer{width: 100%;line-height: 50px;vertical-align:middle;}
.social-icon{display:inline-block;}
#facebook, #instagram, #twitter, #rss{width:25px;height:25px; background-size:25px 25px; margin-right:10px;display:inline-block;}
#facebook{background:url("img/social/facebook-white.svg") no-repeat;}
#instagram{background:url("img/social/instagram-white.svg") no-repeat;}
#twitter{background:url("img/social/twitter-white.svg") no-repeat;}
#rss{background:url("img/social/rss-white.svg") no-repeat;}

/*logos*/
.logo-footer img{width:260px;height:auto;max-width:100%;}

/*PROJECTS FILTER*/

/* Projects Filter : Container */
.project-container, .grads { font-size:6px; width:100%;padding:0; text-align: justify; position: relative;}
.grads {display:inline-block;}
.project-container:after {content: '';display: inline-block;width: 100%;}
/* Projects Filter: targets */
.mix,
.gap {
    display: inline-block;
    vertical-align: top;
}
.mix, .gap{width: calc(100%/2 - (((2 - 1) * 1rem) / 2));}
.mix:before {
    content: '';
    display: inline-block;
    padding-top: 100%;
}
.mix {background-size:cover; margin-bottom:1rem; position: relative; vertical-align: top; overflow: hidden;
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
*, *:before, *:after {
    box-sizing: border-box;
}

/* Projects Filter: Controls */
.controls ul li {display: inline-block;}
.mixitup-control-active {color:#000;font-size:16px; line-height: 20px; font-weight:900;text-transform: uppercase;}
.mixitup-control-active[data-filter]:after {background: transparent;}
.mix:after{content:"";background:rgba(0, 0, 0, 0.5) url("img/icons/plus-white.svg") no-repeat center; display:inline-block;background-size:25px;width:100%;height:100%;float:left;position:absolute;transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;opacity:0;}
.mix:hover:after{opacity: 1;}
#filters {padding: 0;list-style: none;}
#filters li span {color:#000; font-size:16px;display: block;padding: 0 22px 0 0  ;text-decoration: none; cursor: pointer;text-transform:uppercase;letter-spacing: 0.03em;}
.controls #filters {margin-left: 0;}

/*Project Dropdown Filter Menu */
.mobile-filter {background-color: transparent;color: #000;padding: 0 20px;font-size: 10px;border: solid 1.125px #000;height:38px;    cursor: pointer;}
.dropdown-filter {position: relative;display: inline-block;margin-bottom:15px;}
.dropdown-contents {display: none;position: absolute;background-color: #f1f1f1;min-width: 232px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-contents a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown-contents a:hover {background-color: #ddd}
.dropdown-contents li:hover {font-weight: 900;}
.dropdown-arrow img{width:10px;height:8px; margin-left: 22px;}
.mobile-filter h3 {display: inline-block;font-size:12px;}

/* Infinite Scroll */
.iastrigger { display: inline-block; font-size: 14px; color: #000; text-transform: uppercase; letter-spacing: 0.1em; margin: 20px auto 0; clear: both; display: none; }
/* this is the one displayed */
.ias-trigger { display: block !important; width: 200px; text-align: center;margin: 20px auto 0; clear: both; background: transparent;}
.ias-trigger-container { display: inline-block; width: 100%; }
.ias-spinner { display: none; }

/*Grads*/

.fullwidth{width:100%;}
.student, .grads .gap{display:inline-block; width: calc(100%/2 - (((2 - 1) * 1rem) / 2));}
.student{position:relative;display:inline-block; margin-bottom:1rem;}
.student:before {content: '';display: inline-block;padding-top: 100%;}
.student:after {content:attr(title);background:rgba(0, 0, 0, 0.5); color:#fff; text-align: center; font-size: 18px;line-height: 22px;padding-top: 36%; display:inline-block;background-size:100%;width:100%;height:100%; position:absolute;font-family: 'tofinobold';font-weight:normal; letter-spacing: 0.03em; white-space: pre-line;opacity:0;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;}
.student:hover:after{opacity: 1;}

/* 2018 Grads */
#andreaa {background:url("img/students/armstrongandrea_headshot_300px.jpg") no-repeat;}
#cara {background:url("img/students/baincara_headshot_300px.jpg") no-repeat;}
#annie {background:url("img/students/changannie_headshot300.jpg") no-repeat;}
#john {background:url("img/students/dimaljohn_headshot300.jpg") no-repeat;}
#fiona {background:url("img/students/dunnettfiona_headshot_300px.jpg") no-repeat;}
#jesse {background:url("img/students/ellingsonjesse_headshot300.jpg") no-repeat;}
#mitch {background:url("img/students/hopkinsmitch_headshot300.jpg") no-repeat;}
#shay {background:url("img/students/klassenshay_gradsite_headshot300px.jpg") no-repeat;}
#shanene {background:url("img/students/laushanene_gradsite_headshot300.jpg") no-repeat;}
#annielee {background:url("img/students/leeannie_headshot300.jpg") no-repeat;}
#austin {background:url("img/students/leggaustin_gradsite_300px.jpg") no-repeat;}
#max {background:url("img/students/littledalemax_300px.jpg") no-repeat;}
#vivay {background:url("img/students/livivay_headshot300.jpg") no-repeat;}
#alex {background:url("img/students/maertzalex_headshot_300px.jpg") no-repeat;}
#cheyenne {background:url("img/students/ManningCheyenne_headshot_300px.jpg") no-repeat;}
#jenny {background:url("img/students/OakleyJenny_Portrait300px.jpg") no-repeat;}
#kyle {background:url("img/students/papillakyle_headshot300.jpg") no-repeat;}
#pamella {background:url("img/students/PinardPamella_gradsite_headshot300.jpg") no-repeat;}
#rachel {background:url("img/students/sanvidorachel_headshot_300.jpg") no-repeat;}
#angela {background:url("img/students/schmoldangela_headshot_300.jpg") no-repeat;}
#amanda {background:url("img/students/siegmannamanda_headshot300.jpg") no-repeat;}
#ave {background:url("img/students/tranavelyne_headshot_300px.jpg") no-repeat;}
#danielle {background:url("img/students/valleedanielle_gradsite_headshot300.jpg") no-repeat;}
#juliana {background:url("img/students/vieirajuliana_headshot300px.jpg") no-repeat;}
#crystal {background:url("img/students/woocrystal_gradsite_headshot_300.jpg") no-repeat;}
#alice {background:url("img/students/zengalice_headshot300.jpg") no-repeat;}
#andreaa, #cara, #annie, #john, #fiona, #jesse, #mitch, #shay, #shanene, #annielee, #austin, #max, #vivay, #alex, #cheyenne, #jenny, #kyle, #pamella, #rachel, #angela, #amanda, #ave, #danielle, #juliana, #crystal, #alice{background-size:100%;}
.student-name {margin-bottom: 10px;}

/*Grads - Individual Page*/
.video-container {max-height: 100vh;max-width: 1920px;margin: 0 auto;}
.student-name{margin-bottom:10px;}
.student-info{margin-bottom:25px;}
.student-info h3{margin-top:20px;}
.photograd {margin-top: 15px;}
.student-info{margin-top: 10px;}
.stuawards p {margin: 0;}
p.studentbio {font-size: 18px;line-height: 30px;margin:0;}
.students-work > div { max-height: 100vh; }
.students-work > div > img, .students-work > div > a > img  { max-height: calc(100vh - 89px); width: auto; max-width: 100%; margin: 0 auto; }
p.project-description{font-size:14px;line-height:1;padding:25px 30px 50px;text-align:left;}
.student-info{max-width:610px;}
a.previous-grad:before, a.next-grad:after{display: inline-block;width:22px;height:30px;vertical-align:middle;}
a.previous-grad{margin-right:24px;}
a.pnlinks.previous-grad:hover, a.pnlinks.next-grad:hover {color: #201f1e;}

a.previous-grad:before{content:"";background:url("img/icons/previous-arrows.svg") no-repeat;margin-right:15px; background-size: contain;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a.previous-grad:hover:before{content:"";background:url("img/icons/previous-arrows-dark.svg") no-repeat; margin-right:15px; width:22px;height:30px;background-size: contain;}

a.next-grad:hover:after{content:"";background:url("img/icons/previous-next-arrows-black.svg") no-repeat; margin-right: -2px; margin-left:15px; width:22px;height:30px;background-size: contain;}
a.next-grad{margin-left:24px;}
a.next-grad:after{content:"";background:url("img/icons/previous-next-arrows.svg") no-repeat; margin-right: -2px; margin-left:15px; width:22px;height:30px;background-size: contain;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.fullwidth{display:block; }

/*Sponsors logos*/
ul.sponsors li img {height: auto;width: 150px; margin-right:70px;padding:30px 0;vertical-align:middle;}
#fbg img {height: 130px;width: auto;}
#capuni img {height: 86px;width: auto;}
#capic img {width: auto;height: 100px;}

/*Thanks header*/
.thanks-header{background:url('img/graphics/livivay_gradsite_thanks.jpg') no-repeat center;display:block; background-size: cover;}
.about-header{background:url('img/graphics/cara_bain-about.jpg') no-repeat left;display:block; background-size: cover;}
.award-header{background:url('img/graphics/cara_bain-awards.jpg') no-repeat center;display:block; background-size: cover;}
.grad-header{background:url('img/graphics/max_littledale-grads.jpg') no-repeat center;display:block; background-size: cover;}

/* Mobile Navigation Menu */
nav.mob-topnav ul li {padding: 25px 0;}

/*My styles*/
.mobile-header {background-color: #201f1e;}
.nav-wrapper {text-align: center;margin: 0 auto;padding:30px;}
nav.mobile-topnav-menu a {color: #000;}
.mobile-topnav-menu ul li a {padding: 46px;}

/* MEDIA QUERIES */

/* MOBILE ONLY - DOES NOT CASCADE */
@media screen and (max-width:831px) {
    h1{font-size:41px;line-height: 43px;}
    h1.half-plus:before{width:10px;height:20px;background-size:10px 17px;margin-right:7px;}
    h1.half-plus {margin-bottom: 20px;}
    .container{padding:25px;}
    .students-container{padding:0 30px;}
	.mainheader{padding:25px; height:25px;}
    h2{font-size: 21px;line-height: 24px;}
    .subscribe-box h2{max-width: 250px;}
    .offer-paragraph {padding:0 0 12px;}
	#cta-footer {padding:0;}
	.info{padding:45px 30px;}
    /*footer navigation*/
    .footer-nav li a{color:#201f1e; font-size:13px; line-height: 38px;}
    a.white-link{margin-top:4px;}
     #facebook, #instagram, #twitter, #rss{width:17px;height:17px; margin-right:9px;}
     #footer-items p {font-size: 6px;line-height: 8px;margin:0;text-transform:uppercase;}
     .location {margin-top: 6px;}
     .gala-details {margin: 13px 0 20px;}
     .abutton{margin-top: 30px; margin-bottom: 15px;}
    /*subscription box*/
    .subscribe-box #mc_embed_signup input.email {
        width: 258px;
        height:34px;
        display:block;
    }
    .subscribe-box #mc_embed_signup .button {
        height: 38px;
        margin-top:10px!important;
        font-size:12px;
        float:left;
        display:block;
        margin-top: 10px;
        margin-bottom: -25px;
    }
    .mobile-hide{display: none !important;}
	/*Navigation bar*/
	#mobilenav-container {height: 100vh;overflow-y: hidden;top: 0;display: none;position: fixed;overflow-y: auto;width: 100%;background: #fff;z-index: 999999;;}
	#mobilenav-container > div.flex-wrap {min-height: 100vh;}
	.mobile-bg{background-color:#201f1e;}
	.idealogo{width:156px;height:25px;background-size:auto 25px; background: url(img/logos/IDEA-logo-white-simple.svg) no-repeat;}
    .idealogo-black{background:url("img/logos/IDEA-logo-white-simple.svg") no-repeat; width:156px;height:25px;background-size:auto 25px;}
	#toggle-mobilenav{width: 21px;height: 18px;background: url(img/icons/hamburger.svg) no-repeat center center;cursor: pointer;display:inline-block; vertical-align:middle;}
	#close-mobilenav {display: block;width: 19px;height: 25px;background: url(img/icons/close.svg) no-repeat center center;cursor: pointer;background-size: 19px; float:right;margin-right: 1px;}
	a.topnavitem {color: #000;}
	/*footer*/
	.logo-footer img{width:130px;height:auto;}
	#mobilenav-container div#footer-items .wrapper {border-top: solid 1px #000;}
	.social-media-footer{line-height:38px;}
	a.topnavitem h3 {padding: 25px;}
	.navmenu{width:100%;}
    .home-nav, .page-nav { padding: 12px 25px; box-sizing: border-box; top: 0; width: 100%; z-index: 999999; }
	nav.mob-topnav ul {margin: 0;}
    
    /* Headroom.js styling */
    .headroom {
        will-change: transform;
        transition: transform 100ms linear, background 100ms ease;
        position: fixed !important;
        background: #201f1e;
    }
    .headroom--pinned {
        transform: translateY(0%);
    }
    .headroom--unpinned {
        transform: translateY(-100%);
    }
    
    /* Homepage */
    .marquee { height: 100px; margin-top: 100px; }
    .marquee h2 { font-size: 50px; line-height: 1.1; }
	#homeplus {margin-top: 30px;height: 100%;max-height: 100%;width: auto;}
	.numbers{width:100%;}
	.homeplus-container {margin: auto; height: 50%; width: 100%;}
    .mobile-bg .absolute {top: 0; left: 0;}
    .main-section {padding:10px 0;}
    .controls ul li {display: block;padding: 10px 20px;width:232px;text-transform:uppercase;cursor:pointer; font-size: 12px;}
	.mixitup-control-active{font-size:12px;}
    button.mobile-filter.control:focus {outline: none;}
    p.project-description{padding:12px 25px 24px;margin-top:0;}
    section#work {margin-top: 40px;}
    ul.sponsors li img{margin-right:0;}
    #gdc img{width:150px;} 
    .student-info { font-size: 12px;line-height: 22px;    margin-bottom: 12px;}
    #biography {margin-top: 52px;}
    .photograd {height: auto;}
    ul.sponsors {text-align: center;}
    ul.sponsors li {width: 49%;}
    ul.sponsors li img {padding: 30px 10px 15px;}
	.student-name {margin-bottom: 8px;}
    .awardsmention {width: 100%!important;}
    a.learn-more,.ias-trigger{font-size: 12px; padding:12px 17px;}
    #work-container{padding:44px 25px 60px;}
    #mc_embed_signup form{padding:0!important;}
    .photograd {width: 220px;height: auto;}
    .stuawards p {font-size: 16px;line-height: 26px;}
    .history h3.blue-hover, .history h3.red-hover, .history h3.gold-hover, .history h3.purple-hover, .history h3.gray-hover, .history h3.green-hover {font-size: 14px;line-height: 24px;}
	.project-container, .grads{display:inline-block;}
	a.previous-grad {margin-right:0;width: 49.99%;font-size: 12px;text-align: left;}
	a.previous-grad:before, a.previous-grad:hover:before{width: 16px; height: 26px;margin-right: 6px;}
	a.next-grad {margin-left: 0;width: 49.99%;font-size: 12px;text-align: right;}
	a.next-grad:after, a.next-grad:hover:after{width: 16px; height: 26px;margin-left: 6px;}
	a.pnlinks{padding-bottom: 10px;}
	.pn{padding-bottom:15px;}
}

/*TABLET ONLY*/

@media screen and (min-width:768px) and (max-width:1199px) {
    h1{font-size: 82px;line-height: 94px;}
    h2{font-size: 28px;line-height: 32px;}
    .offer-paragraph{font-size: 20px;line-height: 30px;}
    h1.half-plus:before {width: 25px;height: 42px;background-size: 25px 42px;margin-right: 15px;margin-bottom:0px;}
    .small-header {height: 330px;}
    .small-header:after { margin-top: 252px;}
    .controls #filters {margin-left: 0;margin-bottom: 0;}
    ul#filters {padding: 25px 0;}
    #work{margin-top: 60px;}
    #work-container {padding: 60px 50px 60px;}
    .dropdown-filter{margin-bottom: 25px;}
    .awardsmention {width:33.33%!important;}
    ul.sponsors {text-align: left;}
    ul.sponsors {margin-bottom: 50px;}
    #backtotop{right:8px;}
    p.studentbio {font-size: 20px;line-height: 32px;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	p.project-description {padding: 18px 50px 30px;}
}

@media screen and (min-width:520px) and (max-width:1199px) {
    a.learn-more, .ias-trigger{padding: 13px 20px;font-size: 12px;line-height: 14px;}
}

/* GRID LAYOUT */
/* 3 Columns */
@media screen and (min-width: 541px) {
    .mix, .gap{
        width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
    }
    .student, .grads .gap{width: calc(100%/3 - (((3 - 1) * 1rem) / 3)); margin-bottom: 1rem;}
}

/* TABLET */

@media screen and (min-width:832px) {  
	/*footer*/
    .split-bg-footer{
        background: -ms-linear-gradient(left, #e7c45e 50%, #8271a5 0%);
		background: linear-gradient(left, #e7c45e 50%, #8271a5 0%);
		background: -moz-linear-gradient(left, #e7c45e 50%, #8271a5 0%);
		background: -webkit-linear-gradient(left, #e7c45e 50%, #8271a5 0%);
	}
    .location{text-align:left;margin-top:10px;}
    .location p{margin:0;}
    .logofooter{text-align:left;}
    .wrapper{margin: 0 auto;}
    .container{padding:30px 60px;}
    .students-container{padding:0 60px;}
	.mainheader{padding: 30px 60px 0;}
    .infoyellow {padding-right: 60px;}
    .infopurple {padding-left: 60px;} 
    #facebook, #instagram, #twitter, #rss{margin-right:16px;}
    .companyinfo{padding-top:48px;}
    .offer-paragraph {max-width: 768px;padding:30px 0 40px;font-size: 22px; line-height: 32px; margin:0;}
    .subscribe-box h2{max-width:450px;}
    #awardstitle{padding-bottom: 50px;}
    .aboutp{max-width:765px;margin-top:-25px;}
    .desktop-hide{display: none;}
    .mobile-filter{border:solid 1px #000;width:216px; height:46px;}
    .dropdown-filter {position: relative;}
    .topheader{padding:35px 100px 0 100px;}
	#homeplus {height: 100%; width: auto; margin-top: 30px; max-height: 100%;}
	.numbers{width:100%;}
	.homeplus-container{margin:auto; height: 60%;}
    .small-header:after{margin-top:125px;}
    .home-nav {padding: 30px; z-index: 99999; box-sizing: border-box;}
    .page-nav {padding: 30px 60px;}
	.mix, .gap{width: calc(100%/4 - (((4 - 1) * 1rem) / 4));}
    ul.sponsors li {height: 137px;}
    #biography {padding-top: 30px;}
    .students-work {padding-bottom: 100px;}
    .idealogo-black, .idealogo{background-size:230px auto;}
    .topnav ul li a{font-size: 14px;}
    p.studentbio {font-size: 20px;line-height: 33px;}
    .student-info, .photograd {margin-top: 30px;}
	.student:after{font-size:26px; padding-top:36%; line-height:30px;}
}

/* DESKTOP */
@media screen and (min-width:1200px) {
    .main-section{padding-top:60px;}
	.wrapper{max-width: 970px;width:100%;}
	.container{padding:60px 100px;}   
    /*Small Header*/
    .small-header:after {
        content: "";
        display: inline-block;
        float: right;
        background: url(img/icons/quarter-plus-white.svg) no-repeat;
        width: 152px;
        height: 152px;
       margin-top: 20px;
    }
	.mainheader{padding: 30px 100px 0;}
	.page-nav {padding: 30px 0px;}
	/*Home Plus - Homepage*/
    .homeplus-container { margin: auto; height: 74%; }
	h1.half-plus:before {margin-bottom:8px;}
	#homeplus {height: 100%;width: auto;max-height: 100%;margin-top: 30px;}
	/*Work Filter*/
    #filters {margin: 30px 0;padding: 0;list-style: none;}
    .mix, .gap {display:inline-block; width:calc(100%/5 - (((4 - 1) * 1rem) / 5));}
	/*Footer*/
    .infoyellow {padding-right: 100px;}
    .infopurple {padding-left: 100px;}
	/*Student - Individual Page*/
    p.studentbio {font-size: 22px;line-height: 35px;margin:0;}
    .student-info {max-width: 587px;}
	/*Grads Page*/
	.students-container{padding:0 100px;}
    .student, .grads .gap{width: calc(100%/3 - (((3 - 1) * 2rem) / 3)); margin-bottom: 2rem;}
	#work {margin-top: 90px;}
    .idealogo-black, .idealogo {background-size: 270px 62px;}
    .topnav ul li a {font-size: 16px;}
    .student-info, .photograd {margin-top: 45px;}
	.student:after{font-size:36px; padding-top:115px; line-height:40px;}
	#capuni img {height: 100px;width: auto;}
	#capic img {width: auto;height: 120px;}
	#fbg img {height: 150px;width: auto;}  
}
   
/*DESKTOP XL*/
@media screen and (min-width:1900px) {
    .desktopfullwidth {padding: 0 200px;margin: 0 auto;}
}