@charset "utf-8";

/******************** Font-Awesome social media icons *******************
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

#social-media a:before {
  background-clip: padding-box;
  border-radius: 0.236em;
  font-family: 'FontAwesome';
  font-variant: normal;
  font-weight: normal;
  height: 100%;
  left: 0;
  line-height: 2;
  margin: 0;
  position: absolute;
  text-align: center;
  text-indent: 0;
  text-transform: none;
  top: 0;
  width: 100%;
}

#social-media a.facebook:before {
  content: "\f09a";
}

#social-media a.linkedin:before {
  content: "\f0e1";
}

#social-media a.google:before {
  content: "\f0d5";
}

#social-media a.email:before {
  content: "\f003";
}*/

/******************** Vertical centering ********************/
.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/******************** Column Layouts ********************/
.two-col > .col{
	width:47.5%;
	margin-right:5%;
	float:left;
}

.two-col > .col:nth-child(2n){
	margin-right:0;
}

.two-col > .col:nth-child(2n+1){
	clear:both;
}

.three-col > .col{
	float:left;
	width:30%;
	margin-right:5%;
}

.three-col > .col:nth-child(3n){
	margin-right:0;
}

.three-col > .col:nth-child(3n+1){
	clear:both;
}

.four-col > .col{
	float:left;
	width:21.25%;
	margin-right:5%;
}

.four-col > .col:nth-child(4n){
	margin-right:0;
}

.four-col > .col:nth-child(4n+1){
	clear:both;
}

.five-col > .col{
	float:left;
	width:16%;
	margin-right:5%;
}

.five-col > .col:nth-child(5n){
	margin-right:0;
}

.five-col > .col:nth-child(5n+1){
	clear:both;
}


/******************** Woothemes table bg fix ********************/
.entry table tr.alt-table-row {
  background: none;
}

/******************** Buttons Examples ********************/
.gradient-button{
	background: #3d7f92; /* Old browsers */
	background: -moz-linear-gradient(top,  #3d7f92 0%, #27525e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d7f92), color-stop(100%,#27525e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3d7f92 0%,#27525e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3d7f92 0%,#27525e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3d7f92 0%,#27525e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3d7f92 0%,#27525e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d7f92', endColorstr='#27525e',GradientType=0 ); /* IE6-9 */
	border: 2px solid #a43638;
	-moz-box-shadow:0px 1px 2px rgba(000,000,000,1), inset 0px 0px 10px rgba(087,087,087,0);
	-webkit-box-shadow:0px 1px 2px rgba(000,000,000,1), inset 0px 0px 10px rgba(087,087,087,0);
	box-shadow:0px 1px 2px rgba(000,000,000,1), inset 0px 0px 10px rgba(087,087,087,0);
	padding: 10px 15px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	color: #ffffff;
	text-transform:uppercase;
	text-shadow:0px -1px 0px rgba(000,000,000,0.3), 0px 1px 0px rgba(255,255,255,0);
}

/******************** Mobile/Tablet display and hide ********************/
.tablet, .mobile{
	display:none;
}

/********** Tablet **********/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tablet{
		display:block;
	}
	
	.no-tablet{
		display:none;
	}
	
	/******************** Column Layouts ********************/
	.tablet-one-col > .col{
		width:100%;
		margin-right:0%;
		float:left;
		clear:both;
	}
	
	.tablet-two-col > .col{
		width:47.5%;
		margin-right:5%;
		float:left;
	}
	
	.tablet-two-col > .col:nth-child(2n){
		margin-right:0;
	}
	
	.tablet-two-col > .col:nth-child(2n+1){
		clear:both;
	}
	
	.tablet-three-col > .col{
		float:left;
		width:30%;
		margin-right:5%;
	}
	
	.tablet-three-col > .col:nth-child(3n){
		margin-right:0;
	}
	
	.tablet-three-col > .col:nth-child(3n+1){
		clear:both;
	}
	
	.tablet-four-col > .col{
		float:left;
		width:21.25%;
		margin-right:5%;
	}
	
	.tablet-four-col > .col:nth-child(4n){
		margin-right:0;
	}
	
	.tablet-four-col > .col:nth-child(4n+1){
		clear:both;
	}
	
	.tablet-five-col > .col{
		float:left;
		width:16%;
		margin-right:5%;
	}
	
	.tablet-five-col > .col:nth-child(5n){
		margin-right:0;
	}
	
	.tablet-five-col > .col:nth-child(5n+1){
		clear:both;
	}
}

/********** Mobile **********/
@media only screen and (max-width: 767px) {
	.mobile{
		display:block;
	}
	
	.no-mobile{
		display:none;
	}
	
	/******************** Column Layouts ********************/
	.mobile-one-col > .col{
		width:100%;
		margin-right:0%;
		float:left;
		clear:both;
	}
	
	.mobile-two-col > .col{
		width:47.5%;
		margin-right:5%;
		float:left;
	}
	
	.mobile-two-col > .col:nth-child(2n){
		margin-right:0;
	}
	
	.mobile-two-col > .col:nth-child(2n+1){
		clear:both;
	}
	
	.mobile-three-col > .col{
		float:left;
		width:30%;
		margin-right:5%;
	}
	
	.mobile-three-col > .col:nth-child(3n){
		margin-right:0;
	}
	
	.mobile-three-col > .col:nth-child(3n+1){
		clear:both;
	}
	
	.mobile-four-col > .col{
		float:left;
		width:21.25%;
		margin-right:5%;
	}
	
	.mobile-four-col > .col:nth-child(4n){
		margin-right:0;
	}
	
	.mobile-four-col > .col:nth-child(4n+1){
		clear:both;
	}
	
	.mobile-five-col > .col{
		float:left;
		width:16%;
		margin-right:5%;
	}
	
	.mobile-five-col > .col:nth-child(5n){
		margin-right:0;
	}
	
	.mobile-five-col > .col:nth-child(5n+1){
		clear:both;
	}
}