/* ==========================================================================
   General
/* ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Raleway:500,300,700,400);
@import url(https://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,900);
a {
	color:#333;
}

a:hover {
	color:#94C600;
}

p {
	margin:0 0 15px;
	padding:0;
}

h1, h2 {
	margin: 0 0 20px;
	font-weight: 400;
}

h1.special {
	font: 36px 'Roboto', sans-serif;
	font-weight: 900;
}

a.btn {
	text-decoration:none;
}

div {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.one-half {
	float:left;
	width:50%;
}

.img-left {
	float:left;
	margin:0 20px 10px 0;
}

.img-right {
	float:right;
	margin:0 0 10px 20px;
}

hr {
	height:0;
	border:0;
	border-top:1px solid #f3f3f3;
	margin-bottom:40px;
}

ul {
	overflow:hidden;
}


/* ==========================================================================
   Layout
/* ========================================================================== */

body {
	color:#444;
	line-height:1.3;
	font-family:Raleway, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:400;
	margin:0;
	background:#0e4a90;
}

#wrapper {
	position:relative;
	width:1200px;
	margin:0 auto;
	background:#fff;
	-webkit-box-shadow:0 0 12px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 12px rgba(0,0,0,.4);
	box-shadow:0 0 12px rgba(0,0,0,.4);
}


/* ==========================================================================
   Header
/* ========================================================================== */

#logo {
	position: relative;
	float: left;
	height: 120px;
	margin-left: 50px;
}

#logo img {
	height:100%;
}

#header {
	padding:20px 0 0 0;
	/* padding:20px 0 0 50px; */
}

#header-right {
	float:right;
	margin:0 20px 20px 0;
}

.social {
	float:left;
}

.social-text {
	float:left;
	margin-right:10px;
	line-height:28px;
	font-size:80%;
	text-transform:uppercase;
}

.social-icons {
	float:left;
}

.social-icons a {
	float:left;
	display:block;
	width:26px;
	line-height:26px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	opacity:.5;
	-webkit-opacity:.5;
	-moz-opacity:.5;
	-webkit-transition:linear .5s;
	-moz-transition:linear .5s;
	transition:linear .5s;
	background-image:url(../img/social.png);
}

.social-icons a:hover {
	opacity:.8;
	-webkit-opacity:.8;
	-moz-opacity:.8;
}

.icon-facebook { background-position:0 -26px; }
.icon-twitter { background-position:-26px -26px; }
.icon-youtube { background-position:-52px -26px; }
.icon-google { background-position:-78px -26px; }

#clemson-edu {
	float:left;
	margin:0 0 0 20px;
}

#clemson-edu img {
	height:25px;
}

#top-nav-container {
	float: left;
	margin: 0 0 0 0;
}

#top-nav {
	margin:0 0 0 20px;
	padding: 0;
	list-style: none;
}

#top-nav > li {
	float:left;
	position:relative;
}

#top-nav li a {
	display:block;
	padding:0 10px;
	text-transform:uppercase;
	font-size:80%;
	line-height:26px;
	text-decoration:none;
}

#top-nav > li:hover > a {
	color:#1b9bff;
}

#top-nav li ul {
	display:none;
	position:absolute;
	left:0;
	top:26px;
	margin:0;
	padding:10px 0;
	list-style:none;
	background:#0e4a90;
	z-index:999;
}

#top-nav li ul li a {
	color:#fff;
	white-space:nowrap;
	line-height:30px;
	font-size:70%;
}

#top-nav li ul li a:hover {
	color:#1b9bff;
}


/* Search Form */

.search-form {
	display:block;
	clear:right;
	float:right;
	margin:30px 20px 0 0;
	padding:4px 8px;
	background-color:#E6F0F6;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

.search-form label { display:none; }

.search-form .search-field {
	width:300px;
	margin:0;
	border:0;
	background-color:#E6F0F6;
	box-shadow:none;
	outline:none;
}

.search-form .search-field:focus {
	border-color:transparent;
	box-shadow:none;
}

.search-submit {
	vertical-align:middle;
}


/* ==========================================================================
   Navigation
/* ========================================================================== */

#nav-container {
	margin-top:20px;
	z-index:500;
	background:#333;
	border-bottom: 4px solid #1b9bff;
}

#nav {
	margin:0;
	padding:0;
	list-style:none;
	overflow:visible;
}

#nav > li {
	float:left;
}

#nav li {
	position:relative;
	vertical-align:middle;
}

#nav li a {
	display:block;
	padding:0 20px;
	line-height:48px;
	text-decoration:none;
	font-size:14px;
	text-align:center;
	color:#CBCBCB;
}

#nav > li:hover > a {
	color:#1b9bff;
}

#nav > li:hover a,
#nav > li.active a {
	color:#fff;
	background:#1b9bff;
}

#nav li.menu-item-has-children > a:after {
	content: '+';
	margin-left: 5px;
}

#nav ul {
	display:none;
	position:absolute;
	left:0;
	top:100%;
	margin:0;
	padding:0;
	list-style:none;
  	min-width: 260px;
	max-width:400px;
  	border-top: 4px solid #1b9bff;
	z-index:999;
	overflow:visible;
}

#nav ul li:first-child > a {
	border-top: 1px solid #0082e7;
}

#nav ul li:hover > a {
  	background: #4eb1ff;
  	color: #ffffff;
}

#nav ul li a {
	border: 1px solid #0082e7;
	border-top: 0 none;
  	line-height: 150%;
  	padding: 10px 20px;
	text-align:left;
	font-size:12px;
}

#nav ul ul {
	left:100%;
	margin-left:-1px;
	top:0;
	border-top:1px solid #0082e7;
	overflow:visible;
}

#nav ul ul li:first-child > a {
	border-top:0;
}

#mobile-menu { display:none; }

/* ==========================================================================
   Home
/* ========================================================================== */


#slides-container {
	z-index:0;
	position:relative;]
}

.slide {
	position:relative;
}

.slide-overlay {
	position:absolute;
	right:0;
	bottom:30px;
	padding:0 20px 0 50px;
	line-height:51px;
	color:#fff;
	font-weight:bold;
	font-size:140%;
	background:url(../img/slide-overlay-bg.png) left no-repeat;
}

.slidesjs-navigation {
	position:absolute;
	top:50%;
	margin-top:-26px;
	width:50px;
	height:52px;
	background-image:url(../img/slides-nav.png);
	background-repeat:no-repeat;
	z-index:999;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	opacity:.2;
	-webkit-opacity:.2;
	-moz-opacity:.2;
	-webkit-transition:linear .25s;
	-moz-transition:linear .25s;
	transition:linear .25s;
}

.slidesjs-navigation:hover {
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
}

.slidesjs-previous {
	left:0;
	background-position:10px 0;
}

.slidesjs-next {
	right:0;
	background-position:-40px 0;
}


#content.home-content { 
	padding:20px 40px;
}

/* Calls to action */

.cta-row {
	margin-bottom:20px;
}

.cta-row:nth-of-type(2) {
	margin-bottom:40px;
}

.cta {
	float:left;
	width:48%;
}

.cta-2, .cta-3, .cta-5 {
	margin-left:4%;
}

.cta iframe {
	max-width:100%;
}

/* News */

#news-container {
	margin-bottom:40px;
}

#news {
	float:left;
	width:62%;
	padding-right:2%;
	border-right:5px solid #0e4a90;
}

#latest {
	float:right;
	width:35%;
}

#news h3,
#latest h3 {
	color:#0e4a90;
	margin:0 0 20px;
}

#news-left,
#news-right {
	float:left;
	width:50%;
}

#news-left img {
	margin-bottom:35px;
}

.news-entry,
.latest-entry {
	position:relative;
	padding:20px 0;
}

.news-date,
.latest-date {
	font-size:90%;
}

.news-content h4,
.latest-content h4 {
	margin:5px 0;
}

.news-content p,
.latest-content p {
	font-size:80%;
	margin:0;
	padding:0;
}

.news-link a,
.latest-link a {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
}

.news-link a:hover,
.latest-link a:hover {
	background:url(../img/news.png) 50% 0 no-repeat, url(../img/news.png) 50% 100% no-repeat;
}

#news-left {
	padding-right:20px;
}

#news-right .news-content {
	padding-left:50px;
	background:url(../img/news-icon.jpg) 0 10px no-repeat;
}


/* Publications */

#publications {
	margin-bottom:40px;
}

.publications {
  	position:relative;
  	width:100%;
  	height:200px;
}

.publications-photos {
	position:relative;
  	width:100%;
  	height:200px;
  	overflow:hidden;
}

.publications .items {
  width:20000em;
  position:absolute;
}

.items div {
  float:left;
}

.items img {
	width:130px;
	height:195px;
	padding:2px;
	margin:0 12px;
	border:1px solid #f3f3f3;
}

.prev,
.next {
	position:absolute;
	top:50%;
	margin-top:-10px;
	z-index:999;
}

.prev {
	left:-20px;
}

.next {
	right:-20px;
}

#partners {
	padding: 20px;
	text-align: center;
}

#partners img {
	 vertical-align: middle;
	margin: 0 20px 20px;
}

#social-large {
	padding:20px 0;
	text-align:center;
}

#social-large img {
	width:24%;
}

/* ==========================================================================
   Content / Backend
/* ========================================================================== */

#static-container {
	height:300px;
	background:url(../img/slide-tutor.jpg) top/cover no-repeat;
}

#static-container.conference {
	background:url(../img/slide-conference-attendees.jpg) no-repeat;
}

#static-container.fourohfour {
	background:url(../img/slide-404-error.jpg) no-repeat;
}

#static-container.webcasts {
	background:url(../img/slide-webcast-k12-fueled.png) no-repeat;
	border-top: 1px solid #0e4a90;
	border-bottom: 1px solid #0e4a90;
}

#content {
	padding:20px;
	min-height: 500px;
	background:#fff;
}

#content h1 {
	font-weight: 500;
	color:#0e4a90;
}

.content {
	font-size:14px;
}

.content h2 {
	font-weight:bold;
}

.article-content {
	float: left;
	width: 70%;
}

.left-col img {
	max-width:100%;
	height:auto;
}


/* ==========================================================================
   Sidebar	
/* ========================================================================== */


#sidebar {
	float: right;
	width: 28%;
	padding: 20px;
	background: #cadeff;
	box-shadow: 1px 1px 0px 1px #ccc;
	border-radius: 10px;
	margin-left: 16px;
}

#sidebar h2 {
	color: #0e4a90;
	font-weight: 400;
}

#sidebar h2.widget-title {
	margin-top: 16px;
}


.post-type-archive-ndpc_conference #sidebar h2 {
	margin:0 0 20px;
}


/* ==========================================================================
   Tags cloud
/* ========================================================================== */

.tagcloud > a {
	/* display: inline-block;
	float: left;
	color: white; */
	text-decoration: none;
	/* background-color: #0e4a90;
	padding: 3px 6px 3px 6px;
	margin: 4px;
	border-radius: 7px; */
}

.tagcloud > a:hover {
	text-decoration: underline;
	/* background-color: #1b9bff; */
}

.tagcloud:after {
	content: " ";
	display: table;
	clear: both;
}


/* ==========================================================================
   Tweet feed
/* ========================================================================== */
ol.h-feed {
	background-color: #cadeff;
}

/*
	h-entry tweet {
	background-color: #cadeff;
}
*/



/* ==========================================================================
   Wordpress
/* ========================================================================== */

.alignleft {
	float:left;
	margin:0 20px 20px 0;
}

.alignright {
	float:right;
	margin:0 0 20px 20px;
}

.category article,
.archive article,
.search article {
	margin-top:20px;
	padding-top:30px;
	border-top:1px dotted #eaeaea;
}

.category .content,
.archive .content,
.search .content,
.single .content {
	margin-top:0;
}

h2.single-title {
	margin:0;
}

h4.single-date {
	margin:0 0 10px;
}


/* PAGINATION */

.pagination {
	margin-top:20px;
}

.pagination ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
}

.pagination li {
	float:left;
}

.pagination li span,
.pagination li a {
	display:block;
	padding:5px 10px;
	margin-right:2px;
	background:#e2e2e2;
	text-decoration:none;
}

.pagination li span {
	background:#f3f3f3;
}

.pagination .next,
.pagination .prev {
	position:relative;
	top:auto;
	margin:0 2px 0 0;
	right:auto;
	left:auto;
}
	


/* Conferences */

.featured-image-conference {
	margin-bottom:40px;
	max-width:100%;
	height:auto;
}

.conference-content {
	float:left;
	width:70%;
}

.conference-details {
	float:right;
	width:28%;
	padding:20px;
	background:#f3f3f3;
}

.conference-alert,
.conference-alert a {
	color:#C00;
}

.conference-partners img {
	margin-right:4px;
}


/* Publications */

.publication-url {
	font-weight:bold;
	color:#0e4a90;
	text-decoration:none;
}

.publication-search {
	border-top:1px dotted #eaeaea;
}

.publication-search a {
	font-weight:bold;
	text-decoration:none;
	margin-right:10px;
	color:#0e4a90;
}

.publication-search a:hover {
	text-decoration:underline;
}

/* Webcasts */

.webcast-embed {
	float: left;
	text-align: left;
}

.webcast-details {
	float:right;
	width:28%;
	padding:20px;
	background:#f3f3f3;
}

.webcast-content {
	clear:both;
}

.webcast-content h2,
.webcast-disqus {
	margin-top:20px;
}

.webcast-guest {
	padding:20px 20px 0;
	margin-bottom:10px;
	background:#fafafa;
}

.webcast-guest img {
	width:150px;
	height:auto;
}

.webcast-guest h3 {
	margin:0 0 10px;
}

.webcast-archive-box {
	width: 32%;
	float: left;
	margin: 0 0 20px 2%;
}

.webcast-archive-box:nth-of-type(3n+1) {
	clear:left;
	margin-left:0;
}

.webcast-preview {
	background-color: #0e4a90;
	border: 2px solid #0e4a90;
}

.webcast-preview img {
	display:block;
	width:100%;
	height:auto;
}
.webcast-preview a {
	text-decoration:none;
}

.webcast-preview-caption {
	font-size: 18px;
	color: #fff;	
	padding-left: 20px;
	line-height:60px;
	/* background:url(../img/video-play.png) right 20px center no-repeat; */
}

.webcast-archive-box h3 {
	margin:20px 0 5px;
}

.webcast-archive-box h3 a {
	font-size: 16px;
	color: #0e4a90;
	text-decoration: none;
}

.webcast-archive-box h3 a:hover {
	text-decoration: underline;
}

.webcast-archive-box p {
	margin:0 0 10px;
	font-size: 13px;
}

.webcast-home.webcast-archive-box {
	width: 100%;
	float: none;
	margin:0;
}

.webcasts-bottom {
	margin-top:40px;
	font-size:16px;
	text-align:center;
}

.webcast-upcoming {
	margin-top:20px;
}

.webcast-upcoming-preview {
	margin-bottom:20px;
}

.webcast-upcoming a {
	display:block;
	margin-bottom:5px;
	font-weight:600;
	text-decoration:none;
}

.webcast-upcoming span {
	display:block;
	font-size:12px;
	font-style:italic;
}


/* People */

.left-col {
	float:left;
	width:70%;
}

/* Speakers */


.featured-image-speaker {
	margin-bottom:40px;
	max-width:100%;
	height:auto;
}

.speaker-content {
	float:left;
	width:70%;
}

.speaker-details {
	float:right;
	width:28%;
	padding:20px;
	background:#f3f3f3;
}

/* Certifications */

.featured-image-certification {
	width:150px;
	height:auto; 
}

.certification-content {
	float:left;
	width:70%;
}

.certification-details {
	float:right;
	width:28%;
	padding:20px;
	background:#f3f3f3;
}

/* Specialists */

.specialist-content {
	float:left;
	width:70%;
}

.specialist-details {
	float:right;
	width:28%;
	padding:20px;
	background:#f3f3f3;
}

/* ENGAGE */
.engage-content {
	float: left;
	width: 70%;
}

.engage-details {
	float: right;
	width: 28%;
	padding: 20px;
	background: #f3f3f3;
}

.featured-image-engage {
	margin-bottom:40px;
	max-width:100%;
	height:auto;
}

/* ==========================================================================
	WooCommerce
/* ========================================================================== */

.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th {
	padding:6px 10px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce-cart table.cart td.actions .coupon .input-text {
	box-sizing:content-box;
}

.woocommerce label {
	display:inline-block;
}

.woocommerce-nav-right {
	float:right;
	font-size:.92em;
}

.woocommerce-nav-right a {
	color:#777;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color:#0e4a90;
}

.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover {
	background-color:#115BB1;
}

/* Product */

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	width:28%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	width:68%;
}

.woocommerce-tabs {
	margin-top:40px;
}


/* ==========================================================================
	
	Notched Header Lists (for directory pages)
	
/* ========================================================================== */

span.notched-header-list {
	
}

span.notched-header-list > h2 {
	font-size: 3em;
}

span.notched-header-list > h2 > a {
	color: #1b9bff;
	text-decoration: none;
}

.notched-header-list h2 {
	padding: 0;
	margin: 0;
}

.notched-header-list h2 a {
	text-decoration: none;
}

.notched-header-list h3 {
	padding: 0;
	margin: 0;
	margin-left: 1em;	
}

.notched-header-list h3 a {
	text-decoration: none;
}

.notched-header-list h4 {
	padding: 0;
	margin: 0;
	margin-left: 2em;
}

.notched-header-list h4 a {
	text-decoration: none;		
}

/* ==========================================================================
   Forms
/* ========================================================================== */

#contact-form {
	width:280px;
	margin:0 auto;
}

.error {
	color:#c00;
}
.success {
	color:#090;
}


/* ==========================================================================
   Footer
/* ========================================================================== */

#footer {
	margin-top:40px;
	padding:20px 0;
	font-size:70%; 
	background:#ccc;
}


#footer-left,
#footer-right {
	color:#333;
	padding:0 16px;
}

#footer-left {
	float:left;
}

#footer-right {
	float:right;
	text-align:right;
}

#footer a {
	color:#333;
	font-weight:600;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer img {
	margin-top:10px;
}

#footer h3 {
	margin:0 0 10px;
}



/* ==========================================================================
   Helpers
/* ========================================================================== */


.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.placeholder {
  color: #aaa;
}

/* ==========================================================================
   Responsive
/* ========================================================================== */

@media (max-width: 980px) {
	
	img { max-width:100%; height:auto; }
	#wrapper { width:100%; }
	#logo { height:85px; margin-left:20px; }
	#header { padding-left:20px; }
	#header-right {	margin:0 20px 0 0; }
	.social-text { display:none; }
	#nav li a { font-size:12px; padding:0 15px; }
	
	
	.items img { margin:0 8px; }

	.home-content .one-half img { max-width:100%; }
	
	#footer-left img { height:50px; }
	#footer-right img { height:82px; }
	
}

@media (max-width: 768px) {
	
	.social, #top-nav-container { float:none; }
	.social { margin-left:120px; }
	#top-nav-container { clear:left; }
	#sidr-menu { display:none; }
	#mobile-menu { display:block; line-height:48px; }
	#mobile-menu a { display:block; text-align:right; padding-right:80px; color:#fff; text-decoration:none; background:url(../img/mobile-menu-icon.png) right 20px center no-repeat; }
	.sidr ul li ul li { line-height:normal; }
	.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active { line-height:normal; }
	.sidr ul li ul li a, .sidr ul li ul li span { padding:10px 15px 10px 30px; }
	.sidr ul li ul li ul li a, .sidr ul li ul li ul li span { padding:10px 15px 10px 60px; }
	
	.cta p { font-size:12px; }
	.cta-2 img { max-height:250px; width:auto; }
	.cta-3 iframe { height:280px; }
	#news-left { float:none; width:100%; }
	#news-right { display:none; }
	.items img { margin:0 18px; }
	
	.home-content h1 { font-size:24px; }
	#sidebar { width:35%; }
	#static-container { height:200px; background-size:cover; }
	
}

@media (max-width: 568px) {
	
	#header { padding:20px; }
	#header-right, #logo { float:none; text-align:center; }
	#logo { height:auto; margin:0 0 20px; }
	#logo img { width:100%; height:auto; }
	.social, #clemson-edu { margin:0; float:none; display:inline-block; }
	#top-nav-container { float:none; width:100%; margin:0; }
	#top-nav > li { float:none; }
	#top-nav li a { font-size:70%; font-weight:700; padding:0; }
	.search-form { margin:20px 0 0; float:none; }
	.search-form .search-field { width:85%; }
	
	#content.home-content { padding:20px; }
	.cta { float:none; width:100%; margin-bottom:20px; }
	.cta-2, .cta-3 { margin-left:0; }
	#news, #smartsearch { border-right:0; }
	#news, #latest, .one-half, #footer-left, #footer-right { float:none; width:100%; }
	.items img { width:110px; height:185px; margin:0 2px; }
	#partners {}
	#social-large img { display:block; width:100%; margin-bottom:2px; }
	
	#top-nav-container, #slides-container, #sidebar { display:none; }
	iframe { max-width:100%; }
	img { min-width:0 !important; }
	.alignleft, .alignright { float:none; margin:0 0 20px; display:block; }
	
	.conference-content, .conference-details, .webcast-archive-box, .webcast-embed, .webcast-content, .webcast-details, .specialist-content, .specialist-details, .certification-content, .certification-details, .speaker-content, .speaker-details, .engage-content, .engage-details { float:none; width:100%; margin:0 0 20px; }
	.featured-image-conference, .featured-image-speaker, .featured-image-engage { margin-bottom:0; }
	
	#footer-left, #footer-right { text-align:center; }
	#footer-left img, #footer-right img { display:block; margin:0 auto 10px; float:none; }
	#footer-right { margin-top:20px; }
	#footer-right img { margin-top:10px; }
}