/*
 Theme Name:   the-box Child
 Theme URI:    http://example.com/the-box-child/
 Description:  the-box Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     the-box
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  the-box-child
*/

#site-top-navigation
{ position: relative; }
	#site-top-navigation button.menu-toggle
	{ display: inline-block; float: right; padding: 4px 0 0; height: 34px; }
	#site-top-navigation .menu-header-menu-container
	{ display:none; position: absolute; right: 0; top: 49px; background-color: #262626; z-index: 10; }
	#site-top-navigation .menu
	{ padding: 0; margin: 0; list-style: none; text-align: right; white-space: nowrap; }
	#site-top-navigation .menu a
	{ color: #ddd; text-decoration: none; display: block; padding: 10px 20px; }
	#site-top-navigation .menu li
	{ border-bottom: 1px solid #656565; }
	#site-top-navigation .menu li:last-child
	{ border-bottom: none; }
	#site-top-navigation .menu a:hover
	{ color: #fff; background-color: #454545; }
	#site-top-navigation li:not(.desktop-only)
	{ display:none; }

#site-navigation .desktop-only
{ display:none; }
#site-navigation .viewpointSeries
{ margin-left: 15px; }
#site-navigation .viewpointSeries::before
{ content: "|"; color: #fff; }
#site-navigation .viewpointSeries a
{ margin: 0 10px 0 13px; }

#masthead
{ position: fixed; width: 100%; z-index: 5; background-color: #0076ce; }
body
{ background: #fff; }
	header .container
	{ padding: 6px 10px 10px; box-sizing: border-box; }
	hgroup
	{ width: auto; }
	#headerRight
	{ float: right; padding: 6px 0 10px 0; }
	.main-navigation
	{ font-weight: bold; text-transform: uppercase; font-size: 0.9rem; padding-top: 8px; margin-top: 8px; border-top: 1px solid #fff; }
		.main-navigation a
		{ height: 25px; line-height: 24px; padding: 0 10px; }
		#masthead .social
		{ padding-top: 11px; display: inline-block; float: right; }
			#masthead .social a
			{ padding:0 2px; }
		#search
		{ display: inline; vertical-align: top; display: inline-block; padding-top: 8px; float: right; margin-right: 15px; }
		#subscribe
		{ display: inline-block; vertical-align: top; padding-top: 7px; margin: 0 18px; position: relative; float: right; }
			#subscribe a.subscribeButton
			{ color: #fff; font-weight: bold; background-color: #f2af00; padding: 5px 10px; display: inline-block; }
			#subscribeContainer
			{ background-color: #fff; position: absolute; top: 36px; right: 0; padding: 9px; text-align: left; border: 2px solid #0076ce; display: none; z-index: 9; width: 255px; }
	button.menu-toggle .icon-font::before
	{ font-size: 35px; }
	.top-nav
	{ float: right; }

body.tablet, body.mobile
{ cursor: pointer; }
.site-brand
{ margin: 0; }
.site-main
{ margin: 0; padding-top: 120px; }
.home .site-main
{ padding-top: 400px; }
#homeIntroContainer, #main, .site-footer, #disclaimer, #globalnav-footer
{ z-index: 2; position: relative; }
.container
{ max-width: 1080px; margin: 0 auto; }
#homeViewpoints .container, #homepage .container
{ max-width: 1026px; }
#homeAuthors .container
{ max-width: 870px; }
.main-navigation ul
{ background-color: transparent; float: right; }
.page-header, .widget, .hentry
{ box-shadow: none; }
.hentry
{ margin: 0 0 25px 0; }
	.hentry .authorDetailsSub img, .authorDetailsSub img, .hentry .authorDate img, .hentry .category-meta img
	{ vertical-align: middle; display: inline; max-width: 100%; height: auto; box-sizing: border-box; }
	.hentry .category-meta img
	{ margin: 0; }
	.post-thumbnail a
	{ border-bottom: 1px solid #ccc; display: block; height: 250px; }
.entry-title
{ float: none; line-height: 26px; margin-bottom: 5px; }
body.home .entry-title
{ font-size: 1.4rem; }
.single .entry-title
{ color: #0076ce; font-size: 2rem; line-height: 38px; max-width: 100%; width: 100%; padding-bottom: 2%; border-bottom: 1px solid #eee; }
.entry-header
{ border-bottom: 4px solid #0076ce; margin: 0 0 9px; padding: 0 0 5px 0; }
	.entry-header a
	{ text-transform: uppercase; font-size: 1.1rem; line-height: 15px; vertical-align: middle; }
	.entry-header a:first-of-type
	{ padding-left: 5px; }
.entry-content, .entry-summary
{ margin: 0; padding: 0; }
.content-area
{ width: 69.5%; margin-bottom: 50px; }
.content-area.fullWidth
{ width:100% !important; }
.page-header h1.page-title
{ color:#545454; font-size: 1.15rem; display: inline-block; }
.page-title a, .page-title span
{ color:#545454; }
.entry-footer
{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 3%; padding: 2% 0 0; }
.entry-footer h5
{ color: #3b3b3b; font-size: 1.1rem; font-weight: bold; }
.entry-footer h5.relatedPosts
{ border-top: 1px solid #eee; margin-top: 2%; padding-top: 2%; }
.entry-footer ol
{ margin-left: 0; padding-left: 13px; }
.tag-meta
{ display: block; }
.tag-meta a
{ background-color: #0076ce; color: #fff; padding: 3px 10px; font-size: 1.1rem; margin:0  6px 6px 0; display: inline-block; }

.widget-area
{ width: 28%; }
.widget-title
{ xcolor: #0076ce; font-weight: normal; font-size: 0.9rem; margin-bottom: 6px; }
#secondary aside
{ background-color: #eee; }
#secondary .widget
{ padding-top: 3%; }
#secondary .widget .pageLink
{ background-color: #0076ce; color: #fff; text-transform: uppercase; font-weight: normal; display: block; text-align: center; font-size: 1.1rem; text-decoration: none; padding: 4px 0 5px; margin-top: 6px; }
#secondary .widget.sideFeatured .pageLink
{ margin-bottom: 20px; }
#secondary .widget.sideFeatured .featured-item:last-child .pageLink
{ margin-bottom: 0; }
#secondary .widget.sideFeatured .image
{ height: 150px; display: block; }
#secondary aside#wptt_twittertweets-2
{ background-color: #fff; padding: 0; }
#wptt_twittertweets-2 .widget-title
{ color: #000; font-weight: bold; line-height: 40px; margin: 0; }

/***** Event Calendar *****/
.grid-item { position: relative; float:left; width: 100px; height: auto; padding: 0 8px 15px 8px; width: 85%; border-bottom: 1px solid #757575; }
.sortContainter { padding: 10px; border-bottom: 1px solid #757575; }
.grid:after { content: ''; display: block; clear: both;}

#sortButtons button {margin-top: 3px !important; padding: 0.75em 1.1em !important;}

#sortButtons button:hover {
  background-color: #0076ce;
  color: #000 !important;
}

#sortButtons button:active,
#sortButtons button.is-checked {
  background-color: #297cb9;
}

#sortButtons button.is-checked {
  color: #fff;
}

.entry-content p:first-of-type { margin: 0 0 0.5em; }

.addeventatc {margin-top:10px;}
.eventInfo {margin-top: 15px;}
.eventInfo span { display:block; }
.eventInfo span.additionalInformation, .eventInfo span.sessionTitle { margin-top:10px; }

#eventCalendar .event-title
{ color:#fff; background-color: #0076ce; text-align: center; padding-bottom: 3px; margin: 0; }
#secondary #eventCalendar.widget .pageLink
{ margin-top: 20px; }
/***** Event Calendar *****/

#secondary .sideFeatured img
{ display: block; padding-top:42px; margin: 0 auto; }
#secondary .sideFeatured .entry-title
{ font-size: 1.1rem; font-weight: normal; line-height: 22px; margin: 2px 0 0; }

.sitemap #primary ul
{ margin-left: 0; padding-left: 20px; }
.sitemap #primary ul.authors
{ list-style: none; padding-left: 0; -webkit-columns: 3; -moz-columns: 3; columns: 3; }
.sitemap #primary ul.authors a
{ display: table; margin-bottom: 10px; }
.sitemap #primary ul.authors a span
{ display: table-cell; vertical-align: middle; padding-left: 5px; }

h2 a, h3 a
{ color: #0076ce; }
h2 a:hover, h3 a:hover, .entry-title a:hover
{ color: #0076ce; text-decoration: underline; }
.authorDate
{ color: #545454; padding: 5px 0 15px 0; font-size: 0.9rem; }
.authorDate img
{ float: left; margin: 0 10px 0 0; }
.authorDate a
{ color: #545454; font-weight: bold; font-size: 1.1rem; display: block; text-transform: none; line-height: 20px; padding-bottom: 2px; }
body.single .authorDate
{ padding:2% 0; margin-bottom: 2%; border-bottom: 1px solid #eee; }
.wp-caption img[class*="wp-image-"]
{ margin: 0; }
body.single .entry-content ul, body.single .entry-content ol
{ margin-left: 0; padding-left: 20px; }

.entry-summary
{ border: 1px solid #ccc; }
.postBottom
{ padding: 0 3% 3%; }

body.single #content > article
{ position: relative; padding-left: 100px; }
article .leftInfo
{ max-width: 82px; position: absolute; left: 0; }
article .leftInfo, article .leftInfo a
{ color: #0076ce; font-size: 1.4rem; }
article .leftInfo, article .leftInfo a:hover .share
{ color: #808080; }
	article .leftInfo .avatar, article .leftInfo .authorName, article .leftInfo .postDate, article .leftInfo .overshare
	{ display: inline-block; }
	article .leftInfo .avatar
	{ max-width: 63px; }
	article .leftInfo .authorName
	{ font-size: 1.1rem; font-weight: bold; line-height: 20px; padding-top: 15px; }
	article .leftInfo .authorName span
	{ display: block; }
	article .leftInfo .postDate
	{ font-size: 0.95rem; text-transform: uppercase; border-bottom: 1px solid #eee; padding: 16px 0 21px 0; }
	article .leftInfo .overshare
	{ width: 100%; border-bottom: 1px solid #eee; padding: 10px 0 12px 0; }
	.overshare
	{  text-align: right; }
	.overshare .count
	{ text-transform: uppercase; font-size: 0.65rem; float: left; padding-right: 5px; line-height: 15px; width: 45px; }
		.overshare .count span
		{ display: block; }
	.overshare .share
	{ float: right; }
		.hentry .overshare .share img
		{ margin: 0; }
	.overshareBreak
	{ display: none; }
	
.comments-area
{ padding: 0; box-shadow: none; margin-top: 0; }
.comments-area h3
{ margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul, ol.commentlist, .commentlist li
{ margin: 0; padding: 0; }
#respond
{ padding: 15px 0 10px; margin: 0 25px 0; }
.comments-area h3.comments-title
{ margin: 0; padding: 20px 0 15px; margin: 0 25px; border-top: 1px solid #666; }
.commentlist li article
{ padding: 18px 25px 8px; }
ol.commentlist ul article
{ padding-left: 65px; }
ol.commentlist ul ul article 
{ padding-left: 105px; }
ol.commentlist ul ul ul article
{ padding-left: 145px; }
#comments, #comments li.odd
{ background-color: #f2f2f2; }
#comments li.even
{ background-color: #e5e5e5; }
ol.commentlist img.avatar.photo
{ border: none; }
#comments input[type="text"], #comments textarea
{ border: 2px solid #666; }
#comments .comment-form-author, #comments .comment-form-email, #comments .comment-form-url
{ float: left; }
#comments .comment-form-author, #comments .comment-form-email
{ margin-right: 13px; }
#comments .comment-form-author input, #comments .comment-form-email input, #comments .comment-form-url input
{ width: 194px; }
#comments .comment-form-comment
{ clear: both; }
#comments p
{ margin-bottom: 10px; }

.bottomShare
{ background-color: #0076ce; padding: 2% 2% 0.3%; text-align: center; }
.bottomShare h5
{ color: #fff; font-weight: bold; font-size: 1.1rem; text-transform: uppercase; line-height: 15px; margin-bottom: 3px; }
.bottomShare a
{ color: #fff; font-size: 1.4rem; }
.bottomShare a:hover .share
{ color: #c8c9c7; }
.bottomShare .overshare
{ max-width: 82px; padding: 10px 0 5px 10px; border-bottom: none; display: inline-block; }


.joinConversation
{ background-color: #f2f2f2; text-align: center; padding: 3% 3% 0; }
.joinConversation div
{ border-bottom: 1px solid #666; padding-bottom: 3%; }
.joinConversation h5
{ text-transform: uppercase; font-weight: bold; font-size: 1.1rem; margin-top: 10px; }
.joinConversation p
{ max-width: 480px; margin: 0 auto; }

#homeIntroContainer
{ position: fixed; width: 100%; box-sizing: border-box; }
	#homeIntro
	{ color: #fff; text-align: center; position: relative; }
		#homeIntro *
		{ margin: 0; }
		#homeIntroCopy
		{ left: 50%; margin-left: -350px; position: absolute; top: 160px; }
		#homeIntro video
		{ width: 100%; position: absolute; top: -150px; left: 0; display: block; }
		#homeIntro h1
		{ font-size: 2.3rem; text-transform: uppercase; padding: 5px 0 5px 0; line-height: 55px; font-weight: normal; position: relative; }
		#homeIntro .separator
		{ border-bottom: 1px solid #fff; margin:  0 auto; width: 165px; }
		#homeIntro h3
		{ font-size: 1.4rem; font-weight: normal; margin: 0 auto; max-width: 600px; padding:10px 20px 0; }
		#homeIntro p
		{ font-size: 1.2rem; line-height: 22px; padding: 5px 6% 0; }
		#homeIntro .home-arrow
		{ padding-top: 9%; display: block; }

#homeViewpoints
{ margin:3% 0 4%; text-align: center; background-color: #fff; }
	#homeViewpointsTop img
	{ display: inline-block; }
	#homeViewpointsTop span
	{ position: relative; display: inline-block; padding-bottom: 3.5%; }
	#homeViewpointsTop span:after
	{ content: ''; border-bottom: 2px solid #2d95de; bottom: 0; left: 18%; position: absolute; width: 70%; }
	#homeViewpointsTop p
	{ color: #4e5052; font-size: 1.1rem; width: 66%; margin: 0 auto; padding: 4% 0 5%; }
	.viewpoint
	{ float: left; color:#fff; margin-left: 2%; width: 49%; height: 289px; border-top: 4px solid #0076ce; }
	.viewpoint.first
	{ margin-left: 0; }
	#viewpoint1
	{ background: url('/wp-content/themes/the-box/images/viewpoint1.jpg') no-repeat 0 6px; }
	#viewpoint2
	{ background: url('/wp-content/themes/the-box/images/viewpoint2.jpg') no-repeat 0 6px; }
		.viewpoint h2, .viewpoint h3
		{ text-transform: uppercase; font-weight: normal; line-height: 32px; margin: 0 auto; max-width: 430px; }
		.viewpoint h2
		{ font-size: 1.8rem; padding-top: 20%; line-height: 32px; }
		#viewpoint2 h2
		{ padding-top: 15%; }
		.viewpoint h3
		{ line-height: 25px; }
		.viewpoint a
		{ background-color:#0076ce; color:#fff; text-transform: uppercase; padding: 5px 20px; display: inline-block; margin-top: 6%; }

#homepage
{ background-color: #fff; }

#homeFeatured
{ padding: 3% 0 2%; }
	#homeFeatured article
	{ margin:0 0 2% 2.2%; float: left; }
	#homeFeatured article.half
	{ width: 48.8%; }
	#homeFeatured article.third
	{ width: 31.8%; }
	#homeFeatured article.firstCol
	{ margin-left: 0; }
	#homeFeatured .post-thumbnail
	{ position: relative; }
	#homeFeatured .post-thumbnail a
	{ display: block; width: 100%; height: 100%; border: none; }
	#homeFeatured article.half .post-thumbnail
	{ height: 284px; }
	#homeFeatured article.third .post-thumbnail
	{ height: 185px; }
	#homeFeatured .entry-title
	{ position: absolute; bottom: 0; left: 0; background-color: #545454; margin: 0; padding: 2% 3%; width: 94%; max-width: 94%; }
	#homeFeatured .entry-title a
	{ color: #fff; }
	#homeFeatured article.third .entry-title
	{ font-size: 1.1rem; line-height: 23px; }

.homeCarousel
{ position: relative; overflow: hidden; width: 100%; margin-bottom: 4%; border-top: 2px solid #3d3d3d; border-bottom: 2px solid #3d3d3d; }
.homeCarouselSlides
{ width: 99999px; position: relative; }
.homeCarousel-pagination
{ bottom: 5px; left: 50%; margin: 0; position: absolute; }
.homeCarousel-pagination a
{ text-decoration: none; text-indent: -9999px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background-color: #dde; opacity: 0.8; border: 2px solid #e1e5e1; display: inline-block; height: 12px; width: 12px; line-height: 12px; margin-right: 10px; }
.homeCarousel-pagination a:last-child
{ margin-right: 0; }
.homeCarousel-pagination a.active
{ background-color: #0076ce; }
.homeMiddle
{ float: left; width: 1200px; color: #fff; text-align: center; }
	.homeMiddle .container
	{ height:345px; position: relative; }
	.homeMiddleContainer
	{ max-width: 430px; position: absolute; right: 130px; top: 20px; }
	.homeMiddle h2
	{ font-size: 2.1rem; text-transform: uppercase; font-weight: normal; line-height: 40px; }
	.homeMiddle h3
	{ font-style: italic; font-weight: normal; }
	.homeMiddle a
	{ background-color:#0076ce; color:#fff; text-transform: uppercase; padding: 5px 40px; display: inline-block; margin-top: 4%; }

.masonry-grid .grid-sizer, .masonry-grid article
{ width: 48.4%; }
.masonry-grid .gutter-sizer
{ width: 3.2%; }
.masonry-grid article:first-of-type
{ width: 100%; }
body.home .masonry-grid .grid-sizer, body.home .masonry-grid article
{ width: 31.8%; }
body.home .masonry-grid .gutter-sizer
{ width: 2.2%; }
#homePosts > article.half
{ width: 48%; float: left; }
#homePosts > article.third
{ width: 31.8%; float: left; }
#homePosts > article.half + article.half, #homePosts > article.third + article.third
{ margin-left: 4%; }
#homePosts .post-thumbnail a
{ height: 210px; }
body.home > article:first-child
{ margin-right: 2.4%; }
.pbd-alp-placeholder
{ display:none; }

img.avatar.photo
{ border: 3px solid #ccc; -webkit-border-radius:130px; -moz-border-radius:130px; border-radius:130px; }

#homeBanner
{ margin-bottom:5%; display:block; text-align: center; }
	#homeBanner img
	{ width: 100%; max-width: 900px; }

.homeSectionTitles
{ text-align: center; padding-bottom: 30px; }
.homeH3
{ color: #4e5052; text-transform: uppercase; font-weight: bold; padding: 3px 0 6px 0; font-size: 1.1rem; margin: 0; }
.homeSeparator
{ border-bottom: 1px solid #4e5052; margin: 0 auto; width: 140px; }

#homeAuthors
{ padding-top: 5%; color: #262626; background-color: #fff; }
	#homeAuthorsTop
	{ text-align: center; padding-bottom: 70px; font-size: 1.1rem; }
		#homeAuthorsTop p
		{ font-size: 1.0rem; width: 50%; margin: 0 auto; padding-top:4px; }
	#homeAuthorsBottom
	{ background-color: #eee; }
		#homeAuthors .authorCarousel-wrapper
		{ margin: 0px auto; position: relative; max-width: 96%; padding: 0 4%; top: -50px; }
			.authorCarousel
			{ position: relative; overflow: hidden; }
				.authorCarousel a
				{ color: #262626; }
				.authorCarousel > div
				{ width: 99999px; position: relative; }
				.authorCarousel > div > div
				{ float: left; text-align: center; }
				.authorCarousel > div > div span
				{ display: block; text-transform: uppercase; line-height: 18px; }
				#homeAuthors img.avatar.photo
				{ border: 15px solid #eee; }
				#homeAuthors .authorCarousel .authorName
				{ font-size: 1rem; border-bottom: 1px solid #0076ce; padding-bottom: 6px; width: 80%; margin: 0 auto 5px auto; }
				.authorCarousel .authorTitle
				{ font-size: 0.9rem; padding-bottom: 10px; }
				.authorCarousel .social
				{ padding-bottom: 5px; }
				.authorCarousel .social a
				{ padding: 0 3px; }
				.jcarousel-control-prev, .jcarousel-control-next
				{ position: absolute; top: 35%; text-align: center; color: #262626 !important; text-decoration: none !important; font-size: 10rem; line-height: 0; }
				
				#sideAuthors .authorCarousel-wrapper
				{ position: relative; padding-left: 14px; }
				#sideAuthors p
				{ margin-bottom: 8px; }
				#sideAuthors .sideAuthor
				{ width: 105px; height: 105px; float: left; margin:0 13px 13px 0; border: 3px solid #ccc; -webkit-border-radius:130px; -moz-border-radius:130px; border-radius:130px; position: relative; }
				#sideAuthors .sideAuthor:hover
				{ border: 3px solid #0076ce; }
				#sideAuthors .sideAuthor:hover:after
				{ background-color: rgba(57, 150, 219, 0.8); border-radius: 130px; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
				#sideAuthors .authorDetailsClick
				{ height: 100%; display: block; text-decoration: none; position: relative; z-index: 2; }
					#sideAuthors .authorDetailsClick span
					{ text-align: center; color: #fff; font-weight: bold; width: 60px; margin: 0 auto; padding-top: 36%; display: none; line-height: 15px; }
					#sideAuthors .sideAuthor:hover .authorDetailsClick span
					{ display: block; }
				#sideAuthors .jcarousel-control-prev, #sideAuthors .jcarousel-control-next
				{ font-size: 3rem; color: #fff !important; background-color: #666; line-height: 36px; top: 40%; }
					#sideAuthors .jcarousel-control-prev span, #sideAuthors .jcarousel-control-next span
					{ position: relative; top: -8px; }
			.jcarousel-control-prev
			{ left: -9px; }
			.jcarousel-control-next
			{ right: -10px; }
			.authorCarousel-wrapper .authorDetailsContainer
			{ position: absolute; top: 20px; left: 0; background-color: #fff; display: none; width: 100%; z-index: 4; }
			.authorCarousel-wrapper .authorDetailsContainer .authorDetails
			{ overflow: auto; height: 280px; }
			.authorCarousel-wrapper .authorDetailsContainer a.close
			{ position: absolute; top: 5px; right: 5px; font-size: 2em; line-height: 10px; text-decoration: none; font-family: arial; color: #d44; }

.subscribePageForm
{ float: left; width: 45%; }
.subscribePageImage
{ float: right; width: 53%; }

.site-footer
{ padding:25px 0; background-color: #666; color: #fff; }
	.site-footer a
	{ text-decoration: underline; color: #fff; text-transform: uppercase; }
	.site-footer h4
	{ font-size: 1.1rem; font-weight: normal; }
	.site-footer .col
	{ float: left; width: 29.3%; margin: 0 2%; }
	.footer-navigation-title
	{ margin-top: 35px; }
	#footer-navigation
	{ float: none; text-align: center; width:100%; }
		#footer-navigation .menu
		{ -webkit-columns: 2; -moz-columns: 2; columns: 2; text-align: left; }
			#footer-navigation .menu li
			{ margin-left: 0; display: block; padding-bottom: 4px; }
		#footer-navigation a
		{ line-height: 15px; }
		.site-footer .social a
		{ padding:0 2px; }
	.site-footer form .checkbox.chooseOne
	{ -webkit-columns: 2; -moz-columns: 2; columns: 2; white-space: nowrap; }
		.site-footer form .checkbox a
		{ text-transform: none; }
		.site-footer form .checkbox .message
		{ white-space: normal; }
	.site-footer form .element
	{ width: 97%; }
	.site-footer form .field.submit input
	{ max-width: 190px; }
	.site-footer form .field.submit .message
	{ max-width: 184px; left: 0; }
	.site-footer .col3 .col31
	{ float: left; width: 22%; padding: 3% 3% 0 0; }
	.site-footer .col3 .col32
	{ float: left; width: 75%; }
	.site-footer .col3 img
	{ width: 100%; max-width: 69px; }
#disclaimer
{ background-color: #262626; color: #f1f1f1; padding: 2px 0 4% 0; }
	#disclaimer p
	{ margin: 15px 0 0 0; }
	

#globalnav-footer
{ background-color: #000; color: #888; padding: 16px 0 14px; font-size: 13px; line-height: 18px; text-align: center; }
	#globalnav-footer a
	{ border-right:1px solid #888; color: #888; padding: 0 7px; }
	#globalnav-footer #footer-icon-gss
	{ background: url('/wp-content/themes/the-box/images/little-globe.gif') no-repeat right center; padding-right: 25px; border-right: none; }
	
#emailFriendContainer
{ font-size: 1.1rem; }
	#emailFriendContainer h3
	{ margin: 0; }
	#emailFriendContainer p
	{ font-size: 1rem; padding-bottom: 10px; }
	#emailFriendContainer form .element.text input
	{ text-transform: none; }
	#emailFriendContainer label
	{ font-size: 1rem; }
	#emailFriendContainer textarea
	{ font-size: 0.8rem; margin: 2px 0px; }
	#emailFriendContainer form .field.submit .message
	{ height: 15px; }
	
.popmake-content p
{ margin: 5px 0; }
.popmake-content .field p br
{ display: none; }
#subscribeFormPopup
{ margin-top: 15px; }
#subscribeFormPopup .field.half + p + .half
{ float: right; }
#subscribeFormPopup .checkbox.chooseOne
{ -webkit-columns: 2; -moz-columns: 2; columns: 2; white-space: nowrap; }
#subscribeFormPopup .field.half .element .message
{ height: 25px; }
#subscribeFormPopup .checkbox .message
{ white-space: normal; }
#subscribeFormPopup .field.submit .message
{ text-align: center; width: 100%; height: auto; }

.authorDetailsSub
{ padding: 2%; }
.authorDetailsSub.all
{ padding: 4%; }
	.authorDetailsSub .authorLeft
	{ float: left; width: 18%; padding-right: 2%; }
	.authorDetailsSub.all .authorLeft
	{ width: 25%; padding-right: 5%; }
	.authorDetailsSub h4
	{ float: left; font-size: 1.1rem; }
	.authorDetailsSub .authorRight
	{ float: left; width: 80%; }
	.authorDetailsSub.all .authorRight
	{ width: 70%; }
		.authorDetailsSub .authorRight .follow
		{ float: right; }
		.authorDetailsSub .authorRight .follow a
		{ padding: 0 2px; }
		.authorDetailsSub .authorRight .follow img
		{ margin: 0; }

body.page-template-authors article
{ border-top: 1px solid #b1b1b1; margin-bottom: 0; }
body.page-template-authors article:nth-child(odd)
{ background-color: #eee; }
body.page-template-authors #content .page-header
{ background-color: #eee; margin-bottom: 0; padding: 1% 3%; }
body.page-template-authors .page-header h1.page-title
{ padding-top: 12px; }
#authorSearchForm
{ display: inline-block; float: right; }
body.page-template-authors .authorDetailsSub.all
{ padding: 2% 2% 4% 4%; }
body.page-template-authors .authorDetailsSub.all .authorLeft
{ padding-right: 3%; width: 14%; }
body.page-template-authors .authorDetailsSub.all .authorRight
{ width: 83%; position: relative; }
body.single .authorDetailsSub .authorRight
{ position: relative; }
body.single .authorTitle
{ display: block; }
body.single img.avatar.photo
{ margin-top: 4px; }
.authorRight .authorNameTitleFollow
{ position: relative; }
.authorRight .authorNameTitle
{ float: left; margin-right: 130px; }
.authorRight .authorNameTitle p
{ margin-bottom: 0; }
.authorRight .follow
{ position: absolute; bottom: 0; right: 0; }
	.authorRight .authorNameTitle h4
	{ float: none; display: inline; margin: 0; }
.authorRight p.authorBio
{ border-top: 1px solid #b1b1b1; padding-top: 10px; margin: 10px 0 0 0; }
body.single p.authorBio
{ border-top:none; margin-top: 0; }
body.page-template-authors .authorRight p.authorBio, body.single p.authorBio
{ max-height: 100px; overflow: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: max-height 1s ease-in-out; }
body.page-template-authors .authorRight p.authorBio:before, body.single .authorRight p.authorBio:before
{
	content: '';
	position: absolute;
	top: 100px;
	right: 0;
	bottom: 25px;
	left: 0;
	opacity: 1;
	-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 10%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 10%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
body.page-template-authors article:nth-child(odd) .authorRight p.authorBio:before
{
	background: -moz-linear-gradient(top, rgba(238,238,238,0) 10%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,0) 10%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,0) 10%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
body.page-template-authors .authorRight p.showMore, body.single .authorRight p.showMore
{ max-height: 730px; margin-bottom: 10px; }
body.page-template-authors .authorRight p.showMore:before, body.single .authorRight p.showMore:before
{ opacity: 0; }
.authorReadMore
{ text-align: center; position: relative; margin: 0; z-index: 0; }
.authorReadMore a
{ color: #0076ce; border: 2px solid #0076ce; text-transform:uppercase; padding: 2px 15px; display: inline-block; background-color: #fff; text-decoration: none; }
.authorReadMore a::before {
    border-top: 1px solid #0076ce; content: ""; left: 0; position: absolute; top: 13px; width: 100%; z-index: -1; }

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption.aligncenter
{ margin: 0.5em auto; }
.wp-caption img[class*="wp-image-"] {
margin: 0;
padding: 0;
border: 0 none; text-align: center; display: inline;
}
.wp-caption p.wp-caption-text {
font-size: 0.7rem;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

blockquote
{ border: 0; background-color: #f3f3f3; padding: 10px 10px 5px 30px; position: relative; }
blockquote:before
{ display: block; content: "\201C"; font-size: 60px; position: absolute; left: -5px; top: 11px; color: #7a7a7a; line-height: 25px; }
 
.popup_content #emailFriendContainer
{ width: 302px; padding-top: 10px; }
.g-recaptcha
{ padding-top: 7px; }

 /* navigation on mobile */
 @media screen and (max-height: 600px)
{
	#site-top-navigation .menu-header-menu-container
	{ height: 70vh; }
	#site-top-navigation .menu
	{ height: 100%; overflow: auto; }
}

@media screen and (min-width: 1400px)
{
	#homeIntro video
	{ top: -220px; }
}

@media screen and (max-width: 1200px)
{
	#homeIntro video
	{ top: -100px; }
}

@media screen and (max-width: 1100px)
{
	.container, #homepage .container
	{ max-width: 960px; }
	
	#site-navigation .viewpointSeries, #site-navigation .viewpointSeries a
	{ margin: 0; }
	
	.site-footer form .checkbox
	{ -webkit-columns: 1; -moz-columns: 1; columns: 1; }

	.homeMiddleContainer
	{ right: 110px; }
	
	.content-area
	{ float: left; width: 635px; }
	.widget-area
	{ float: right; width: 302px; }
	.widget
	{ padding: 6.66667%; margin: 0 0 6.66667%; }
	
	#comments .comment-form-author input, #comments .comment-form-email input, #comments .comment-form-url input
	{ width: 156px; }
}

@media screen and (max-width: 1000px)
{
	.home .site-main
	{ padding-top: 400px; }
	
	#homeIntro video
	{ top: 20px; }
	
	header .container
	{ box-sizing: content-box; }
	
	.container, #homepage .container
	{ max-width: 96%; padding-left:2%; padding-right:2%; margin: 0; }

	.homeMiddle .container
	{ margin-left: 2%; }
	.homeMiddleContainer
	{ right: 90px; }
	
	.main-navigation a
	{ padding: 0 6px; }
	
	body.home .authorCarousel-wrapper
	{ max-width: 90%; padding: 60px 5% 80px 5%; }

	.content-area
	{ width: 595px; }
	
	#comments .comment-form-author, #comments .comment-form-email, #comments .comment-form-url
	{ float: none; margin-right: 0; }
	#comments .comment-form-author input, #comments .comment-form-email input, #comments .comment-form-url input
	{ width: 94%; }
	
	.subscribePageForm
	{ float: none; width: 285px; margin: 0 auto;  }
	.subscribePageImage
	{ float: none; width: 285px; margin: 20px auto 0; display: block; }

}

@media screen and (max-width: 950px)
{
	.content-area
	{ width: 550px; }
	body.page-template-authors .page-header h1.page-title
	{ display: block; }
	#authorSearchForm
	{ float: left; }

	#site-navigation li.tablet-only
	{ display:none; }
	#site-top-navigation li.tablet-only
	{ display:list-item; }
}

@media screen and (max-width: 900px)
{
	.home .site-main
	{ padding-top: 360px; }
	#homeIntroCopy
	{ padding: 0 3%; width: 94%; left: 0; top: 140px; margin-left: 0; }
	#homeIntro h1
	{ font-size: 2.2rem; }
	#homeIntro h3
	{ font-size: 1.2rem; }

	#ewbCopy { max-width: 600px;}
	
	.homeMiddle .container
	{ height: 285px; }
	.homeMiddleContainer
	{ right: 50px; }
	.homeMiddle h2
	{ margin-top: 10px; }
	
	.alignleft, .wp-caption.alignleft, .alignright, .wp-caption.alignright
	{ display: block; float: none; margin: 0 auto 1.5em; }

	.content-area
	{ width: 500px; }
	
	.sitemap #primary ul.authors
	{ -webkit-columns: 2; -moz-columns: 2; columns: 2; }
}

@media screen and (max-width: 850px)
{
	.content-area
	{ width: 450px; }
	body.page-template-authors .authorDetailsSub.all
	{ padding: 2%; }
	.masonry-grid .grid-sizer, .masonry-grid article
	{ width: 100%; }
	.masonry-grid .gutter-sizer
	{ width: 0%; }

}

@media screen and (max-width: 800px)
{
	.content-area
	{ width: 420px; }
}

@media screen and (max-width: 767px) 
{
	.home .site-main
	{ padding-top: 320px; }
	#homeIntro h1
	{ font-size: 1.8rem; line-height: 40px;}
	#homeIntroCopy
	{ top: 100px; }
	
	form .element.text input
	{ font-size: 1rem; }
	
	.popup_cont
	{ font-size: 1.25rem; }
	
	hgroup
	{ float: none; display: inline-block; }
	#masthead .social
	{ clear: both; padding: 5px 4px 0 0; }
	#site-top-navigation li:not(.desktop-only)
	{ display: list-item; }
	
	.container, #homepage .container
	{ max-width: 94%; padding-left:3%; padding-right:3%; }

	.homeMiddle .container
	{ height: 230px; }
	.homeMiddleContainer
	{ max-width: 420px; right: 10px; }
	.homeMiddle h2
	{ font-size: 1.6rem; line-height: 30px; margin-top: 0px; }
	.homeMiddle h3
	{ font-size: 1.1rem; line-height: 22px; }

	button.menu-toggle
	{ margin: 0 5%; }
	#subscribe
	{ margin-left: 0; }
	
	#homeFeatured article.half, #homeFeatured article.third
	{ width: 100%; float: none; margin-left: 0; }
	#homeFeatured article.half .post-thumbnail, #homeFeatured article.third .post-thumbnail
	{ height: 284px; }
	#homeFeatured article.third .entry-title
	{  font-size: 1.4rem; line-height: 26px; }
	
	body.home > article
	{ width: 100%; float: none; margin-right: 0; }
	body.home .masonry-grid .grid-sizer, body.home .masonry-grid article
	{ width: 100%; }
	body.home .masonry-grid .gutter-sizer
	{ width: 0%; }
	.entry-title
	{ font-size: 1.4rem; line-height: 26px; margin-bottom: 5px; }
	
	#site-navigation
	{ display:none; }
	
	.site-footer form .field.half, .site-footer form .field.half + .half
	{ float: none; width: auto; }

	.content-area, .widget-area
	{ float: none; }
	.content-area
	{ width: 100%; }
	
	.alignleft, .wp-caption.alignleft
	{ display: inline; float: left; margin-right:1em; }
	.alignright, .wp-caption.alignright
	{ display: inline; float: right; margin-left:1em; }
	
	#subscribeFormPopup .checkbox
	{ -webkit-columns: 1; -moz-columns: 1; columns: 1; }
	#subscribeFormPopup .field.half .element .message
	{ height: 30px; }
	#subscribeFormPopup .field.half, #subscribeFormPopup .field.half + p + .half
	{ float: none; width: auto; }
}

@media screen and (max-width: 750px)
{
	{ padding-top: 270px; }
	{ font-size: 1.8rem; line-height: 40px; }
	#homeIntro h3
	{ font-size: .80rem; line-height: 20px; }
	
	#footer-link-dell-technologies
	{ display: block; margin: 0 auto; padding-bottom: 10px; }
	.globalnav-footer-right
	{ float: none; display: block; text-align: center; }
}

@media screen and (max-width: 700px)
{

	.site-footer .social a
	{ padding: 0; }

	hgroup img
	{ width: 230px; }
	#headerRight
	{ padding: 0 0 4px 0; }
	.site-brand
	{ height: 52px; }
	.menu-toggle
	{ top: 3px; }
	.main-navigation
	{ padding-top: 47px; }
	.site-main
	{ padding-top: 102px; }
}

@media screen and (max-width: 650px)
{
	.home .site-main
	{ padding-top: 270px; }
	#homeIntro h1
	{ font-size: 1rem; }
	#homeIntroCopy
	{ top: 88px; }
}


@media screen and (max-width: 600px)
{
	
	#homeIntro video
	{ top: 40px; }
	
	#ewbCopy { max-width: 320px;}
	#ewbCopy h2 { font-size: 1.8rem; }
	#ewbCopy h3 { font-size: 1.0rem; }

	.homeCarousel-pagination
	{ bottom: 0; }
	.homeCarousel-pagination a
	{ height: 10px; width: 10px; line-height: 10px; }
	.homeMiddleContainer
	{ max-width: 330px; right: 20px; }

	.entry-header a
	{ font-size: 1rem; }
	.post-thumbnail
	{ margin-bottom: 5px; }
	#homeFeatured article.half .post-thumbnail, #homeFeatured article.third .post-thumbnail
	{ height: 190px; }
	body.home .entry-title, #homeFeatured article.half .entry-title, #homeFeatured article.third .entry-title
	{ font-size: 1.2rem; line-height: 23px }
	.authorDate
	{ padding: 2px 0 10px; }
	.authorDate a
	{ font-size: 1rem; }
	
	#subscribe span
	{ display: none; }
	
	.globalnav-footer-right .nav-copyright
	{ display: block; padding-bottom: 7px; }
}

@media screen and (max-width: 550px)
{
	.home .site-main
	{ padding-top: 255px; }
	#homeIntro h1
	{ padding-bottom: 5px; line-height: 30px; }
	#homeIntro h3
	{ padding-top: 5px; }

	.alignleft, .wp-caption.alignleft, .alignright, .wp-caption.alignright
	{ display: block; float: none; margin: 0 auto 1.5em; }
	
	.site-footer
	{ padding: 20px 0; }
	.footer-navigation-title
	{ margin-top: 15px; }
	.site-footer .col
	{ float: none; width: 96%; }
	.site-footer .col3
	{ padding: 20px 0; }

	#comments .comment-form-author input, #comments .comment-form-email input, #comments .comment-form-url input
	{ width: 90%; }
}

@media screen and (max-width: 500px)
{

	#homeIntro span
	{ xdisplay: block; }
	
	.container, #homepage .container
	{ max-width: 92%; padding-left:4%; padding-right:4%; }
	
	.homeMiddle .container
	{ background: none !important; margin-left: 0; }
	.homeMiddleContainer
	{ position: static; margin:  0 auto; padding-top: 20px; }
	
	hgroup img
	{ width: 190px; }
	
	.entry-title
	{ font-size: 1.2rem; line-height: 24px; margin-bottom: 3px; }
	.entry-summary
	{ font-size: 0.9rem; line-height: 18px; }
	.authorDate
	{ line-height: 1.4; }
	
	body.single .authorDate
	{ margin-bottom: 0; }
	article .leftInfo
	{ position: static; max-width: 100%; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 10px; }
	article .leftInfo .overshare
	{ max-width: 82px; padding: 10px 0 5px 10px; border-bottom: none; width: auto; }
	article .leftInfo .overshare.first, .bottomShare .overshare.first
	{ padding-left: 0; }
	body.single #content > article
	{ padding-left: 0; }
}

@media screen and (max-width: 450px)
{
	#search
	{ margin-right: 5px; }
	#subscribe
	{ margin-right: 8px; }
	#authorSearchForm #s
	{ display: block; }
	#authorSearchForm
	{ padding-bottom: 10px; }
	
	.sitemap #primary ul.authors
	{ -webkit-columns: 1; -moz-columns: 1; columns: 1; }
}

@media screen and (max-width: 410px)
{
	hgroup img
	{ width: 150px; }
	
	#homeIntro video
	{ top: 76px; }
	
	.main-navigation
	{ padding-top: 78px; }
	
	.homeMiddle h2
	{ font-size: 1.4rem; line-height: 25px; }
	
	.authorRight .authorNameTitle
	{ float: none; margin-right: 0; }
	.authorDetailsSub .authorRight .follow
	{ float: none; position: static; padding-top: 5px; }
}

@media screen and (max-width: 374px)
{
	#subscribe
	{ clear: both; margin-right: 5px; padding: 0 0 4px 0; }
	#subscribeContainer
	{ top: 29px; }
	#masthead .social
	{ display: none; }
	.overshareBreak
	{ display: block; }
	article .leftInfo .overshare, .bottomShare .overshare
	{ padding-right: 8px; }
	article .leftInfo .overshare.first, .bottomShare .overshare.first
	{ padding-right: 0; }
	article .leftInfo .overshare.third, .bottomShare .overshare.third
	{ padding-left: 0; padding-right: 0; }
}


@media screen and (max-width: 350px) {

	#homeIntro h1
	{ font-size: .9rem; }
	#homeIntro h3
	{ padding: 5px 10px 0; }
}