/*
Theme Name: UBC
Theme URI: ubcadmin.org
Author: Dress Your Wordpress
Author URI: http://dressyourwp.com/
*/
@media (min-width: 1200px) {
	.container {
		max-width:980px;
	}
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

body {
	word-wrap:break-word;
	font-family:Georgia,serif;
	font-size:16px;
	background-color:#f7f7f2;
}

/* Alignment */
.alignleft {
	display:inline;
	float:left;
	margin-right:1.5em;
}

.alignright {
	display:inline;
	float:right;
	margin-left:1.5em;
}

.aligncenter {
	clear:both;
	display:block;
	margin:0 auto;
}

/* Images and wp-captions should always fit and be responsive */
img {
	display:inline-block;
	height:auto;
	max-width:100%;
}

img[class*="wp-image-"] {
	margin-top:10px;
	margin-bottom:10px;
}

.wp-caption {
	border:1px solid #ccc;
	margin-bottom:10px;
	max-width:100%;
	border:1px solid #ccc;
	border-radius:4px;
	padding:0 10px;
}

.wp-caption.aligncenter {
	margin-bottom:10px;
}

.wp-caption img[class*="wp-image-"] {
	display:block;
}

.wp-caption .wp-caption-text {
	text-align:center;
	margin-top:10px;
}

/* WP Gallery */
.gallery {
	margin-bottom:1.5em;
}

.gallery a img {
	border:none;
	height:auto;
	max-width:90%;
}

.gallery dd {
	margin:0;
}

.gallery-caption {
	display:block;
}

/* Make sure embeds and iframes fit their containers */
embed,iframe,object {
	max-width:100%;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip:rect(1px,1px,1px,1px);
	position:absolute!important;
}

.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
	clip:auto!important;
	color:#21759b;
	display:block;
	font-size:14px;
	font-weight:700;
	height:auto;
	left:5px;
	line-height:normal;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000;
/* Above WP toolbar */
}

a {
	color:#9b7e27;
}

a:hover {
	text-decoration:none;
}

/*Header */
.site-header {
	padding:0 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:1000;
	top:0;
	left:0;
	width:100%;
	line-height:1em;
	background-color:#31394a;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	position:relative;
}

.site-header .logoImage {
	width:400px;
}

.header-inner {
	padding:20px 0;
	display:table;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-animation:header-anim 1s ease-in-out;
	animation:header-anim 1s ease-in-out;
}

/*Navigation*/
.site-navigation {
	background:transparent;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	padding-top:15px;
}

.navbar-default {
	background-color:transparent;
	border:none;
	min-height:0;
}

.navbar {
	position:relative;
	margin-bottom:0;
	border:none;
}

.navbar-brand {
	height:36px;
}

.site-navigation .container {
	padding:0 15px;
}

.navbar-nav {
	width:100%;
}

.navbar-collapse {
	padding-right:0;
	padding-left:0;
}

.navbar-nav > li.right-side {
	float:right;
}

.navbar-nav > li > a {
	padding:0;
	padding-bottom:4px;
	margin:0 15px;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
	display:block;
}

.navbar-default .navbar-nav > li > a {
	font-family:Georgia,serif;
	font-weight:600;
	font-size:14px;
	font-family:'Montserrat',"proxima-nova";
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:400;
	font-style:normal;
	line-height:1em;
	color:rgba(255,255,255,.9);
}

.navbar-nav > li.right-side a {
	color:#453a25;
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {
	color:#c7a337;
	background:none;
}

.dropdown-menu {
	position:absolute;
	top:33px;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:1em 0;
	margin:2px 0 0;
	list-style:none;
	font-size:14px;
	text-align:left;
	background-color:#31394a;
	border:none;
	border-radius:4px;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
}

.dropdown-menu>li>a {
	color:#fff;
}

.dropdown-menu>li>a:hover,.current_page_ancestor > a,.navbar-default .navbar-nav > li.current-menu-parent > a {
	color:#c7a337;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
	color:#c7a337;
	text-decoration:none;
	outline:0;
	background:none;
}

.dropdown-menu li a {
	font-size:14px;
	text-transform:uppercase;
}

.dropdown-menu li a:hover,.dropdown-menu li a:focus {
	background:none;
	background-image:none;
}

.navbar-default .navbar-toggle {
	border-color:transparent;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color:#fff;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
	background-color:transparent;
}

.mobile_nav .navbar-nav>li  {float: none}

/*Home */
.hero {
	height:744px;
	overflow:hidden;
	width:100%;
	display:block;
	background:url(images/home.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin-bottom:100px;
}

.home .page-title {
	text-align:center;
	font-size:34px;
	margin:0 0 24px;
}

.home_info h2,.news_updates h2,.featured_video h2,.featured_audio h2 {
	font-size:22px;
	line-height:24px;
	margin-bottom:20px;
}

.home_info a {
	color:#9b7e27;
}

.line_below {
	border-bottom:1px solid #d8d8d4;
}

.line_top {
	border-top:1px solid #d8d8d4;
}

.news_updates {
	margin-top:60px;
	padding-top:60px;
}

.news_updates h2.section-title {
	margin-bottom:60px;
}

.page .page-title {
	margin-bottom:35px;
}

.featured_video {
	padding-bottom:60px;
}

.video-js {
	margin-bottom:35px;
}

.featured_audio {
	padding-top:60px;
}

/* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
	outline:none;
}

.slides,.flex-control-nav,.flex-direction-nav {
	margin:0;
	padding:0;
	list-style:none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin:0;
	padding:0;
}

.flexslider .slides > li {
	display:none;
	-webkit-backface-visibility:hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width:100%;
	display:block;
}

.flex-pauseplay span {
	text-transform:capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

html[xmlns] .slides {
	display:block;
}

* html .slides {
	height:1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display:block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	position:relative;
	zoom:1;
}

.flex-viewport {
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
}

.loading .flex-viewport {
	max-height:300px;
}

.flexslider .slides {
	zoom:1;
}

.flexslider.carousel li {
	margin-right:20px;
}

/* Direction Nav */
.flex-direction-nav a {
	width:20px;
	height:19px;
	font-size:20px;
	line-height:20px;
	display:block;
	position:absolute;
	top:-40px;
	cursor:pointer;
	text-indent:-9999px;
	opacity:0;
	color:#4b4b4b;
	opacity:1;
}

.flex-direction-nav .flex-next,.flex-direction-nav .flex-prev {
	background:url(images/arrows.png) no-repeat;
}

.flex-direction-nav .flex-prev {
	right:42px;
	background-position:-10px -1px;
}

.flex-direction-nav .flex-next {
	right:0;
	background-position:-35px -1px;
}

.flexslider .flex-next:hover,.flexslider .flex-next.flex-disabled {
	background-position:-35px -19px;
}

.flexslider .flex-prev:hover,.flexslider .flex-prev.flex-disabled {
	background-position:-9px -18px;
}

.flex-direction-nav .disabled {
	opacity:.3!important;
	filter:alpha(opacity=30);
	cursor:default;
}

/* Control Nav */
.flex-control-nav {
	width:100%;
	position:absolute;
	bottom:-40px;
	text-align:center;
}

.flex-control-nav li {
	margin:0 6px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.flex-control-paging li a {
	width:11px;
	height:11px;
	display:block;
	background:#666;
	background:rgba(0,0,0,0.5);
	cursor:pointer;
	text-indent:-9999px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
	background:#333;
	background:rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
	background:#000;
	background:rgba(0,0,0,0.9);
	cursor:default;
}

.flex-control-thumbs {
	margin:5px 0 0;
	position:static;
	overflow:hidden;
}

.flex-control-thumbs li {
	width:25%;
	float:left;
	margin:0;
}

.flex-control-thumbs img {
	width:100%;
	display:block;
	opacity:.7;
	cursor:pointer;
}

.flex-control-thumbs img:hover {
	opacity:1;
}

.flex-control-thumbs .active {
	opacity:1;
	cursor:default;
}

.carousel {
	padding-bottom:60px;
}

.carousel a img {
	outline:none;
}

.carousel h2 a {
	font-size:20px;
	color:#121212;
	margin:14px 0;
}

.carousel h2 a:hover {
	color:#9b7e27;
	text-decoration:none;
}

.carousel p {
	font-size:14px;
	color:#333;
}

.carousel p.date {
	font-size:13px;
	color:#666;
}

/* Content */
.main-content-inner {
	padding-bottom:1.5em;
}

.hentry {
	margin:0 0 1.5em;
}

.sticky {
	display:block;
}

.bypostauthor {
	display:block;
}

/* Clearing */
.clear {
	clear:both;
}

/* General Styling */
.btn,input[type=submit] {
	padding:13px 26px;
	color:#fff;
	background-color:#31394a;
	border-color:#31394a;
	font-size:12px;
	font-family:'Montserrat',"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:400;
	font-style:normal;
	border-radius:0;
}

.btn:hover {
	opacity:.8;
	color:#fff;
}

.main-content .sidebar .current_page_item a {
	color:#c7a337;
}

/* Blog Page */
.single .featured_img_wrap {
	display:none;
}

.single .main-content {
	margin-top:90px;
}

.blog .entry-meta,.single .entry-meta {
	color:#666;
	font-size:16px;
	line-height:22px;
	margin:0;
}

.blog .page-title,.single .page-title {
	color:#31394a;
	font-size:34px;
	line-height:40px;
	margin-bottom:40px;
}

.blog .page-title a {
	color:#31394a;
}

.blog .page-title a:hover {
	color:#31394a;
	text-decoration:none;
}

.blog .readmore {
	color:#9b7e27;
}

.blog .readmore:hover {
	color:#9b7e27;
	text-decoration:none;
}

.blog article {
	margin-bottom:60px;
}

.entry-meta.footer-meta {
	padding-top:20px;
	color:#666;
}

.entry-meta.footer-meta a {
	color:#666;
}

.entry-meta.footer-meta span {
	padding-right:15px;
}

.single .pager a {
	color:#9b7e27;
	background:none;
	border:none;
}

.pager li>a,.pager li>span {
	display:inline-block;
	padding:13px 26px;
	color:#fff;
	background-color:#31394a;
	border-color:#31394a;
	font-size:12px;
	font-family:'Montserrat',"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:400;
	font-style:normal;
	border-radius:0;
}

.pager li>a:hover,.pager li>span:hover {
	opacity:.8;
	background-color:#31394a;
	border-color:#31394a;
	color:#fff;
}

/* Search page */

.site-header .search-toggle{
    color: #fff;
    float: right;
}
.search-top .search-toggle{
    font-size: 1.4em;
    cursor: pointer;
    margin-top: 33px;
    margin-right: 20px;
}
.search-top{
    max-height: 100px;
    text-align: center;
    transition: max-height 0.35s ease-out;
}
.search-top form{
    padding: 20px 0;
}
.search-top form input.search-field{
	font-family: 'Montserrat', sans-serif;
}
.search-top form input.search-submit{
    padding-top: 7px;
    padding-bottom: 6px;
    margin-top: -2px;
}
.no-show{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-out;
}
.search .featured_img_wrap{
    margin-bottom: 100px;
}
.site-navigation .navbar .navbar-collapse{
    float: right;
}

/* Navigation */
.dropdown-submenu {
	position:relative;
}

.dropdown-submenu>.dropdown-menu {
	top:0;
	left:100%;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px;
	border-radius:0 6px 6px 6px;
}

.dropdown-submenu:active>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu {
	display:block;
}

.dropdown-submenu>a:after {
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#ccc;
	margin-top:5px;
	margin-right:-10px;
}

.dropdown-submenu:active>a:after {
	border-left-color:#fff;
}

.dropdown-submenu.pull-left {
	float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget {
	margin-bottom:2em;
}

.widget_nav_menu ul.sub-menu li,.widget_pages ul.children li {
	padding-left:15px;
}

.widget h3.widget-title {
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
	font-style:normal;
	line-height:1.2em;
	color:#31394a;
	margin-bottom:.5em;
}

.widget ul.menu {
	margin:0;
	padding:0;
}

.widget ul.menu a {
	font-size:16px;
	text-transform:none;
	text-decoration:none;
	letter-spacing:0;
	font-weight:400;
	font-style:normal;
	color:#666;
	padding-left:0;
	line-height:1.25em;
}

.widget ul.menu a:hover {
	color:#c7a337;
	background:none;
}

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] {
	display:none;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width:100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
.comment .children {
	margin-left:1.5em;
}

/**
* Some WP Theme Repository requirements
*/
.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/* Side Nav */
.mobile_nav {
	background-color:#31394a;
}

.mobile_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.mobile_nav .inner_wrap {
	margin:40px 25px 20px;
}

.mobile_nav .inner_wrap a {
	color:#fff;
	font-family:'Montserrat',"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:14px;
	padding:.75em 0;
}

.mobile_nav .inner_wrap a:hover {
	color:#9b7e27;
	background:none;
}

.mobile_nav ul.sub-menu {
	margin-left:25px;
}

.close_menu,.canvas-slid .navbar-default .navbar-toggle .icon-bar {
	display:none;
}

.canvas-slid .close_menu {
	display:block;
	font-size:33px;
	color:#fff;
}

.canvas-slid .navbar-toggle {
	padding:0;
}

.jp-carousel-info {
	display:none!important;
}

/*Footer */
.social_footer {
	background-color:#484f5d;
	padding:32px 0;
	display:block;
	text-align:center;
}

.social_footer a {
	width:36px;
	height:36px;
	margin:0 5px;
	background:url(images/social_footer.png) no-repeat;
	overflow:hidden;
	display:inline-block;
}

.social_footer a.fb {
	background-position:-7px -14px;
}

.social_footer a.fb:hover {
	background-position:-8px -63px;
}

.social_footer a.mail {
	background-position:-52px -14px;
}

.social_footer a.mail:hover {
	background-position:-53px -63px;
}

.site-footer {
	background-color:#31394a;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}

.site-footer-inner {
	padding:64px 32px;
	text-align:center;
	font-size:16px;
	color:rgba(255,255,255,.4);
}

.site-footer-inner .logo {
	margin-top:20px;
}

@media (min-width: 1170px) {
	.navbar-toggle {
		display:none;
	}

	.navbar-collapse.collapse {
		display:block!important;
		visibility:visible!important;
		height:auto!important;
		padding-bottom:0;
		overflow:visible!important;
	}
}

@media (max-width: 1170px) {
	.navbar-toggle {
		display:block;
	}

	.navbar-collapse.collapse {
		display:none!important;
		visibility:hidden!important;
		height:auto!important;
		padding-bottom:0;
		overflow:hidden!important;
	}

	.site-navigation {
		padding:0;
	}
}

@media (max-width: 768px) {
	.site-header .logoImage {
		width:350px;
	}
}

@media (max-width: 500px) {
	.site-header .logoImage {
		width:250px;
	}
}