/*

Theme Name: Datrium

Theme URI: http://www.decdesign.com/

Author: Decca

Author URI: http://www.decdesign.com/

Description: Datrium, Server flash storage system

Version: 1.0

*/



/*

 * Blue = #29829A

 *

 * font-family: 'Nunito', sans-serif;

 * font-family: 'Open Sans Condensed', sans-serif;

 * 

*/



html, body {

	color: #000000;

	font-family: 'Nunito', sans-serif;

	font-size: 100%;

	font-weight: 300;

}



body {

	background-color: #000;

}



a,

a:visited,

a:active,

a:hover {

	color: #29829A;

	text-transform: capitalize;

	font-weight: 700;

}



a:hover {

	text-decoration: underline;

}



h1, h2, h3, h4, h5, h6,

.partner-menu a,

.navbar-default .navbar-nav a {

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

}



h1, h2, h3, h4, h5, h6,

.navbar-default .navbar-nav a {

	text-transform: uppercase;

}



#map1 {

    width: 100%;

    height: 500px;

}



.comment{list-style:none; margin-bottom:30px; }



.st_sharethis_custom{

	background: url("http://www.datrium.com/wp-content/uploads/2015/07/Screen-Shot-2015-07-28-at-11.40.15-AM.png") no-repeat scroll left top transparent;

	  padding: 0px;

  background-position: -7px -8px;

  padding-left: 14px;

 cursor: pointer; 

}



/**************************************************

			Navigation bar

***************************************************/

.navbar-default {

	background: none;

	border: none;

	margin-bottom: 0;

}



.navbar-nav {

	/*min-height: 6.375em;*/

	padding: 2em 0 0;

}



.navbar-collapse {

	/*border-bottom: 1px solid #FFFFFF;*/

}



.navbar-brand {

	height: 5em;

}



.navbar-nav>li>a {

	font-size: 1.5em; 

}



.navbar-default .navbar-nav>.open>a, 

.navbar-default .navbar-nav>.open>a:focus, 

.navbar-default .navbar-nav>.open>a:hover,

.dropdown-menu>li>a:hover,

.navbar-default .navbar-nav>li>a:hover {

	background: none;

	color: #29829A;

}



.navbar-nav>li>.dropdown-menu {

	margin-top: 1.275em;

}



.navbar-default .navbar-nav>.active>a:hover,

.navbar-default .navbar-nav>.active>a {

	background: none;

	color: #29829A;

}



.partner-menu,

.partner-menu a,

#copyright-row,

.sitemap-menu a,

.navbar-default .navbar-nav>li>a:focus,

.navbar-default .navbar-nav>li>a {

	color: #FFFFFF;

}



.mobile-nav {

	display: none;

}





/**************************************************

			Header

***************************************************/

#menu-header-menu,

#menu-footer-menu a{

	text-transform: uppercase;

}



header,

.jumbotron,

#copyright-row {

	background: #000000;

}



.partner-menu {

	margin-right: 1em;

}



.partner-menu a {

	text-transform: capitalize;

}



.search-form .form-group,

#search-button {

	display: inline-block;

}



.search-form label span {

	display: none;

}



.search-field {

	background-color: #000;

	color: #fff;

	border: 1px solid #fff;

}



.search-field,

#search-button {

	border-radius: 0;

}



#search-button {

	color: #FFFFFF;

	border: 1px solid #FFFFFF;

	 margin-top: -5px;

}



.top-links {

	padding-top: 1em;

}



.jumbotron {

	margin-bottom: 0;

}



.jumbotron,

.jumbotron small {

	color: #FFFFFF;

}



.jumbotron h1.home-jumbo {

	font-size: 8em;

	text-transform: uppercase;

}



.jumbotron h1 {

	font-size: 5.8em;

	text-transform: uppercase;

}







/**************************************************

			Aside

***************************************************/



.sidebar-wrapper {

	position: fixed;

	right: 0;

	top: 28em;

	z-index: 2;

	background-color: #29829A;

	width: 4em;

	overflow: hidden;

	transition: all 1s linear;

}



.sidebar-wrapper:hover {

	width: 18em;

}



ul.sidebar {

	list-style-type: none;

	padding: 0;

	width: 18em;

	margin-bottom: 0;

}



.sidebar li {

	border-bottom: 1px solid #FFFFFF;

}



.sidebar li:last-child {

	border-bottom: none;

}



.sidebar li a {

	color: #FFFFFF;

	display: block;

	font-weight: 300;

	padding: 0.5em 1em;

}



.sidebar li a:hover {

	color: #ccc !important;

}



.sidebar .fa {

	padding-right: 0.8em;

	vertical-align: middle;

}





/**************************************************

			Content

***************************************************/



main {

	padding-top: 30px;

	background-color: #fff;

}



main .container:first-child {

	/*margin-bottom: 2em;

	border-bottom: 1px solid #000;*/

	/*padding-bottom: 3em;*/

	z-index: 1;

}



.page-header {

	border: 0;

	font-size: 2.3em;

	margin-top: 0;

	text-align: center;	

}



.sub-section {

	margin-top: 1em;

}



.page-header span {

	text-transform: lowercase;

}



.home-blocks h2 {

	font-size: 1.5em;

	height: 1.425em;

	clear: both;

}



.home-blocks .content {

	margin: 1em 0;

	min-height: 6em;

}



.home-blocks img {

	margin-right: 1em;

	float: left;

}



article {

	margin: 3em 0;

	border-bottom: 1px solid #000;

	padding-bottom: 3em;

}



article:last-child {

	border: none;

}



.entry-title {

	color: #000000;

}



article footer {

	border: 0;

	margin: 0;

	padding: 0;

}



.page .column a {

	text-transform: lowercase !important;

}



.comment-link,

.post-meta {

	color: #ccc;

}



.comment-link,

.comment-link:hover {

	font-weight: 300;

}



.post-meta span {

	margin-right: 2em;

}



.post-meta span i {

	padding-right: 0.5em;

}



/*****************************************************
			TABLEPRESS CSS OVERRIDES
******************************************************/


.tablepress-id-1,
.tablepress-id-2,
.tablepress-id-3,
.tablepress-id-4 {

	background: #FFFFFF;

	color: #000000;

	border: 1px solid #000000 !important;

}



.tablepress-id-1 thead th {

	background-color: #FFFFFF !important;

}



.tablepress-id-1 thead th:first-child {

	border-top: 1px solid #fff !important;

	border-left: 1px solid #fff !important;

}



.tablepress-id-1 td,

.tablepress-id-1 th,
.tablepress-id-2 td,
.tablepress-id-2 th,
.tablepress-id-3 th,
.tablepress-id-3 td,
.tablepress-id-4 th,
.tablepress-id-4 td {

 	border: 1px solid #000000 !important;

 	text-align: center !important;

}


.tablepress-id-2 .column-1,
.tablepress-id-3 .column-1,
.tablepress-id-4 .column-1,

.tablepress-id-1 .row-2 .column-2,

.tablepress-id-1 .row-3 .column-2,

.tablepress-id-1 .row-3 .column-3,

.tablepress-id-1 .row-4 .column-3 {

	background-color: #000000;

	border: 1px solid #FFFFFF !important;

	color: #FFFFFF;

}

.tablepress-id-2 .column-1,
.tablepress-id-3 .column-1,
.tablepress-id-4 .column-1 {
	vertical-align: middle;
	font-weight: 700;
}


.compare-warnings .glyphicon-warning-sign {

	width: 100%;

	text-align: center;

	font-size: 5em;

	border-bottom: 6px solid #000;

	padding-bottom: 0.2em;

}



.large-icon .glyphicon {

	font-size: 5em;

}





/**************************************************

		Well 

***************************************************/



.well {

	border-radius: 0;

	background: #000000;

	color: #FFFFFF;

}



hr {

	border-top: 1px solid #000;

}



hr.white-border {

	border-top: 1px solid #FFFFFF;

	margin: 0;

}



.black-out {

	background: #000000;

	color: #FFFFFF;

	padding: 1em;

}



.black-out img {

	display: block;

	margin: 0 auto 1em;

}



.margin-auto {

	margin-left: auto;

	margin-right: auto;

}



.fa-10x {

	font-size: 10em !important;

}



/**************************************************

		Team 

***************************************************/

.row.teams{margin-right: 120px; margin-left: 120px;}

.team-member .thumbnail {

	border: 0;

}



.team-member .image-hover {

	position: relative;

}



.image-hover .overlay {

	background-color: rgba(0,0,0, 0.5);

	width: 100%;

	height: 100%;

	top: 0;

	bottom: 0;

}



.image-hover .overlay,

.image-hover a.profile-view,

.image-hover a.profile-linkedin {

	bottom: 5%;

	position: absolute;

	color: #fff;

	visibility: hidden;

	opacity: 0;

	transition: visibility 0s linear 0.5s, opacity 0.5s linear;

}



.image-hover:hover .overlay,

.image-hover:hover a.profile-view,

.image-hover:hover a.profile-linkedin {

	visibility: visible;

	opacity: 1;

	transition-delay: 0s;

}





.image-hover a.profile-view,

.image-hover a.profile-linkedin {

	bottom: 5%;

	color: #fff;

	border: 1px solid #fff;

	padding: 8px 12px;

	border-radius: 22px;

}



.image-hover a.profile-view {

	left: 15%;

}



.image-hover a.profile-linkedin {

	right: 15%;

}





.team-member img {

	width: 100%;

}



.team-member img:hover {



}



.team-member h3,

.team-member h4 {

	text-align: center;

	margin-top: 0;

}



/* Modal */



.modal {

	top: 25%;

}



.modal-header,

.modal-footer {

	border: none;

}



.modal .fa {

	color: #000000;

	border: 1px solid #000000;

	padding: 10px 12px;

	border-radius: 24px;

}



.modal-backdrop.in {

	opacity: 1;

}





/**************************************************

			News & Events

***************************************************/



.row.events {

	padding: 1.5em 0;

	border-bottom: 1px solid #29829A;

	cursor: pointer;

}



.row.events:last-child {

	border-bottom: none;

}



.row.events:hover .go-icon{

	color: #29829A;

}



.row.events img {

	max-width: 206px;

	max-height: 60px;

}



.row.events h3 {

	margin-top: 0;

}





/**************************************************

			Footer

***************************************************/



footer {

/*	padding-top: 2em;

	border-top: 1px solid #000;

	margin-top: 3em;*/

}



.links-block {

	margin-top: 3em;

}



#menu-footer-menu a,

.sitemap-menu a {

	font-weight: 300;

}



#menu-footer-menu > li > a {

	font-weight: 700;

}



.home-blocks a:before,

.download-sheet li:before {

	content: '\f105';

	font-family: FontAwesome;

	font-weight: 700;

	padding-right: .5em;

}



.home-blocks a:before {

	color: #29829A;

}



.download-sheet li a,

.download-sheet li:before {

	color: #FFFFFF;

}



.follow-us li {

	padding-left: 0;

	padding-right: 0;

}





.follow-us a,

#menu-footer-menu a {

	color: #FFFFFF;

}



.follow-us .fa-inverse {

	color: #000000;

}



.download-sheet li a:hover,

#menu-footer-menu a:hover,

.follow-us a:hover {

	color: #29829A;

}



#menu-footer-menu .sub-menu {

  list-style-type: none;

  padding-left: 0.7em;

}



#menu-footer-menu .sub-menu a {

	font-size: 14px;

}



#copyright-row {

	min-height: 6em;

	padding-top: 3em;

	padding-bottom: 1em;

}



.copyright-text {

	text-align: right;

}



.copyright-text a {

	color: #FFFFFF;

}



.partner-menu li + li::before,

.sitemap-menu li + li::before {

    content: " | ";

    padding-right: 0.5em;

}





/**************************************************

			Media Queries

***************************************************/



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

	



}



@media (min-width: 992px) {

	

	.navbar-nav>li>a {

		margin: 10px 35px;

		padding: 0;

	}



	.navbar-right .dropdown-menu {

		left: 35px;

	}

	

	.search-field {

		min-width: 18em;

	}



	.team-member h3 {

		font-size: 1.3em;

	}



}



/* medium */

@media (min-width: 768px) {



	.dropdown-menu {

		background: #e5e5e5;

	}



	.dropdown .dropdown-menu{

	    display: block;

	    opacity: 0;



	    -moz-transition:    all 1000ms ease;

	    -webkit-transition: all 1000ms ease;

	    -o-transition:      all 1000ms ease;

	    -ms-transition:     all 1000ms ease;

	    transition:         all 1000ms ease;

	}

	

	.dropdown:hover .dropdown-menu {

	    display: block;

	    opacity: 1;

	}



	.nav > li > a:after {

		position: absolute;

		content: '';

		width: 100%;

		height: 6px;

		background-color: #29829A;

		right: 0;

		top: 42px;

		display: none;

	}

	

	.nav > li.current-menu-item:after ,

	.nav > li:hover > a:after {

		display: block;

	}





}



/* Small to Medium */

@media (min-width: 768px) and (max-width: 991px) {



	.navbar-nav>li>a {

		margin: 10px 12px;

		padding: 0;

	}



	.navbar-right .dropdown-menu {

		left: 12px;

	}

	

	.jumbotron h1.home-jumbo {

		font-size: 8em;

	}



	.jumbotron h1 {

		font-size: 6em;

	}



}



/* small devices*/

@media (max-width: 767px) {



	body {

		font-size: 80%;

	}



.sidebar-wrapper{display:none; }



	/***********************************

				Navbar mobile

	/***********************************/

	

	.navbar-toggle {

		margin-top: 2em;

	}



	.navbar-default .navbar-toggle {

		border: none;

	}



	.navbar-default .navbar-toggle:hover {

		background-color: transparent;

	}



	.navbar-default .navbar-toggle .icon-bar {

		background-color: #FFFFFF;

	}



	.navbar-toggle .icon-bar {

		width: 2em;

		height: 0.4em;

	}



	.mobile-nav {

		background-color: rgba(0,0,0, 0.8);

		display: none;

		height: auto;

		position: absolute;

		width: 100%;		

		z-index: 99;

	}



	.close-mobile-nav {

		float: left;

		width: 24%;

		height: 100%;

		padding: 1em 0 3em 1em;

	}



	.mobile-nav a {

		color: #FFFFFF;

		text-transform: uppercase;

		font-size: 2em;

		font-family: 'Open Sans Condensed', sans-serif;

		font-weight: 700;

	}



	.current-menu-item > a,

	.mobile-nav a:hover {

		color: #29829A;

	}



	.mobile-list {

		background-color: #1a1a1a;

		float: right;

		width: 76%;

		padding-bottom: 8em;

	}



	.mobile-list > ul {

		list-style-type: none;		

		padding-left: 0;

		width: 100%;

		height: 100%;

	}



	.mobile-list > ul > li {

		border-bottom: 1px solid #fff;

	}



	.mobile-list > ul > li > a {

		padding: 6px 14px;

		display: block;

	}



	.mobile-nav .menu-item-has-children > a:after{

		content: '\f067';

		font-family: FontAwesome;

		font-size: 16px;

		padding-left: 1em;

		vertical-align: middle;

	}



	.mobile-nav .sub-menu {

		list-style-type: none;

		padding: 0 1em 1em 2em;

		/*display: none;*/

	}



	.mobile-nav .sub-menu a {

		font-size: 1.3em;

	}



	.mobile-list .search-form {

		float: none !important;

	}



	.mobile-list .search-form .form-group {

		margin-left: 1em;

		margin-top: 6px;

	}



	.mobile-list .search-form #search-button {

		display: none;

	}







	/************** End of Mobile Nav *******************/



	.jumbotron h1.home-jumbo,

	.jumbotron h1 {

		font-size: 3.5em;

	}



	.post-meta span {

		margin-right: 1em;

	}



	.home-blocks .col-sm-4 {

		margin-bottom: 2em;

	}



	.content-block {

		width: 70%;

	}



	.content-block h2 {

		margin-top: 0;

		height: auto;

	}



	.home-blocks img {

		max-width: 65px;

	}



	.row.events h3 {

		margin-top: 10px;

	}



	.go-icon .fa {

		position: absolute;

		top: 20px;

	}



	.row.events img {

		max-width: 130px;

	}



	.sidebar-wrapper {

		top: 20em;

	}



	.tablepress-id-1 {

		font-size: 10px;

	}

	

	ul.download-sheet {

		margin-bottom: 0;

	}

	

	.social-links {

		margin: 1em 0;

  		padding-left: 0.5em;

	}



	.social-links .follow-us {

		margin-left: .5em;

	}



	.social-links p,

	.social-links ul {

		display: inline;

	}



	.copyright-text {

		text-align: left;

	}



}



/* Landscape styles */

@media only screen and (max-width: 767px) and (orientation: landscape) {



	.sidebar-wrapper {

		top: 8em;

	}



	.wp-image-308 {

		width: 70%;

	}



}



/* Portrait styles */

@media only screen and (max-width: 767px) and (orientation: portrait) {



	img.wp-image-308.aligncenter {

		width: 100%;

	}



}



.post .post-thumbnail{width:50px; margin-right:5px; float:left; }