f/*
Theme Name: WOU
Theme URI: http://stamats.com
Author: Stamats Communications
Author URI: http://stamats.com
Description: Custom wordpress theme for Western Oregon University to integrate graduate programs with their web aesthetic.  
Version: 0.9.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom
Text Domain: wou
*/

#tinymce {background-color: #FFF; }

body {
	background-color:#FFF;
}

#content {
	background-color:#FFF;
	/*margin-top:0;*/
}

#mainContent h1 a, #mainContent h1 a:link, #mainContent h2 a, #mainContent h2 a:link, #mainContent h5 a, #mainContent h5 a:link {
	color:#2f2b24;
	text-decoration:underline;
}
#mainContent h1 a:hover, #mainContent h2 a:hover, #mainContent h3 a:hover, #mainContent h4 a:hover, #mainContent h5 a:hover {
	text-decoration:none;
}
#mainContent h1 a:visited, #mainContent h2 a:visited, #mainContent h5 a:visited {
	color:#2f2b24;
}
#mainContent h2 {
	margin-bottom:0;
}
#mainContent h3 {
	color:#db0a29;
	margin-bottom:0;
}
#mainContent h3 a, #mainContent h3 a:link {
	color:#db0a29;
	text-decoration:underline;
}
#mainContent h3 a:hover {
	text-decoration:none;
}
#mainContent h4 {
	color:#db0a29;
	font-size:16px;
	margin-bottom:0;
}
#mainContent h5 {
	color:#2f2b24;
	font-size:16px;
	font-weight:bold;
	margin-bottom:0;
}
h1, h2, h3, h4, h5 {
	margin-bottom:0;
}
p {
	line-height:auto;
}
a:hover {
	text-decoration:none;
}
.frontUnit p {
	line-height:auto;
	font-size:14px;
}
#mainContent li {
	margin:0 0 5px 15px;
}
#globalHeader {
	margin:0 auto -8px;
	background-color:#1f1f1f;
	min-height:155px;
}

#topNav ul li a:link, #topNav ul li a:visited {
	color:#e7e7e7;
}

#topNav ul li a:hover {
	color:#db0a29;
}

#megaMenuNav ul a, #megaMenuNav ul a:link, #megaMenuNav ul a:visited {
	color:#e7e7e7;
}

#megaMenuNav ul a:hover {
	color: #db0a29;
}

#heroImage {
	border-top:8px solid #575759;
	height:auto;
	border-bottom:6px solid #db0a29;
	margin-bottom:-7px;
}

#heroImage img {
	width:100%;
	vertical-align:middle;
}

.container-fixed {
	max-width:1200px;
}

#megaMenuNav {
	margin:0 auto;
}

#megaMenuNav ul li {
	padding: 0 20px;
	width:auto;
}

#globalHeader .headerTitle a{
	color:#db0a29;
	text-decoration:none;
}

#globalFooter {
	background-color:#1f1f1f;
}

.orange {
	background-color:#EB711A;
	padding:35px;
	margin:30px 10px;
	color:#FFFFFF;
	min-height:181px;
}

.orange a, .orange a:link, .blue a, .blue a:link, .green a, .green a:link{
	color:#FFFFFF;
	text-decoration:none;
}

.orange h1, .blue h1, .green h1 {
	font-size: 2.75em;
	line-height:1em;
	font-weight:100;
	margin:0;
}

.orange p, .blue p, .green p {
	font-size:1.25em;
}

.blue {
	background-color:#39a2a6;
	padding:35px;
	margin:30px 10px;
	color:#FFFFFF;
	min-height:181px;
}

.green {
	background-color:#6b9f4a;
	padding:35px;
	margin:30px 10px;
	color:#FFFFFF;
	min-height:181px;
}

.date_month {
	font-size:11px;
	display:block;
	padding-top:0px;
	margin-bottom:-20px;
	padding-right:10px;
}

.date_number {
	font-size:3em;
	display:block;
	line-height:.8em;
	font-weight:300;
	color:#818181;
}

.date_to {
	font-size:11px;
	display:block;
	padding-top:0px;
	padding-right:10px;
	margin:-3px 0;
}

.upcoming_events {
	margin-top:10px;
}
.upcoming_events h2 {
	padding:0;
	margin:0;
	color:#d0112b;
	font-size:1.2em;
	font-weight:500;
}

.upcoming_events p {
	margin: 0;
}

.upcoming_events hr {
	border:1px 0 0 0 #d9d9d9 solid;
	opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.homepageRedLine {
	border-top:solid #db0a29 6px;
	margin-top:-6px;
}

/*.homepageRedLine ul li {
	font-size:18px;
}*/

.homepageArrow .resp-tab-content {
	padding: 0 0 0 2em;
	margin-top:-20px;
}

.instagram-pics {
	width:100px;
	list-style:none;
	padding:0;
	display:inline;
}

.instagram-pics a {
    display: block;
    width: 80px;
	float:left;
	padding:0 5px 5px 0;
}

.instagram-pics img {
    display: block;
    width: 80px;
	float:left;
	padding:0 5px 5px 0;
}

.instagram-pics ul {
	display:inline !important;
}

.homepageRedLine .widgettitle {
	font-size:1.25em;
	color:#db0a29;
	text-transform:uppercase;
}

.resp-vtabs .resp-tab-content{
	border:none;
}
.homepage .resp-tab-content{
	border:none;
	padding-left:0;
}

.homepage-tabs p {
	margin-top:0;
	padding:0;
	line-height:auto;
}
.homepage-tabs h3 {
	margin-bottom:0;
}
.homepage-tabs .srr-wrap {
	margin-top:20px;
}
.srr-wrap .srr-title, .srr-wrap .srr-meta {
	font-weight:bold;
	line-height:120%;
}
	
.ubermenu-main {
	max-width:1200px;
}

.ubermenu-main .ubermenu-nav {
	max-width:1200px;
}

.ubermenu-skin-none .ubermenu-nav {
	max-width:1200px;
	width:1200px;
}

.ubermenu {
	background-color:#1f1f1f;
}

.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {
	color:#e7e7e7;
	background-color:#1f1f1f;
}

.ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-active {
	background-color:#1f1f1f;
}

#globalHeader .ubermenu-main .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
	margin-left: -120px;
    width: 1200px;
}

.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
	color:#db0a29;
}

.ubermenu .ubermenu-submenu .ubermenu-column-auto {
	width:33%;
}

.ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
  background: #1f1f1f;
  color: #db0a29;
}

.ubermenu-items-align-center {
	text-align:left;
}

.ubermenu-skin-none .ubermenu-nav {
	margin:0;
}

#globalHeader .ubermenu-main .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
	margin-left:0;
}

#menu-top-navigation ul.sub-menu {
	background-color:#000000;
	font-size:.95em;
	line-height:.7em;
	width:200px;
}

#globalHeader .ubermenu-skin-none {
	font-size:.9em;
}

#globalHeader .ubermenu-skin-none hr {
	border-color: #bbbbbb;
    margin: 5px 0;
}

.menu-header {
    color: #444444;
    font-size: 20px;
    font-weight: bold;
	text-transform:uppercase;
}

.menu-header-gray, .menu-header-gray a {
    color: #444444;
    font-size: 20px;
    font-weight: bold;
	text-decoration:none;
}

.menu-header-gray a:hover {
	color:#db0a29;
}
.menu-header-gray-lt, .menu-header-gray-lt a {
    color: #444444;
    font-size: 20px;
	font-weight:400;
	text-decoration:none;
}
.menu-header-gray-lt a:hover {
	color:#db0a29;
}
.menu-header-red, .menu-header-red a {
    color: #db0a29;
    font-size: 20px;
    font-weight: bold;
	text-decoration:none;
}

.menu-header-red a:hover {
	color:#444444;
}

.menu-header-red-lt, .menu-header-red-lt a {
    color: #db0a29;
    font-size: 20px;
    font-weight: 400;
	text-decoration:none;
}

.menu-header-red-lt a:hover {
	color:#444444;
}

.menu {
	font-size:13px;
}

#mainContent .menu-header-gray a, #mainContent .menu-header-gray a:link {
    color: #444444;
	text-decoration:none;
}

.wou-statistical-callout line-style-C .line1, .wou-statistical-callout line-style-C .line2 {text-align:center;}

iframe #twitter-widget-0 {
	width:100%;
}

.interior_with_sidebar .col-md-8 {
	width:73%;
}

.interior_with_sidebar .col-md-4 {
	width:27%;
}
#auto-sidebar {
	width:100%;
}
#intHeader h1 {
padding-left: 20px;
text-indent: 10px;
font-size: 21px;
margin-bottom: 10px;
line-height: 32px; }

.ubermenu-skin-none .ubermenu-submenu.ubermenu-submenu-drop {
	border:none;
}

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
	top: 55px !important;
}

#globalHeader .ubermenu-submenu-type-mega {
	background-color:initial;
    background-image: url("http://www.wou.edu/wp/wp-content/themes/westernoregon-test/images/243x243x242.gif");
    background-position: 0 7px;
    background-repeat: repeat-x;
    margin-top: -7px;
    padding-top: 7px;
	opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
}

.two-links {
	 text-decoration:none;
	 color:#333;
}
.two-links a {
	 text-decoration:none;
	 color:#333;
}

.container-fixed hr {
	margin:7px 0;
}

hr {
	border-color:#5D5D5D;
}
.resp-tabs-container[style] {
	width:none !important;
}

.homepage-wou .col-md-8 {
	width:60%;
}
.homepage-wou .col-md-4 {
	width:40%;
	min-height:439px;
}
.homepage-wou .col-md-8 .frontUnit {
	padding:24px 0 0;
}
.altBg {
	background-color:#e7e7e7;
}
.homepage_gray_btn {
	color:#e7e7e7;
	text-decoration:none;
}

.homepage_gray_btn a, #mainContent .homepage_gray_btn a{
	width:170px;
	height:35px;
	background-color:#5c5c5e;
	text-align:center;
	cursor: pointer;
	border-radius: 0.125em;
    display: table;
	float:right;
	font-size:1.2em;
	padding:6px 0 0;
	margin:25px 0 10px 30px;
	color:#e7e7e7;
	text-decoration:none;
}
.homepage_gray_btn:hover {
	background-color:#808080;
}
.modContainer a:link, .modContainer a:visited {
	color:#db0a29;
}
.modContainer a:hover {
	color:#2f2b24;
}

#globalFooter ul {
	margin:35px 0;
}

/* Aligning text in columns to the left */
.info-box-row .ffs-info-box .infobox-text {
	text-align:left !important;
}

/* Buttons */
.ffs-bs .btn-primary a:link, #mainContent .ffs-bs .btn-primary a {
	color:#FFFFFF;
}

.ffs-bs .btn-primary {
  background: #7d7d7d;
  background-image: -webkit-linear-gradient(top, #7d7d7d, #454545);
  background-image: -moz-linear-gradient(top, #7d7d7d, #454545);
  background-image: -ms-linear-gradient(top, #7d7d7d, #454545);
  background-image: -o-linear-gradient(top, #7d7d7d, #454545);
  background-image: linear-gradient(to bottom, #7d7d7d, #454545);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  color: #ffffff !important;
  text-decoration: none;
}
.ffs-bs .btn-primary:hover {
  background: #919191;
  background-image: -webkit-linear-gradient(top, #919191, #5e5e5e);
  background-image: -moz-linear-gradient(top, #919191, #5e5e5e);
  background-image: -ms-linear-gradient(top, #919191, #5e5e5e);
  background-image: -o-linear-gradient(top, #919191, #5e5e5e);
  background-image: linear-gradient(to bottom, #919191, #5e5e5e);
  text-decoration: none;
}

/* Show  [ ] Brackets not the shortcodes */
#mainContent span.bracket:before {
  content: '['
}
#mainContent .colored-blocks, #mainContent span.bracket:after {
  content: ']'
}
/* YouTube videos responsive */
.vcontainer {
	position: relative;
    width: 100%;
    height: auto;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video_links {
	margin-top:-40px;
	margin-bottom:20px;
}

.youtube-container { display: block; margin: 20px auto; width: 100%; /*max-width: 600px;*/ }
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: -65px 0 0 -36px; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -50px; margin-top: -36px; position: absolute; background: url("http://i.imgur.com/TxzC70f.png") no-repeat; }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }


/********************** Closure Alert *******************************/
#closureAlert {
	background-image:url(http://www.wou.edu/images_homepage/slideshow/inclementWeather2.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:100%;
	height:300px;
	margin:0px;
	padding:0px;
}

#closureDate {
	font-size:24px;
	color:#000;
	padding:50px 149px 0px 149px;
}

#closureNotice {
	font-size:24px;
}

#closure_head {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:56px;
	color:#000;
	line-height:50px;
}

#closure_sub_head {
	font-size:36px;
	color:#848484;
	line-height:45px;
	font-weight:normal;
}

#closureStatus {
	color:#C00;
	font-weight:bold;
	font-size:24px;
}

.mapMobile {
	display:none;
}

@media screen and (max-width: 1150px) {
      #globalHeader .ubermenu-main .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
         width: 1150px;
      }
   }
@media screen and (max-width: 1100px) {
      #globalHeader .ubermenu-main .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
         width: 1100px;
      }
   }
@media screen and (max-width: 1050px) {
      #globalHeader .ubermenu-main .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
         width: 1024px;
      }
   }

@media screen and (max-width: 1024px) {
      #globalHeader .ubermenu-main .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
         width: 1000px;
      }
	  #globalHeader {
		  min-height:185px;
	  }
   }
@media screen and (max-width: 1000px) {
      #globalHeader .ubermenu-main .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
         width: 100%;
      }
	  .homepage-wou .col-md-8 {
		width:100%;
	  }
	  .homepage-wou .col-md-4 {
	  width:100%;
	  min-height:auto;
	  }
	  .ubermenu-skin-none .ubermenu-nav {
	  width:100%;
	  }
   }
@media screen and (max-width: 775px) {
      	.homepage-tabs .resp-vtabs .resp-tabs-container {
		width:100% !important;
		}
		.homepageArrow .resp-tab-content {
			margin-top:-5px;
		}
		h2.resp-tab-active {
			background:#818181 !important;
		}
		.homepage_gray_btn a, #mainContent .homepage_gray_btn a {
			width:100%;
			height:50px;
			background-color:#5c5c5e;
			text-align:center;
			cursor: pointer;
			border-radius: 0.125em;
			display: table;
			float:right;
			font-size:1.65em;
			padding:9px 0 0;
			margin:10px 0 10px 30px;
		}
		.h2.resp-accordion {
			border-top: solid #966 1px 1px 0 1px;
		}
		.homepage-wou .col-md-4 {
		  min-height:auto;
		}
		.video_links {
			margin-top:0px;
			margin-bottom:20px;
		}
		.ffs-tabbed-nav:not(.resp-easy-accordion) .resp-accordion-closed {
		display:inline !important;
		}
		.ubermenu-skin-none .ubermenu-nav {
			width:100%;
		}
		.map {
			display:none;
		}
		.mapMobile {
			display:inline;
		}
		#heroImage {
			margin-bottom:-13px;
		}
		img {
			width:100%;
			height:auto;
		}
}


#wrapper {
	min-height:100%;
	position:relative;
}

.topBlack {
	width:100%;
	background:#000 none repeat scroll 0 0;
	height:95px;
	position:absolute;
	z-index:-1;
}

#content .gform_wrapper input.medium, input[type="text"] {
	background-color:#e7e7e7;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width:800px !important;
}