html {
position: relative;
min-height: 100%;
}
body {
background: #F2F8FE;
padding-top: 65px;
color:#2F2F2F;
margin-bottom: 200px;
overflow-x: hidden;
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
p {
font-size: 18px;
}
p + p {
padding-top: 10px;
}
a:hover {
cursor:pointer;
}
a:active, a:focus {
outline: none;
}
h1 {
color:#8A8C8B;
font-weight: 500;
}
h2 {
font-size:25px;
}
h3 {
color:#2F2F2F;
font-size:23px;
font-weight: normal;
}
h4 {
color:#AEAEAE;
font-weight: 400;
}
.img-scale:hover {
webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
transition: all 0.2s;
-webkit-transition: all 0.5s;
}
.navbar-default {
background-color: #2F2F2F;
border-color: #2F2F2F;
}
.navbar-nav {
margin: 0;
}
.nav-container {
margin: auto;
max-width: 1170px;
width: 100%;
}
.mcgill {
display: inline;
color:#C22;
padding-left:10px;
font-size: 19px;
}
@media (max-width: 950px) {
.mcgill {
display:none;
}
}
.rotate {
display: inline-block;
-ms-transform: rotate(-4deg); /* IE 9 */
-webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
transform: rotate(-4deg);
}
.regular {
display: inline-block;
}
.header {
background: #5f8ffe url('../../img/pop-main-bg.jpg') top center no-repeat;
}
.header2 {
background: #5f8ffe url('../../img/pop-main-bg2.jpg') top center no-repeat;
}
.header a, .header2 a {
text-decoration: none;
color:#333;
}
.speechlogo {
float:right;
}
.speech {
float:left;
width:196px;
height:160px;
text-align:center;
background:url('../../img/speechbubble.png');
padding:45px 0px 0px 0;
margin-top:10px;
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.speech2 {
float:right;
width:196px;
height:160px;
text-align:center;
background:url('../../img/speechbubble2.png');
padding:45px 0px 0px 0;
margin-top:10px;
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.research .speech2 a {
color: #4582ec;
}
.speech .quotes {
padding-left: 10px;
padding-right: 50px;
}
.speech2 .quotes {
padding-left: 40px;
font-weight: 600;
font-size:16px;
}
.floating-speech {
float:right;
}
@media (max-width: 500px) {
.floating-speech {
display: none;
}
}
.research-box {
display: block;
padding:15px;
width:25%;
float:right;
background:rgba(255,255,255, 0.7);
text-align: center;
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.research-box2 {
display: block;
padding:15px;
background:rgba(255,255,255, 0.7);
text-align: center;
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
margin:10px;
}
.research-bubble {
display: block;
float:left;
width:200px;
height:200px;
background-image: url('../../img/bubble.png');
background-size: cover;
text-align: center;
padding: 75px 10px 0px 10px;
margin-top:-50px;
margin-left: 25px;
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.quotes {display: none;}
.grass {
margin-top: -50px;
background-image: url('../../img/grass2.png');
background-repeat: repeat-x;
background-position: bottom;
min-height: 287px;
}
.navbar-default .navbar-brand {
color:#fff;
font-size: 30px;
padding-top: 5px;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
}
.navbar-default .navbar-brand:hover {
color: #fff;
}
@media (max-width: 1050px) {
.navbar-default .navbar-nav > li > a {
font-size: 14px;
margin-left: 0;
margin-right: 0;
}
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{
color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color:#fff;
}
.btn-marine {
background:#9DCEA2;
color:#fff;
}
.btn-marine:hover {
background: #B4E189;
color: #fff;
}
.jumbotron {
background: rgba(255,255,255, 0.0);
}
.jumbotron h3 {
color:#333;
}
.header_box {
margin-top: 30px;
background: rgba(52, 125, 144, 0.2);
padding:20px;
}
.header_box h1 {
font-weight: normal;
text-transform: uppercase;
font-size: 60px;
}
.header_box h3 {
text-align: center;
}
.headerlogo {
padding:25px 0 0 0;
}
@media (max-width: 990px) {
.headerlogo {
text-align: center;
}
}
@media (max-width: 430px) {
.headerlogo img {
width:100%;
}
}
.container_large {
padding:0px 30px;
}
.anchor {
display: block;
position: relative;
top: -60px;
visibility: hidden;
}
.index-research1 {
margin-top:15px;
padding-top:15px;
padding-bottom: 50px;
}
.index-research1 a {
color:#3A58D1;
}
.index-research1 a:hover {
color:#fff;
}
.index-research1 h4 {
color: #fff;
}
@media (max-width: 500px) {
.index-research1 h4 {
font-size:18px;
}
}
.index-research2 {
background: rgba(255,255,255,0.2);
margin-top:15px;
padding-top:15px;
padding-bottom: 20px;
}
.index-research2 h2, .index-research1 h2 {
font-size: 32px;
line-height: 25px;
font-weight: 300;
color:#EAEEFF;
padding-bottom:10px;
}
.index-research2 .research-item {
color: rgba(255,255,255,0.7);
display:block;
height:100px;
padding: 15px;
font-weight: bold;
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.index-research2 .research-item:hover {
background-color: rgba(95, 143, 254, 0.4);
color: rgba(255,255,255,1);
text-decoration: none;
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease;
}
.index-research2 p {
font-size:20px;
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.index-research2 a {
text-decoration: none;
}
.research-bubble a {
color:#F2F5FE;
}
.page_section {
background: #F2F8FE;
}
.page_section h1 {
padding:0px 0 10px 0;
}
.section, .page_section {
padding-top:20px;
padding-bottom: 50px;
}
.section h1 {
text-align: left;
}
.background1 {
background:#fff;
/*background: #EBF5EE;*/
}
/*.background1 h1 {
color:#B4E189;
}
.background1 h2 {
color:#fff;
}*/
.background1 h3 {
font-weight: normal;
color:#333;
}
.background2 {
/*background: rgba(141,173,166, 0.5);*/
background: #F9F9F9;
}
.background2 h1 {
color: ;
}
.background2 h4 {
color: ;
}
.news h4 em {
font-weight: normal;
color:rgba(0,0,0,0.2);
font-size: 19px;
}
.three_panels {
background: none repeat scroll 0% 0% #F9F9F9;
}
.panel1, .panel2, .panel3 {
/*background: red;*/
display:block;
overflow:hidden;
padding-bottom: 25px;
}
.panel1content, .panel2content, .panel3content {
width:100%;
height:100%;
position: relative;
}
.panel1title, .panel2title, .panel3title {
position: relative;
font-size: 50px;
text-align: center;
}
.panel1title h4, .panel2title h4, .panel3title h4 {
color:#8DADA6;
}
.footer {
position:absolute;
bottom:0;
width:100%;
color:#fff;
padding-top: 40px;
background:#2F2F2F;
min-height:200px;
}
.footer a {
color:#fff;
}
.footer h4 {
color:#fff;
}
@media (max-width: 990px) {
.footer {
bottom: inherit;
}
}
@media (min-width: 768px) and (max-width: 995px) {
.col-sm-padding {
padding-top:80px;
}
}
/** MEMBERS **/
.members {
text-align: center;
padding-bottom: 20px;
}
.members img {
margin: auto;
}
.members h5 {
font-weight: normal;
}
.members h4 {
/*color:#1F8A86;*/
}
.tooltip {
}
.tooltip-inner {
padding:10px;
max-width: 400px;
width: 300px;
font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
background-color: #1B1B1B;
}
/** RESEARCH **/
.research a, .media a {
text-decoration: none;
color: #ffffff;
}
.research h2, .media a {
padding-top:0;
margin-top:10px;
}
/** RESEARCH SINGLE PAGERS **/
.research-single-page h3 {
padding-top:0;
padding-bottom:10px;
}
.research-single-page h4 {
color:#333;
}
.research-single-page .btn-sm {
background: rgba(161, 187, 248, 0.24);
border: 1px solid rgba(161, 187, 248, 0.24);
}
.research-single-page .btn-sm:hover {
background: rgba(161, 187, 248, 0.24);
border: 1px solid rgba(161, 187, 248, 0.24);
background: #cfdffd;
border: 1px solid rgba(161, 187, 248, 0.24);
-webkit-transition: background-color 350ms ease;
-moz-transition: background-color 350ms ease;
-o-transition: background-color 350ms ease;
transition: background-color 350ms ease;
}
.research-single-page .glyphicon, .publications .glyphicon {
display: inherit;
}
.padded .glyphicon {
display: inline-block;
color: #4582ec;
}
/** PUBLICATIONS **/
.publications h2 {
padding-bottom: 7px;
}
.research-single-page ol, .publications ol {
margin-left: 30px;
}
.publications li {
list-style-type: none;
margin-bottom: 15px;
text-indent: -40px;
}
.research-single-page ol {
margin-left: 10px;
}
.research-single-page li {
list-style-type: none;
margin-bottom: 15px;
text-indent: -25px;
}
.padded {
padding: 10px 0;
}
.flex {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
.flex-item {
width: 49%;
}
.flex-big-item {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding:0 2%;
}
.flex-big-item p {
padding: 20px 0;
}
@media all and (max-width: 640px) {
.flex {
-webkit-flex-flow: column;
flex-direction: column;
}
.flex-item {
width: 100%;
}
}
.alert-tide {
background: #edf5ff;
border: 1px solid rgba(161, 187, 248, 0.24);
-webkit-transition: background-color 350ms ease;
-moz-transition: background-color 350ms ease;
-o-transition: background-color 350ms ease;
transition: background-color 350ms ease;
}
.alert-tide:hover {
background: rgba(255, 255, 255, 0.8);
}
.alert-nautical {
background: #cfdffd;
border: 1px solid rgba(161, 187, 248, 0.24);
-webkit-transition: background-color 350ms ease;
-moz-transition: background-color 350ms ease;
-o-transition: background-color 350ms ease;
transition: background-color 350ms ease;
}
.alert-nautical:hover {
background: rgba(255, 255, 255, 0.6);
}
.alert-isle {
background: rgba(161, 187, 248, 0.24);
}
.alert-red {
background: rgba(255, 77, 77, 0.8);
-webkit-transition: background-color 350ms ease;
-moz-transition: background-color 350ms ease;
-o-transition: background-color 350ms ease;
transition: background-color 350ms ease;
}
.alert-red:hover, .media .alert-red .btn {
background: rgba(255, 77, 77, 1.0);
}
.alert-blue {
background: rgba(79, 77, 255, 0.8);
-webkit-transition: background-color 350ms ease;
-moz-transition: background-color 350ms ease;
-o-transition: background-color 350ms ease;
transition: background-color 350ms ease;
}
.alert-blue:hover, .media .alert-blue .btn {
background: rgba(79, 77, 255, 1.0);
}
.alert-orange {
background: rgba(255, 161, 77, 1);
-webkit-transition: background-color 350ms ease;
-moz-transition: background-color 350ms ease;
-o-transition: background-color 350ms ease;
transition: background-color 350ms ease;
}
.alert-orange:hover, .media .alert-orange .btn {
background: rgba(252, 146, 54, 1.0);
}
.alert-green {
background: rgba(0, 188, 71, 0.8);
-webkit-transition: background-color 350ms ease;
-moz-transition: background-color 350ms ease;
-o-transition: background-color 350ms ease;
transition: background-color 350ms ease;
}
.alert-green:hover, .media .alert-green .btn {
background: rgba(0, 188, 71, 1.0);
}
.alert-purple {
background: rgba(181, 92, 198, 0.8);
-webkit-transition: background-color 350ms ease;
-moz-transition: background-color 350ms ease;
-o-transition: background-color 350ms ease;
transition: background-color 350ms ease;
}
.alert-purple:hover, .media .alert-purple .btn {
background: rgba(181, 92, 198, 1.0);
}
/** PUBLICATION **/
.pub-download {
color:#999;
}
/** FIND US **/
.findus .btn {
margin-top:20px;
}
.home-intro {
color: white;
font-weight: 400;
font-size: 20px;
}
.home-intro a {
color: #3A58D1;
}
.home-intro a:hover {
color: #ffffff;
}
.large-video {
display: block;
text-align: center;
}
.small-video {
display: none;
text-align: center;
}
@media (max-width: 576px) {
.large-video {
display: none;
}
.small-video {
display: block;
}
}
/** MEDIA **/
.media h3 {
font-weight: 600;
margin-bottom: 5px;
}
.media p {
font-style: italic;
font-size: 14px;
padding-top: 0;
}
.media .btn {
padding: 10px;
border: 0px;
font-size: 20px;
}
.media .cta {
text-align: center;
}
.media .flex-item {
text-align: center;
}