/*
 Theme Name: U-Design 2014 for Utah's FIRST Robotics Competition
 Theme URI: http://themeforest.net/item/udesign-wordpress-theme/253220
 Description: U-Design Child Theme for UTFRC
 Author: Nathan Weston
 Author URI: http://themeforest.net/user/internq7/portfolio?ref=internq7
 Template: u-design
 Version: 2.4.4
 License: Located in 'licensing' folder
 License URI: Located in 'licensing' folder
*/

@import url("../u-design/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

body {
}
h1 {
	font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
div#top-wrapper {
	background-image:url(/wp-content/themes/u-design-utfrc/images/top-bg.gif);
	background-repeat:repeat;
}
div#page-content, div#home-page-content, .no_title_section #page-content {
	background-image:url(/wp-content/themes/u-design-utfrc/images/page-bg.gif);
	background-repeat:repeat;
}
div#breadcrumbs-container {
	background-color: #ffffff;
	border-bottom:1px solid #e4e4e4;
	margin-top:-1px;
}
div#content-container {
	margin-left: 0 auto 0 auto;
}
div#sidebar {
	min-height:710px;
	background-color: #ffffff;
	padding-bottom: 60000px;
    margin-bottom: -60000px;
	overflow:hidden;
}
div#main-content {
	min-height:710px;
	padding-bottom: 60000px;
    margin-bottom: -60000px;
	overflow:hidden;
}
#page-content #content-container {
	padding-top: 0px;
}

/* homepage slideshow edits: */
div#rev-slider-header {
	background-color:#333333;
	background: url(https://www.coe.utah.edu/wp-content/uploads/images/layout/slider_bg.jpg) left top repeat;
}

/* homepage layout edits: */
#home-page-content #content-container {
	padding-top:0px;
}
div.home-cont-box {
	padding-top:20px;
}

div#homepage_slideshow {
	width:100%;
	margin: -11px 0 0 -20px;
}
div#homepage_slideshow_after {
	clear:both;
	border-bottom:2px solid #333333;
	margin: 0 -20px 20px -20px;
}



/* u_links is a custom-built top-banner for the site that holds U required links static at the top of the page */
#u_links {
	height:30px;
	background: url(https://www.coe.utah.edu/wp-content/uploads/images/layout/u_links_bg.png) right top no-repeat;
	width:100%;
	float:right;
	margin:0px;
	padding:0px;
	margin-right:18px;
	padding-right:16px;
	padding-top:0.1em;
}
#u_links ul {
	float:right;
	display:inline;
	text-align:right;
	color:#FFFFFF;
	font-size:10px;
}
#u_links li {
	display:inline;
	color:#FFFFFF;
	font-size:1.2em;
	padding:0;
	margin:0;
	padding-left:14px;
}
#u_links a:active, #u_links a:link, #u_links a:visited {
	color:#d1d3d4;
}
#u_links a:hover {
	color:#FFFFFF;
}
#wrapper-1 {
	border-top:4px solid #333333;
}
/* end of u_links style */

#page-content-title {
	margin:0;
	padding:0;
	background-color: #333333;
}
#page-content-title #page-title h1 {
	color:#fbfbfb;
	margin:0;
	padding: 10px 0 8px 0;
	font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    letter-spacing: -1px;
}
#main-content {
	background-color:#efefef;
	border-radius:0px;
}
#main-content h1 {
	font-weight: 700;
	color: #0e68b1;
}
#main-content h2 {
	text-transform:uppercase;
	color: #0e68b1;
}
#main-content h3 {
	text-transform: uppercase;
    color:#0e68b1;
	border-bottom:1px solid #333333;
	padding-bottom:0;
	margin-bottom:0;
	background-image:none;
}
#main-content h4 {
	font-family: 'Cantarell', sans-serif;
	letter-spacing: -1px;
	color: #cc0000;
	font-weight:400;
}
#main-content h5 {
	font-family: 'Cantarell', sans-serif;
	letter-spacing: -1px;
	font-weight: 400;
	color: #0e68b1;

}
#main-content h6 {
	font-family: 'Cantarell', sans-serif;
	color: #cc0000;
	letter-spacing: -1px;
}
p strong, p.breadcrumbs span.current_crumb strong{
	font-weight: bold;
	font-family: "Cantarell Bold", sans-serif;
	letter-spacing:normal;
}
p em {
	font-family: "Cantarell Oblique", sans-serif;
}
p strong em {
	font-family: "Cantarell BoldOblique", sans-serif;
}

#main-content a {
	color: #cc0000;
	text-decoration:underline;
}
#main-content a:hover {
	text-decoration:none;
}
#main-content hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #333;
	margin: 1em 0;
	padding: 0;
}

/* pretty CSS button so the class is pretty_button because I'm so original */
#main-content a.pretty_button {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	border-top: 1px solid #000000;
	background: #555555;
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#555555));
	background: -webkit-linear-gradient(top, #333333, #555555);
	background: -moz-linear-gradient(top, #333333, #555555);
	background: -ms-linear-gradient(top, #333333, #555555);
	background: -o-linear-gradient(top, #333333, #555555);
	padding: 6px 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 16px;
	font-family: 'Cantarell', sans-serif;
	text-decoration: none;
	vertical-align: middle;
}
#main-content a.pretty_button:hover {
	border-top-color: #000000;
	background: #666666;
	color: white;
}
#main-content a.pretty_button:active {
	border-top-color: #000000;
	background: #666666;
}

/* Custom Frame Formatting for images - override default U-Design styles */
.custom-frame-inner-wrapper {
    border: 1px solid #111111;
    background-color: #333333;
    background: #333333; /* old browsers */
}
.custom-frame-wrapper .custom-frame-padding,
.small-custom-frame-wrapper .custom-frame-padding {
    border: 1px solid #222222;
    display: block;
    max-width: inherit;
    overflow: hidden;
}
.custom-frame-wrapper .custom-frame-padding { padding: 6px; }
.small-custom-frame-wrapper .custom-frame-padding { padding: 3px; }
/* End Image Custom Frame Formatting */

/* Main navigation menu */
div#dropdown-holder {
	margin-top:10px;
	z-index:2000; /* the slideshow thumbnails are z-index 1000 */
}
ul#main-top-menu {
	background-color:#666666;
	background: #666666; /* old browsers */
	color:#ffffff;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	border-right:none;
	border-bottom:none;
	height:39px !important;
}
ul#main-top-menu li {
	border-right:1px solid #333333;
	padding-bottom:0px;
	margin-bottom:0px;
	height:39px;
}
#navigation-menu ul.sf-menu a {
	line-height: 1.3em;
}
#navigation-menu ul.sf-menu > li > a > span {
	color:#ffffff; /* #222222 */
	height:10px;	
}
#navigation-menu ul.sf-menu > li:hover, #navigation-menu ul.sf-menu > li:hover > a > span, #navigation-menu ul.sf-menu > li > a:hover > span {
	background-color:#ffffff;
	background:#ffffff; /* old browsers */
	color:#0e68b1;
}

/* First level of sub-menus: ul li ul */
#navigation-menu ul.sf-menu > li > ul.sub-menu {
	margin-top:-1px;
	border:1px solid #333333;
}
#navigation-menu ul.sf-menu > li > ul.sub-menu > li, #navigation-menu ul.sf-menu > li > ul.sub-menu > li > a, #navigation-menu ul.sf-menu > li > ul.sub-menu > li > a > span {
	background-color:#666666;
	background:#666666; /* old browsers */
	color:#ffffff;
	height:inherit;
}
#navigation-menu ul.sf-menu > li.current_page_item, #navigation-menu ul.sf-menu > li.current_page_item > a, #navigation-menu ul.sf-menu > li.current_page_item > a > span {
	color:#ffffff !important;
}
#navigation-menu ul.sf-menu > li:first-child:hover {
	border-left:1px solid #333333;
	margin-left:-1px;
}

#navigation-menu ul.sf-menu > li.current_page_item:hover, 
#navigation-menu ul.sf-menu > li.current_page_item:hover > a, 
#navigation-menu ul.sf-menu > li.current_page_item:hover > a:hover, 
#navigation-menu ul.sf-menu > li.current_page_item:hover > a > span, 
#navigation-menu ul.sf-menu > li.current_page_item:hover > a > span:hover {
	color:#0e68b1 !important;
}

#navigation-menu ul.sf-menu > li > ul.sub-menu > li:hover, #navigation-menu ul.sf-menu > li > ul.sub-menu > li > a:hover, #navigation-menu ul.sf-menu > li > ul.sub-menu > li > a:hover > span {
	background-color:#ffffff;
	background:#ffffff; /* old browsers */
	color:#0e68b1;
}
/* Second level of sub-menus: ul li ul li ul, yes you read that correctly */
#navigation-menu ul.sf-menu > li > ul.sub-menu > li > ul.sub-menu {
	border:1px solid #333333;
}
#navigation-menu ul.sf-menu > li > ul.sub-menu > li > ul.sub-menu > li, #navigation-menu ul.sf-menu > li > ul.sub-menu > li > ul.sub-menu > li > a, #navigation-menu ul.sf-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > span {
	background-color:#666666;
	background:#666666; /* old browsers */
	color:#ffffff;
	height:inherit;
}
#navigation-menu ul.sf-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover, #navigation-menu ul.sf-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, #navigation-menu ul.sf-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover > span {
	background-color:#ffffff;
	background:#ffffff; /* old browsers */
	color:#0e68b1;
}

/* Now sidebar sub navigation menus */
.custom-formatting li, .custom-formatting li > ul > li {
	background-color: ffffff;
	background-image: url("/wp-content/themes/u-design-utfrc/images/arrow-custom-white.png");
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-position: 5px 10px;
  	background-clip: border-box;
  	background-origin: padding-box;
  	background-size: auto auto;
}
.custom-formatting li a, .custom-formatting li li a, .custom-formatting li li li a {
	color: #222222;
}
.custom-formatting li a:hover, .custom-formatting li li a:hover, .custom-formatting li li li a:hover, .custom-formatting li li li li a:hover {
	background-color:#0e68b1;
	background:#0e68b1; /* old browsers */
	color:#ffffff;
	background-image: url("/wp-content/themes/u-design-utfrc/images/arrow-custom-white.png");
	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-position: 5px 10px;
  	background-clip: border-box;
  	background-origin: padding-box;
  	background-size: auto auto;
}
.custom-formatting li li li li a:hover {
	background-position: 49px 10px;
}

/* Current page highlighted on sidebar nav: */
.custom-formatting li.current_page_item {
	background-color:#0e68b1;
	background:#0e68b1; /* old browsers */
	color:#ffffff;
	background-image: url("images/arrow-custom-white.png");
	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-position: 5px 10px;
  	background-clip: border-box;
  	background-origin: padding-box;
  	background-size: auto auto;
}
.custom-formatting li.current_page_item ul li {
	background-color:#e4e4e4;
}
.custom-formatting li.current_page_item ul li a {
	color:#222222;
}
.custom-formatting li.current_page_item ul li a:hover {
	color:#ffffff;
}
.custom-formatting li.current_page_item a, .custom-formatting li.current-cat a, .custom-formatting li.current a {
	color: #ffffff;
}
.custom-formatting li.current_page_item a:hover, .custom-formatting li.current-cat a:hover, .custom-formatting li.current a:hover {
	color: #cccccc;
	background-image: url("images/arrow-custom-white.png");
	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-position: 5px 10px;
  	background-clip: border-box;
  	background-origin: padding-box;
  	background-size: auto auto;
}
/* pretty button for sidebar nav area */
#sidebarSubnav a.pretty_button {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #222222;
	background: #555555;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#cc0000));
	background: -webkit-linear-gradient(top, #cc0000, #cc0000);
	background: -moz-linear-gradient(top, #cc0000, #cc0000);
	background: -ms-linear-gradient(top, #cc0000, #cc0000);
	background: -o-linear-gradient(top, #cc0000, #cc0000);
	padding: 6px 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: white;
	font-size: 16px;
	font-family: 'Cantarell', sans-serif;
	text-decoration: none;
	vertical-align: middle;
}
#sidebarSubnav a.pretty_button:hover {
	background: #990000;
	color: white;
}
#sidebarSubnav a.pretty_button:active {
	background: #cc0000;
}

/* Links in homepage slideshow captions: */
.tp-caption a {
	color: #dac092;
}
.tp-caption a:hover {
	color: #a2916e;
}

/* changing breadcrumb link color */
p.breadcrumbs a, p.breadcrumbs a:active {
	color:#b41f2c;
	text-decoration:none;
}
p.breadcrumbs a:hover {
	text-decoration:underline;
}

/* Center the text in the bottom footer: */
#bottom-bg {
	background-color:#666666;
}
#bottom h3.bottom-col-title {
	color:#ffffff;
}
#bottom p {
	color:#ffffff;
}
#bottom li, #bottom td {
	color:#ffffff;
}
#bottom ul {
	list-style:none;
}
#bottom a {
	text-decoration:none;
	color:#ffffff;
}
#bottom a:hover {
	/* color:#ab9062; */
	color:#cccccc;
	text-decoration:underline;
}
/* give social media icons a little buffer on right side: */
#bottom_1 img {
	margin-right:0px;
}
/* footer is the copyright message holder at the bottom of each page: */
#footer-bg {
	background-color:#333333;
}
#footer_text {
	color:#ffffff;
	padding-left:90px;
	text-align: center;
	font-size:1.0em;
}
div.back-to-top {
	display:none;
}

/** HEADER LOGO **/

#logo img{
	position: relative;
	top: 25px;
	left: -10px;
	max-width: 80%;
}

/** SPONSORS **/

#co-sponsors-container{
	text-align: center;
}

ul#co-sponsors-list,
ul.sponsors-list{
    list-style-type: none;
    text-align: center;
    max-width: 250px;
}


ul#co-sponsors-list li,
ul.sponsors-list li{
	margin-left: 0px;
	margin-bottom: 20px;
}

ul.sponsors-list{
	margin-left:auto;
	margin-right:auto;
}

ul.sponsors-list li a{
	text-decoration: none !important;
	color: black !important;
}

#first-robotics-competion-sponsors-list{
	font-size: 26px;
}

#friends-of-the-future-list{
	font-size: 18px;
}

.sponsor-level{
	margin-bottom: 20px;
}

ul li img.half-width{
	max-width: 50%;
}