h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #content a { color:#000000;	}
#foo_content h2 a {	color:black; }
body { background-color: #f4f4f4 !important; }
#foo_content h2 a:hover { color: black; }

/* TYPOGRAPHY */
#sidebar .widget h3 { font-size: 20px !important; }
.slide h2.title a { font-size:16px !important; }
#content a:hover, .list-company h3 a:hover, 
ul.nav ul li.current-menu-item a,
ul.nav li a:hover {	text-decoration: none !important; }
.show-nav .search_main { margin-left:13px; }



/* LAYOUT */
.nav-toggle { margin: 0 -2.8%;	}
#inner-wrapper { padding: 0 !important;	}
#content-wrapper { background-color: white;	}
.col-full, #wrapper { max-width: 1000px; }
#wrapper {
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3), -5px 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3), -5px 5px 10px rgba(0, 0, 0, 0.3);
	padding: 0 !important;
	max-width:1000px !important;
	width:100%;
}

/* SOCIAL MEDIA */
#header .social-icons {
	float:right;
	margin-bottom:10px;
}

.social-icons a, .ssba a {
	margin-left: 10px;
}

.social-icons a:first-child {
	margin-left:0;
}

a img.ssba {
	display:none !important;
}

.ssba {
	color:white;
}

.ssba {
	font-size: 14px;
	font-weight: bold;
}

.social-icons a,
.ssba a {
/*
    background-image: url(/wp-content/themes/canvas-child/includes/images/social-icons.png) !important;
    background-repeat: no-repeat;
    display: inline-block !important; 
*/
}

.social-icons a:hover {
    opacity: 0.70;
    -moz-opacity: 70%;
    -webkit-opacity: 70%;
}

.ssba > div {
	float: right;
}

.ssba_facebook_share{ background-position: 0 0; width: 13px; height: 27px; } 
.facebook{ background-position: 0 -77px; width: 13px; height: 27px; } 
.ssba_google_share{ background-position: 0 -154px; width: 27px; height: 27px; } 
.google-plus { background-position: 0 -231px; width: 27px; height: 27px; } 
.ssba_linkedin_share{ background-position: 0 -308px; width: 24px; height: 22px; } 
.linkedin{ background-position: 0 -380px; width: 24px; height: 22px; } 
.ssba_pinterest_share{ background-position: 0 -452px; width: 20px; height: 26px; } 
.pinterest{ background-position: 0 -528px; width: 20px; height: 26px; } 
.ssba_twitter_share{ background-position: 0 -604px; width: 27px; height: 22px; } 
.twitter{ background-position: 0 -676px; width: 27px; height: 22px; } 

/* HEADER */
#logo {	text-align: center; width: 100%; margin: 0 0 10px 0;}
#header { 
	padding-bottom:20px !important; 
	padding-top:20px !important; 
}
.archive_header { border-bottom: 0 !important; margin-bottom:0 !important; }

/* LEADERBOARD */
#topad { width: 728px; margin: 0 auto; float: none; }
#topad { float:none !important;	}
#topAd { margin: 0 auto; width:728px; margin-bottom:30px; }

/* TOP NAV */
#top #top-nav { float: right !important; margin-right: 0 !important; }
#top ul.nav > li a:hover, #top ul.nav > li:hover { background: none !important; text-decoration: underline; }
#top-nav { float: right; margin-right: 0 !important; }
#top .searchform { background:white; }
#top .searchform input[type="text"] { padding:0 5px !important;	}
#top .searchform .icon-search { top: -0.3em !important; right: 0.2em; }

#skin {
    height: 1200px;
    left: 50%;
    right: 0;
    margin-left: -960px;
    position: fixed;
    top: 23px;
    width: 1920px;
}
/* NAVIGATION */
#navigation { 
	background: transparent;
	border-bottom: 1px solid #e6e6e6 !important;
	border-top: 1px solid #e6e6e6 !important;
	margin-bottom: 25px;
}

#navigation ul.nav > li a {
	font: 300 13px/1em "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
}

ul.nav li.current_page_item, ul.nav li.current_page_parent, ul.nav li.current-menu-ancestor, ul.nav li.current-cat, ul.nav li.current-menu-item {
	background: #e6e6e6;
}

#main-nav {
	width:100%;
}

ul.nav li a { 
	padding: .5em 1em !important;
}

ul.nav li:first-child a { border-left: none; }

ul.nav li.current-menu-item a { color: #000; }

/* Video Portal */
#sort-options a, #sort-options p {
	display: inline-block;
	padding: 20px 10px 0px 0;
	text-transform: uppercase;
}

.site-title {
	display:none !important;
}

.searchform {
	width: auto;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-top: 0;
}

/* FORMS */
input, select {
	margin: 0;
	padding:8px !important;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	border-radius:5px;
	line-height:15px !important;
	border:1px solid #ddd;
	font-size: 12px;
	height: 31px;
}

input[type="submit"] {
	background: #000 !important;			   
}

.gform_wrapper,
.gform_footer {
	margin:0 !important;
	padding:0 !important;
}
			   
.newsletter_form {
	background:#eee;
	padding:15px 30px;
	margin: 0 -2.7%;
}

.newsletter_form:after {
	content:"";
	display:table;
	clear:both;
}

.newsletter_form p, 
.newsletter_form input,
.newsletter_form label {
	font-size:14px;
}

.newsletter_form p {
	margin-bottom:10px;
}
			   
a.newsletter:after,
a.newsletter.down:after {
	font-family: dashicons;
	content:"\f346";
	padding-left:5px;
	vertical-align: bottom;
	position: relative;
}
a.newsletter.down:after {
   content:"\f342" !important;
}

/* WIDGETS */
.widget h3 {
	border-bottom: none!important;
	padding: 0!important;
	margin: 0 0 10px 0!important;
}

/* Links */
.newsletter {
	text-decoration: none !important;
	color: #000 !important;
	font-size: 14px;
}

#top .newsletter {
	padding: 0.5em 1em !important;
	font-size: 12px;
	color: #ffffff !important;
	display:block;
}

.newsletter:hover {
	color:#555 !important;
}

#top .newsletter {
	display:block;
}

#header .newsletter {
	display:none;
}

/* HR */
hr {
	margin: 20px 0;
}

/* Widgets */
.widget h3 {
	font: 300 22px 'Roboto', sans-serif !important;
}

/* Video Portal */
#video-grid-container {
	display: table;
	width: 100%;
}
#top-video-container .video .title,
#video-grid-container .video .title {
	font-family: 'Roboto', arial, sans-serif;
	font-weight: 300;
	color: #000;
	line-height: 18px;
    	margin: 5px 0;
}

#top-video-container .video .title {
	font-size: 22px;
}

#top-video-container .video .description p {
	font:300 13px/1.4em 'Oswald', arial, sans-serif;
}


/* PAGINATION */
.woo-pagination{
	color: #000 !important;
	text-align: right;
	margin-bottom: 10px;
}
.woo-pagination span.current {
	border: none;
	color:#555;
	font-size: 12px;
	padding: 2px;
	background: transparent;
	font-weight:normal;
}

.woo-pagination a, .woo-pagination a:hover{
	color:#000 !important;
	padding: 2px;
	background: transparent;
	font-weight:normal;
}

.woo-pagination a:hover {
	color: #555 !important;
}

.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active {
	border-radius:none;
	-webkit-box-shadow:none;
	background: transparent;
	padding: 2px;
	font-weight:normal;
}

/* CONTENT */
.entry-title { display: none; }

/* FOOTER */
#footer-widgets #social-icons img { padding-right: 9px; }
#footer-widgets ul li { list-style: none; }
#footer-widgets .sub-menu {	display:none; }
#footer-wrapper #menu-navigation .sub-menu { padding: 0 !important; }
#footer { display: none; }
#footer-wrapper ul li, #sidebar ul li { list-style: none; }
#footer-wrapper ul li a, #sidebar ul li a {	color: black; text-decoration: none; }
#footer-wrapper ul li a:hover, #sidebar ul li a:hover {	color: #555555; }
#footer-wrapper { background-color: #e1e2e3; }
#footer-wrapper, #content-wrapper {	padding: 0 2.5%; }

/* NETWORK BAR */
.network-bar {
  border-top: 1px solid #ddd;
  background: #fff;
  margin: auto;
  padding: 2.5%;
}

.network-bar:after, .ssba:after {
	content:"";
	display:table;
	clear:both;
}

.network-bar .title {
  margin-top:0 !important;
  text-align: left;
}

.sites {
  margin-top:20px;
}

.site {
  background: #FCFCFC;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #eee;
  opacity: 0.7;
}

.site:hover {
  opacity: 1;
}

.site .title {
  font-size: 13px;
  text-decoration: none !important;
  margin: 5px 0;
  font-family: "Helvetica Neue", Helvetica, Arial sans-serif;
  color: #000000;
  font-weight: bold;
}

.site .read-more {
	text-decoration: none !important;
	color: white !important;
	background: #222;
	padding: 5px 10px;
	border-radius: 3px;
	display:inline-block;
	margin-top: 5px;
}

.site img {
    height: 40px;
}
.site a {
    display: block;
}

.sites .site:first-child {
  margin-left:0;
}

.site {
  min-height: 170px;
}

.site {
  margin-left:2%;
  width: 32%;
  float: left;
}

/*
* RESPONSIVENESS
* Mobile Devices
*/
@media only screen and (max-width: 400px) {
	.search_main {
		float: none !important;
		margin-bottom: 10px;
	}

	#sort_by {
		width: 100%;
	}
}

/* Tablet to desktop */
@media only screen and (min-width: 480px) {
	.network-bar:after {
    	clear:both;
   		display:table;
		content: "";
  	}
}
/* Tablet and Mobile Devices */
@media only screen and (max-width: 768px) {
	#topAd {
		display:none;	
	}

	#sort-options a, #sort-options p {
		padding: 10px 10px 0px 0;
	}

	.search_main {
		float:right;
	}

	#navigation {
		margin: 0;
	}

	#skin, .skin {
		display:none;
	}

	#logo {
		margin: 40px 0 0 0;
	}

	#top .newsletter {
		display:none;
	}

	#header .newsletter {
		display:block;
	}
}

/* iPad Fixes */
@media only screen and (max-width: 768px) {
	ul.nav { width:100% !important;	}
	ul.nav li {	float:none !important; }
	ul.nav li a { padding: .5em 1em !important; }
	#footer-widgets .block { width: 100% !important; }
	#top { display:none !important;	}
	#main, #sidebar { float:none !important; width: 100% !important; }
	#wrapper { overflow-y: visible; overflow-x: hidden; }
	#content { padding-top: 0 !important; }

	#navigation { 
		position:absolute !important;
		width: 80% !important; 
	 	padding-top: 4.236em !important;	
	}

	#navigation h3,
	#navigation .top-navigation,
	.nav-toggle, .nav-close, .nav-home {
		display:block !important;
	}

	.csstransforms3d.csstransitions .show-nav #inner-wrapper {
		-webkit-transform: translate3d(80%, 0, 0);
		-moz-transform: translate3d(80%, 0, 0);
		-ms-transform: translate3d(80%, 0, 0);
		-o-transform: translate3d(80%, 0, 0);
		transform: translate3d(80%, 0, 0);
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
	}

	.csstransforms3d.csstransitions .show-nav #navigation {
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	.csstransforms3d.csstransitions #navigation {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.csstransforms3d.csstransitions #inner-wrapper {
		left: 0 !important;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 200ms ease;
		-moz-transition: -moz-transform 200ms ease;
		-o-transition: -o-transform 200ms ease;
		transition: transform 200ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
}

@media only screen and (max-width: 600px) {
	.site {
		width: 100%;
		margin-left: 0;
		margin-bottom: 15px;
	}
}
/* DESKTOP STYLES */
@media only screen and (min-width: 769px) {
	.footer-widget-1 { width:18% !important; }
	.footer-widget-2 { width:17% !important; }
	.footer-widget-3 { width:23% !important; }
	.footer-widget-4 { width:30% !important; }
	#skin, .skin {
		height: 1200px;
		right: 0;
		position: fixed;
		width: 1920px;
		display:block;
		/* skin placeholder: this was the default skin used for launch */
		/* background: url('includes/images/SITV_Skin_launch_80sml.png'); */
	}
	
	#skin, .skin {
		left: 50%;
		margin-left: -960px;
	}
	.admin-bar #wrapper,
	.admin-bar #skin, .skin {
		top: 59px;
	}
	#top {
		z-index: 100;
		display: block;
		position: fixed;
		width: 100%;
	}
	#wrapper {
		position: absolute;
		right: 0;
		left: 0;
		z-index: 50;	
		top: 31px;
	}

	#navigation .menus {
		text-align: center;
	}

	#navigation ul li {
		width: 15%;
		padding: 5px;
		text-align: center;
		display: inline-block;
		float:none;
	}
}




/* INTERNET EXPLORER */
.ielt9 .footer-widget-1 { width:18% !important; }
.ielt9 .footer-widget-2 { width:17% !important; }
.ielt9 .footer-widget-3 { width:23% !important; }
.ielt9 .footer-widget-4 { width:30% !important; }
.ielt9 #skin, .skin {
	height: 1200px;
	right: 0;
	position: fixed;
	width: 1920px;
	display:block;
}

.ielt9 #skin, .skin {
	left: 50%;
	margin-left: -960px;
}
.ielt9 .admin-bar #wrapper,
.ielt9 .admin-bar #skin, .skin {
	top: 59px;
}
.ielt9 #top {
	z-index: 100;
	display: block;
	position: fixed;
	width: 100%;
}
.ielt9 #wrapper {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 50;	
	top: 31px;
}

.ielt9 #navigation ul li {
	width: 14.256%;
	text-align: center;
}

@media only screen and (min-width: 769px) {
	#video-grid-container .video-box {
		width: 31% !important; 
	}
}

#video-grid-container .video-box {
	padding-left: 0;
	margin-right: 2%;
	/*float: left;*/
}

#video-grid-container .last {
	margin-right: 0!important;
}

div.ssba.ssbp-wrap.right.ssbp--theme-1 {text-align: right;width: 100%;}
