@charset "UTF-8";
/*
Theme Name: CU WP Template 1.2
Description: A template for the Chapman Blogs
Author: ChapmanU SMC
Author URI: https://blogs.chapman.edu
Version: 1.2.6

=============== TABLE OF CONTENTS ===============

1. Content Handling
  1.1 Picture Captions
  1.2 Gallery Captions
  1.3 WP 3.6 Native Audio Player Styling
2. Custom WYSIWYG style formats
3. Buttons
4. Grid Structure & Layout : 5 columns Plus Side Navbar
5. Pagination
6. Header
  6.1 WP Dashboard Preview
7. Header - single.php
8. Sidebar
9. Announcement Post Types
  9.1 Styles for the index page
  9.2 Styles for the single post view
  9.3 Styles for the announcement archive view
10. Image Quick View
11. Attachment - single image view
12. Nav Menu
  12.1 Menu Style
  12.2 Vertical Menu Layout
  12.3 Horizontal Menu Layout
    12.3.1 Horizontal Sub-menu Style
    12.3.2 Horizontal Droddown Menu Functionality
13. Featured Posts
  13.1 Featured Container
  13.2 Truncate Long Titles
  13.3 Compact Version
14. Hide featured posts from main loop when visible up top
15. Main/Archive Loop - Compact Version
16. Main/Archive Loop
  16.1 Standard Layout
  16.2 Tiled Layout
  16.3 Type
  16.4 Icons
17. Post / Full
  17.1 Single - full layout
  17.2 oEmbed styles
  17.3 Masthead
  17.4 Meta-Taxonomy Block
  17.5 Social Share Block
18. Announcement Share Hovering
19. Search view
20. 404 / Not Found
21. Select box styles
22. Archive Meta Filters
23. Archive View
24. Category View: Multimedia Layout
25. Footer
26. Sidebar Widgets
27. Input Field Styles
28. Accessibility

====================== END ======================
*/

html { background-color: #eaeaea; margin:0; }
body { margin:0; padding:0; font-family: arial, sans-serif; }

/* White background at top */


/***************************************************
* 1. Content Handling
***************************************************/

h1, h2, h3, h4, h5, h6 { font-family: "futura-pt", arial, sans-serif; }
h1 { font-size:56px; line-height:56px; }
h2 { font-size:24px; line-height:30px; }
h3 { font-size:20px; line-height:24px; }
h4 { font-size:18px; line-height:18px; }
h5 { font-size:14px; line-height:14px; }
h6 { font-size:12px; line-height:12px; }

a,
a:link { color:#A50034; text-decoration:none; }
a:hover,
a:focus { text-decoration:underline; }
a img { border:none; outline:none; }
a.hidden-text { line-height: 0; font-size: 0; color: transparent; }
.cu-off-canvas-nav-container a { color:#444; }
.post.full .main a { text-decoration: underline; }
hr { border:none; height:2px; background:#CCCCCC; margin:40px 0; }

.post img,
.announcement img { max-width:100%; height:auto; }
.post iframe,
.announcement iframe { max-width:100%; }

.alignnone { clear:both; display: block; margin: 10px 0; }
.aligncenter { clear:both; display: block; margin:0 auto; max-width:100%; }
.alignright { float:right; margin-left:15px; margin-bottom:5px; margin-top:5px; max-width:60%; }
.alignleft { float:left; margin-right:15px; margin-bottom:5px; margin-top:5px; max-width:60%; }

blockquote { border-left:5px solid #CCC; padding:20px; background:#F3F3F3; background:rgba(0,0,0,0.05); font-size:14px; overflow: auto; clear:both; }

@media only screen and (max-width:670px) {
	blockquote {margin:15px 0;}
}

blockquote p:first-child,
blockquote h1:first-child,
blockquote h2:first-child,
blockquote h3:first-child,
blockquote h4:first-child,
blockquote h5:first-child,
blockquote h6:first-child { margin-top:0 !important; }

blockquote p:last-child,
blockquote h1:last-child,
blockquote h2:last-child,
blockquote h3:last-child,
blockquote h4:last-child,
blockquote h5:last-child,
blockquote h6:last-child { margin-bottom:0 !important; }

.avatar { border-radius: 50%; background-color:#a9243b; }

/***************************************************
* 1.1 Picture Captions
***************************************************/
.post.full .wp-caption-text { line-height: 18px; text-align: left; font-size: 12px; color: #313131; background-color: #D8D8D8; background-size: 30px; min-width:30px; margin: 0; padding: 15px;}
.post.full .wp-caption-text br { display: none; }
.post.full .wp-caption img { display :block;}

/***************************************************
* 1.2 Gallery Captions
***************************************************/
.gallery-item { overflow: visible; }
.post.full .gallery-item .wp-caption-text { text-indent: -9999px; background: url('img/icons/svg/ellipsis.svg') no-repeat 10px center; background-size: 15px; min-height:30px; max-width:15px; margin:0 10px 4px 0; padding:5px; box-sizing: border-box; -moz-box-sizing: border-box; color:#EEEEEE; font-weight:100; font-size:12px; line-height:16px !important; position: absolute; bottom:0; left:0; width:100%; -webkit-transition: background 0.1s ease-out; -moz-transition: background 0.1s ease-out; -o-transition: background 0.1s ease-out; transition: background 0.1s ease-out; }
/*.gallery-item:hover .wp-caption-text { background-color: #222222; background-color:rgba(0,0,0,0.7); background-image:none; background-size: 15px; min-height:15px; min-width:15px; text-indent: 0; position: absolute; top:100%; left:-25%; bottom:auto; width:150%; z-index: 999; }*/

.gallery-item { text-align: left !important; position: relative; }
.gallery-item img { border: none !important;  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);  }

/***************************************************
* 1.3 WP 3.6 Native Audio Player Styling
***************************************************/
.mejs-controls .mejs-button button:focus { outline:none !important; }
.mejs-controls .mejs-time-rail .mejs-time-loaded { background:#777777 !important; }
.mejs-controls .mejs-time-rail .mejs-time-current {	background:#cc181e !important; }


/***************************************************
* 2. Custom WYSIWYG style formats
***************************************************/
@media only screen and (min-width:670px) {
	blockquote.sidequote-left {
		float: left;
		max-width: 300px;
		margin-left: 0;
	}

	blockquote.sidequote-right {
		float: right;
		max-width: 300px;
		margin-right: 0;
	}
}


/***************************************************
* 3. Buttons
***************************************************/
.button { display: inline-block; padding:10px 15px; border-radius: 3px; background:#dad8cf no-repeat center; color:#8c8b83 !important; cursor: pointer; border:none; font-size:14px; }
.button:hover { background-color:#cac9c4; text-decoration: none; }
.button.red { background:#A50034 no-repeat center; color:#FFFFFF !important; }
.button.red:hover { background-color:#C8003F; text-decoration: none; }
.button.red:active { background-color:#88002B; text-decoration: none; }
.button:focus {outline:none;}

.button.write { background-image: url('img/icons/svg/pencil5_white.svg') !important; background-size: 16px !important; background-position: 12px center !important; padding-left:35px; }


/***************************************************
* 4. Grid Structure & Layout : 5 Columns Plus Side Navbar
***************************************************/
.wrap { max-width:583px; margin:0 auto; padding:20px;}
.big_link { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 1; }

#sort { margin-bottom:30px; }

#featured .post.featured-1 { margin-right:3px; }

#content { overflow: hidden; clear:both; }

#primary { position: relative; margin:0 auto; max-width: 873px; width: 100%; }
#primary.full-width { max-width: 100%; width:100%; }

#tile-container { width: 100%; position: relative;}

#sidebar { margin-top : 100px; }

#archive_meta { display: block;  }

.single #content { padding:0; }

.stickySide { overflow: visible; z-index: 1; }

@media only screen and (min-width:600px) {
	.wrap { padding:0; }
	.home #primary { padding:0; }
	.home #content { margin-top:60px; }
	.single .wrap { max-width:720px; }
	#tile-container { margin-left: -18px; margin-right: -18px; }
	.home #primary #tile-container 						{ width: 619px; }
	.home #primary.full-width #tile-container,
	.category #tile-container									{ width: 619px; }
}

@media only screen and (min-width:980px) {
	.wrap,
	.single .wrap { max-width:876px; margin:0 auto; }

	#archive_meta { float:left; text-align: right; }
	#archive_meta, #archive_meta .stickySide { width:290px; }
	.archive #primary,
	.search #primary { float:left; max-width:523px; padding:30px; }
	#sidebar { display:block; margin-left: 608px; margin-top: 35px; }

	.home #primary { max-width: 572px; float: left;}
	.home #primary.full-width #tile-container,
	.category #tile-container	 								{ width: 912px;}
}

@media only screen and (min-width:1270px) {
	.wrap,
	.single .wrap { max-width:1166px; margin:0 auto; }

	#featured .post.featured-2 { margin-right:3px; }

	#primary { float:left; max-width:873px; }
	#sidebar { margin-left:893px; }
	/*#sidebar .stickySide { max-width:273px; }*/

	.home #primary { max-width:730px; }
	.home #primary.full-width { max-width: 100%; width:100%; }
	.home #primary #tile-container 						{ width: 766px;}
	.home #primary.full-width #tile-container,
	.category #tile-container									{ width: 1202px;}
	.home #sidebar { margin-left:780px; }

	.archive #primary,
	.search #primary { max-width:814px; }

	#archive_meta { margin-left:0; /*width:550px;*/ }
}

/***************************************************
* 5. Pagination
***************************************************/

#pagination { text-align:center; overflow:visible;  margin-top:10px; clear:both; }
#pagination ul { list-style-type:none; overflow:visible; display:inline-block; margin:0; padding:0; }
#pagination ul li { float:left; }
#pagination ul li a.page-numbers,
#pagination ul li .page-numbers { display:block; padding:10px 15px; margin:0 5px; text-decoration:none; color:#22211f; border:1px solid #eaeaea; background:#eaeaea; border-radius: 4px; }
#pagination ul li .page-numbers.dots { background:none; border:none; padding:5px; color:#666666; }
#pagination ul li .page-numbers.prev,
#pagination ul li .page-numbers.next { background:#A50034; color:#FFFFFF; border:none; }
#pagination ul li a:hover { background:#FFFFFF; }
#pagination ul li .page-numbers.current { background:#FFFFFF; color:#A50034; }

/***************************************************
* 6. Header
***************************************************/
#header {
	position: relative;
	background: url('img/brand/cu_general/header/default.jpg') center;
	background-size: cover;
}

#header:before {

	/* Sup3r crazy cross-browser backwards-compatible linear gradient codez!!! */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 33%, rgba(0,0,0,0) 34%, rgba(0,0,0,0.64) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,rgba(0,0,0,0)), color-stop(34%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.64))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 33%,rgba(0,0,0,0) 34%,rgba(0,0,0,0.64) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 33%,rgba(0,0,0,0) 34%,rgba(0,0,0,0.64) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 33%,rgba(0,0,0,0) 34%,rgba(0,0,0,0.64) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 33%,rgba(0,0,0,0) 34%,rgba(0,0,0,0.64) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a3000000',GradientType=0 ); /* IE6-9 */

	content: "";
	display: block;
	width:100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}

#header .wrap {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	padding: 20px 0 0;
	position: relative;
	width: 100%;
}

#header .wrap-cell {
	display: table-cell;
	vertical-align: bottom;
}

#header .header-detail {
	padding: 0 10px 5px 10px;
	width: 100%;
}

#header .header-icon {
	display: block;
	background: #A82439 url('img/cu_icons/cu_monogram_white.svg') no-repeat center;
	background-size: 64px;
	border: 2px solid;
	bottom: -20px;
	padding: 20px;
	position: relative;
	left: 0;
	height: 52px;
	width: 52px;
}

#header .header-icon {
	border-color: #FFF;
	border-radius: 2px;
}

#header .header-name {
	font-family: "futura-pt", arial, sans-serif;
	font-weight: 800;
	font-size: 32px;
	line-height: 1;
	padding: 0 7.5px 5px;
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
  margin: 0px;
}

#header .header-name a {
	color:#FFFFFF;
}

#header .header-name a:hover {
	text-decoration: none;
}

#header .header-name span {
	display: block;
	padding: 5px 10px;
}

#header .header-name {
	color: #FFF;
}

#header #navigation_menu.horizontal {
	float: none;
	margin: 0;
}

#header #navigation_menu a, #navigation_menu a:link {
	color: #FFF;
}

@media (max-width: 599px) {

	#header #navigation_menu.horizontal {
		display: none;
	}

	#header .header-icon {
		height: 32px;
		padding: 10px;
		width: 32px;
	}

	#header .header-icon {
		background-size: 32px;
	}

	#header .header-name {
		font-size: 24px;
	}
}

@media only screen and (min-width:600px) {
	#header .wrap { padding-top:50px; }
}

@media only screen and (min-width:980px) {
	#header .wrap { padding-top:75px; }
}

@media only screen and (min-width:1270px) {
	#header .wrap { padding-top:100px; }
}

/***************************************************
* 6.1 WP Dashboard Preview
***************************************************/
.wp-admin #header {
	width:1600px;
	-webkit-transform-origin: 0 0;
	-webkit-transform:scale(0.3);
	-moz-transform-origin: 0 0;
	-moz-transform:scale(0.3);
}

.wp-admin #header .wrap {
	display: block;
	max-width: 1166px;
}

@media only screen and (min-width:1000px) {
	.wp-admin #header { -webkit-transform:scale(0.5); -moz-transform:scale(0.5); }
}

@media only screen and (min-width:1200px) {
	.wp-admin #header { -webkit-transform:scale(0.55); -moz-transform:scale(0.55); }
}

@media only screen and (min-width:1400px) {
	.wp-admin #header { -webkit-transform:scale(0.65); -moz-transform:scale(0.65); }
}

.page #header {
	margin-bottom: 50px;
}

/***************************************************
* 7. Header - single.php
***************************************************/

@media only screen and (max-width:680px) {
	.single #header .header-name,
	.single #header .header-icon {
		display: none;
	}
}

.single #header .wrap {
	padding:20px 10px 0 10px;
}

.single #header .header-icon {
	height: 32px;
	width: 32px;
	background-size: 32px;
	padding:10px;
	z-index: 5;
}
.single #header[style] {
	background:none !important;
}

.single #header:before {
	display: none;
}

.single #header .header-detail {
	padding:0;
	position: relative;
}

.single #header .header-name {
	text-shadow:none;
	float: left;
	font-size: 22px;
}

.single #header .header-name a {
	color:#313131;
}

.single #header #navigation_menu {
	float:right;
}

.single #header #navigation_menu.horizontal a {
	color:#313131;
}

.single #header #navigation_menu a:hover,
.single #header #navigation_menu .sub-menu a {
	color:#FFFFFF;
}

.single #nav_toggle {
	background: none, url('img/icons/svg/menu3.svg') no-repeat center;
	background-size: 24px;
	opacity: 0.85;
}

.single.multimedia-masthead #header .wrap {
	padding-top:50px;
}

.single.multimedia-masthead #header .header-icon {
	bottom: 6px;
	width: 8px;
	height: 8px;
	background-size: 16px;
}

@media only screen and (min-width:760px) {
	.single.multimedia-masthead #header .header-icon {
		margin-left:-10px;
	}
}

@media only screen and (min-width:900px) {
	.single #header .wrap {
		padding-left: 9px;
		padding-right: 0;
	}

	.single.large-masthead #header {
		margin-bottom:5px;
	}
}

@media only screen and (min-width:980px) {
	.single.small-masthead #header .wrap {
		padding-left:163px; padding-right:0px;
	}
}

@media only screen and (min-width:1270px) {
	.single.small-masthead #header .wrap {
		padding-left:152px; padding-right:300px;
	}
}


/***************************************************
* 8. Sidebar
***************************************************/

#sidebar { color:#313131; line-height:24px; }
#sidebar li.widget { list-style-type: none; margin-bottom:25px; }
#sidebar li.widget h2 { margin-top:0; font-family: "futura-pt", arial, sans-serif; font-size:16px; font-weight: 400; color:#313131; text-transform: uppercase; }
#sidebar li.widget h3 { font-family: "futura-pt", arial, sans-serif; font-weight: 400; color:#A50034; }
/*#sidebar #social-chapman-container { overflow: hidden; }*/

/***************************************************
* 9. Announcement Post Types
***************************************************/

/***************************************************
* 9.1 Styles for the index page
***************************************************/
#announcements { margin-bottom: 60px; }
#announcements > h2 { font: 300 16px 'proxima-nova-soft'; color: #313131; text-transform: uppercase; margin-top: 0; }
#announcements .announcement > * { display: table-cell; vertical-align: top; }
#announcements .announcement > a { width: 30px; }
#announcements .announcement { -moz-box-sizing: border-box; box-sizing: border-box; display: table; border-top: 1px solid #c7c7c7; padding: 26px 18px; width: 100%; }
#announcements .announcement:last-child { border-bottom: 1px solid #c7c7c7; }
#announcements .announcement .icon { height: 30px; width: 30px; }
#announcements .announcement .icon .glyph { display: inline-block; fill: #313131; height: 30px; margin: 0; width: 30px; }
#announcements .announcement .icon .glyph:hover { fill: #A50034; }
#announcements .announcement h3 a { color: inherit; }
#announcements .announcement h3 a:hover { text-decoration: none; color: #A50034; }
#announcements .announcement .content { padding: 0 14px 0 18px; }
#announcements .announcement .content h3 { font-size: 14px; font-weight: bold; line-height: 18px; margin: 0; }
#announcements .announcement .content p { font-size: 14px; font-weight: normal; line-height: 18px; margin: 0; }
#announcements .announcement .content .date { font-size: 12px; font-weight: normal; line-height: 18px; margin: 0 0 8px 0; }
#announcements .announcement .excerpt p:last-of-type:after { content:"..."; margin-bottom:0; }
#announcements .more { display: block; text-align: right; font-size: 14px; margin-top: 0; }

/***************************************************
* 9.2 Styles for the single post view
***************************************************/
.single-announcement .announcement-card {
	background: transparent;
	padding: 30px;
	overflow: auto;
}
.single-announcement .header {
	display: table;
	width: 100%;
}
.single-announcement .header > *{
	display: table-cell;
	vertical-align: middle;
}
.single-announcement .header .icon {
	width: 60px;
	padding-right: 30px;
	display: none
}
.single-announcement .header .icon svg {
	width: inherit;
	height: 60px
}
.single-announcement .announcement-card h1 {
	font-size: 36px;
	line-height: 36px;
}
.single-announcement .wrap {
	padding: 0;
}
.single-announcement .card-footer {
	margin-top: 60px;
}
.single-announcement .announcement-card .date {
	text-align: left;
	font-size: 14px;
	color: #acacac;
	line-height: 35px;
}
.single-announcement .social_sharing {
	margin-top: 50px;
}

@media only screen and (min-width:620px) {
	.single-announcement .announcement-card {
		background: #fff;
		padding: 45px;
	}
	.single-announcement .wrap {
		padding: 0 30px 30px 30px;
	}
	.single-announcement .header .icon {
		display: table-cell;
	}
	.single-announcement .social_sharing ul {
		position: relative;
		float: right;
		right: 50%;
	}
	.single-announcement .social_sharing ul li {
		position: relative;
		left: 50%;
	}
}

@media only screen and (min-width:680px) {
	.single-announcement.single.small-masthead #header .wrap {
		padding-left: 9px;
	}
	.single-announcement .social_sharing li.comments {
		display: none;
	}
}

@media only screen and (min-width:980px) {
	.single-announcement #header .wrap {
		max-width: 720px;
	}
	.single-announcement #header .wrap .header-detail {
		width: 655px;
	}
	.single-announcement.single.small-masthead #header .wrap {
		padding-left: 9px;
	}
	.single-announcement .wrap {
		width: 720px;
		position: relative;
	}
	.single-announcement .social_sharing {
		position: absolute;
		left: -50px;
		top: 50px;
		margin-top: 0;
	}
	.single-announcement .social_sharing:hover .stickySide {
		width: 218px !important;
	}
	.single-announcement .social_sharing:hover ul {
		float: left;
		left: 0;
	}
	.single-announcement .social_sharing:hover ul li {
		float: none;
		left: 0;
	}
	.single-announcement #related .post-wrap-outter {
		padding: 0;
	}
}

@media only screen and (min-width:1270px) {
	.single-announcement #header .wrap .header-detail {
		width: 655px;
	}
	.single-announcement.single.small-masthead #header .wrap {
		padding-right: 0;
	}
}

/***************************************************
* 9.3 Styles for the announcement archive view
***************************************************/
body.archive .announcement h2 { font-size: 24px; margin:0; }
body.archive .announcement h2 a { color:#313131; }
body.archive .announcement .meta { margin:0; color: #AAA; font-weight: 100; font-size: 14px; }
body.archive .announcement .meta a { color: #AAA; }
body.archive .announcement .excerpt { color: #AAA; font-weight: 100; font-size: 14px; margin-bottom: 25px; }
body.archive .announcement .excerpt p:last-of-type:after { content:"..."; margin-bottom:0; }

/***************
* 10. Image Quick View
****************/
#imageQuickView { display:none; width:100%; height:100%; background:#333333; background:rgba(0,0,0,0.8); z-index:99999; position:fixed; top:0; left:0; }
#imageQuickViewTable { display:table; width:100%; height:100%; }
#imageQuickViewCell { display:inline-block; display:table-cell; vertical-align: middle; text-align: center; width:100%; height:100%; }
#imageQuickView img { max-width: 90%; max-height: 90%; box-shadow: 2px 2px 5px rgba(0,0,0,0.8); cursor: pointer; }

#imageQuickView .caption { color:#FFFFFF; max-width:640px; margin:5px auto; }

/***************************************************
* 11. Attachment - single image view
***************************************************/

.single-attachment .attachment { display: block; margin:30px auto; padding:5px; max-width:95%; border:1px solid #CCCCCC; }
.single-attachment p { margin-bottom:50px;}
.single-attachment #footer { display: none; }

/***************************************************
* 12. Nav Menu
***************************************************/

/***************************************************
* 12.1 Menu Style
***************************************************/
#navigation_menu ul { margin:0; padding:15px 20px; list-style-type: none; }
#navigation_menu a,
#navigation_menu a:link { font-size:14px; text-transform: uppercase; color:#313131; display:block; padding:5px 10px; border-radius: 2px;  }
#navigation_menu a:hover { text-decoration:none; background:#A50034; color:#FFFFFF; }


#nav_toggle {
	bottom: 5px;
	display: none;
	float: right;
	height: 44px;
	margin-right: -5px;
	margin-top: -10px;
	/*position: absolute;*/
	right: 0;
	width: 44px;
	z-index: 98;
}

#nav_toggle {
	background: url('img/icons/png/menu3_small.png') no-repeat center;
	background: none, url('img/icons/svg/menu3_white.svg') no-repeat center;
	background-size: 24px;
}

/***************************************************
* 12.2 Vertical Menu Layout
***************************************************/
#navigation_menu.vertical { opacity:0; max-height:0; overflow: hidden;
  -webkit-transition: all 0.2s 0.3s ease-out;
     -moz-transition: all 0.2s 0.3s ease-out;
       -o-transition: all 0.2s 0.3s ease-out;
          transition: all 0.2s 0.3s ease-out;
}
#navigation_menu.vertical:hover,
#navigation_menu.vertical.visible { opacity:1; max-height:99999px; overflow: visible;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}


#navigation_menu.vertical { position: absolute; right:0; top:60px; max-width:350px; width:100%; background:#313131; background:rgba(50,50,50,0.95); border-radius: 3px; z-index: 99; }
#navigation_menu.vertical a { color:#EEEEEE; border-bottom:1px solid #444444; }
#navigation_menu.vertical .sub-menu { padding:0 0 0 15px; }
#navigation_menu.vertical:after { position: absolute; top:-10px; right:25px; display:block; content:""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(50,50,50,0.9); }
#navigation_menu.vertical:before { position: absolute; top:-20px; left:0; display:block; content:""; width: 100%; height: 20px; background: transparent;  }
.touch #navigation_menu.vertical a { padding:10px; }

@media only screen and (min-width:600px) {
	#navigation_menu.vertical { top:65px; }

	#navigation_menu.vertical:after { right:12px; }

}

/***************************************************
* 12.3 Horizontal Menu Layout
***************************************************/
#navigation_menu.horizontal { display: block; float:right; margin-top:35px; margin-bottom:35px; /*position: absolute; right:0; bottom:-40px;*/ }
#navigation_menu.horizontal ul { padding:0; overflow:visible; /*float:right; margin-right:20px;*/ }
#navigation_menu.horizontal ul li { margin:0; padding:0; float:left; }

/***************************************************
* 12.3.1 Horizontal Sub-Menu Style
***************************************************/
#navigation_menu.horizontal > ul > li > .sub-menu { margin-top:7px; }
#navigation_menu.horizontal > ul > li > .sub-menu:after { position: absolute; top:-5px; left:30px; display:block; content:""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(50,50,50,0.9); }
#navigation_menu.horizontal > ul > li > .sub-menu:before { position: absolute; top:-7px; left:0; display:block; content:""; width: 100%; height: 7px; }

#navigation_menu.horizontal .sub-menu { background:#666666; background:rgba(50,50,50,0.9); border-radius: 2px; padding:10px; box-sizing: border-box; -moz-box-sizing: border-box; }
#navigation_menu.horizontal .sub-menu a,
#navigation_menu.horizontal .sub-menu a:link { color:#FFFFFF; }

/***************************************************
* 12.3.2 Horizontal Dropdown Menu Functionality
***************************************************/
#navigation_menu.horizontal ul,
#navigation_menu.horizontal ul li,
#navigation_menu.horizontal ul ul { list-style: none; margin: 0; padding: 0; }
#navigation_menu.horizontal ul { position: relative; z-index: 997; }
#navigation_menu.horizontal ul li { position: relative; float: left; min-height: 1px;  vertical-align: middle; }
#navigation_menu.horizontal ul ul { width: auto; min-width:200px; visibility: hidden; opacity:0; position: absolute; top: 100%; left: 0; z-index: 998; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
#navigation_menu.horizontal ul ul li { float: none; width:100%; }
#navigation_menu.horizontal ul ul ul { top: 1px; left: -108%; }
#navigation_menu.horizontal ul li.hover,
#navigation_menu.horizontal ul li:hover { z-index: 999; cursor: default;}
#navigation_menu.horizontal ul li.hover > ul,
#navigation_menu.horizontal ul li:hover > ul { visibility: visible; opacity:1; }


/***************************************************
* 13. Featured Posts
***************************************************/

/***************************************************
* 13. Featured Container
***************************************************/
#featured {
	clear: both;
	height: 480px;
	margin-top: 50px;
	overflow: hidden;
	position: relative;
}

.post.featured .thumbnail { display: none; }

.post.featured { overflow: hidden; position: relative; width:290px; height:480px; border-radius: 3px; float:left; background-size:cover; background-position: center; background-repeat: no-repeat; background-color: #313131; }

.post.featured a { color:#FFFFFF; }
.post.featured a:hover { text-decoration: none; }
.post.featured .text { position:absolute; bottom:0; width:100%; padding:45px 25px; box-sizing: border-box; -moz-box-sizing: border-box;

	/* BG Gradient - black */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 30%, rgba(0,0,0,0.75) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0.65)), color-stop(99%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.75) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.75) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.75) 99%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.75) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.ie8 .post.featured .text { filter:none; }
.ie7 .post.featured .text { filter:none; width:auto; }

.post.featured .meta { color:#AAAAAA; font-size:14px; font-weight:400; margin:0; }
.post.featured .avatar { position: absolute; top:45px; left:-125px; } /* Out of view until selected */
.post.featured .avatar.logo { padding:10px; width:55px; height:55px; }

.post.featured h2 { font-size:24px; margin:0 0 15px 0; max-width:240px; text-shadow: 1px 1px 1px rgba(0,0,0,0.25); }

/***************************************************
* 13.2 Truncate Long Titles
***************************************************/
.post.featured h2.long_title a .beginning:after { content:"…"; }
.post.featured h2.long_title a .end { display: none; }
.post.featured h2.long_title a .featured-post-subtitle,
.post.featured h2 a .featured-post-subtitle { 
	display: none;
	font-weight: 400;
	font-size: 20px;
	font-family: "futura-pt", arial, sans-serif;
}

/***************************************************
* 13.3 Compact Version
***************************************************/
@media only screen and (max-width:600px) {
	#featured,
	.post.featured { height:320px; }
	.post.featured { max-width:580px; width:100%; }
	.post.featured h2 { max-width:100%; }
	.post.featured:nth-of-type(n+2) { display: none; } /* Hide all except first */

	/* Expand long titles */
	.post.featured.selected h2.long_title a .end { display: inline; }
	.post.featured.selected h2 a .featured-post-subtitle,
	.post.featured.selected h2.long_title a .featured-post-subtitle { display: inline; }
	.post.featured.selected h2.long_title a .beginning:after { display: none; }
}

@media only screen and (min-width:980px) {

	/* Expansion when selected */
	.post.featured.selected { width:580px; }
	.post.featured.selected h2,
	.post.featured.selected p { margin-left:25px; }

	/* Expand long titles */
	.post.featured.selected h2.long_title { width:440px; max-width: 440px; } /* 530 - margin left */
	.post.featured.selected h2.long_title a .end { display: inline; }
	.post.featured.selected h2 a .featured-post-subtitle,
	.post.featured.selected h2.long_title a .featured-post-subtitle { display: inline; }
	.post.featured.selected h2.long_title a .beginning:after { display: none; }
	.post.featured.selected .avatar { left:25px; }

	/* Transitions */
	.post.featured {
		-webkit-transition: width 0.75s ease-out;
		   -moz-transition: width 0.75s ease-out;
		     -o-transition: width 0.75s ease-out;
		        transition: width 0.75s ease-out;
	}

	.post.featured h2,
	.post.featured p {
		-webkit-transition: margin-left 0.75s ease-out;
		   -moz-transition: margin-left 0.75s ease-out;
		     -o-transition: margin-left 0.75s ease-out;
		        transition: margin-left 0.75s ease-out;
	}

	.post.featured .avatar {
		-webkit-transition: left 0.75s ease-out;
		   -moz-transition: left 0.75s ease-out;
		     -o-transition: left 0.75s ease-out;
		        transition: left 0.75s ease-out;
	}

	/* Dim posts on mouse hover */
	/*
	#featured .big_link {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	#featured:hover .big_link { background:rgba(0,0,0,0.5); opacity:1;}
	#featured:hover .big_link:hover { opacity:0;}
	*/

}
/* end min-width:980px */

@media only screen and (max-width:1270px) {
	.post.featured:nth-of-type(n+3) { display: none; }
}

/***************************************************
* 14. Hide featured posts from main loop when visible up top
***************************************************/
.home .post.preview.featured-1 { display: none; }
.home .post.preview.featured-2 { display: none; }
.home .post.preview.featured-3 { display: none; }
.home .post.preview.featured-4 { display: none; }

@media only screen and (max-width:600px) {
	.home .post.preview.featured-2 { display: block; }
	.home .post.preview.tile.featured-2 { display: inline-block; }
}
@media only screen and (max-width:1270px) {
	.home .post.preview.featured-3 { display: block; }
	.home .post.preview.tile.featured-3 { display: inline-block; }
}

/***************************************************
* 15. Main/Archive Loop - Compact Version
***************************************************/

/* Compact Layout - note: forces block to always be compact; */
.compact .post.preview .graphic { width: 98px; height:98px; }
.compact .post.preview .content { width: auto; float:none; margin-left: 120px;}
.compact .post.preview .extras { display: none; }
.compact .post.preview .excerpt { display: none; }
.compact .post.preview { margin-bottom:20px; padding-bottom:20px; }
.compact .post.preview:last-of-type { border-bottom:none; }
.compact .post.preview .meta,
.compact .post.preview .meta a { color:#313131; }
.compact .post.preview .meta a:hover { color:#A50034; }

/***************************************************
* 16. Main/Archive Loop
* 		873 px total at full, 583 at collapsed
***************************************************/

/***************************************************
* 16.1 Standard
***************************************************/
/* Standard Layout */
.post.preview { color:#313131; font-size:14px; line-height: 20px; overflow: auto; clear:both; margin:0 0 20px 0; padding-bottom:10px; border-bottom:1px solid #DDD; }
.post.preview .graphic { position: relative; width: 98px; height:98px; float:left; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.post.preview .content { width: auto; float:none; margin-left: 120px; }
.post.preview .graphic img { width:100%; height:auto; border-radius: 2px; }
.post.preview .excerpt { display: none; }
.post.preview .excerpt p:last-of-type:after { content:"..."; margin-bottom:0; }
.post.preview.has-thumbnail .graphic { border: 1px solid #dcdcdc;  }

.post.preview .thumbnail { display: none; }

/***************************************************
* 16.2 Tiled Layout
***************************************************/
.post.preview.tile { width: 100%; vertical-align: top; overflow: visible; border: none; margin: 0; display: inline-block;}
.post.preview.tile .graphic {	background-size: cover;	width: 100%;	height: 220px;	border-radius: 3px;	margin-bottom: 22px; }
.post.preview.tile .content {	width: 100%;	margin: 0; }
.post.preview.tile .content h2 { margin-bottom: 14px; }
.post.preview.tile .content p.meta { margin-bottom: 24px; font-size: 12px; }

@media only screen and (max-width:599px) {
	.post.preview.no-thumbnail .graphic { display: none; }
	.post.preview.no-thumbnail .content { margin-left:0;}
}

/***************************************************
* 16.3 Type
***************************************************/
.post.preview a:hover { text-decoration: none; }
.post.preview h2 .entry-subtitle { display: block; font-family: "futura-pt", arial, sans-serif; font-size: 20px; line-height: 24px; font-weight: 400; } /* h2 is used on theme index and author pages */
.post.preview h3 { margin:0; font-size:16px; line-height:16px; }
.post.preview h3 .entry-subtitle { display: block; font-family: "futura-pt", arial, sans-serif; font-size: 14px; font-weight: 400; } /* h3 is used on category page */
.post.preview h3 a { color:#313131; }
.post.preview h3 a:hover { color:#A50034; }
.post.preview .meta { margin: 5px 0 10px 0; }
.post.preview .author a { color:#313131; font-weight:bold; }

/***************************************************
* 16.4 Icons
***************************************************/
.post.preview.has-thumbnail .big_link:hover, 
.post.preview.no-thumbnail .big_link:hover { background: rgba(255,255,255,0.25); opacity: 1; }

/* Triangle in upper left */
.post.preview.icon .graphic:before { content:""; display: block; position: absolute; top:0; right:0; width: 0px; height: 0px; border-style: solid; border-width: 70px 0 0 70px; border-color: #02bac1 transparent transparent transparent; }

/* White icon over triangle */
.post.preview.icon-event .graphic:after {
	content:""; display: block;
	width:25px;
	height:25px;
	position: absolute;
	top:7px;
	right:7px;
	background-size:contain;
	background-image: url('img/icons/png/calendar4_white.png'); background-image: none, url('img/icons/svg/calendar4_white.svg');
}

/* White icon over triangle */
.post.preview.icon-news .graphic:after {
	content:"";
	display: block;
	width:25px;
	height:25px;
	position: absolute;
	top:7px;
	right:7px;
	background-size:contain;
	background-image: url('img/icons/png/newspaper_white.png');
	background-image: none, url('img/icons/svg/newspaper_white.svg');
}

/* White icon over triangle */
.post.preview.icon-video .graphic:after {
	content:"";
	display: block;
	width:25px;
	height:25px;
	position: absolute;
	top:7px;
	right:7px;
	background-size:contain;
	background-image: url('img/icons/png/play3_white.png');
	background-image: none, url('img/icons/svg/play3_white.svg');
}

/* White icon over triangle */
.post.preview.has-thumbnail.icon-video .graphic:before { display: none; }
.post.preview.has-thumbnail.icon-video .graphic:after {
	content:"";
	display: block;
	width:50px;
	height:50px;
	margin-top:-25px;
	margin-left:-25px;
	position: absolute;
	top:50%;
	left:50%;
	opacity:0.8;
	background-size:contain;
	background-image: url('img/icons/png/play3_white.png');
	background-image: none, url('img/icons/svg/play3_white.svg');
}
@media only screen and (min-width:600px) {
	.post.preview .excerpt { display: block; }
	.post.preview h3 { font-size: 22px; line-height: 24px; }
	.post.preview h3 .entry-title-primary { }
	.post.preview h3 .entry-subtitle { font-size: 20px; line-height: 24px; }
	.post.preview .meta { margin-bottom:25px; }
	.post.preview.tile { width: 273px; margin: 0 18px;}

	#primary.full-width .post.preview.tile,
	.category .post.preview.tile { width: 273px; }
}

/* Expand to larger size */
@media only screen and (min-width:980px) {
	.post.preview { margin:0 0 60px 0; padding-bottom:40px; }
	.post.preview .graphic { width: 158px; height:158px; }
	.post.preview .content { width:660px; float:left; }
	.post.preview .extras { display: block; float:left; width:125px; }
	.post.preview.tile { width: 268px; }

	#primary.full-width .post.preview.tile,
	.category .post.preview.tile { width: 268px; }
}
/* end min-width:980px */

@media only screen and (min-width:1270px) {
	.post.preview .content { width: 520px; margin-left: 20px; }
	.post.preview.tile { width: 344px; }
	#primary.full-width .post.preview.tile,
	.category .post.preview.tile { width: 364px; }
}

/***************************************************
* 17. Post / Full
***************************************************/

.post.full p,
.post.full ul,
.post.full ol { line-height:24px; }

.post.full b,
.post.full strong { color:#000000; }
.post.full .content { padding:20px; color:#313131; }

/***************************************************
* 17.1 Single Full Layout
***************************************************/
#content .post-wrap-inner { padding:20px; max-width:720px; margin:0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }
#content .post-wrap-outter { position: relative; margin:0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }

.single .post .wrap { padding:0; }

#content #comments .post-wrap-inner,
#content #related .post-wrap-inner { background:#FFFFFF;  }

.post.full .first_byline { font-weight: 200; }
.post.full .second_byline { font-weight: 200; }

@media only screen and (min-width:830px) {
	#content .post-wrap-inner { padding:40px 0; }
	#content #comments .post-wrap-inner,
	#content #related .post-wrap-inner { padding:40px;}
}

.post.full .header { position: relative; clear:both; }
.post.full .main { clear:both; margin-top:40px; overflow: auto; }

.post.full h1 { font-size:30px; line-height:36px; color:#313131; }
.post.full h1 .entry-subtitle { display: block; font-family: "futura-pt", arial, sans-serif; margin-top: 6px; font-size:28px; line-height:34px; font-weight: 400; }

.post.full .header h1 { margin: 0 0 10px 0; }

.post.full h2 { font-size:30px; margin-top:50px; margin-bottom:10px;}
.post.full h3 { font-size:20px; }

.post.full .date { margin:0; color:#999; }

/***************************************************
* 17.2 oEmbed Styles
***************************************************/
.post.full .twitter-tweet { width:100%; }

/***************************************************
* 17.3 Masthead
***************************************************/
.post .masthead .post-wrap-inner { padding:0 !important; }

.post.masthead-video .masthead iframe { width:100%; }
.post.masthead-image .masthead img { width:100%; height:auto; }
.post.masthead-empty { background: #eaeaea; }
.post.masthead-video-error .masthead .content { text-align: center; background:#CCCCCC; border:1px solid #AAAAAA; padding:140px 20px; }

.masthead-image .masthead { max-height:740px; overflow: hidden; background-size: cover; }

/* No wide masthead for old browsers */
.ie8 .masthead-image.large .masthead[style],
.ie7 .masthead-image.large .masthead[style] { display: block !important; background: none !important; }



@media only screen and (max-width:899px) {
	.backgroundsize .masthead-image.large .masthead[style] { display: block !important; background: none !important; }
}

@media only screen and (min-width:800px) {
	.post.masthead-image .masthead img { border-radius: 3px; }
	.backgroundsize .masthead-image.large .masthead { min-height:400px; /* Fixes animation issue on window resize */}
}

@media only screen and (min-width:900px) {
	.backgroundsize .masthead-image.large .masthead { display: block !important; padding:0 !important; width:100%; max-width:100% !important; min-height:450px; background-position: center; background-size: cover; background-repeat: no-repeat; }
	.backgroundsize .masthead-image.large .masthead img { display: none; }

	.backgroundsize .masthead-image.large .masthead {
		cursor: pointer;
  -webkit-transition: min-height 0.4s ease-out;
     -moz-transition: min-height 0.4s ease-out;
       -o-transition: min-height 0.4s ease-out;
          transition: min-height 0.4s ease-out;
	}

	.backgroundsize .masthead-image.large .masthead.expanded { min-height:600px; }

	/* Alignment functionality */
	.backgroundsize .masthead-image.large .masthead.align-auto { background-position: center center; }
	.backgroundsize .masthead-image.large .masthead.align-top { background-position: top center; }
	.backgroundsize .masthead-image.large .masthead.align-middle { background-position: center center; }
	.backgroundsize .masthead-image.large .masthead.align-bottom { background-position: bottom center; }
}

@media only screen and (min-width:1270px) {
	.post.masthead-empty { padding-top:100px; }

	.post.full .first_byline { font-weight: bold;}
	.post.full .first_byline:before { content: ''; }
	.post.full .second_byline:before { content: '';}
}

@media only screen and (min-width:1630px) {
	.backgroundsize .masthead-image.large .masthead.expanded { min-height:800px; }
}

/***************************************************
* 17.4 Meta-Taxonomy Block
***************************************************/
.post.full .meta { margin:25px 0; min-height:25px; }
/*  The webkit css below is needed to fit p text on a single line without pushing taxonomy lists below it.
    Otherwise, on webkit browsers, the width is shrunk down to the size of the longest word per line. */
.post.full .meta p { margin: 0; display: -webkit-box; }
.post.full .meta h4 { margin: 0; float: left; }
.post.full .meta h2 { display: none; }

.post.full .meta .tags { display: none; } /* Large viewport only */
.post.full .author { font-family: "futura-pt", arial, sans-serif; }
.post.full .avatar { border-radius: 50%; width:20px; height: 20px; float:left; margin-right:5px; }

.post.full .meta .taxonomy-list { display: none; font-size:12px; }
.post.full .meta .taxonomy-category .taxonomy:before { content:""; background-image:url('img/icons/svg/folder.svg'); background-size: 100%; opacity:0.3; display: block; width:10px; height:10px; position: absolute; left:6px; top:8px; }
.post.full .meta .taxonomy-post_tag .taxonomy:before { content:""; background-image:url('img/icons/svg/tag5.svg'); background-size: 100%; opacity:0.3; display: block; width:10px; height:10px; position: absolute; left:6px; top:8px; }

#related { margin-top:50px; }
#related h2 { margin-top:0; font-family: "futura-pt", arial, sans-serif; border-bottom:1px solid #DDDDDD; }

/***************************************************
* 17.5 Social Share Block
***************************************************/
.social_sharing { overflow: auto; }
.social_sharing p { margin:0; }
.social_sharing ul { list-style-type: none; margin:0; padding:0; }
.social_sharing ul li { width:220px; float:left; margin-right:5px; }

.social_sharing .score { position: relative; overflow: visible; float:left; clear:both; margin:5px 10px 0 0; min-height:50px; width:50px; background-color:#a01c38; color:#FFFFFF; font-weight:100; left:0; }
.social_sharing .score.social { background-color:#a01c38; }
.social_sharing .score.views  { background-color:#313131; }

.social_sharing .score span { text-align: center; display: block; clear:both; }
.social_sharing .score .num.smalltext { font-size:18px; margin-top:6px; margin-bottom:-5px; }
.social_sharing .score .num.largetext { font-size:26px; margin-top:2px; margin-bottom:-5px; }
.social_sharing .score .label { font-size:12px; margin-bottom:5px; opacity:0.5; }

.social_sharing .action { position: relative; display:block; opacity:0.95; border-radius:3px; width:160px; padding-left:50px; height:50px; margin:5px auto; background-color:#FFFFFF; background-size: 25px; color:#FFFFFF; text-decoration: none; overflow: hidden; box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.1); }

.social_sharing .facebook .action { background: url('img/icons/png/facebook_white_small.png') no-repeat 13px center; background: none, url('img/icons/svg/facebook_white.svg') no-repeat 13px center; background-size: 25px; background-color: #38659f; }
.social_sharing .twitter .action { background: url('img/icons/png/twitter_white_small.png') no-repeat 13px center; background: none, url('img/icons/svg/twitter_white.svg') no-repeat 13px center; background-size: 25px; background-color: #3aa8dd; }
.social_sharing .comments .action { background: url('img/icons/png/bubble-dots3_white_small.png') no-repeat 13px center; background: none, url('img/icons/svg/bubble-dots3_white.svg') no-repeat 13px center; background-size: 25px; background-color: #02bac1; }

.social_sharing .action[num="0"] .label { padding:14px 5px; }
.social_sharing .action .label { padding: 8px 5px; min-width:250px; }


.social_sharing .action .small { margin-top:-8px; font-size:10px; opacity:0.7; }

.social_sharing:hover .action {
	-webkit-transition: width 0.1s ease-out, padding 0.1s ease-out, left 0.1s ease-out;
	   -moz-transition: width 0.1s ease-out, padding 0.1s ease-out, left 0.1s ease-out;
	     -o-transition: width 0.1s ease-out, padding 0.1s ease-out, left 0.1s ease-out;
	        transition: width 0.1s ease-out, padding 0.1s ease-out, left 0.1s ease-out;
}

.social_sharing .comments { display: none; }

@media only screen and (max-width:500px) {
	.social_sharing ul { width: 220px; }
}

@media only screen and (max-width:620px) {
	.social_sharing .score { display: none; }
	/* Centered Menu */
	.social_sharing ul { overflow:visible; float:right; position: relative; right:50%; }
	.social_sharing ul li { position: relative; left:50%; }
}


@media only screen and (min-width:760px) {

	.post.full .meta { margin-top:10px; margin-bottom: 70px; }
	.post.full .meta .author { display: inline-block; margin-right:10px; margin-bottom:15px; float: left; }

	.post.full .meta .taxonomy-list { display: block; float:right; list-style-type: none; padding:0; margin:0 0 10px 0; }
	.post.full .meta .taxonomy-list li { position: relative; float:left; margin-bottom:3px;}
	.post.full .meta .taxonomy-list li a.taxonomy { color:#313131; display: block; padding:5px 6px 5px 20px; margin-right:5px; background:#FFFFFF; box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.1); border-radius: 3px;  }
	.post.full .meta .taxonomy-list li:hover a.taxonomy { text-decoration: none; background:#A50034; color:#FFFFFF;  }

	/* Hide some taxonomies */
	.post.full .meta .taxonomy-list.taxonomy-category > li:nth-of-type(n+2) { display: none; }
	.post.full .meta .taxonomy-list.taxonomy-post_tag > li:nth-of-type(n+3) { display: none; }

	/* Related hover */
	.post.full .meta .related a { display:block; width:100%; padding:5px 15px; overflow: auto; color:#FFFFFF; box-sizing: border-box; -moz-box-sizing: border-box; }
	.post.full .meta .related a:hover { background:rgba(255,255,255,0.1); }
	.post.full .meta .related > p { padding:0 15px; }
	.post.full .meta .related .stories {  width:100%; overflow: hidden; display: block; list-style-type: none; padding:0; margin:0; }
	.post.full .meta .related .stories li { overflow: visible; }
	.post.full .meta .related .stories li a { min-height:65px; }
	.post.full .meta .related .stories .wp-post-image { position: absolute; top:5px; left:15px; width:50px; height:50px; border-radius: 3px; }
	.post.full .meta .related .stories p { line-height:16px; float:left; }
	.post.full .meta .related .stories p.title { margin-bottom:5px; }
	.post.full .meta .related .stories.has-images p { line-height:16px; float:left; margin-left:60px; }

	.post.full .meta .related { position: absolute; background:#666666; background:#323232; color:#FFFFFF; width:284px; right:0; top:35px;  border-radius: 3px; opacity:0; visibility: hidden; font-size:14px; font-weight: 100; z-index: 9999; }

	.post.full .meta .related:before {
		display:block;
		content:"";
		width: 0;
		height: 0;
		position: absolute;
		right:25px;
		top:-7px;
		border-left: 7px solid transparent;
		border-bottom: 7px solid #323232;
		border-right: 7px solid transparent;
		border-top:none;
	}

	.post.full .meta .related:after { display: block; content: ""; width:100%; height:10px; position: absolute; left:0; top:-10px; } /* Hover fix */

	.post.full .meta .related {
		-webkit-transition: opacity 0.3s 0.2s, padding 0.3s 0.2s ease-out, visibility 0.3s 0.2s ease-out;
		-moz-transition: opacity 0.3s 0.2s, padding 0.3s 0.2s ease-out, visibility 0.3s 0.2s ease-out;
		-o-transition: opacity 0.3s 0.2s, padding 0.3s 0.2s ease-out, visibility 0.3s 0.2s ease-out;
		transition: opacity 0.3s 0.2s, padding 0.3s 0.2s ease-out, visibility 0.3s 0.2s ease-out;
	}
	.post.full .meta .taxonomy-list li:hover .related {
		visibility: visible;
		opacity: 1;
		padding:16px 8px;
		-webkit-transition: opacity 0.1s 0.3s, padding 0.1s 0.3s, visibility 0.1s 0.3s ease-out;
		-moz-transition: opacity 0.1s 0.3s, padding 0.1s 0.3s, visibility 0.1s 0.3s ease-out;
		-o-transition: opacity 0.1s 0.3s, padding 0.1s 0.3s, visibility 0.1s 0.3s ease-out;
		transition: opacity 0.1s 0.3s, padding 0.1s 0.3s, visibility 0.1s 0.3s ease-out;
	}

}
/* end (min-width:760px) */

@media only screen and (min-width:980px) {
	/* Expand social */
	#content .post-wrap-outter { padding-left:155px; }

	.post.full .social_sharing { position: absolute; left:0; top:40px; width:50px; overflow: visible; }

	.social_sharing .comments { display: block; }

	.social_sharing .score { margin:5px auto 5px auto;}
	.social_sharing .score:last-of-type { margin:0px auto 10px auto; }
	.social_sharing .score.social:after { display:block; content:""; width: 0; height: 0; position: absolute; bottom:-5px; left:50%; margin-left:-5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #a01c38; }

	.social_sharing ul li { margin:0; float:none; clear:both; width:50px; }

	.social_sharing .action {
		-webkit-transition: width 0.1s 0.5s ease-out, padding 0.1s ease-out, background 0.1s 0.6s, left 0.1s 0.5s ease-out;
		-moz-transition: width 0.1s 0.5s ease-out, padding 0.1s ease-out, background 0.1s 0.6s, left 0.1s 0.5s ease-out;
		-o-transition: width 0.1s 0.5s ease-out, padding 0.1s ease-out, background 0.1s 0.6s, left 0.1s 0.5s ease-out;
		transition: width 0.1s 0.5s ease-out, padding 0.1s ease-out, background 0.1s 0.6s, left 0.1s 0.5s ease-out;
	}

	/*.social_sharing:hover { width:220px; outline: 1px solid red; }*/
	.social_sharing .action { width:0px; }
	.social_sharing:hover .action { width:160px; }
	.social_sharing .action:hover { padding-left:55px;  }

	.social_sharing:hover .stickySide { width:210px !important; } /* Helps with hover FX */


/*	.social_sharing .facebook .action { background-image:url('img/icons/svg/facebook.svg'); background-color:#FFFFFF; }
	.social_sharing .twitter .action { background-image:url('img/icons/svg/twitter.svg'); background-color:#FFFFFF; }
	.social_sharing .comments .action { background-image:url('img/icons/svg/bubble-dots3.svg'); background-color:#FFFFFF; }
*/
	.social_sharing .facebook .action {
		background: url('img/icons/png/facebook_small.png') no-repeat 13px center;
		background: none, url('img/icons/svg/facebook.svg') no-repeat 13px center;
		background-size: 25px;
		background-color: #FFFFFF;
	}
	.social_sharing .twitter .action {
		background: url('img/icons/png/twitter_small.png') no-repeat 13px center;
		background: none, url('img/icons/svg/twitter.svg') no-repeat 13px center;
		background-size: 25px;
		background-color: #FFFFFF;
	}
	.social_sharing .comments .action {
		background: url('img/icons/png/bubble-dots3_small.png') no-repeat 13px center;
		background: none, url('img/icons/svg/bubble-dots3.svg') no-repeat 13px center;
		background-size: 25px;
		background-color: #FFFFFF;
	}

/*	.social_sharing:hover .facebook .action { background-image:url('img/icons/svg/facebook_white.svg'); background-color:#38659f; }
	.social_sharing:hover .twitter .action { background-image:url('img/icons/svg/twitter_white.svg'); background-color:#3aa8dd; }
	.social_sharing:hover .comments .action { background-image:url('img/icons/svg/bubble-dots3_white.svg'); background-color:#02bac1; }
*/
	.social_sharing:hover .facebook .action {
		background: url('img/icons/png/facebook_white_small.png') no-repeat 13px center;
		background: none, url('img/icons/svg/facebook_white.svg') no-repeat 13px center;
		background-size: 25px;
		background-color: #38659f;
	}
	.social_sharing:hover .twitter .action {
		background: url('img/icons/png/twitter_white_small.png') no-repeat 13px center;
		background: none, url('img/icons/svg/twitter_white.svg') no-repeat 13px center;
		background-size: 25px;
		background-color: #3aa8dd;
	}
	.social_sharing:hover .comments .action {
		background: url('img/icons/png/bubble-dots3_white_small.png') no-repeat 13px center;
		background: none, url('img/icons/svg/bubble-dots3_white.svg') no-repeat 13px center;
		background-size: 25px;
		background-color: #02bac1;
	}

	.social_sharing .action .label {
		display:block;
		opacity:0;

		-webkit-transition: opacity 0.3s 0.5s ease-out;
		-moz-transition: opacity 0.3s 0.5s ease-out;
		-o-transition: opacity 0.3s 0.5s ease-out;
		transition: opacity 0.3s 0.5s ease-out;
	}

	.social_sharing:hover .action .label {
		opacity:1;
		-webkit-transition: opacity 0.2s ease-out;
		-moz-transition: opacity 0.2s ease-out;
		-o-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out;
	}

}
/* end (min-width:920px) */

@media only screen and (min-width:1270px) {

	.post.full .social_sharing { top:200px; }

	/* Expand social and meta data */
	#content .post-wrap-outter { padding-left:90px; padding-right:250px;}
	.post.full .meta { position: absolute; top:200px; right:0; width:220px; margin:0; z-index: 1; }
	.post.full .meta h2 { font-family:"futura-pt", arial, sans-serif; font-weight:normal; color:#666666; }

	/* Un-hide taxonomies */
	.post.full .meta .taxonomy-list.taxonomy-category > li:nth-of-type(n) { display: block; }
	.post.full .meta .taxonomy-list.taxonomy-post_tag > li:nth-of-type(n) { display: block; }

	.post.full .meta .taxonomy-list { clear:both; float:left; }
	.post.full .meta .taxonomy-list li {  margin:3px 0; float:none; }
	.post.full .meta .taxonomy-list li a.taxonomy { padding:10px 15px 10px 30px; }
	.post.full .meta .taxonomy-list li:hover a.taxonomy { }

	.post.full .meta .taxonomy-category .taxonomy:before { left:12px; top:12px; }
	.post.full .meta .taxonomy-post_tag .taxonomy:before { left:12px; top:12px; }

	.post.full .meta p { clear: both; }
	.post.full .meta h2 { display:block; clear:both; margin-top:15px; }
	.post.full .meta .name { font-size:18px; }

	.post.full .meta .tags { display: block; } /* Large viewport only */
	.post.full .avatar { width:100px; height: 100px; margin-bottom:20px; }
	.post.full .avatar.logo { width: 70px; height: 70px; padding:15px; }

	.post.full .meta .related { right:-310px; top:0; }

	 /* Triangle */
	.post.full .meta .related:before { right:auto; left:-7px; top:10px; border-top: 7px solid transparent; border-right: 7px solid #323232; border-bottom: 7px solid transparent; border-left:none; }

	 .post.full .meta .related:after { display: block; content: ""; width:10px; height:100%; position: absolute; left:-10px; top:0; } /* Hover fix */

	/* Move Left */
	.post.full .meta .related.move_left { left:-310px; top:0; }
	.post.full .meta .related.move_left:before { top:10px; right:-7px; left:auto; border-right:none; border-left: 7px solid #323232; }
	.post.full .meta .related.move_left:after { right:-10px; top:0; left:auto; }

	/* Move Up */
	.post.full .meta .related.move_up { bottom:0; top:auto; }
	.post.full .meta .related.move_up:before { top:auto; bottom:10px; }

}
/* end (min-width:1180px) */

@media only screen and (min-width:1520px) {
	/* Move social share hover to left side */
	.social_sharing:hover { width:210px !important; margin-left:-160px; }
	.social_sharing .action:hover { padding-left:45px; padding-right:5px; }

	.social_sharing:hover .score { left:160px; }

	.social_sharing,
	.social_sharing .score {
		-webkit-transition: width 0.1s 0.5s ease-out, margin 0.1s 0.5s ease-out, left 0.1s 0.5s ease-out;
		-moz-transition: width 0.1s 0.5s ease-out, margin 0.1s 0.5s ease-out, left 0.1s 0.5s ease-out;
		-o-transition: width 0.1s 0.5s ease-out, margin 0.1s 0.5s ease-out, left 0.1s 0.5s ease-out;
		transition: width 0.1s 0.5s ease-out, margin 0.1s 0.5s ease-out, left 0.1s 0.5s ease-out;
	}

	.social_sharing:hover,
	.social_sharing:hover .score {
		-webkit-transition: width 0.1s ease-out, margin 0.1s ease-out, left 0.1s ease-out;
		-moz-transition: width 0.1s ease-out, margin 0.1s ease-out, left 0.1s ease-out;
		-o-transition: width 0.1s ease-out, margin 0.1s ease-out, left 0.1s ease-out;
		transition: width 0.1s ease-out, margin 0.1s ease-out, left 0.1s ease-out;
	}
}
/* end (min-width:1520px) */

/***************************************************
* 18. Announcement Share Hovering
***************************************************/
.share_announcement {  display: inline-block; position: absolute; vertical-align: top; width: 18px; overflow: hidden; transition: width 200ms ease-in; margin-left: 4px; }
.share_announcement.expanded { width: 74px; }
.share_announcement .actions_container { width: 74px; height: 28px; }
.share_announcement a.share_icon {display: block; text-indent: -9999px; width: 18px; height: 18px; background: url(img/icons/svg/share_grey.svg) no-repeat center; background-size: 14px 14px; float: left; }
.share_announcement a.action { display: block; width: 28px; height: 28px; float: left; }
.share_announcement .action.facebook { background: url('img/icons/png/facebook_white_small.png') no-repeat center; background: none, url('img/icons/svg/facebook_white.svg') no-repeat center; background-color: #38659f; background-size: 13px; }
.share_announcement .action.twitter { background: url('img/icons/png/twitter_white_small.png') no-repeat center; background: none, url('img/icons/svg/twitter_white.svg') no-repeat center; background-color: #3aa8dd; background-size: 13px; }
.share_announcement .action:hover { background-size:15px; }


/***************************************************
* 19. Search view
***************************************************/
.search #sidebar { margin-top:80px; }
.search .searchform { max-width: 300px; }

.searchform { margin:5px 0; position: relative; }
.searchform #s { border:1px solid #AAAAAA; outline: none; padding:8px 30px 8px 10px; border-radius: 3px; margin:0; width:100%; box-sizing: border-box; -moz-box-sizing: border-box;
	background: url('img/icons/png/search3_small.png') no-repeat right center;
	background: none, url('img/icons/svg/search3.svg') no-repeat right center; background-size: 25px;

   -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
.searchform #searchsubmit { display: none; }

.searchform:hover #s,
.searchform #s:focus { border:1px solid #777777; }

.search-highlight { font-weight: bold; background:yellow; }
.search .header { margin:0 0 60px 0; }
.search #related { margin-top:150px; }

/* Constrain post preview to smaller size */
@media only screen and (max-width:1269px) {
	.search .post.preview { margin:0 0 50px 0; padding-bottom:30px; }
	.search .post.preview .graphic { width: 98px; height:98px; }
	.search .post.preview .content { width:auto; margin:0 0 0 115px; float:none; }
} /* end min-width:980px */

/***************************************************
* 20. 404 / Not Found
***************************************************/

.no-results,
.not-found { margin:50px 0 0 0 !important; padding-left:115px; background:url('img/panther.png') no-repeat left center; background-size:100px; min-height:100px; }
.no-results h3 { color:#AAAAAA; font-weight: 300; }

.error404 #related { background: #FFFFFF; padding:30px;}
.error404 .not-found h1 { margin-bottom:0;}
.error404 .not-found p { color:#AAAAAA;}

@media only screen and (min-width:980px) {
	.no-results { margin:240px 0 100px 0 !important; }
	.not-found { margin:150px 0 !important; }
}

/***************************************************
* 21. Select box styles
***************************************************/

select.selector {
   background: #F5F5F5 url('img/arrow_down.png') no-repeat right center;
   background-size:40px;
   width: auto;
   padding: 5px 30px 5px 10px;
   margin:5px 0;
   font-size: 14px;
   font-weight: 100;
   line-height: 18px;
   border:1px solid #DDD;
   border-radius: 3px;
   height: 34px;
   max-width:100%;

	cursor: pointer;

   -webkit-appearance: none;
   -ms-appearance: none;
   appearance:none;

   -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
           transition: all 0.1s ease-out;
}

/* Firefox fix - we cannot style the dropdown arrow */
@-moz-document url-prefix() {
	select.selector {
		background-image:none;
		padding-right:5px;
	}
}

/* IE we cannot sytle the dropdown arrow */
.ie select.selector { background-image:none; padding-right:5px; }

select.selector:hover,
select.selector.selected { background-color:#FFFFFF; border:1px solid #BBBBBB; }

/***************************************************
* 22. Archive Meta Filters
***************************************************/
#archive_meta { margin-bottom:30px; }
#archive_meta h2 { font-family: "futura-pt", arial, sans-serif; font-size:16px; line-height: 16px; font-weight: 300; color:#999; margin-bottom: 0; }
#archive_meta h1 { font-family: "futura-pt", arial, sans-serif; font-size:24px; line-height: 24px; margin:0; }

.archive.category #archive_meta .result_type,
.archive.tag #archive_meta .result_type { display: inline-block; padding-left:70px; position: relative; }
.archive.category #archive_meta .result_type:before { content:""; background:url('img/icons/svg/folder.svg') no-repeat center; background-size: contain; opacity:0.3; display: block; width:50px; height:50px; padding:0; position: absolute; left:0; bottom:0; }
.archive.tag #archive_meta .result_type:before { content:""; background:url('img/icons/svg/tag5.svg') no-repeat center; background-size: contain; opacity:0.3; display: block; width:50px; height:50px; padding:0; position: absolute; left:0; bottom:0; }

#archive_meta .filters .searchform { display: none; }
#archive_meta .header { padding:30px 30px 30px 0; position: relative; overflow: auto; }

#archive_meta .searchform #s { background-color:#EEE; font-size: 14px; }

#archive_meta .searchform.selected #s,
#archive_meta .searchform:hover #s,
#archive_meta .searchform #s:focus { background-color:#FFFFFF; border:1px solid #BBBBBB; }

#archive_meta .filters .selected,
#archive_meta .filters .selected #s { font-weight: bold; }

@media only screen and (min-width:980px) {
	#archive_meta { border-bottom:none; }
	#archive_meta .filters { padding:30px; }
	#archive_meta .filters h4 { font-weight: 300; font-family: 'proxima-nova-soft'; margin:20px 0 0 0;}

	#archive_meta .filters .searchform { display: block; }

	#archive_meta .filters select { width: 268px; }

	#archive_meta .header { overflow: visible; }
	#archive_meta .header:after {
		display:block;
		content:"";
		width: 0px;
		height: 0px;
		position: absolute;
		right:-10px;
		top:50%;
		margin-top:-15px;
		border-style: solid;
		border-width: 15px 0 15px 10px;
		border-color: transparent transparent transparent #eaeaea;
	}
	#archive_meta .header:before {
		display:block;
		content:"";
		width: 0px;
		height: 0px;
		position: absolute;
		right:-11px;
		top:50%;
		margin-top:-17px;
		border-style: solid;
		border-width: 17px 0 17px 11px;
		border-color: transparent transparent transparent #ccc;
	}
}

/***************************************************
* 23. Archive View
***************************************************/

.archive #sidebar { margin-top:18px; }

.archive.author .avatar { float:left; margin:0 20px 10px 0; }
.archive.author .name { position: relative; }
.archive.author .first_byline { text-align: center; font-weight: bold; padding: 0 5px; margin-bottom: 0;}
.archive.author .second_byline { text-align: center; font-weight: 200; padding: 0 5px; margin: 0;}
.archive.author .description {display: none}
.archive.author .contact_info { list-style-type: none; padding:0; margin:0; }
.archive.author .contact_info a { font-size:14px; }
.archive.author .menus { float: left; width: 100%; }
.archive.author .results,
.archive.author .no_results { clear: both; padding-top: 15px;}
.archive.author .no_results_title { margin: 0 0; }
.archive.author .no_results_desc { color: #9A9996; }

@media only screen and (min-width:980px) {

	.archive.author .avatar { float:none; margin:0; }
	.archive #primary,
	.search #primary { border-left:1px solid #CCCCCC; background:#F5F5F5;  }

	.archive.author .description { display:block; font-size:12px; margin:25px 0 45px 0; }
	.archive.author .title { display: inline; }

} /* end (min-width:980px) */

@media only screen and (min-width:1268px) {

	.archive.author .menus { float: right; }
	.archive .dropdown_sort { margin-right: 7px; }

} /* end (min-width:1268px) */

/***************************************************
* 24. Category View: Multimedia Layout
***************************************************/

.category-layout .category-header {
	height: 228px;
	position: relative;
	width: 100%;
	margin-top:20px;
	margin-bottom:50px;
}

.category-layout .category-header {
	background-color: #444;
	background-image: url('img/default/category_1.jpg');
	background-size: cover;
	background-position: center;
	color: #FFF;
}

.category-layout .category-header-inset {
	bottom: 0;
	box-sizing: border-box;
	position: absolute;
	width: 80%;
	top: 0;
}

.category-layout .category-header-inset {
	background-color: rgba(0,0,0,0.5);
}

.category-layout .category-header-align {
	bottom: 0;
	padding: 32px 52px 32px 32px;
	position: absolute;
}

.category-layout .category-header-heading {
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.category-layout .category-header-subheading {
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
	padding-bottom: 8px;
	margin-top: 16px;
}

.category-layout .category-header ul {
	list-style: none;
	padding: 0;
}

.category-layout .category-header a {
	color: #FFF;
	font-size: 14px;
	display: block;
	padding: 8px 0;
}

.category-layout .category-header-navigation {
	display: none;
}

@media only screen and (min-width:600px) {
	.category-layout .category-header {
		height:328px;
		margin-top:50px;
	}
	.category-layout .category-header-inset {
		width:220px;
	}
}

@media only screen and (min-width:980px) {

	.category-layout .category-header {
		height:400px;
	}
	.category-layout .category-header-inset {
		width:352px;
	}
	.category-layout .category-header-navigation {
		border-top: 1px solid rgba(255,255,255,0.15);

		display: block;
	}
}

@media only screen and (min-width:1270px) {
	.category-layout .category-header {
		height:448px;
	}
}

/***************************************************
* 25. Footer
***************************************************/
#footer .wrap { padding:0 !important; }

#cu_global_blogs_footer ul { margin: 0 0 0 310px !important; padding: 0 !important; }
#cu_global_blogs_footer li { line-height: 40px; margin: 0 5px 0 0; padding: 0 !important; text-transform: uppercase; float:left; }
#cu_global_blogs_footer { margin:60px 0 30px 0; padding:0 20px; background: #222; height: 40px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 10px !important; font-weight: 400 !important; overflow: hidden; }
#cu_global_blogs_footer { position: relative; z-index: 20000;  }
#cu_global_blogs_footer p { text-align: left; float: left; line-height: 22px; color: #aaaaaa !important; text-transform: uppercase; }
#cu_global_blogs_footer a {color: #aaaaaa !important; }
#cu_global_blogs_footer ul { width: auto;list-style-type: none; }
#cu_global_blogs_footer li { margin: 0 0 0 10px; }

@media only screen and (max-width:600px) {
	#cu_global_blogs_footer #links { display: none;}
}

/***************************************************
* 26. Sidebar Widgets
***************************************************/
.widget.cu-about { background:#FFFFFF; }
.widget.cu-about .weather { min-height:200px; background:url('img/profile/about_bg.jpg') no-repeat center; background-size: cover; font-weight: 300; color:#FFFFFF; text-align: center; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); filter: dropshadow(color=#111, offx=1, offy=1); }

.widget.cu-about .weather .temp {
	display: inline-block;
	width:auto;
	padding:70px 0 0 60px;
	background:url('img/icons/svg/weather_white.svg') no-repeat left bottom;
	background-size:50px;
	text-align: left;
}

.widget.cu-about .weather .temp .current { font-size:36px; line-height:36px; }
.widget.cu-about .weather .temp .highlow { font-size:12px; margin-top:3px; opacity:0.7; }

.widget.cu-about .text { padding:0 30px 30px 30px; position: relative; }
.widget.cu-about h3 { color:#a9243b; font-weight: 300; text-align: center; margin:40px 0 0 0; position: relative; }

.widget.cu-about .brand-icon {
	display: block;
	content:"";
	background:#a9243b url('img/profile/school_icon_white.png') no-repeat center;
	background:none, #a9243b url('img/profile/school_icon_white.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size:35px;
	width:60px;
	height:60px;
	border-radius: 50%;
	position: absolute;
	left:50%;
	top:-70px;
	margin-left:-30px;
}

.widget.cu-about p:last-child { margin-bottom:0; }


/***************************************************
* 27. Input Field Styles
***************************************************/

#sidebar input {
	background: #FBFBFB;
	border: 1px solid #BBB;
	box-shadow: none;
	box-sizing: border-box;
	color: #9A9996;
	line-height: 1;
	margin: 5px 6px 0px 0;
	padding: 10px;
	outline: none;
	width: 100%;
}

#sidebar input:focus{border-color: #D3A6AE; box-shadow: none; -webkit-box-shadow:none; color:#313131;}

#sidebar input#user_email {
	background: url('img/icons/svg/email.svg') no-repeat;
	background:none, url('img/icons/svg/email.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-size: 21px 21px;
	padding-left: 35px;
	width: 100%;
}

/***************************************************
* 28. Accessibility
***************************************************/

/* Skip to Content Links to Improve WordPress Theme Accessibility */
/* https://make.wordpress.org/accessibility/handbook/best-practices/markup/skip-links/ */
/* https://webaim.org/techniques/css/invisiblecontent/ */
.skip-link { 
  height:1px;
  left:-10000px;
  overflow:hidden;
  position:absolute; 
  top:auto; 
  width:1px; 
} 

/* Wordpress & Webaim recommend a temporary a pop-up box for skipping content */
/* https://make.wordpress.org/accessibility/handbook/best-practices/markup/the-css-class-screen-reader-text/ */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

/* The CSS elements that are only visible on keyboard focus (like skiplinks) */
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 70px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}