/*********************** Author : iFoundries Date : 19/11/2014 Project : NUS File : styleguide.css ***********************/ @font-face{ font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot'); src: local('☺'), url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/FontAwesome.otf') format('opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesome') format('svg'); font-weight: normal; font-style: normal; } /**************** GENERAL ****************/ html, body{height:100%;} a {color:#999; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .blog-post a{color:#ef7c00;} .blog-post a:hover {text-decoration:none;opacity:0.8;} /* Justify Content For All */ .blog-post p {text-align:justify;} .blog-post h4 {font-size:20px;} html,body, *{font-family:arial;} a:focus{outline:none;text-decoration:none;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background:transparent !important;border-color:transparent;} .faicon{font-family:"FontAwesome";color:#333;} .faicon.fa-mobile-menu:before{content:"\f0c9"} .faicon.fa-address:before{content:"\f124"} .faicon.fa-phone:before{content:"\f095"} .faicon.fa-email:before{content:"\f0e0"} .faicon.fa-search:before{content:"\f002"} .faicon.fa-location:before{content:"\f041"} .faicon.fa-search{color:#ef7c00;} .faicon.fa-search.collapsed{color:#333;} .btn-primary{background:#ef7c00;border-color:#ff6600; border-radius:0; -webkit-border-radius:0px; -moz-border-radius:0px; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{background:#ef7c00;border-color:#ff6600;} .carousel-inner > .item {border:0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -o-backface-visibility: hidden; } @media screen and (max-width:991px) { body{position:relative;} .container{width:100%;} img{max-width:100%;} } /*************** LOGO ****************/ .nus-logo{float:left;} .nus-logo .navbar-brand{height:60px;padding:0; -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .nus-logo img{height:60px;} @media screen and (max-width:991px) { .nus-logo{float:left;} .nus-logo .navbar-brand{height:30px;padding:1px 10px 0 0; -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .nus-logo img {height:30px;} } /****************************************** FACULTY BORDER BETWEEN LOGO AND SUB-LOGO ******************************************/ .nus-faculty-border{float:left;margin:0 15px;border-left:1.5pt solid #003D7C;width:2px;height:60px;} @media screen and (max-width:991px) { .nus-faculty-border{display:none;} } /********************* FACULTY LOGO *********************/ .nus-faculty-logo{float: left;} /************** HEADER ***************/ .nus-header{padding:20px 0;background:#fff;} .nus-header.microsite{background:#f8f8f8;border-bottom: 1px solid #e7e7e7;} @media screen and (max-width:991px) { .nus-header{padding:10px 0;background:#f8f8f8;border-bottom:1px solid #e7e7e7;} } .nus-quicklinks{height:60px;position:relative;} .nus-quicklinks ul.box{position:absolute;right:0;bottom:-10px;} .nus-quicklinks ul.box > li {margin:0;} .nus-quicklinks ul.box > li > a{background:transparent !important;color:#999;} .nus-quicklinks ul.box > li > a:hover, .nus-quicklinks ul.box > li > a:focus{color:#ef7c00;} .nus-mobile-nav{float:right;margin-top:3px;} .nus-mobile-nav ul{padding:0;margin:0;} .nus-mobile-nav ul li{display:inline-block;} .nus-mobile-nav ul li a{padding:15px;} .nus-mobile-nav ul li a:hover{text-decoration:none;color:#ef7c00;} @media screen and (max-width:1200px) { .nus-quicklinks ul.box > li > a{padding:10px;} } /***************** MAIN NAVIGATION *****************/ nav.nus-main-nav{margin:0;border-left:0;border-right:0; border-radius:0; -webkit-border-radius:0px; -moz-border-radius:0px; } nav.nus-main-nav .search-btn-box{float:right;margin:14px 0;} nav.nus-main-nav .search-btn-box a{height:50px;width:20px;padding:15px;} nav.nus-main-nav .search-btn-box a:hover{color:#ef7c00;text-decoration:none;} .nus-megamenu{} .nus-megamenu .navbar-nav > li{margin-left:30px;} .nus-megamenu .navbar-nav > li:first-child{margin-left:0;} .nus-megamenu .navbar-nav > li > a{padding-left:0;padding-right:0;color:#999} .nus-megamenu .navbar-nav > li:hover > a, .nus-megamenu .navbar-nav > li > a:focus{box-shadow: 0 -3px 0 #ef7c00 inset;color:#000;background:transparent !important;} .nus-megamenu .navbar-nav li.active > a{box-shadow: 0 -3px 0 #ef7c00 inset;color:#003d7c;background:transparent !important;} .nus-megamenu .navbar-nav .caret{margin-left:5px;} /******************** DROPDOWN MENU STYLE *********************/ .dropdown-menu{padding:0;padding:15px;display:none;border-radius:0;min-width:280px;max-width:280px;} .dropdown-menu > li > a{display:block;padding:10px;color:#003d7c;border-bottom:1px solid #f5f5f5;word-wrap:normal;word-break:break-word;white-space:normal;} .dropdown-menu > li:first-child > a{border-top:none;} .dropdown-menu > li:hover > a, .dropdown-menu > li:hover > a:focus{background:#f5f5f5 !important;} .dropdown-submenu a.dropdown-toggle:after{border-color:transparent transparent transparent #000;border-style:solid;border-width:5px 0 5px 5px;content:" ";display:block;float:right;height:0;position:absolute;top:40%;right:20px;width:0;} .dropdown-submenu .dropdown-menu{left: 100%;margin-left:0px;top: 0;border-radius:0;} /******************** MEGA MENU STYLE *********************/ .mega-menu {padding:20px 0!important;width:500px;border-radius:0;margin-top:0px;} .mega-menu li.mega-menu-column {width:248px;} .mega-menu > li {display: inline-block;float:left;} .mega-menu > li > ul{margin:0;padding:0;} .mega-menu > li > ul > li{display:inline-block;padding:0 10px;} .mega-menu > li > ul > li > a{display:block;padding:10px;color:#003d7c;border-bottom:1px solid #f5f5f5;width:225px;} .mega-menu > li > ul > li:first-child > a{border-top:1px solid #EE7E7E;} .mega-menu > li > ul > li > a:hover{background:#f5f5f5;color:#000;text-decoration:none;} .mega-menu .nav-header {color: inherit;font-size: 18px;line-height: normal;margin: 0;padding:10px 20px;} /*************************************** EFFECT - SIDEBAR MENU - WRAPPER ****************************************/ .off-canvas-toggle{z-index:100} .noscroll{position:fixed;overflow-y:scroll;width:100%;} .off-canvas-toggle:focus{outline:none} .nus-body-container{position:static;background:#ffffff;position:relative;left:0;z-index:99;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;overflow:visible} .nus-body-container::after{position:absolute;top:0;right:0;width:0;height:0;background:rgba(0,0,0,0.2);content:'';opacity:0;-webkit-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;z-index:100} .off-canvas-open .nus-body-container::after{width:100%;height:10000px;opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s} .off-canvas-open .nus-sidebar-off-canvas::after{width:0;height:0;opacity:0;-webkit-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s} .off-canvas-open .off-canvas-current{visibility:visible} .off-canvas-open .nus-sidebar-off-canvas{overflow-y:auto} .nus-sidebar-off-canvas{position:absolute;top:0;left:0;z-index:100;visibility:hidden;width:250px;height:100%;overflow:hidden;-webkit-transition:all 0.5s;transition:all 0.5s;background:#ffffff;color:#333333} .nus-sidebar-off-canvas::after{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.2);content:'';opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s} .off-canvas-right.nus-sidebar-off-canvas{display:none;left:auto;right:0} .off-canvas-right .off-canvas-right.nus-sidebar-off-canvas{display:block;} .off-canvas-effect-4.off-canvas-open .nus-body-container{-webkit-transform:translate3d(250px,0,0);transform:translate3d(250px,0,0)} .off-canvas-effect-4.nus-sidebar-off-canvas{z-index:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)} .off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.nus-sidebar-off-canvas{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .off-canvas-effect-4.nus-sidebar-off-canvas::after{display:none} .off-canvas-right.off-canvas-effect-4.off-canvas-open .nus-body-container{-webkit-transform:translate3d(-250px,0,0);transform:translate3d(-250px,0,0)} .off-canvas-right.off-canvas-effect-4.nus-sidebar-off-canvas{-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)} /****************************************** NUS - SIDEBAR MENU - MOBILE - OFFCANVAS ******************************************/ #nus-sidebar-off-canvas{height:auto;} #nus-sidebar-off-canvas .header{background:#eee;padding:0 0 0 12px;height:35px;} #nus-sidebar-off-canvas .header h2{margin:0;font-size:14px;line-height:35px;text-transform:uppercase;font-weight:bold;} #nus-sidebar-off-canvas .header .close{background: none repeat scroll 0 0 #bbbbbb;height: 35px;line-height: 35px;margin: 0;position: absolute;right: 0;top: 0;width: 35px;} #nus-sidebar-off-canvas .body{padding:24px 12px;} #nus-sidebar-off-canvas .body .nus-module{} #nus-sidebar-off-canvas .body .nus-module .title{margin:0 0 10px 0;font-size:18px;} #nus-sidebar-off-canvas .body .nus-module ul > li > a{color:#003d7c; border-radius:0; -webkit-border-radius:0px; -moz-border-radius:0px; } #nus-sidebar-off-canvas .body .nus-module ul.level2{padding:0 0 0 10px;} #nus-sidebar-off-canvas .body .nus-module ul.level3{padding:0 0 0 15px;} #nus-sidebar-off-canvas .body .nus-module ul.level4{padding:0 0 0 15px;} #nus-sidebar-off-canvas .body .nus-module ul > li.active > a, #nus-sidebar-off-canvas .body .nus-module ul > li.current > a, #nus-sidebar-off-canvas .body .nus-module ul > li.active > a:hover, #nus-sidebar-off-canvas .body .nus-module ul > li.current > a:hover{ background:#003d7c !important;color:#fff; } #nus-sidebar-off-canvas .body .nus-module ul li a:hover{ background:#eee;color:#000; } /*custom sidebar*/ .nus-sidebar-nav .dropdown-submenu .dropdown-menu{left:0; position:relative;top:100%;box-shadow:none; border:none;width:100%;max-width:inherit;z-index:900;} .nus-sidebar-nav ul li.active.open a{background:#003d7c !important;} .nus-sidebar-nav ul li.active.open > ul.dropdown-menu > li a {background:white !important; color:#003d7c;} /********************************** NUS - SIDEBAR - COMPONENT LEVEL ***********************************/ .nus-sidebar-nav{margin-bottom:20px;} .nus-sidebar-nav li + li {margin-top:0;clear:both;} .nus-sidebar-nav li.active a,.nus-sidebar-nav li.active:hover{background: none repeat scroll 0 0 #003d7c !important;color: #fff;} .nus-sidebar-nav li a{color:#003d7c;border-bottom:1px solid #eee; border-radius:0; -webkit-border-radius:0px; -moz-border-radius:0px; } .nus-sidebar-nav li a:hover{color:#000;} /******************* NUS - SEARCH BOX ******************/ .nus-search-box{position:relative;background:#f8f8f8;} .nus-search-box.collapse.in{border-bottom:1px solid #e7e7e7;} .nus-search-box .container{position:relative;padding-top:20px;padding-bottom:20px;} .nus-search-box input[type="text"]{padding-left:40px;width: 100%;height:45px; border-radius:0; -webkit-border-radius:0px; -moz-border-radius:0px; } .nus-search-box .icon{position:absolute;top:33px;left:30px;color:#ccc;} @media screen and (max-width:991px) { } /******************** NUS - BREADCRUMBS ********************/ .nus-breadcrumbs{background:#002449;padding:13px 0;border-top: 1px solid #003d7c;} .nus-breadcrumbs ul{list-style:none;margin:0;padding:0;} .nus-breadcrumbs ul > li{display:inline-block;color:white;margin-right:5px;} .nus-breadcrumbs ul > li .icon{padding-right:10px;color:#ef7c00;} .nus-breadcrumbs ul > li a{color:#ccc;} .nus-breadcrumbs ul > li a:hover{color:#fff;text-decoration:none;} .nus-breadcrumbs ul > li + li:before {content: " / ";margin-right:5px;} /***************************** NUS - DEPARTMENT - MASTHEAD ******************************/ .nus-department-header.mobile{display:none;} .nus-department-header .blue{background:#003d7c; color:#fff;border-bottom: 1px solid #0056af;} .nus-department-header .grey{background:#999999;border-bottom:1px solid #b3b3b3;color:#fff;} .nus-department-header .orange{background:#ef7c00;border-bottom:1px solid #ff9523;color:#fff;} .nus-department-header .container{padding-top:15px;padding-bottom:15px;} .nus-department-header h2{font-size:30px;margin: 0;} @media screen and (max-width:991px) { .nus-department-header.mobile{display:block;} .nus-department-header .container{padding-top:10px;padding-bottom:10px;} .nus-department-header h2{text-align:center;font-size:25px;} } /**************** FOOTER - MAIN ****************/ .nus-footer{background:#003062;border-top:1px solid #003d7c;color:white;font-weight:300;} .nus-footer a{color:#999;} .nus-footer a:hover, .nus-footer a:focus{color:#fff;text-decoration:none;} .nus-footer ul{margin:0;padding:0;} .nus-footer .wrapper{padding:70px 0;} .nus-footer .footnav-alt{margin-top:43px;} .glyphicon .glyphicon-home:before{content:"\f124";} @media screen and (max-width:991px) { .nus-footer .wrapper{padding:40px 0;} } .nus-footer .navigator ul li{list-style:none;line-height:24px;} .nus-footer .navigator .title{margin-top:0;color:#fff;font-size:18px;} .nus-footer .nus-social-box{border-left:1px solid #003d7c;padding-left:50px;} .nus-footer .nus-social-box .footnav-alt{margin-top:40px;} .nus-footer .nus-social-box ul li{padding-left:30px;} .nus-footer ul.nus-contact-us li{position:relative;} .nus-footer ul.nus-contact-us .icon{display:block;position:absolute;left:0;color:#fff;top:2px;} @media screen and (max-width:991px) { .nus-footer .nus-social-box{padding:0 10px;border:0;text-align:center;} .nus-footer .nus-social-box ul li{padding-left:0;} .nus-footer ul.nus-contact-us .icon{display:inline;position:relative;top:0;padding-right:15px;} } /******************* FOOTER - COPYRIGHT *******************/ .nus-footer .copyright{border-top: 1px solid #003d7c;color: #999999;padding: 40px 10px;text-align: center;font-size:12px;} .nus-footer .copyright .info{margin-bottom:7px;} @media screen and (max-width:991px) { .nus-footer .copyright{padding-left:0;padding-right:0;} } /*************************** FOOTER - COPYRIGHT (MENU) ***************************/ .nus-footer .nav-copyright > li{display:inline-block;} .nus-footer .nav-copyright > li.bullet:before{content:'\2022';padding-right:15px;padding-left:15px;} @media screen and (max-width:991px) { .nus-footer .nav-copyright > li.bullet:before{padding-left:5px;padding-right:5px;} } /*************************** Misc ***************************/ @media print { .nus-header {display: none;} .nus-breadcrumbs {display: none;} .nus-footer {display: none;} } /**************** CUSTOM ****************/ /*janine css*/ .structure-wrap p{text-align:justify;} .tabs-wrap{background:none!important;border-radius:0px!important;border:none!important;padding:0!important;} .tabs-wrap li{border:none!important;text-align:center;width:24%;} .tabs-wrap li img{max-width:100%!important;display:inline-block;} .tabs-wrap li span{display:block;padding-bottom:20px;font-weight:normal;} .tabs-wrap ul{background:transparent!important;border:none;} .tabs-wrap .ui-tabs .ui-tabs-nav{padding:0;} .tabs-wrap li a{padding:0!important;color:white!important;float:none !important;} .tabs-wrap li.ui-state-active span{font-weight:bold;} .tabs-wrap li[aria-controls="platinum"]{background-color:#898989!important;} .tabs-wrap li[aria-controls="goldplus"]{background-color:#f5cc0b!important;} .tabs-wrap li[aria-controls="gold"]{background-color:#f5b202!important;} .tabs-wrap li[aria-controls="certified"]{background-color:#4d9204!important;} .timeline a{color:#ef7c00!important;} .timeline_element:hover{cursor:pointer;} #myModal .modal-title{color:black;} #myModal ol li img{margin:0 auto;display:block;max-width:600px;margin-bottom:20px; } #myModal h4{color:#003d7c; letter-spacing:0.2px; padding:15px 0 0 0; font-size:20px;} #myModal ol li{font-weight:bold;} #myModal ol li p{font-weight:normal;} #myModal section p{text-align:justify;} /*.modal {position: absolute;}*/ /*.modal .modal-body {max-height:465px;overflow-y: auto;}*/ .colgap {padding-right:50px;} .project-img{max-width:100%!important;} div.contact i{display:inline-block;width:2%;vertical-align:top;margin-top:3px;} div.contact address{display:inline-block;width:80%;} .orange-btn{background-color:#ef7c00;padding:12px 35px;color:white !important;text-decoration:none;display:inline-block;margin-top:20px;margin-bottom:10px;} .orange-btn:hover{background-color:#bc6200;text-decoration:none;} .orange-btn-opp{padding:12px 35px;color:#ef7c00!important;text-decoration:none;border:1px solid #ef7c00;display:inline-block;margin-top:20px;margin-bottom:10px;} .orange-btn-opp:hover{border-color:#bc6200;color:#bc6200!important;text-decoration:none;} .table tr td,.table tr th{text-transform:capitalize;} .table tr td[data-label="email"]{text-transform:lowercase;} .owl-wrapper{transition: all 7000ms ease !important;} /*end of janine css*/ .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background-color:#003d7c!important;} img{max-width:100%;} .pull-img{width:100%;} .img-left{float:left;margin-right:20px!important;margin-bottom:20px!important;} .img-right{float:right;margin-left:20px!important;margin-bottom:20px!important;} .icon-left{float:left;margin-right:10px!important;font-size:16px!important;margin-top:3px;color:#333;} .icon-right{float:right;margin-left:10px!important;font-size:16px !important;margin-top:3px;color:#333;} #scrollToTop {cursor: pointer;font-size: 0.9em;position: fixed;text-align: center;z-index: 9999;-webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;background: #003d7c;color: #ffffff;border-radius: 0px;padding-left: 12px;padding-right: 12px;padding-top: 12px;padding-bottom: 12px;right: 20px; bottom: 20px;} #scrollToTop:hover {background: #1a5796;color: #ffffff;} #scrollToTop > img {display: block; margin: 0 auto;} /*p{ padding: 10px 0;}*/ #main-banner img{ width:100%!important; } #main-banner li{height:698px; overflow:hidden;} /*.item-captions{display:none;}*/ .item-captions p{font-size:16px;color:white;line-height:150%; text-align:center; width:980px; padding:0 0 25px 0; margin:0 auto; } .item-captions h2{font-size:34px;color:white;line-height:150%; text-align:center; /*width:980px;*/ padding:0 0 15px 0; margin:0 auto; } .mobile-captions {margin-bottom:50px; text-align:center; background-color:rgba(0,0,0,0.8); color:white;} .mobile-captions a{color:#EF7C00;} .mobile-captions h2 { font-size:22px; } .read-more.read-more, .read-more:active, .read-more:visited{display:inline-block; color:white; background-color:#ef7b00;text-transform:uppercase;padding:8px 15px;margin:20px 0;} .read-more:hover{text-decoration:none; background-color:#f69329;color:white;} #main-banner .item .captions{position:absolute;top:7%;max-width:45%;/*right:100px;left:80px;*/ /*background-color:rgba(0,0,0,0.7)*/;padding:20px;color:#FFF;left:5.5%;} .captions h2 { font-size:32px; text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.2); } .captions p { font-size:22px; padding-top:20px; text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.2); } /* Bx Slider */ #main-banner .item-captions {position:absolute;top:6%;max-width:45%;/*right:100px;left:80px;*/ /*background-color:rgba(0,0,0,0.7)*/;padding:20px;color:#FFF;left:5.5%;} .item-captions h2 { font-size:34px; text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.2); } .item-captions p { font-size:21px; padding-top:20px; text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.2); } .news-head{ background-size:cover; background-repeat:no-repeat;font-size:34px; padding:10px;text-align:center;color:black; margin:20px 0;} .sub-header{color:#333;margin:25px 0;margin-bottom:15px;font-size:26px;} .sub-header::after{content:"";display: block;height: 3px;width: 35px;background: #ef7c00 ;position: relative;margin:15px 0;} .news-events-header {color:#333;margin:25px 0;font-size:23px;} .news-events-header::after {content:"";display:block;height:3px;width:100%;background:#ef7c00;position:relative;margin:15px 0;} .home-hdr { font-size:31px; text-align:center;color:#003062} .greybg{background-color:#f9f3f1; max-height:400px;} .greybg img{width:100%; height:inherit; border-bottom:#EF7C00 solid 3px;} .greybg h1{color:#000000; font-size:21px; padding:10px 15px;text-align:center;} .greybg p{color:#000000; font-size:inherit; padding:0 15px 15px 15px; display:block;} a.hm-btn{ text-align:center; background:#EF7C00; color:white; padding:7px 0; width:140px; text-transform:uppercase; display:block; } a.hm-btn:hover{ text-align:center; background:grey; color:white;padding:7px 0; width:140px; text-decoration:none;} .contact-section{padding:15px;} .section-header{font-size:18px; padding-left:15px; text-transform:uppercase;} .contact-det section img{margin:0 auto;} .contact-det article{text-align:center;margin:20px 0;} .contact-det article span{display:block;} .contact-det article span:first-child{font-size:15px; color:#ef7b00;font-weight:bold; text-transform:uppercase;} .jury-panel section,.adv-panel section{max-height:190px;overflow:hidden;} .blog-post img{margin:0 auto;} .blog-post ul li{margin:10px 0;} .nocontainer {min-height:500px;} .proj-wrap section{margin:10px 0;max-height:244px; overflow:hidden;} .proj-wrap section img,.tobgimg{width:100%;text-align:left; padding:10px 0; margin:0;height:244px;background-size:cover;background-repeat:no-repeat;background-position:center center;} .tobgimgbig{height:300px;background-size:cover;background-position:center center;background-repeat:no-repeat;} .proj-wrap article{margin-bottom:25px;} .proj-name{color: #ef7c00;font-size:16px;text-transform: capitalize;display:block;} .proj-wrap .project-link a, .proj-wrap .project-link a:active, .proj-wrap .project-link a:visited {display:inline-block; color:#003d7c; border:1px solid #003d7c; padding:8px 15px;margin-right:5px;} .proj-wrap .project-link a:hover{text-decoration:none; color:#225d8c; border:1px solid #225d8c} .proj-wrap .email, .proj-wrap .email:active, .proj-wrap .email:visited{display:inline-block; color:white !important; background-color:#003d7c; padding:8px 15px} .proj-wrap .email:hover{background-color:#225d8c;} .proj-facility{padding-bottom:10px;} .nopadding{padding:0;} .grey {background-color:#f0f0f0; padding:15px;margin:20px 0;} .projectimg-wrap{position: relative;margin-left:35px;margin-bottom:10px;display: inline-block;float: right;width: 50%;} .projectimg-wrap span{position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,0.7);color:white;padding:5px 10px;width:50%;text-align:right;width:100%;} .faculty-wrap h2{color:#003d7c;} .project-ind{float:none!important; display:inline-block;vertical-align:top;} .blog-post img{max-width:100%;/*width:100%;*/} .blog-post .img-responsive {min-width:100%;max-width:100%;} .undergrad-hons, .undergrad-ba, .undergrad-secondm, .undergrad-minor{margin:40px 0 !important; display:block;} .staffpub-content{clear:both;} .staffpub-content a{color:#ef7c00;} .staffpub-content a:hover{color:#ef7c00;} .sp-img{width:100%;} .sem-desc{display:block;font-style:italic;color:#aaa;} .imglink img{margin:10px 0;} .call-to-action{background-color:#f0f0f0;color:#333;padding:20px;margin:15px 0;} .email{display: inline-block;color: white !important;background-color: #003d7c;padding: 8px 15px} .email:hover{opacity:0.85;text-decoration:none;} .email-opp{display: inline-block;color: #003d7c !important;background-color: transparent;border:1.5px solid #003d7c;padding: 7px 15px} .email-opp:hover{opacity:0.85;text-decoration:none;} .jury-panel img,.adv-panel img{width:100%;} .jury-panel article, .jury-panel article a, .adv-panel article a, .adv-panel article{color:#333;font-weight:bold;margin:10px 0;text-align:center;} .gradthesis-ind, .gradcom-ind{float:none !important; display:inline-block;vertical-align:top;} .gradthesis-det{min-height:130px;} .pub-wrap{margin:20px 0;} .pub-wrap article img{width:100%;} .pub-wrap article{margin:10px 0;} .pub-wrap section a{color:#ef7c00;font-weight:bold;} .publications-wrap {margin-left:-30px;} .checked::before{content: "\f058";color:#1b926c;font-family:"FontAwesome";} .new::before{content: "\f024";font-family:"FontAwesome";color:#ef4b4b;} .crossed:before{content: "\f057";color:#cd4141;font-family:"FontAwesome"} blockquote{font-size:15px;} .sem-title{font-size:16px;margin-bottom:0;color:#333;} .seminar-wrap{margin:25px 0;} .modal-footer{text-align:left;} .eventsgap {padding-left:0px;padding-right:20px;} .pubimg {margin-top:20px !important;} .pub-ind .news-events-desc {margin-top:-30px;} .newsletter-ind .news-events-desc {margin-top:-30px;} .brochures-wrap {min-height:490px;} .brochures-wrap, .newsletters-wrap {margin-left:-25px;} img.img-responsive.pubimg:hover {opacity:0.9;} /* News & Events Section */ ul.removebullet {list-style-type:none;padding-left:0px;text-decoration:none;} ul.removebullet li a {color:#333;} ul.removebullet li a:hover {text-decoration:none;color:#ef7c00;} .news-events-label {background:#003d7c;padding:8px 10px;color:#FFF;font-size:12px;} .news-events-label a {color:#FFF;} .news-events-label a:hover {text-decoration:none;opacity:0.7;} .news-events-date {color:#ef7c00;margin-left:8px;} .news-events-desc p {margin-top:15px;} .news-events-featured .news-events-label {background:#d5dfea;color:#000;} .news-events-featured .news-events-date {color:#FFF;} .news-events-featured .news-events-label a {color:#000;} .news-events-featured {position:relative;} .news-events-text {position: absolute;color: #FFF;padding:6px 80px;padding-top:26px;padding-right:50px;padding-left:50px;bottom: 0;text-align: left;width: 100%;background: rgba(0, 61, 124, 0.8);} .news-events-text h3 {font-size:30px;} .news-events-text h3 a {color:#FFF;} .news-events-text h3 a:hover {text-decoration:none;opacity:0.7;} .news-events-captions {position:relative;margin-top:25px;margin-bottom:25px;} .news-events-captionstext {color: #333;padding: 10px 15px;padding-bottom: 1px;bottom:0;text-align:left;width: 100%;background: #eee;} .news-events-captionstext p {font-size:12px;} .newsevents-text {color: #333;padding: 10px 5px;padding-bottom: 1px;bottom:0;text-align:right;width: 100%;} .news-events-wrap {margin-top:40px;} .news-events-desc {margin-top:8px;} .news-events-desc h3 {line-height:30px;margin-top:25px;} .news-events-desc h3 a {color:#333;} .news-events-desc h3 a:hover {text-decoration:none;color:#ef7c00;} .vidthumbnail {position:relative;min-width:100%;max-width:100%;-webkit-box-shadow: 10px 10px 22px -13px rgba(0,0,0,0.8); -moz-box-shadow: 10px 10px 22px -13px rgba(0,0,0,0.8);box-shadow: 10px 10px 22px -13px rgba(0,0,0,0.8);} .vidthumbnail:hover {opacity:0.9;} .vidplayicon {position:absolute;z-index:1;margin-left: 38% !important;margin-top: 18% !important;} .vidplayicon:hover {opacity:0.9;} .vidplayicon2 {position:absolute;z-index:1;margin-left: 34% !important;margin-top: 23% !important;} .newsgreybg {background:#f8f8f8;padding-top:50px;padding-bottom:50px;} .events-section {margin-top:50px;} .date-wrap {display:inline-block;color:white;text-align:center;min-width:96px;text-align:center;} .date-wrap article {padding:20px;padding-bottom:5px;padding-top:20px;font-size:20px;background:url(../images/calendar-mth.png);} .date-wrap section {padding:20px;padding-top:10px;padding-bottom:8px;color:#6c6a6a;font-size:25px;background:url(../images/calendar-date.png);} .events-label {background:#49525c;padding:6px 9px;color:#FFF;font-size:12px;} .events-label a {color:#FFF;} .events-label a:hover {text-decoration:none;opacity:0.7;} .events-name {display:block;padding:14px 0px;color:#003061;} .events-name a {color:#003061;} .events-name a:hover {text-decoration:none;color:#003061;opacity:0.65;} .standtext {line-height:24px;} .presslink {color:#333 !important;} .presslink:hover {color:#ef7c00 !important;} /* News & Events Section - Social Media Sharing Icons */ .socialmedia-wrap {margin-top:13px;} .st-custom-button[data-network] { background-color: #333; display: inline-block; padding: 9px 15px; padding-right:5px; min-width:40px; cursor: pointer; font-weight: bold; color: #fff; } .fa-quote-left:before { content: "\201C" !important; font-size: 80px !important; color: #7a7a7a !important; font-family: Georgia, sans-serif !important; font-style:italic; margin-left:-8px; } .fa-quote-right:before { content: "\201D" !important; font-size: 80px !important; margin-top: -48px !important; color: #7a7a7a !important; position:absolute; font-family: Georgia, sans-serif !important; font-style:italic; } video {width: 100% !important;height: auto !important;} .twt-btn {background:#55acee !important;} .fb-btn {background:#3b5998 !important;} .linkedin-btn {background:#0077b5 !important;} .socialmedia-wrap .fa {margin-right:10px;} /* Pagination Styles - News & Events */ .easyPaginateNav .first {border: 1px solid #D1D1D1;border-right:0px;padding: 8px;margin-right: 10px;color: #A3A3A3;margin-left: -15px;text-decoration: none;} .easyPaginateNav .last {border: 1px solid #D1D1D1;padding: 8px;margin-right: 10px;color: #D1D1D1;margin-left: -10px;text-decoration: none;} .easyPaginateNav .prev, .easyPaginateNav .next {border: 1px solid #D1D1D1;border-right:0px;padding: 8px 12px;margin-right: 10px;color: #A3A3A3;text-decoration: none;margin-left:-10px;} .easyPaginateNav {min-height:40px;margin-bottom:10px;margin-top:15px;} .easyPaginateNav .page {border: 1px solid #D1D1D1;border-right:0px;padding: 8px 12px;margin-right: 10px;color: #A3A3A3;text-decoration: none;margin-left:-10px;} .easyPaginateNav .current {background: #003d7c;color: #FFF !important;border:1px solid #003d7c;} /* Pull-Out Quotes */ .quotebq {padding:10px;padding-left:0px;border-left:none;margin-top:25px;margin-bottom:25px;} .quotebq p {margin-left: 30px;line-height: 25px;margin-top: -50px;font-size: 18px;font-style: italic;font-family:Georgia, sans-serif;color:#383838;position: relative;} .quotebq footer {color: #666;margin-left: 30px;font-size: 14px;margin-top: -15px;} .toptxt {margin-top:-12px;} @media only screen and (max-width: 991px) { .news-events-text, .news-events-captionstext {position:relative;padding:20px;padding-top:35px;padding-bottom:8px;} .news-events-captionstext {padding-top:20px;} .colgap {padding-right:15px;} .blog-post p {text-align:left;} .btm-divider {border-bottom:1px solid #f0f0f0;} .tbgap {padding-top:10px;} } /*= Reset CSS ============= */ .container2 img{max-width: 100%; vertical-align: middle;} .container2 .full-length{width: 100%; float: left;} .container2 ul{margin: 0;} .container2 li{float: left; list-style: none; padding:0!important; margin:0!important;} .container2 .text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;} /*= Reset CSS End ================= * /* effect-1 css */ .container2 .port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9);} .container2 .port-1 .text-desc{opacity: 0.9; top: -100%; transition: 0.5s; color: #000; padding: 45px 20px 20px;} .container2 .port-1 img{transition: 0.5s;} .container2 .port-1:hover img{transform: scale(1.2);} .container2 .port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;} .container2 .port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding: 45px 20px 20px;} /* effect-1 css end */ /*= Media Screen CSS ==================== */ @media only screen and (max-width: 1090px){ .container2 ul{width: 314px; margin: 0 auto;} .container2 li{width: 100%; margin: 20px 0;} } @media only screen and (max-width: 480px){ .container2 ul{width: 314px; margin:0!important; padding:0!important} .container2 .port-1 .text-desc, .container2 .port-1.effect-3:hover .text-desc, {padding: 10px;} } /*= Media Screen CSS End ======================== */ /**************** FOOTER - MAIN ****************/ .nus-footer{background:#003062;border-top:1px solid #003d7c;color:#999;font-weight:300;} .nus-footer a{color:#999;} .nus-footer a:hover, .nus-footer a:focus{color:#fff;text-decoration:none;} .nus-footer ul{margin:0;padding:0;} .nus-footer .wrapper{padding:70px 0;} .nus-footer .footnav-alt{margin-top:43px;} .glyphicon .glyphicon-home:before{content:"\f124";} @media screen and (max-width:991px) { .nus-footer .wrapper{padding:40px 0;} } .nus-footer .navigator ul li{list-style:none;line-height:24px;} .nus-footer .navigator .title{margin-top:0;color:#fff;font-size:18px;} .nus-footer .nus-social-box{border-left:1px solid #003d7c;padding-left:50px;} .nus-footer .nus-social-box .footnav-alt{margin-top:40px;} .nus-footer .nus-social-box ul li{padding-left:30px;} .nus-footer ul.nus-contact-us li{position:relative;} .nus-footer ul.nus-contact-us .icon{display:block;position:absolute;left:0;color:#fff;top:2px;} @media screen and (max-width:991px) { .nus-footer .nus-social-box{padding:0 10px;border:0;text-align:center;} .nus-footer .nus-social-box ul li{padding-left:0;} .nus-footer ul.nus-contact-us .icon{display:inline;position:relative;top:0;padding-right:15px;} } /******************* FOOTER - COPYRIGHT *******************/ .nus-footer .copyright{border-top: 1px solid #003d7c;color: #999999;padding: 40px 10px;text-align: center;font-size:12px;} .nus-footer .copyright .info{margin-bottom:7px;} @media screen and (max-width:991px) { .nus-footer .copyright{padding-left:0;padding-right:0;} } /*************************** FOOTER - COPYRIGHT (MENU) ***************************/ .nus-footer .nav-copyright > li{display:inline-block;} .nus-footer .nav-copyright > li.bullet:before{content:'\2022';padding-right:15px;padding-left:15px;} @media screen and (max-width:991px) { .nus-footer .nav-copyright > li.bullet:before{padding-left:5px;padding-right:5px;} } /*************************** Misc ***************************/ @media print { .nus-header {display: none;} .nus-breadcrumbs {display: none;} .nus-footer {display: none;} } @media screen and (max-width:1400px){ /*.modal .modal-body {max-height:465px;overflow-y: auto;}*/ } @media screen and (max-width:800px){ .projectimg-wrap{float:none;width:100%;margin:0 auto;} .proj-wrap{text-align:center;} .imglink img{width:100% !important;} .spimg-wrap, .faculty-wrap{width:100%;} .projectimg-wrap{text-align:center;} .faculty-wrap h2{text-align:center;} .greybg{background-color:#f9f3f1; max-height:900px;} .icon-left,.icon-right{min-height:inherit;} /*.modal .modal-body{max-height:400px;}*/ .demo-3 { position:relative; height:inherit; float:left; color:#ffffff!important; } .demo-3 figure { margin:0; padding:0; position:relative; text-align:left!important; cursor:pointer; background:#f1f1f1; min-height:200px; } .demo-3 figure img { display:block; position:relative; z-index:10; padding-top:50px; } .demo-3 figure figcaption { display:block; position:relative!important; z-index:5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .demo-3 h2 { color:#fff; text-align:center!important; margin:0!important; background:#ef7c00; text-align:center; font-size:19px; width:100%; padding:15px; text-transform:uppercase; } .demo-3 figure p { display:block; color:#000000!important; text-align:left!important; padding:10px!important; font-size:inherit!important; } .demo-3 figure figcaption { top:0; left:0; width:100%; min-height:200px!important; background-color:inherit; text-align:left!important; padding:15px; backface-visibility:hidden; -webkit-transform:none; -moz-transform:none; transform:none; -webkit-transition:none; -moz-transition:none; transition:none } .demo-3 figure img { backface-visibility:visible; -webkit-transition:none; -moz-transition:none; transition:none; } .demo-3 figure:hover img,figure.hover img { -webkit-transform:none; -moz-transform:none; transform:none; } .demo-3 figure:hover figcaption,figure.hover figcaption { -webkit-transform:none; -moz-transform:none; transform:none; } } @media screen and (max-width:850px){ .proj-wrap section{ max-height:240px; overflow:hidden;} } @media screen and (max-width:550px){ .proj-wrap{text-align:center;} .imglink img{width:100% !important;} .spimg-wrap, .faculty-wrap{width:100%;} .projectimg-wrap{text-align:center;} .faculty-wrap h2{text-align:center;} .icon-left,.icon-right{min-height:inherit;} .homebg{ width:auto 0;background:url(../images/watermark1.png) bottom center no-repeat; } /*#main-banner{ display:none!important;} #main-banner .item{ display:none!important; } .item-captions{ display:none!important;} .mobile-captions{position:relative!important;top:0;background:rgba(0,0,0,0.6) ; text-align:center; width:100%; margin-bottom:15px; } .mobile-captions p{color:white; } .mobile-captions h2{color:white;}*/ #main-banner { height:300px!important;} .item-captions, .owl-item{ height:300px!important;} #main-banner .item { max-height: 100%!important; overflow: hidden; }.owl-theme .owl-controls{ left:41%!important; } /*.puzzle01{ background:url(../images/Sustainability/PUZZLE01.png) no-repeat bottom right; height:394px; padding:0 0 0 55px!important;} .puzzle02{ background:url(../images/Sustainability/PUZZLE02.png) no-repeat top left; height:374px; padding:254px 0 0 0!important; }*/ } @media screen and (max-width:991px) { #myModal ol li img{max-width:100%;} .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{ border-top:none !important; text-transform:capitalize !important; } table td.gybg {background:#003d7c!important; border:none!important; text-transform:capitalize!important; color:#000000; } table.table { border: 0; } table.table thead { display: none; } .hidden-ct{ display:none!important;} table.table tr { margin-bottom: 10px; display: block; background:#f6f6f6; border:none; } table.table td { display: block; font-size: inherit; border-bottom: 1px dotted #ccc; } table.table td:last-child { border-bottom: 0; } table.table td:before { content: attr(data-label); float:left; text-transform:capitalize; width:100%; font-weight:bold; color:#000!; padding-right: 10px!important; } .mv{ background:none; height:auto;} .mvgreen{ background:url(../images/About/green.png) no-repeat center top; padding:180px 0 0 0;} .mvyellow{ background:url(../images/About/yellow.png) no-repeat center top; padding:180px 0 0 0;} .mvred{ background:url(../images/About/red.png) no-repeat center top; padding:180px 0 0 0;} .mvblue{ background:url(../images/About/blue.png) no-repeat center top; padding:180px 0 0 0;} .navbar-nav .open .dropdown-menu{left:0;} .news-head{font-size:20px;} .dropdown-menu{position:relative !important;box-shadow:none !important;border:none !important;border-radius:0px !important;width:100%;clear:both;} .dropdown .caret{margin-left:8px;} .dropdown-menu{padding-top:0;max-width:inherit;} .dropdown-menu > li > a, .dropdown-menu > li:first-child > a{border:none;} .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{padding:10px 25px;} .navbar-nav {float:none !important;} .navbar-nav>li{float:none !important;} #table{ width:100%; display:table; clear:both; padding:0 0 20px 0!important; min-height:200px;} #table .img, #table2 .img { float:left; width:50%; display:table; margin-right:3%;} #table .content, #table2 .content { float:left; width:45%; display:table;} #table .content2, #table2 .content2 { float:left; width:45%; display:table;} #table2{ width:100%; display:table; float:left; padding:0 0 20px 0!important; min-height:200px;} .project-img{width:100%;float:none;margin:0a auto;} #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr{display: block;} #no-more-tables thead tr{position: absolute;top: -9999px;left: -9999px;} #no-more-tables tr { border:none !important; } #no-more-tables td{border: none;position: relative;white-space: normal; /*text-align:center;*/ padding-bottom: 25px;width:100%;} #no-more-tables td:before{display:block;padding-right: 10px; /*text-align:center;*/ font-weight: bold;} #no-more-tables td:before {content:attr(data-title); } .checked::before{font-size:20px;} .crossed:before{font-size:20px;} .jury-panel section,.adv-panel section{max-height:inherit;overflow:inherit;} .block-xs{margin:10px 0;} /* .item-captions{position:absolute;top:0px;;background:rgba(0,0,0,0.7) ;padding:25px 0; width:100%; } .item-captions p{font-size:16px;color:white;line-height:150%; text-align:center; width:96%; padding:0 2% 25px 2%; margin:0 auto;} .item-captions h2{font-size:34px;color:white;line-height:150%; text-align:center; width:96%; padding:0 2% 15px 2%; margin:0 auto;}*/ } /* CUSTOM CSS */ .removepadding { padding-left:0px !important; padding-right:0px !important; } .tile-padding, .tile-paddingone { padding-right:1px; padding-left:1px; } .justify-try {text-align:justify;} .textred { color:#F00; } .removeleftpadding { padding-left:0px; } #main-banner .item .captions { position:absolute;top:7%;max-width:45%; background-color:rgba(0,0,0,0.7); padding:20px;color:#FFF;left:5.5%;} .captions h2 { font-size:36px; text-shadow:2px 1px 4px rgba(0, 0, 0, 0.2); width:100%; } .captions p { font-size:22px; padding-top:20px; text-shadow:2px 1px 4px rgba(0, 0, 0, 0.2); } .removedbg { display:none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { /* border: 1px solid #003eff; */ background: #555 !important; font-weight: normal; color: #ffffff !important; } .imgcaptions { font-size:13px; } .accordion-wrap a, .news-accord a { color:#ef7c00 !important; } .tab-wrap .ui-tabs-panel a { color:#ef7c00; } /* default open sidebar on pages */ /*.nus-sidebar-nav .dropdown-submenu .dropdown-menu { display:block; }*/ .expandsb {display:block;} /* BLUE TILES */ .tile-col{padding:0;} .tile-item{background: #003d7c; min-height: 80px; line-height: 80px; position: relative; margin: 1px; text-align: center; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} .tile-item:hover{background: #0056af;} .tile-item a{padding: 10px; width: 100%; height: 100%; display: block;} .tile-item span{font-size: 25px; font-weight: 200; line-height: 30px; color: #ffffff; display: inline-block; vertical-align: middle; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} /* OCMS Buttons added by Leo - 8 Nov 2017 */ .blue-ocmsbtn{display:inline-block;color:white !important; background-color:#003d7c; min-height: 40px; line-height: 40px; min-width:200px; padding:10px 20px;font-size:20px;color:#ffffff;text-align:center;margin:20px 0; border:none; } .blue-ocmsbtn:hover{color:white; text-decoration:none; opacity:0.85;} /*.orange-ocmsbtn{display:inline-block; color:white !important; min-height: 40px; line-height: 40px; min-width:200px; padding:10px 12px;color:#333; text-decoration:none;background-color:#ef7c00;margin:20px 0;} .orange-ocmsbtn:hover{color:white; text-decoration:none; opacity:0.85;} */ /* Buttons */ .blue-btn{display:inline-block;background-color:#003d7c;color:#FFF!important; padding:10px 20px;color:white; text-decoration:none;margin:20px 0; border:none; } .blue-btn:hover{color:white; text-decoration:none; opacity:0.85;} .blue-btn-opp{display:inline-block;border:1px solid #003d7c;color:#003d7c!important; padding:10px 20px;color:white; text-decoration:none;margin:20px 0;} .blue-btn-opp:hover{text-decoration:none;opacity:0.85;} .orange-btn{display:inline-block;color:white!important;padding:10px 12px;color:#333; text-decoration:none;background-color:#ef7c00;margin:20px 0;} .orange-btn:hover{color:white; text-decoration:none; opacity:0.85;} .blue-btn-modal{display:inline-block;background-color:#003d7c;color:#FFF!important; padding:10px 20px;color:white; text-decoration:none;margin:5px 0; border:none; } .blue-btn-modal:hover{color:white; text-decoration:none; opacity:0.85;} .newsbtn { position: relative; z-index: 1000000; color: #ef7c00; text-decoration: none; margin-left:16px; padding:5px; padding-left:10px; font-size:15px; } .newsbtn:after { position: absolute; bottom: -5px; left: -5px; content: ''; height: 28px; width: 95%; border-bottom: 1px solid #ef7c00; border-left: 1px solid #ef7c00; -webkit-transform: skew(35deg); -moz-transform: skew(35deg); transform: skew(35deg); } .newsbtn:hover {text-decoration:none;color:#555;} /* FEATURED TILES */ .imgtile { position:relative; } .imgtile:hover { opacity:0.8; } .imgtile-details { position:absolute; color:#FFF; text-shadow:0 1px 2px rgba(0, 0, 0, 0.8); padding:20px; bottom:0; text-align:center; font-size:22px; width:100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0001) 2%, rgba(0, 0, 0, 0.7) 100%); background-repeat:repeat-x; } .imgtile-title { color:#FFF; } .featured-tile { margin-top:2px; margin-bottom:2px; } /* ABOUT US - STAFF */ .minus30 {margin-top:-30px !important;} .minus20 {margin-top:-10px !important; } .top25 {margin-top:25px;} .staffheader {font-size:18px; margin-top:-10px; color:#333;} .staffcontact {margin-top:10px;} .people-wrap section{margin:10px 0;} .people-wrap section img{width:100%;text-align:left; padding:10px 0; margin:0;} .people-wrap article{margin-bottom:20px; min-height: 65px; text-align:left;} .people-name{color: #ef7c00;font-size:16px;text-transform: uppercase;display:block;} .sa-people-name{color: #ef7c00;font-size:16px;text-transform: uppercase;display:block;min-height:45px;} .people-wrap .profile-link a, .people-wrap .profile-link a:active, .people-wrap .profile-link a:visited {display:inline-block; color:#003d7c; border:1px solid #003d7c; padding:8px 15px;margin-right:5px;} .people-wrap .profile-link a:hover{text-decoration:none; color:#225d8c; border:1px solid #225d8c} .people-wrap .email, .people-wrap .email:active, .people-wrap .email:visited{display:inline-block; color:white !important; background-color:#003d7c; padding:8px 15px} .people-wrap .email:hover{background-color:#225d8c;} .corporate-vid { margin-top:9% !important;position: relative; } .corporate-vid:hover {opacity:0.9;} .video-header { color:#ec7f00; } .removemargin { margin-top:0px !important; margin-bottom:20px !important; } .bottom20 { margin-bottom:20px !important; } .top10 {margin-top:10px;} .event-header { color:#ec7f00; font-size:20px;} .admin-header { margin-bottom:35px; line-height:22px; } /* EDUCATION */ #schModal .modal-header { display:none !important; } #schModal .modal-footer { display:none !important; } #schModal .modal-body { padding-left:45px; padding-right:45px; } .sch-title { text-align:center; color:#003d7c; margin-bottom:25px; font-weight:bold;} #schModal h4 { color:#003d7c; margin-top:25px; } .stu-header { margin-left:15px; width:90%; line-height:24px; } .our-students-wrap { /*margin-left:10px;*/ margin-left:-30px; margin-top:35px; } /*.our-students-wrap .row { border-bottom: 1px solid #f0f0f0; }*/ .our-students-wrap blockquote { border-left:none; } .st-divider { border-top:1px solid #f0f0f0; } /*.our-students-wrap span { margin-left:5px; color:#555; font-weight:bold; min-height:60px !important; max-width:200px; }*/ .stu-achievements-wrap { /*min-height:340px;*/ min-height:390px; } .undergrad-students-wrap { min-height:400px; } .stu-name { width:200px; margin-left:45px; text-align:center; min-height:60px; font-weight:bold;} .stu-name span { margin-left:5px; color:#555; font-weight:bold; min-height:60px;} .tab-wrap h4 { margin-top:30px; margin-bottom:10px; } /* News & Events */ .news-img { margin-top:3% !important; } /* Student Archievements */ .people-sa { min-height:40px !important; } /* ALCNS Skills Training Video */ .video-ind h4 { min-height:40px !important; text-align:center !important; margin-top:20px; } /* TABS */ .ui-widget-header,.tab-wrap{background:none !important; border:none !important;} .tab-wrap .ui-state-active, .tab-wrap .ui-widget-content .ui-state-active, .tab-wrap .ui-widget-header .ui-state-active{ border:none; background-color:#003d7c !important; color:#333; min-height:60px; } .tab-wrap .ui-tabs-nav a { line-height: 1.5; /*override the 1.2 set in ui.tabs.css. Fixes appearance of tabs in IE7*/ } .tab-wrap.ui-tabs .ui-tabs-nav { padding: .1em .2em 0; margin-left:1px; } .tab-wrap.ui-tabs { padding:0px !important; margin-left:-2px !important; } .tab-wrap.ui-tabs .ui-tabs-nav li{border-radius:0 !important;border:none !important; /*width:230px;*/ width:33%; word-wrap:normal;white-space:normal;word-break:break-word;text-transform:uppercase;font-size:12px;font-weight:500;background-color:#f0f0f0 !important; min-height:60px; /*margin-bottom:2px;*/ margin-top:3px; } .tab-wrap.ui-tabs .ui-tabs-nav li a{color:#333; min-height:60px;} .tab-wrap .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .tab-wrap .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .tab-wrap .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{ color:#333 !important; min-height:60px; } .tab-wrap ul{margin-bottom:20px !important;} .tab-wrap li a{line-height:1.2!important;width:100%;} .tab-wrap .ui-state-active a, .tab-wrap .ui-state-active a:link, .tab-wrap .ui-state-active a:visited{color:#FFF !important;background-color:#003d7c !important; min-height:60px; } .accordion-wrap .ui-state-active, .tab-wrap .ui-widget-content .ui-state-active, .tab-wrap .ui-widget-header .ui-state-active { border: none; background-color: #555 !important; color: #333; min-height: 49px; } /* BX Slider */ #main-banner .item-captions { position:absolute; top:53%; width:41%; background-color:rgba(0,0,0,0.6); padding:10px; padding-left:30px; color:#FFF; padding-right:30px; left:54%; } .item-captions h2 { font-size:32px; text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.2); } /*.item-captions p { font-size:21px; padding-top:20px; text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.2); }*/ .item-captions h2 span { font-size:42px; } #bxslider-wrap { /*visibility: hidden; overflow:hidden;*/ } .main-banner .item-captions { position:absolute; /*top:53%;*/ top:56%; width:41%; background-color:rgba(0,0,0,0.6); padding:10px; padding-left:30px; color:#FFF; padding-right:30px; left:54%; } .main-banner img { width:100% !important; } .main-banner ul { list-style-type:none; } /* Remove Bullet Points When Loading */ @media screen and (max-width:1214px) { /* BX Slider */ #main-banner .item-captions { display:none; } } @media screen and (max-width:991px) { .featured-tile img { width:100%; } .tile-paddingone { padding-right:1px; padding-left:1px; margin-top:-50px; } .xstop-50 { margin-top:50px; } .toinsert { background:#000; color:#FFF; font-size:22px; text-align:center; letter-spacing:0.2px; padding:20px; } .tab-wrap.ui-tabs .ui-tabs-nav li { width:100%; margin-top:5px; } .stu-name { width:100%; margin-left:0px; } .blog-post a { word-break: break-word; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; width: 100%; position: absolute; bottom: 70px !important; } } /*.bxslider img { position: relative; }*/ /* Edited */ .twoinrow .col-md-6 { margin-bottom:0px !important; } .twoinrow { margin-top:-15px !important; } .oneinrow { margin-top:8px; margin-bottom:24px; }