/******************************************************************
Stylesheet: Tablet & Small Desktop Stylesheet
******************************************************************/

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
	/* max-width: 960px; */
}

#main.eightcol {
	width: 72.5%;
}
  
/*Three Column Page Template Styles*/
.three-col #sidebar1{
	float: left;
	width: 22.500025%; /* or the grid's .threecol*/ 
	margin-left: -74.1666525%; /* .sixcol + .threecol + margin */
}
  
.three-col #sidebar2{
	float: right;
}
  
.three-col #main{
	float: left;
  	margin-left: 25.833325%;
}

/*********************
HEADER SYTLES
*********************/
.header {
	background: #56a0d3;
	height: 50px;
	width: 100%;
	position: relative;
	box-shadow: none;
}
.page-template-template-home-php .header {
	background: #777 url(../images/header-color-1680x504.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height:280px;
	width:100%;
}

@media (min-width: 1681px) {
	.page-template-template-home-php .header {
	background: #777 url(../images/header-color-4158x521.jpg);
	background-position: center;
	background-size:cover;
	}
}
.page-template-template-home-php.logged-in .header {
	height: 230px;
}
#toplogo {
	display: none;
}
.page-template-template-home-php #toplogo {
	display: block;
	width: 376px;
	margin: 25px auto;
	height: 180px;
}

.page-template-template-home-php #toplogo a {
    background: transparent url(../images/webunc-home-logo.png) center center no-repeat;	
    width: 375px;
	height: 160px;
    margin: 0 auto;
    display: block;
}
@media (-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 
	.page-template-template-home-php #toplogo a {
		background: transparent url(../images/webunc-home-logo-2x.png) center center no-repeat;
		background-size: 100%;
	}
}

  
/*********************
NAVIGATION STYLES
*********************/
.nav-btn {
	display: none;
}
#top .nav-btn {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
#nav {
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 25;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: 0 1px 2px rgba(100, 100, 100, .8);
	background: #56a0d3;
}
.js-ready .logged-in #nav {
	top: 32px !important;
}
.page-template-template-home-php #nav {
	position: relative;
}
.page-template-template-home-php #nav-sticky-wrapper {
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 25;
}
#nav.is-sticky		 {
	position: fixed;
	box-shadow: 0 2px 3px rgba(100, 100, 100, .8)
}
.navwrap {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}

#nav .close-btn {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
#nav .block-title {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.page-template-template-home-php #nav ul {
	text-align: center;
	margin: 0;
}
#nav ul, .page-template-template-home-php .is-sticky #nav	 ul {
	text-align: right;
	margin: 0 10px 0 0;
	white-space: nowrap;
}
#nav li {
	display: inline-block;
}
#nav li:last-child {
	border-right: none;
}
#nav li a {
	padding: 5px 10px;
	line-height: 40px;
}
#nav li a:focus, 
#nav li a:hover, 
#nav li.current-menu-item a:hover {
	color: #000;
	background: none;
}
#nav li.current-menu-item a {
	color: #fff;
}

#logo {
	display: block;
	position: absolute;
	left: 20px;
	top: 5px;
}
#logo a {
	display: block;
	width: 94px;
	height: 40px;
	background: transparent url(../images/webunc-logo-navbar.png) center center no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 
		#logo a {
			background: transparent url(../images/webunc-logo-navbar-2x.png) center center no-repeat;
			background-size: 100%;
		}
	}
.page-template-template-home-php #logo {
	opacity: 0;
}
.page-template-template-home-php .is-sticky #logo {
	-webkit-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	opacity: 1;
}

/*********************
MAIN STYLES
*********************/


  
/*********************
SIDEBARS & ASIDES
*********************/
.sidebar {
    margin: 8px 0 0 0;
    padding: 0 20px 20px 0;
    border-right: 1px dotted #ddd;
    width: 25%;
    float: left;
}

h2.widget-title {
	margin-top: 0;
}
    
/*********************
FOOTER STYLES
*********************/
.footer {
  text-align: left;
}
  
#footer1 p.contact{
	margin: 0;
	padding: 0;
	text-align: right;
}
    
#footer2{
  /*gradient*/
  background: #86bce1; /* Old browsers */
  background: -moz-linear-gradient(top,  #86bce1 0%, #5bb0df 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86bce1), color-stop(100%,#5bb0df)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #86bce1 0%,#5bb0df 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #86bce1 0%,#5bb0df 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #86bce1 0%,#5bb0df 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #86bce1 0%,#5bb0df 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86bce1', endColorstr='#5bb0df',GradientType=0 ); /* IE6-9 */
}
  
#footer2 .widget a.footer-logo{
	  float: left;
}
    
#footer2 .widget a.footer-logo img{
	width: 100%;
  	max-width: 100%;
}
    
#footer2 .widget_nav_menu{
	float: right;
	margin: 0 0 0 20px;
	font-size: .85em;
}
  
    
/* Account for a:hover padding */
#footer2 .widget_nav_menu h4.widgettitle{
	padding-left: 5px;
}
  
#footer2 p.source-org{
	width: 100%;
	clear: both;
	padding-top: 50px;
	display: block;
	text-align: center;
}

/*********************
SUPPORT & TRAINING LANDING PAGE
*********************/
.tax-support_category ul#menu-main li#menu-item-77 a,
.single-support_article ul#menu-main li#menu-item-77 a{
	background-color: #ffffff;
    color: #333;
}
section.support-grid .support-box{
	margin-right: 3.333%;
	width: 21%;
	height: 200px;
}

section.support-grid .support-box a.more{
	position: absolute;
	bottom: 20px;
}
.support-btm .forum-grid {
	width: 70%;
	float: left;
}
.support-btm .support-cats {
	width: 25%;
	float: right;
}

/**********************
SHOWCASE
**********************/

/* Showcase Template */

.showcase-grid .cell{
	width: 21.1111111%;
}

/**********************
HOME PAGE
**********************/

/* Home page section styles */

body.page-template-template-home-php article { 
	position: relative;
	padding: 35px 30px;
}

	body.page-template-template-home-php article.why-webdotunc h1.page-title { margin-bottom: .3em; }

	body.page-template-template-home-php div.row { display: table-row; }
	body.page-template-template-home-php div.cell { display: table-cell; width: 50%; }
	
	body.page-template-template-home-php div.cell.one, body.page-template-template-home-php div.cell.two  { border-bottom: 2px solid #9ac743; padding-bottom: 2em; margin-top: 2em; }
	body.page-template-template-home-php div.cell.one, body.page-template-template-home-php div.cell.three  { border-right: 2px solid #9ac743; padding-right: 4em; text-align: right;  }
	body.page-template-template-home-php div.cell.two, body.page-template-template-home-php div.cell.four  { padding-left: 4em;  }
	body.page-template-template-home-php div.cell.three, body.page-template-template-home-php div.cell.four  { padding-top: 2em;  }

.home-intro-text {
	float: left;
}
.create-site {
	float: right;
}

.home .feature {
	float: left;
	width: 45%;
	margin-right: 5%;
}

/*** Signup Page ***/

.signup-page .field,
.signup-page .description {
	display: table-cell;
}
.signup-page .field {
	width: 75%;
}
.signup-page .description {
	width: 25%;
}

/*** Forums ***/
#forum-search .text {
	width: 220px;
}
li.bbp-forum-info, 
li.bbp-topic-title {
	width: 55%;
}
li.bbp-topic-voice-count,
li.bbp-topic-freshness {
	display: block;
}