@charset "utf-8";
/* CMOS */


body {
	font-family: 'Montserrat', sans-serif;
}

hr {
	border-top:1px solid #9a9a9a;
	margin-top: 30px;
	margin-bottom: 40px;
}

p {
	margin-bottom: 30px;
}

#content {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color:#313131;
	line-height: 24px;
	
}

.contentwithsidebar {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 60px;
}

.container-90 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
}

.cmoslogo {
	margin:30px 0;
}

.topNavBg {
	background-color:#eeeeee;
	padding:10px 0;
}

.topNavBg a {
	color:#333335;
	margin-left: 40px;
}

h1 { 
	font-size: 48px;
	font-family: 'Esteban', serif;
	color:#313131;
}

/* --------Navigation----------- */
.cmosnav {
	background-color:#0077bb;
}

.cmosnav .navbar-collapse {
	padding:0;
}

.cmosnav .navbar-nav {
	float: none;
	text-align: center;
	margin: 0 !important;
}	
.cmosnav .navbar-nav > li {
	float: none;
}
.cmosnav .nav > li {
	position: relative;
	display: inline-block;
}
.cmosnav .navbar-nav > li > a {
	color:#FFF;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
	margin: 0 6px;
}

.cmosnav .navbar-nav > li.currentMenuItem > a,
.cmosnav .navbar-nav > li.active > a,
.cmosnav .navbar-nav > li > a:hover {
	background-color:#29a9e1;
}

  /* SIDEBAR MENU STYLE */

.side-navbg {background-color:#f3f3f4;margin:70px 0;padding:29px;-webkit-box-shadow: 10px 10px 0px 0px rgba(214,215,215,1);
-moz-box-shadow: 10px 10px 0px 0px rgba(214,215,215,1);
box-shadow: 10px 10px 0px 0px rgba(214,215,215,1);}
						 
/* Level 1 Navigation */
div.side-nav > div.side-navbg > div > ul.navigation {padding:0;}
div.side-nav > div.side-navbg > div > ul.navigation > li	{list-style:none;border-bottom:1px solid #fff;margin-bottom:10px;padding-bottom:13px;}						 
div.side-nav > div.side-navbg > div > ul.navigation > li > a {color:#333333;font-family: 'Montserrat', sans-serif;font-size:18px;font-weight:300;}
div.side-nav > div.side-navbg > div > ul.navigation > li > a:hover {text-decoration:none;color:#01638c;font-weight:700;}
div.side-nav > div.side-navbg > div > ul.navigation > li > a > span.caret {display:none;}


div.side-nav > div.side-navbg > div > ul.navigation > li.currentMenuItem > a > div.text {display:inline-block;margin-left:5px;}/* Inline with icon */
div.side-nav > div.side-navbg > div > ul.navigation > li > a > div.text {display:inline-block;margin-left:5px;}/* Inline with icon */
div.side-nav > div.side-navbg > div > ul.navigation > li.currentMenuItem > a > div.text:hover {text-decoration:none;}/* Inline with icon */

div.side-nav > div.side-navbg > div > ul.navigation > li.currentMenuItem a {color: #0072bc;font-weight:700;} /* Active State */
div.side-nav > div.side-navbg > div > ul.navigation > li.currentMenuItem a:before {
	 color: #0072bc;
        content: "\f105";
        font-family: "FontAwesome";
	
}



div.side-nav > div.side-navbg > div > ul.navigation > li.currentMenuItemdropdown a { color: #01638c;font-weight:700;} 	/* Active State with Level 2 Navigation */

/* Level 2 Navigation */

div.side-nav > div.side-navbg > div > ul.navigation ul.dropdown-menu 		{ padding: 0px;font-family: 'Montserrat', sans-serif;font-size:14px;
									background: none;border: none;box-shadow: none;display: block; position: relative; float:none;margin-left:30px;margin-top:20px;margin-bottom:20px;}


div.side-nav > div.side-navbg > div > ul.navigation > li.dropdown > ul.dropdown-menu > li.currentMenuItem > a 	{color: #01638c;font-weight:700;} 	/* Active State */							
div.side-nav > div.side-navbg > div > ul.navigation > li.dropdown > ul.dropdown-menu > li > a:hover {color: #01638c;font-weight:700;background:none;} /* Hover State */	
div.side-nav > div.side-navbg > div > ul.navigation > li.currentMenuItemdropdown > ul.dropdown-menu > li > a, 			
div.side-nav > div.side-navbg > div > ul.navigation > li.dropdown > ul.dropdown-menu > li > a {color:#333333;font-weight:300;}

.nolink {cursor:default;}
a.nolink:hover {font-weight: 300!important;color: #333333!important;}

div.side-nav > div.side-navbg > div > ul.navigation > li.currentMenuItemdropdown > a  {color:#02354a;}

div.side-nav > div.side-navbg > div > ul.navigation > li.currentMenuItemdropdown > ul.dropdown-menu > li > a:hover,
div.side-nav > div.side-navbg > div > ul.navigation > li.currentMenuItemdropdown > ul.dropdown-menu > li.currentMenuItem > a:hover 
{color: #01638c;
font-weight: 700;
background: none;}

div.side-nav > div.side-navbg > div > ul.navigation > li.dropdown > ul.dropdown-menu > li.currentMenuItem > a {color: #02354a;}


/* --------Banners----------- */
.carouselbg {
	background-position: center center;
	background-repeat: no-repeat;
	height: 587px;
	background-size: cover;
}


#homeCarousel .carousel-caption {
	background: rgba(0, 0, 0, 0.5);
	padding:20px; 
	text-align:left;
	width:45%;
	top:20%; 
	height: 60%;
	font-family: 'Montserrat', sans-serif;
}

#homeCarousel .bannerTitle a {
	color:white;
	font-size: 54px; 
	font-weight: 700;
}

#homeCarousel .bannerDescription {
	margin-bottom:40px;
}

#homeCarousel .bannerDescription a {
	color:white;
	font-size: 32px; 
	font-weight: 500;
}

#homeCarousel .bannerDetails a {
	color:white;
	font-size: 26px; 
	font-weight: 500;
}
/* --------HomeCTA----------- */
.mediaSection .latestNews {
	padding-bottom:50px;
}
.mediaWrap {
	min-height:300px;
	max-height:300px;
	overflow:hidden;
}
.ctaBg {
	padding:50px 0;
	background-color:#f9f7f7;
}


.ctaIcon {
	font-size:48px;
	color:#0072bc;
}

.ctaTitle {
	font-size:18px;
	font-weight:700;
	margin-top:10px; 
	margin-bottom:20px; 
	text-transform:uppercase;
}

.ctaIntro {
	font-size:16px;
	font-family: "Esteban", serif;
}




.section-modules .cards {
	ms-flex-flow: row wrap;
	flex-flow: row wrap;
	flex-direction: row;
	margin-right: -15px;
	margin-left: -15px;
	display: flex;
	ms-flex-direction: row;
	flex-direction: row;
}
.section-modules .card {
	margin: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:10px 25px;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	color:black;
}

.section-modules .cards .card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

.section-blocks .block a, .section-modules .card a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 1;
}

.section-modules .card:hover {
	background-color: #072f5f;
	border: 4px solid #072f5f;
	color:#FFF;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

/* --------Homepage Media section----------- */

.mediaSection {
	padding:50px 0;
}

.mediaTitle {
	font-size:36px; 
	font-family: 'Esteban', serif;
	margin-bottom:50px;
}

.mediaItemblock {
	margin-bottom: 30px;
}

.mediaItemTitle {
	font-size: 20px; 
	color: #0072bc; 
	font-family: 'Esteban', serif;
}

.mediaItemDate {
	font-size: 12px; 
	font-weight: bold; 
	text-transform: uppercase;
}

.btn-cmosMedia {
	-webkit-box-shadow: 10px 10px 0px 0px rgba(1,118,168,1);
	-moz-box-shadow: 10px 10px 0px 0px rgba(1,118,168,1);
	box-shadow: 10px 10px 0px 0px rgba(1,118,168,1);
	border-radius:7px;
	background-color:#29a9e1;
	color:white;
	text-transform:uppercase;
	padding:10px 20px;
}
.btn-cmosMedia:hover {
	-webkit-box-shadow: 10px 10px 0px 0px rgba(41,170,225,1);
	-moz-box-shadow: 10px 10px 0px 0px rgba(41,170,225,1);
	box-shadow: 10px 10px 0px 0px rgba(41,170,225,1);
	border-radius:7px;
	background-color:#0175a8;
	color:white;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
/* --------whatsnew----------- */
  .section-whatsNew {
	  background-color:#f2f8fc;
	  padding:80px 0px;
}
	
.section-caption {
    position: absolute;
    z-index: 10;
    color:white;
}
.section-caption .title {
    font-weight:700;
    text-transform:uppercase;
    font-weight:18px;
}	
.section-caption .description {
    font-size:16px;
    font-family: 'Esteban', serif;
}	

.summerWorkshop {
    top: 19%;
    left: 8%;
}
.summerWorkshop .description {
    width:85%;
}	
.fellowSociety {
    top: 3%;
    left: 5%;
}
.cmosAwards {
    top: 3%;
    left: 5%;
}
.scholarships {
    top: 5%;
    left: 8%;
}
.section-whatsNew .whatsNewBlock a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 1;
	background-color:#121212px;
}

.section-whatsNew .whatsNewBlock {
	opacity:0.9;
	
}
.section-whatsNew .whatsNewBlock:hover {
	opacity:1;
	text-shadow:0px 2px 1px #000000;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
/* --------whatsnew----------- */

/* --------Footer----------- */
.footBg {
	background-color: #0072bc;
	padding:60px 0;
}

.footerlogo {
	margin-bottom: 30px;
}

.footerInfo {
	margin-bottom: 30px; 
	font-weight: 300;
	font-size: 13px;
}

.footerInfo span.highlight {
	font-weight: 700;
}

.footerSocial {
	margin-bottom: 30px;
}

.footerDetails {
	color:white;
}

.footerDetails a {
	color:white;
}

a.social {
	color:#0077bb;
	border:2px solid white;
	border-radius: 56px;
}

a.social:hover {
	border:none;
}

a.social em.fa-inverse:hover {
	color:#0077bb;
	background-color:white;
	border-radius: 56px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

div.rssItem {
	background-image: url("/uploaded/web/admin/theme/img/twittercmoslogo.png");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}

.rssItemTitle {
	margin-bottom: 40px;
	margin-left: 60px;
}

.rssItemTitle a {
	color:white;
	font-size: 12px;
}

.btn-cmos {
	background-color:#004488;
	color:white;
	background-image: none;
	text-shadow: none; 
	box-shadow: none;
	border:none;
}

.btn-cmos:hover {
	background-image: none;
	background-color:#29a9e1; 
	color:white;
}

.twitterTitle {
	font-size:28px;
	color:white;
}

.twitterStream {
	margin-top:40px;
}

.footLinks {
	background-color: #0666a4;
	color: white;
	padding:10px 0;
}

/* Scrolling back to top button*/
.scroll-top-wrapper {
	background-color: #191919;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	bottom: 60px;
	color: #FFF;
	height: 48px;
	line-height: 38px;
	opacity: 0;
	overflow: hidden;
	padding-top: 2px;
	position: fixed;
	right: 0;
	text-align: center;
	visibility: hidden; 
	width: 50px; 
	z-index: 99999999;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}    

.scroll-top-wrapper:hover	{
	background-color: #005dab;
}
.scroll-top-wrapper.show	{
	cursor:pointer; 
	opacity: 1.0; 
	visibility:visible;
}

.scroll-top-wrapper i.fa	{
	line-height: inherit;
}

.side-navbg ul > li > a {
  white-space:normal;
}

/* Scrolling back to top button*/


@media (min-width: 768px) and (max-width: 992px) {
	.section-modules .card {
		padding:10px;
	}
	.ctaIcon {
		font-size:28px;
	}

	.ctaTitle {
		font-size:14px;
		margin-bottom: 10px;
	}

	.ctaIntro {
		font-size:14px;
	}
}

@media (max-width: 767px) {
.section-modules .cards {
        ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: 0;
        margin-left: 0;
        display: flex;
        ms-flex-direction: column;
        flex-direction: column;
    }
	
/* Offcanvas Start */

.col-xs-6
.col-sm-3
.col-xs-12
.col-sm-9

     {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }


.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
	 -o-transition: all .25s ease-out;
		transition: all .25s ease-out;
}

.row-offcanvas-right {
right: 0;
}

.row-offcanvas-left {
left: 0;
}

.row-offcanvas-right
.sidebar-offcanvas {
right: -50%; /* 6 columns */
}

.row-offcanvas-left
.sidebar-offcanvas {
left: -105%; /* 6 columns */
min-width:200px;


}

.row-offcanvas-right.active {
right: 50%; /* 6 columns */
width:50%;
}

.row-offcanvas-left.active {
left: 70%; /* 6 columns */
width:70%;
}

.sidebar-offcanvas {
position: absolute;
top: 0;
z-index: 9;
width: 100%; /* 6 columns */
}
/* Offcanvas End 


	
}