<!--NEW SMC.CSS-->

@charset "UTF-8"; 
/* 
	Name: SMC 2016 
	Website Date: July 2016
	Description: Primary style document for SMC website 
	Version: 1.0 
	Author: rschmeichel@swmich.edu
	Modified version of CSS.
*/

/*
 * Override Bootstrap's default container
 */
 /*Large Desktops and laptops */
@media (min-width: 1200px) { .container { width: 970px; }
} 

/*
 * Universal
 */
olFramedCloudPopupContent, #overlay-content { overflow: auto !important; }
body { color: #555; font-family: 'Lato', Arial, sans-serif !important; }
h1, .h1,
h2, .h2,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-weight: normal;
	color: #000000;
	font-family: 'Lato', Arial, sans-serif;
}
h3, .h3 { font-weight: normal; color: #007833; font-family: 'Lato', Arial, sans-serif !important; }
a { color: #007833; }
a:hover, a:visited, a:active { color: #007833; }
hr { border: none !important; border-top: 1px solid #fdda24 !important; height: 1px; }
h2.smc-index { margin-top: 0; }
p.event-cal-link { margin-top: 11px; }
tbody { border-top: 0 !important; }
fieldset { padding: 0 !important; }
div.parents-triptych ul { padding-left: 20px; }
span.uppercase { text-transform: uppercase !important; }
span.green, .green, h4.green { color: #007833 !important; }
span.grey, .grey, span.gray, .gray { color: #555 !important; }
span.black, .black, h4.black { color: #000 !important; }
span.red, .red, h4.red { color: #cc0000 !important; }
span.margin-right-6px { margin-right: 6px; }
li.pager-next { margin-left: 15px; }
li.pager-previous { margin-right: 15px; }
li.node-readmore { display: none !important; }
#block-system-main div.content p { font-weight: 400; }
#webform-component-relationship-intro h3 { font-size: 18px; font-weight: 300; }
#block-system-main div.content ul.dropdown-menu li.leaf { padding-left: 1em; }
#block-system-main div.content ul li { font-weight: 300; }
#block-system-main div.content ul li { padding-left: 0.1em; margin-left: 0.6em; }
#block-system-main h2 { color: #007833; }
#block-menu-menu-financial-aid-subnavigation ul li ul li a.active { background-color: transparent !important;}
#cart-form-pane form#uc-cart-view-form div a {  }
.nopadding {  padding: 0 !important;  margin: 0 !important; }
.breadcrumb>li+li:before { content: "\003e"; }
.padding-right-map-marker { padding-right: 20px; }
.fieldset-wrapper { font-size: 14px !important; }
.smc-index { color: #007833; }
.index-video { margin-bottom: 24px; }
.diagonal-bg { background-image: url('../img/video_bg.gif'); background-repeat: repeat; }
.video-header h4 { padding-top: 12.3px; text-align: right; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.btn-primary:hover { background-color: #007833; color: #fff; border: 0; border-radius: 0; text-transform: uppercase; font-weight: 300; transition:all .3 ease-out 0s;  -moz-transition:all .3 ease-out 0s;  -webkit-transition:all .3s ease-out 0s; }
.btn {  background-color: #fdda24; color: #007833; border-radius: 0; border: 0; text-transform: uppercase; font-weight: 300; transition:all .3 ease-out 0s;  -moz-transition:all .3 ease-out 0s;  -webkit-transition:all .3s ease-out 0s; }
.simplebox { outline: none; border:none !important; box-shadow:none !important; }
.index-green { color: #007833; margin-top: 0; }
.budget-performance { clear: both; position: relative; padding-top:5px; padding-bottom:5px; }
.breadcrumb { background-color: transparent; padding: 0; }
.checkbox label { top: -10px; }
.pagination { display: none; }
.carousel-caption a { color: #fdda24; }
.carousel-inner>.item { transition: .6s ease-in-out left; }
.bg-green { background-color: #007833; color: #fff; }
.bg-green h2, .bg-green h2 a { color: #fff; text-decoration: none; cursor: pointer; }
.bg-green.sidebar-module h2 { font-size: 24px; margin-top: 4px;}
.callout-big { font-size: xx-large; }
.callout-content { font-size: large; }
div.container.callout-content img { max-width: 100%; }

/* Fluid YouTube Video */
.video-container2 {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height:0;
	overflow:hidden;
		margin-top:0 !important;
	margin-bottom:0 !important;
	margin-left:0 !important;
	margin-right:0 !important
}
.video-container2 iframe,
.video-container2 object,
.video-container2 embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-top:0 !important;
	margin-bottom:0 !important;
	margin-left:0 !important;
	margin-right:0 !important
}

/* End Fluid YouTube Video */

/* Budget Performance Mouse Over Effect */

ul.enlarge{
 list-style-type:none; /*remove the bullet point*/
 margin-left:0;
 }
ul.enlarge li{
 display:inline-block; /*places the images in a line*/
 position: relative;
 z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
 margin:10px 40px 0 20px;
 }
ul.enlarge img{
 /*background-color:#FFFFFF; */
 padding: 6px;
 /*-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 box-shadow: 0 0 6px rgba(132, 132, 132, .75);
 -webkit-border-radius: 4px; 
 -moz-border-radius: 4px; 
 border-radius: 4px; */
 }
ul.enlarge span{
 position:absolute;
 left: -9999px;
 background-color:#FFFFFF;
 padding: 10px;
 font-family: 'Droid Sans', sans-serif;
 font-size:.9em;
 text-align: center; 
 color: #495a62; 
 -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75);
 -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
 box-shadow: 0 0 20px rgba(0,0,0, .75);
 -webkit-border-radius: 8px; 
 -moz-border-radius: 8px; 
 border-radius:8px;
 }
ul.enlarge li:hover{
 z-index: 50;
 cursor:pointer;
 }
ul.enlarge span img{
 padding:2px;
 background:#ccc;
 }
ul.enlarge li:hover span{ 
 top: -200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
 left: -60px; /*distance from the left of the thumbnail to the left of the popup image*/
 }

/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
 ul.enlarge img, ul.enlarge span{
 behavior: url(pie/PIE.htc); 
 }
/* End Budget Performance Mouse Over Effect */

/* THIS IS SMC EMBEDDED IFRAME CSS */
.content-embed {
    width: 100%;
    margin: 0px auto;
}

.embed-container {
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}
			
.embed-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* THIS IS SMC EMBEDDED IFRAME END */
/*
 * Webform overrides 
 */
.form-control { display: inline-block; width: auto; }
.description { margin-bottom: 15px; }

/*
* Webform overide to allow textarea field size to be controlled from form rather than by theme 05/11/2016--Sue
*/
.form-textarea-wrapper textarea { width: auto; }

/* Events block formatting for Calendar Event dates */

time.icon
{
  font-size: .6em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #007833;
  border-bottom: 1px dashed #007833;
  box-shadow: 0 2px 0 #007833;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #007833;
}

time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
}

/* End Events block formatting */

/* Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/*

/* thisissmc caption css */

.thisissmccontent {
  position: absolute;
  top: 0; bottom: 0; left: 30px; right: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction    : column;
  -ms-flex-direction          : column;
  flex-direction                : column;
  -webkit-justify-content   : center; 
  justify-content               : center; 
}

/* Portrait phones and smaller */
@media only screen and (max-width: 480px) {

    .thisissmccontent {
        position: relative;
    top: 0; bottom: 0; left: 0; right: 0;
        padding: 30px;
    }
	/* End thisissmc Caption */ 

	/* Surpress background image and background color on mobile devices */
	.mobile {
		background-image: none !important;
		background-color: transparent !important;
		display:none;		
	}
	.widesplash-alt {
		background-color: transparent !important;
		display:none;
	}
    /*end surpress background image-color */
}



/*thisissmc text glow affect */
.text-glow {
  font-size:4em;
  color: #FFFFFF;
  text-align:center;
}

.text-glow:hover, .text-glow:focus, .text-glow:active {
   -webkit-stroke-width: 5.3px;
   -webkit-stroke-color: #FFFFFF;
   -webkit-fill-color: #FFFFFF;
   text-shadow: 1px 0px 20px yellow;
   -webkit-transition: width 0.3s; /*Safari & Chrome*/
   transition: width 0.3s;
   -moz-transition: width 0.3s; /* Firefox 4 */
   -o-transition: width 0.3s; /* Opera */
   }
 .text-glow a {
   -webkit-transition: all 0.3s ease-in; /*Safari & Chrome*/
   transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in; /* Firefox 4 */
   -o-transition: all 0.3s ease-in; /* Opera */
   text-decoration:none;
   color:white;
}


/*End thisissmc text flow affect */


/* Web 3.0-style callouts
 */
.widesplash {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: larger;	
}
.widesplash-alt {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: larger;	
}

.widesplash-green {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #007833;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: x-large;
}

.widesplash-green a {
	color: #ffda24;
}

.widesplash-yellow {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fdda24;
	color: #000;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: x-large;
}

.widesplash-gray {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #3D3D3D;
	color: #000;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: x-large;
}

.callout-tabs {
	font-size: x-large;
	text-transform: none;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.rotate {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


p.font600 {
	font-size: 600%;
}

p.font400 {
	font-size: 400%;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

/*Landscape phones and portrait tablets */	
@media (max-width: 767px) { 
	.rotate {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	}	
	p.font600 {
		font-size: 400%;
	}
	p.font500 {
		font-size: 300%;
	}
	p.font400 {
		font-size: 200%;
	}
	#block-system-main div.content ul li {
		padding-left: 0;
		margin: 0;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
		border: none;
	}
	.nav-tabs>li {
		float: none;
	}
	ul.tabs--primary li {
		padding-top: 0;
	}
	
	/* Surpress background image and background color on mobile devices */
	.mobile {
		background-image: none !important;
		background-color: transparent !important;		
	}
	.widesplash-alt {
		background-color: transparent !important;
	}
    /*end srupress background image-color */
}

/*
 * Video in primary block (experimental)
*/
.block-video-container { position: relative; padding: 0; height: 0; overflow: hidden; }
.block-video-container iframe,
.block-video-container object,
.block-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
 * Index page feature (split-zoomable news grabs)
 */
.main-carousel { width: 100%; margin: 0 auto; position: relative; /*background-color: #083a1d;*/ background-color: #003614; background-image: url('../img/smc_header_bg.jpg'); background-repeat: no-repeat; background-position: bottom center; margin-top: 15px; margin-bottom: 25px; }
.main-carousel-slides { zoom:1; }
.main-carousel-slides:before { content:''; display:block; }
.main-carousel-slides:after { content:''; display:table; clear:both; }	  
.main-carousel-slides .slide.first img { position:absolute; width:125%; height:auto; top:0; left:0; transition:all .3 ease-out 0s; -moz-transition:all .3s ease-out 0s; -webkit-transition:all .3s ease-out 0s; }
.main-carousel-slides .slide.first a:hover img { opacity:.7; filter:alpha(opacity=70); width:150%; top:-15%; left:-25%; }	  
.main-carousel-slides .slide img { position:absolute; /*width:125%;*/ width: 145%; height:auto; top:0; left:0; transition:all .3 ease-out 0s; -moz-transition:all .3s ease-out 0s; -webkit-transition:all .3s ease-out 0s; }  
.main-carousel-slides .slide a { color:#fff; display:block; }
.main-carousel-category { background-color: #007833; padding: 3px;}
.main-carousel-slides .slide .dl-title { background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(29,29,29,.9))); background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(29,29,29,.9)); background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(29,29,29,.9)); background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(29,29,29,.9)); background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(29,29,29,.9)); background-image:linear-gradient(top,rgba(0,0,0,0),rgba(29,29,29,.9)); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#000000', EndColorStr='#1d1d1d'); position:absolute; padding:7px 14px; bottom:0; left:0; right:0; z-index:100; }
.main-carousel-slides .slide.first h1 { color:#fff; font-size:29px; margin-top:80px; }	 
.main-carousel-slides .slide h1 { color:#fff; font-size:22px; margin-top: 20px; line-height: normal; font-weight: 400; text-align: left; text-transform: none; } 
.main-carousel-slides .slide h2,.main-carousel-slides .slide h1 { color:#fff; font-weight:400; margin:0; margin-bottom: 6px; text-shadow:1px 1px 0 rgba(0,0,0,.7); font-size: 22px; }
.main-carousel-slides .slide h2 { color:#fff; font-size:13px; text-transform:uppercase; }
.no-padding-left { padding-left: 0; }		
.no-padding-right { padding-right: 0; }

/*videos in slide 1 rules*/
.main-carousel-slides .slide a:hover img { opacity:.7; filter:alpha(opacity=70); /*width:150%;*/ width: 180%; top:-25%; left:-25%; }	
.main-carousel-slides .slide { width:100%; /*height:117.5px;*/ height: 139.5px; float:left; position:relative; overflow:hidden; background-color: #323232; }
.main-carousel-slides .slide.first { width:100%; /*height:250px;*/ height: 294px; float:left; }

.index-50th-anniversary img { max-width: 100%; }
.index-50th-anniversary a:hover img { opacity:.8; filter:alpha(opacity=70); } 
.index-50th-anniversary-img-bg {  }

/*
 * Header
 */
.preheader { width: 100%; background-color: #fdda24; height: 4px; }
header { background-color: #007833; color: #fff; }
.google-search form { margin-top: 30px; width: 227px; background-color: #fff; float: right; }
.google-search form input { color: #6f6f6f; border: 0; float: left; position: relative; top: 6px; padding-left: 6px; }
.smc-logo { width: 340px; height: 90px; }
.smc-small-logo { display: none; float: left; position: relative; margin-right: 5px; padding-right: 15px; width: 50px; height: 35px; top: 6px; }

/*
 * Navigation
 */
#nav.affix { position: fixed; top: 0; width: 100%; z-index:1000; }
.nav > li > a { padding-left: 15px; padding-top: 15px; }
ul.dropdown-menu img {  display: none !important; /* jQuery overrides this rule for the first navigation bar ONLY (displays a tiny logo) */ }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #007833; }
.first-nav .nav > li:nth-child(2) a { padding-left: 0; }
.second-nav .nav > li:first-child a { padding-left: 0; }
.navbar-default .navbar-nav>.dropdown>a .caret, .navbar-nav>.dropdown>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
.navbar-default { border-top-color: #000; border-bottom-color: #000; }
.navbar-default .navbar-nav>.dropdown>a:hover .caret { border-top-color: #fdda24; border-bottom-color: #fdda24; }
.navbar { border-radius: 0; }
.navbar-collapse {  padding-left: 0; }
.first-nav .navbar-default,
.second-nav .navbar-default { border: none; margin: 0; padding: 0; text-transform: uppercase; }
.first-nav .navbar-default { background-color: #007833; color: #fff; }
.first-nav .navbar-default .navbar-nav > li > a { color: #fff; }
.first-nav .navbar-default .navbar-nav > .active > a { background-color: transparent; color: #FFFFFF; text-decoration: underline; font-weight: bold; }
.first-nav .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; }
.first-nav .navbar-default .navbar-nav > li > a:hover,
.first-nav .navbar-default .navbar-nav > li > a:focus { text-decoration: underline; }
.second-nav .navbar-default { background-color: #fdda24; color: #fff; }
.second-nav .navbar-default a { color: #000; }
.second-nav .navbar-default .navbar-nav > li > a { color: #000; }
.second-nav .navbar-default .navbar-nav > .active > a { background-color: #fdda24; color: #000; text-decoration: underline; font-weight: bold; }
.second-nav .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #fdda24; }
.second-nav .navbar-default .navbar-nav > li > a:hover,
.second-nav .navbar-default .navbar-nav > li > a:focus { text-decoration: underline; }
.second-nav .navbar-default .navbar-nav > .active > a:after { position: absolute; color: #000; bottom: 0; left: 50%; width: 0; height: 0; margin-left: -5px; vertical-align: middle; content: " "; border-right: 5px solid transparent; border-bottom: 5px solid; border-left: 5px solid transparent; }
.second-nav.no-header-image .navbar-default .navbar-nav > .active > a:after { color: #fff !important; }
.second-nav .navbar-default .navbar-nav > .active > a.changed:after { position: absolute; color: #fff; bottom: 0; left: 50%; width: 0; height: 0; margin-left: -5px; vertical-align: middle; content: " "; border-right: 5px solid transparent; border-bottom: 5px solid; border-left: 5px solid transparent; }
ul.dropdown-menu, ul.dropdown-menu li { text-transform: none; }
ul.dropdown-menu a, ul.dropdown-menu li a { text-transform: none; color: #000; }
.first-nav .navbar-default .navbar-nav>.open>a, .first-nav .navbar-default .navbar-nav>.open>a:hover, .first-nav .navbar-default .navbar-nav>.open>a:focus { background-color: #fdda24; color: #000; }
.news-events { margin-bottom: 30px; }
.recent-news { /*height: 397px;*/ height: 336px; overflow: hidden; }
div.region-sidebar-subnav section.block-menu span.caret { display: none; }
div.region-sidebar-subnav section.block-menu ul.nav li ul.dropdown-menu {
	padding: 0;
	margin: 0;
	float: none;
	position: relative;
	z-index: 1;
	display: block;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	margin-top: 2px;
	margin-bottom: 2px;
	background-clip: inherit;
}
ul.menu.nav.navbar-nav li.last.expanded.dropdown { display: none; }
div.region-sidebar-subnav section.block-menu ul.nav li ul.dropdown-menu li {
	font-size: 90%;
	list-style: circle;
	padding-bottom: 4px;
	margin-left: 15px;
}

div.region-sidebar-subnav section.block-menu ul.nav li ul.dropdown-menu li a {
	color: #007833;
	text-decoration: none;
}

div.region-sidebar-subnav section.block-menu ul.nav li ul.dropdown-menu li a:hover {
	color: #007833;
	text-decoration: underline;
}

/*
 * SMC Index Bottom Nav
 */
.smc-index-bottom-nav {  width: 100%; background-color: #ececec; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; color: #9f9f9f; }
.smc-index-bottom-nav-cell { border-left: 1px solid #dfdfdf; padding-top: 20px; padding-right: 20px; padding-bottom: 8px; }
.smc-index-bottom-nav-cell.last { border-right: none; }
.smc-index-bottom-nav-cell h3 { font-weight: normal; color: #808080; float: left; position: relative; margin: 0; padding: 0; margin-left: 10px; top: -6px; }
.smc-index-bottom-nav-cell p {	 color: #3D3D3D; font-weight: 900; font-size: 12px; text-transform: uppercase; float: left; position: relative; margin: 0; padding: 0; }
.smc-index-bottom-nav-cell a { color: #3D3D3D; }
.anniversary-logo { position: absolute; z-index: 10; left: 30px; top: -60px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.anniversary-logo.pop { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -moz-transition:all .3 ease-out 0s;  -webkit-transition:all .3s ease-out 0s;  transition:all .3 ease-out 0s; }
.anniversary-logo img {  width: 160px; height: 160px; }

/*
 * Parents Sub-Index
 */
.smc-parents-header-image { width: 100%; background-color: #003614; background-image: url('../img/smc_header_bg.jpg'); background-repeat: no-repeat; background-position: bottom left; height: auto; margin-bottom: 30px; }
.smc-parents-header-image { max-width: 100%; }
.carousel-inner h3, .carousel-inner h4 { color: #fff; }
.carousel-caption { padding-bottom: 34px; }
.carousel-caption p { margin-bottom: 5px; }
.parents-false-height { height: 252px; }
.parents-news-events { margin-top: 5px; margin-bottom: 15px; }
.parents-triptych a { text-decoration: underline; color: #007833; }
.parents-triptych a:hover, .parents-triptych a:visited {  text-decoration: none; color: #007833; }
img.carousel-spacer { width: 220px; }

/*
 * Content header image handling
 */
.smc-header-image { width: 100%; background-color: #003614; background-image: url('../img/smc_header_bg.jpg'); background-repeat: no-repeat; background-position: top left; height: auto; }
.smc-header-image { max-width: 100%; }
.smc-header { padding-top: 20px; padding-bottom: 20px; }
.smc-header-callout { padding-top: 20px; }
.smc-header-no-bottom-padding { padding-top: 20px; padding-bottom: 0; }
.smc-title { margin-top: 20px; margin-bottom: 0; font-size: 44px; font-weight: normal; }
.smc-description { font-size: 20px; color: #000; } /*was color: #999 */

/*
 * Main column and sidebar layout
 */
.smc-main { font-size: 18px; line-height: 1.5; }
a,
.smc-main a,
.smc-main ul li a { color: #007833; }
.smc-main a { text-decoration: underline; }
.smc-main a:hover { text-decoration: none; }

/* 
 * Sidebar 
 */
.sidebar-module { padding: 15px; /*margin: 0 -15px 15px;*/ }
.sidebar-module h2 { font-size: 18px; }
.sidebar-module h3 { font-size: 16px; }
.sidebar-module-inset { padding: 15px; background-color: #ececec; border-radius: 4px; }
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child { margin-bottom: 0; }
.sidebar-module-inset-navigation { padding: 15px; background-color: #fff0a0; background-image:url('../img/nav_bg.png'); background-position: top right; background-repeat: no-repeat; border-radius: 4px; margin-bottom: 15px; }
.sidebar-module-inset-navigation p:last-child,
.sidebar-module-inset-navigation ul:last-child,
.sidebar-module-inset-navigation ol:last-child { margin-bottom: 0; }
.sidebar-module ul.nav { margin-bottom: 15px; }
.sidebar-module ul.nav, .sidebar-module ul.nav li { margin-left: 10px; padding: 0; }
.sidebar-module ul.nav li a  { padding: 0; margin: 0; }
.sidebar-module ul.nav li a:hover { background-color: transparent; }
.sidebar-module ul.nav li { list-style: disc; list-style-image: inherit; list-style-type: disc; display: list-item; }
#block-menu-menu-helpful-online-websites h2.block-title { font-size: 15px; }

.sidebar-module-inset-degree-inc { padding: 15px; background-color: #d9fde1; border-radius: 4px; margin-bottom: 15px; }

/*
 * Sidebar list formatting
 */
.smc-sidebar h2, .smc-sidebar h3 { margin-top: 0; }
ul.smc-sidebar-list { margin: 0; padding: 0; }
ul.smc-sidebar-list li { list-style: none; margin: 0; padding: 0; }
ul.smc-sidebar-list li ul, ul.smc-sidebar-list li ul li { list-style: disc; padding-left: 0.1em; margin-left: 0.8em; margin-top: 0.1em; margin-bottom: 0.1em; }
ul.smc-sidebar-list p { margin: 0; margin-bottom: 15px; }

/*

/*Link Hover Yellow CSS */
.link-hover a { color: #fff; }
.link-hover a:hover{ color: #fdda24; }
.link-hover h4 { font-weight: normal; font-size: 16px; line-height: 1.42857143; font-style: normal; }
/*End Link Hover */

/* thisissmc animated block */
  #canvas {
	position:absolute;
	margin:auto;
	left:0;right:0;
	top:0;bottom:0;
  }
/* End of thisissmc animated block */

 /* Footer  */
.smc-prefooter, .smc-prefooter-index { height: 4px; color: #fff; background-color: #FDDA24; }
.smc-prefooter { margin-top: 30px; }
.smc-footer { padding-top: 20px; padding-bottom: 40px; background-image: url('../img/footer_bg.jpg'); background-position: top left; background-repeat: no-repeat; color: #fff; background-color: #007833; }
.smc-footer p:last-child { margin-bottom: 0; }
.smc-footer h4 { font-weight: normal; font-size: 16px; line-height: 1.42857143; text-transform: uppercase; font-style: normal; }
.smc-footer ul li a { font-weight: 100; font-style: normal; }
.smc-footer ul li a:hover{ color: #fdda24; }
.smc-footer h4,
.smc-footer a { color: #fff; }
.smc-footer ul,
.smc-footer li { list-style: none; padding: 0; }
.smc-footer p.copyright { font-family: "Arial", Arial, sans-serif; font-weight: 100; font-size: 11px; line-height: 13px; margin-top: 10px; margin-bottom: 15px;	 font-style: normal; }
.smc-footer p.copyright a { color: #ffffff; text-decoration: underline; }
.smc-footer p.copyright a:hover { text-decoration: none; }
img.degree-img, .temporary img { max-width: 100%; }
.table-left-content h3, .table-right-content h3 { font-size: large; }
.table-left-content ul, .table-right-content ul { margin: 0; margin-left: 20px; padding: 0; }
.table-left-content li, .table-right-content li { font-size: smaller; }

/*
 * Social Media Icons
 */
.social-btn { display: inline; float: left; cursor: pointer; cursor: hand; }
.facebook,
.twitter,
.instagram,
.youtube,
.googleplus,
.pintrest { width: 95px; height: 37px; }
.facebook { background: url("../img/social_sprite.png") 0 0; }
.facebook:hover { background: url("../img/social_sprite.png") 0 37px; }
.twitter { background: url("../img/social_sprite.png") -190px 0; }
.twitter:hover { background: url("../img/social_sprite.png") -190px 37px; }
.instagram { background: url("../img/social_sprite.png") -95px 0; }
.instagram:hover { background: url("../img/social_sprite.png") -95px 37px; }
.youtube { background: url("../img/social_sprite.png") 189px 0; }
.youtube:hover { background: url("../img/social_sprite.png") 189px 37px; }
.googleplus { background: url("../img/social_sprite.png") 285px 0; }
.googleplus:hover { background: url("../img/social_sprite.png") 285px 37px; }
.pintrest { background: url("../img/social_sprite.png") 95px 0; }
.pintrest:hover { background: url("../img/social_sprite.png") 95px 37px; }
.mobile-menu-context, .user-picture { display: none; }

li.node-readmore a { text-decoration: none; padding: 6px 12px; margin:0; background-color: #fdda24; color: #007833; text-transform: uppercase; font-weight: 300; float: left; display: inline-block; font-size: 14px; vertical-align: middle; cursor: pointer; margin-top: 15px; transition:all .3 ease-out 0s;  -moz-transition:all .3 ease-out 0s;  -webkit-transition:all .3s ease-out 0s; }
li.node-readmore a:hover { background-color: #4cae4c; color: #fff; transition:all .3 ease-out 0s;  -moz-transition:all .3 ease-out 0s;  -webkit-transition:all .3s ease-out 0s; }

/*
 * Ubercart Overrides
 */
#uc-cart-view-form #edit-continue-shopping { margin-right: .2em; }
/*
abbr[title="Quantity"], div.form-type-uc-quantity {
    display: none;
}
*/


/*
 * Legacy carryovers
 */
.button, .button_multi {  padding: 8px; margin: 15px; background-color: #007833; color: #fff; font-size: 125%; text-align: center; text-transform: uppercase; font-weight: 100; transition:all .3 ease-out 0s; -moz-transition:all .3s ease-out 0s; -webkit-transition:all .3s ease-out 0s; /* TO-DO: transitions not working in Firefox or IE */ }
.button a, .button_multi a { color: #ffffff; text-decoration: none; }
.button:hover, .button_multi:hover { background-color: #fdda24; color: #00000; transition:all .3 ease-out 0s; -moz-transition:all .3s ease-out 0s; -webkit-transition:all .3s ease-out 0s; }
.button:hover a, .button_multi:hover a { color: #000000; text-decoration: none; }
#block-views-smc-header-image-block div.view-content img { height: auto;  }
div.workbench-info-block { padding: 15px !important; margin-bottom: 15px !important; margin-top: 15px !important; }
.submitted { display: none; }
.field-name-field-3col-rightcolumn h2 { font-size: 18px; color: #007833; margin-top: 5px; }
.field-name-field-3col-rightcolumn table { margin-bottom: 15px; }
.field-name-field-3col-rightcolumn table td { padding: 2px; }
.field-name-field-3col-rightcolumn { float: right; width: 300px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; margin-left: 15px; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; font-size: 75%; overflow: hidden; }
.field-name-field-basic-img1-r, .field-name-field-news-img1-r  { float: right; margin-left: 15px; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; }
#jquery-ui-filter a table tbody tr td, #jquery-ui-filter p, #jquery-ui-filter ul li, #jquery-ui-filter ol li { font-size: 85%; font-family: 'Lato', sans-serif !important; }
#jquery-ui-filter p, #jquery-ui-filter li { margin-bottom: 15px; }
#jquery-ui-filter ol li p { font-size: 100%; margin-bottom: 15px; }
#jquery-ui-filter.jquery-ui-filter-accordion { margin-bottom: 15px; }
.ui-accordion .ui-accordion-content { padding: 1em; }
.ui-widget { font-family: 'Lato', Arial, sans-serif !important; }
div.jquery-ui-filter-container { height: auto !important; }
#block-menu-menu-student-services-subnavigat { /*margin-top: 15px;*/ }

/*Multiple Column Layout (Degrees/Certificates specific content type)*/
#node-90 { margin-top: -20px; }
.field-name-field-deg-cert-col1-col2-wrapper { position: relative; }
.field-name-field-deg-cert-intro { border-bottom: 1px solid #fdda24; margin-bottom: 15px; padding-bottom: 15px; }
.field-name-field-deg-cert-intro .content p { margin-bottom: 0; }
.field-name-field-deg-cert-col1 { float: left; width: 50%; margin-bottom: 0.5em; position: relative; }
.field-name-field-deg-cert-col2 { float: left; width: 46%; margin-bottom: 0.5em; position: relative; padding-left: 14px; }
.field-name-field-deg-cert-col3 { width: 100%; position: relative; clear: both; margin-bottom: 1em; border-top: 2px solid green; padding-top: 0.3em; }
.field-name-field-deg-cert-col4 { width: 220px; float: left; margin-bottom: 1em; margin-right: 14px; }
.field-name-field-deg-cert-col5 { width: 220px; float: left; margin-bottom: 1em; margin-right: 14px; }
.field-name-field-deg-cert-col6 { width: 220px; float: left; margin-bottom: 1em; }
.field-name-field-deg-cert-col7 { width: 100%; position: relative; clear: both; }

.field-name-field-deg-cert-col1,
.field-name-field-deg-cert-col2,
.field-name-field-deg-cert-col3,
.field-name-field-deg-cert-col4,
.field-name-field-deg-cert-col5,
.field-name-field-deg-cert-col6,
.field-name-field-deg-cert-col7 {
 font-size: 90%;
}


table.styled { width: 100%; margin-bottom: 15px; margin-top: 15px; }
table.styled th { text-align: center; background-color: #007833; color: #fff; letter-spacing: -1px; text-shadow: 1px 1px 1px #000; border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #CCC; font-weight: normal; white-space:nowrap; padding: 6px; }
table.styled th a { color: #fbf8cb; padding: 4px; }
table.styled td { background-color: #FFF; border: 1px solid #CCC; padding: 15px; font-size: 75%; color: #323232; }
table.styled td.alt { background-color: #FFF; border: 1px solid #CCC; padding: 15px; font-size: 75%; color: #323232; }
table.styled tbody { border: 0; }
.views-table { font-size: 85%; }

/*
 * Google Search custom theming
 */
#cse table tbody tr, #cse table tbody tr td, #cse div.gsc-results.gsc-webResult div.gsc-webResult.gsc-result { border: none !important; }
#cse table { border-color: #fff !important; color: #555 !important; font-family: 'Lato', sans-serif !important; font-weight: 400 !important; }
.gsc-webResult .gsc-result { padding: 15px 0 !important; border-bottom: none !important; }
.gs-result .gs-title, .gs-result .gs-title * { color: #007833 !important; }
.gsc-search-button, .gsc-input {  padding: 8px !important; }

/*
 * Form stuff
 */
form.webform-client-form input, form.webform-client-form select { margin-bottom: 15px; }
form.webform-client-form label { font-weight: 300; }
#block-views-smc-news-content-pages-block ul { margin: 0; padding:0; margin-left: 18px; }
#block-views-smc-news-content-pages-block ul li { list-style: disc; margin-bottom: 5px; }
.webform-container-inline div.description { font-weight:300; font-size: smaller; }
form.webform-client-form label { font-weight: 400; }

/*
 * Hide Juicebox logo
 */
.jcbx-glry-id-0 div:nth-of-type(5) {
opacity: 0!important;
}

/*
 *  Styling Drupal administration tabs
 */
ul.primary li a { padding: 0.5em 0.5em !important; }
ul.primary { padding: 0 0 0.3em 1em !important; }
ul.tabs--primary li { text-transform: uppercase; font-weight: 400; font-size: 90%; padding-bottom: 0; padding-top:20px; }
ul.tabs--primary li a { text-decoration: none; }
div.smc-degree-page ul.tabs--primary li { font-size: 70%; }
form.workbench-moderation-moderate-form select { margin-bottom: 10px; margin-top: 10px; }
.btn-info:hover, .btn-default:hover { background-color: #007833; color: #fdda24; border-color: #fdda24; }

/*
 * IE 10+
 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10-specific styles go here */ 
   .main-carousel-slides { zoom:1; } 
   .main-carousel-slides .slide.first img { width:100%; } 
   .main-carousel-slides .slide.first a:hover img { opacity:.7; filter:alpha(opacity=70); width:100%; top:auto; left:auto; }	   
   .main-carousel-slides .slide img { width:125%; height:auto; top:0; left:0; } 
   .main-carousel-slides .slide a:hover img { opacity:.7; filter:alpha(opacity=70); width:125%; top:auto; left:auto; } 
   .anniversary-logo { -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 
   .anniversary-logo.pop { -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }  	 
}  

/* Bootstrap Form Overwrites */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(126, 239, 104, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6); outline: 0 none; }

/* Press Release content type (date formatting) */
div.field-name-field-news-date { margin-bottom: 15px; }
span.date-display-single { color: #999; font-size: small; font-weight: 300; margin-bottom: 15px; }
span.date-display-single::before, span.date-display-single:before { 
    content: "Published on ";
}
div.field-name-field-news-img1-r img,
div.field-name-field-news-img1-l img,
div.field-name-field-news-img2-r img,
div.field-name-field-news-img2-l img
{
  -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
   border: 2px solid #999;
}
.floating-webform {
	position: relative; float: right; width: 45%; margin-left: 1.5em; margin-bottom: 1.5em; background-color: #007833; color: #fff; padding: 0.8em; font-weight: 300;
}
.floating-webform h2 { margin-top: 2px; }
.floating-webform h2, .floating-webform h2 a { color: #fff !important; text-decoration: none; }

/* SMC Alert */
.smc-alert { width: 100%; margin:0 auto; position: relative; background-image: url('../img/video_bg.gif'); background-repeat: repeat; margin-bottom: 20px; }
.smc-alert img { max-width: 100%; }

div.carousel-content { margin-bottom: 25px !important; padding-bottom: 25px !important; }
div.carousel-content { color: #fff; align-items: center; display: -webkit-flex; -webkit-align-items: center; display: flex; display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-line-pack: center; }
div.carousel-content div { text-align: center; }
div.carousel-content div p a { color: #ffda24; }

/* 
 * Tablet 
 */
 /* Landscape tablets */
@media (max-width: 992px) { 
	.main-carousel-slides .slide.first img { width:130%; } 
	.main-carousel-slides .slide.first a:hover img { width:155%; }	   
	.main-carousel-slides .slide img { width:170%; } 
	.main-carousel-slides .slide a:hover img { width:195%; }	 
	.smc-small-logo { top: 4px; width: 45px; height: 30px; margin-right: 0; } 
	.navbar-default .navbar-nav > li { font-size: 12px; } 
	.nav > li > a { padding: 10px 10px; } 
	.navbar { min-height: 40px; } 
	.smc-index-bottom-nav-cell h3 { display: none; } 
	.smc-index-bottom-nav-cell p { font-size: 10px; } 
	.smc-index-bottom-nav-cell { padding-top: 14px; padding-bottom: 14px; } 
	.smc-parents-header-image { height: auto; } 
	.field-name-field-3col-rightcolumn { float: none; width: auto; border-left: none; border-right: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; clear: both; }
	img.carousel-spacer { width: 250px; }
	
	/*videos in slide 1 rules*/
	.main-carousel-slides .slide a:hover img { width: 180%; top:-25%; left:-25%; }	
	.main-carousel-slides .slide { height: 109px; }
	.main-carousel-slides .slide.first { height: 233px; } 
}

/* 
 * Phone 
 */
 /* Portrait tablets and small desktops */
@media (max-width: 767px) { 
	header { height: auto; text-align: center; } 
	.main-carousel { background-color: transparent; }
	.google-search form { float: none; clear: both; margin: 0 auto; margin-top: 10px; } 
	.navbar-header { text-align: center; } 
	.navbar { border-bottom: 3px solid #ffda24 !important; }
	.navbar-header button { margin-bottom: 20px; }
	.no-padding-left { padding-left: 15px; }		 
	.no-padding-right { padding-right: 15px; } 
	.main-carousel-slides .slide.first img { position:absolute; width:125%; height:auto; top:0; left:0; -moz-transition:all .3 ease-out 0s; -webkit-transition:all .3s ease-out 0s; transition:all .3 ease-out 0s; margin-bottom: 15px; }
	.main-carousel-slides .slide.first a:hover img { opacity:.7; filter:alpha(opacity=70); width:150%; top:-25%; left:-25%; }	   
	.main-carousel-slides .slide.first { width:100%; height:117.5px; float:left; position:relative; overflow:hidden; background-color: #323232; margin-bottom: 15px; }	 
	.main-carousel-slides .slide.first h4 { font-size:22px; }	 
	.index-youtube-link, .floating-menu, .smc-small-logo, .smc-index-bottom-nav { display: none !important; }  
	.smc-logo { width: 300px; height: 79px; }  .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }   
	.dropdown-header{ color: #fdda24; text-transform: uppercase !important; }  
	.first-nav .nav > li:nth-child(2) a { padding-left: 10px; }  
	.navbar-toggle { float: none; margin-top: 20px; }  
	.navbar-collapse { padding-left: 15px; }  
	.navbar-default .navbar-collapse { border: none; }  
	.second-nav { display: none; }   
	.smc-parents-header-image { height: auto; }	  
	.parents-triptych p { margin-bottom: 15px; }  
	.field-name-field-3col-rightcolumn { float: none; width: auto; border-left: none; border-right: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; clear: both; }
	.recent-news { height: auto; } 
	.main-carousel-slides .slide.first { /*display: none;*/ } 
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; }
	ul.menu.nav.navbar-nav li.last.expanded.dropdown { display: block; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #FFFFFF; }
	
	/* Surpress background image and background color on mobile devices */
	.mobile {
		background-image: none !important;
		background-color: transparent !important;
		display:none;		
	}
	.widesplash-alt {
		background-color: transparent !important;
		display:none;
	}
    /*end surpress background image-color */
	
}

.temp { margin-top: 105px !important; }
.temp2 { margin-top: 90px !important; }
#edit-submitted-schedule-a-tour-requested-time-of-visit-ampm, .webform-container-inline div { display: block; }

/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}
section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
}
section.module.parallax {
  height: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
section.module.parallax-1 {
  background-image: url("../img/test_slide_1.jpg");
}
section.module.parallax-2 {
  background-image: url("../img/test_slide_1.jpg");
}
section.module.parallax-3 {
  background-image: url("../img/test_slide_1.jpg");
}

@media all and (min-width: 600px) {

/* Surpress background image and background color on mobile devices */
	.mobile {
		background-image: none !important;
		background-color: transparent !important;
		display:none;		
	}
	.widesplash-alt {
		background-color: transparent !important;
		display:none;
	}
    /*end surpress background image-color */
	
	}
	
	/* ipad portrait */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

/* Surpress background image and background color on mobile devices */
	.mobile {
		background-image: none !important;
		background-color: transparent !important;
		display:none;		
	}
	.widesplash-alt {
		background-color: transparent !important;
		display:none;
	}
    /*end surpress background image-color */
	
	}
	
@media all and (min-width: 960px) {
}
/* Contact Information Font Control */
.contactinfo {
   font-size: 18px; 
   color: #007833; 
   text-align:left; 
   font-family: 'Lato', Arial, sans-serif !important; 
   display: block; 
   font-weight: bold;	
}
/* End Contact Information Font Control */

/* No Gutters in Bootstrap  
   Requested by Rachel Breden on November 29, 2017 for Honors 
   for more info https://v4-alpha.getbootstrap.com/layout/grid/#no-gutters */
   
   .no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
  /* End No Gutters */
  
  /* Bootstrap CSS override for Breadcrumb */
  .breadcrumb > .active {
  color: #000000 !important;
}
 
  /* End of Bootstrap override */