/*

Theme Name: Inntopia Wordpress Theme + MKTG Layer

Theme URI: <a href="http://free-css.com/">http://free-css.com</a>

Description: THis is a custom wordpress theme developed for Inntopia by Matt Harpster of hampster-design.com & tothdesignco.com

Version: 2.0

Author:  >Matt Harpster<

Author URI: >http://www.hampster-design.com<

Tags: not-free, custom

*/


div.clean-horizontal > div.st_tabs ul li a.st_tab_first {
    border-left: 0px solid #ccc !important;
	background-color:#ed6e06 !important;
	
}
div.clean-horizontal > div.st_views {
    position: relative;
    z-index: 5;
    height: 100%;
    padding: 0px !important;
    line-height: 19px;
    border: 0px solid #ccc !important;
    background-color: #fff;
    overflow: hidden;
	margin-top:20px !important;
}
div.clean-horizontal > div.st_tabs ul li {margin-right:20px !important;}

div.clean-horizontal > div.st_tabs ul li a.st_tab_active {
    padding-bottom: 2px;
    background: #383838 !important;
    color: #fff !important;
}

table.sched {}

table.sched td.date { background: #ed6e06 !important; color:#fff !important; font-size:18px !important; border-right:20px solid #fff !important; border-bottom:20px solid #fff !important; width:17% !important; text-align:center !important}

table.sched td { background-color:#efefef; padding:10px; border-bottom:20px solid #fff;  text-align:left !important;}

div.clean-horizontal > div.st_views div.st_view_inner {
    padding: 0px !important;
}

div.clean-horizontal > div.st_tabs ul li a {
    display: block;
    height: 43px;
    margin: 0px;
    padding: 0 28px;
font-family: "Raleway",Helvetica,Arial,sans-serif !important;
    font-size: 16px !important;
    line-height: 1.428571429;
    color: #fff !important;
    text-decoration: none;
    outline: none;
    border-top: 0px solid #fff !important;
    border-right: 0px solid #fff !important;
    background: #ed6e06 !important;
    background: -moz-linear-gradient(center top , #ed6e06, #ed6e06) !important;
}

#my-footer-buttons { margin:0px auto; max-width:1145px;}

#my-agenda {background-color:#fff!important;}

table.my-agenda { text-align:left !important; max-width:100%; padding-bottom:20px; }
table.my-agenda td { text-align:left !important; padding:20px; vertical-align:text-top;}

table.my-legend { text-align:center !important; max-width:100%; padding-bottom:20px; margin:0px auto !important; padding-top:20px;}
table.my-legend td { text-align:center !important; padding:20px; vertical-align: middle;}

#my-agenda-wrapper {background-color:#f7f7f7; padding-top:20px;}

.agreen {color:#548235}
.aorange {color:#c55a11}
.ayellow {color:#ffc000}


.header-menu.no-touch > ul > li > a:hover, .header-menu.no-touch > ul > li > a:active, .header-menu.no-touch > ul > li > a:focus {display:block !important;}

.clear {clear:both;}

.perk {padding-bottom:4em !important;padding-top:1.5em !important;}

.perk .more {margin-bottom:1em;}

.bucket .link-list ul {list-style-type: none;padding:0px;}





/* General Helper Styles */

.vert-mar-1 {margin:1em 0;}

.vert-mar-2 {margin:2em 0;}

.vert-mar-3 {margin: 3em 0;}

.no-bot-mar {margin-bottom:0 !important;}

.no-top-mar {margin-top:0 !important;}

.no-bot-pad {padding-bottom:0 !important;}

.no-top-pad {padding-top:0 !important;}

.no-horiz-mar {margin-left:0 !important; margin-right:0 !important;}

.no-horiz-pad {padding-left:0 !important; padding-right:0 !important;}



/* Global Nav */

.header-menu.no-touch > ul > li > a {

	

}

@media (max-width: 1100px) {

	.header-menu.no-touch > ul > li > a {padding: 0 .9em !important;}

	header .search-wrap {margin-right:0 !important;width:30px !important;}

}

@media (max-width: 1050px) {

	.header-menu.no-touch > ul > li > a {padding: 0 .5em !important;}

	.btn-request-demo {width:120px !important;}

}

@media (max-width: 780px) {

	.header-menu.no-touch > ul > li > a {padding: 0 .5em !important;}

}

@media (max-width: 480px) {



}



/* Global Search */

header .search-wrap .search-form input {float:inherit !important;}

header .search-wrap .search-form input[type="submit"] {float:right !important; margin-right:1em;	}

.search-form label {padding-right:1.6em;}



header .btn-request-demo {padding:5px !important;}

/* Homepage Carousel */

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

//  06 - Slideshow

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



#content .flexslider {	

	margin: 0 0 30px 0 !important;	

}



.flexslider p {

	margin: 0 !important;

}



.slideshow li, #content .flexslider li, #content .flexslider ol {

	list-style: none !important;

	list-style-type: none !important;	

}



#content .flexslider ol {	

	padding-bottom: 5px !important;

	margin-bottom: 0 !important;

	bottom:20px !important;

	position:absolute !important;

	right: 3% !important;

}



#content .flexslider .slides {

	margin: 0;	

}



/* FlexSlider Theme------------------*/



.flexslider {  min-height: 100px; border: 0 !important; margin: 0 0 0 0!important; padding: 0 0 1px 0 !important; background: transparent; border: none; position: relative; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0!important; border-radius: 0!important; box-shadow: none !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; zoom: 1;}

.flexslider .slides li{	margin-bottom: 0 !important; }

.flexslider .slides li p{ margin: 0 !important; }

.flexslider .slides > li {position: relative;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {zoom: 1; position: relative;}

.flexslider .slides img { height: auto; max-width: 100%; width: auto !important; margin: 0 auto;}

.flex-direction-nav, .flex-control-nav, .flex-caption { margin-bottom:0 !important;}



/* Caption style */

/* IE rgba() hack */



.flex-caption {width: auto; position: absolute; color: #fff; }

.flex-caption p {font-size: .9em !important; margin-bottom: 0;}



/* Direction Nav */



.flex-direction-nav {	

	position: absolute;

	width: 100%;

	margin: 0 0 15px !important;

	right: 0;

	bottom: 50%;

	display: block;	

}



.flex-direction-nav li a {

	-webkit-transition: none; -moz-transition: none; transition: none;

	-webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease;

}

.flex-direction-nav li a { z-index: 100; width: 31px!important; height: 31px; display: block; background: rgba(0,0,0,0.3) url(img/flexslider/direction_nav.png) no-repeat 0 0;  cursor: pointer; text-indent: -9999px; border-radius: 5px; margin-top: 0;}

.flex-direction-nav li a.flex-next {background-position: -29px 9px; right: 30px !important;}

.flex-direction-nav li a.flex-next:hover {opacity: 1; filter:alpha(opacity=100);}

.flex-direction-nav li a.flex-prev {background-position: 0px 9px; left: 30px !important; }

.flex-direction-nav li a.flex-prev:hover { opacity: 1; filter:alpha(opacity=100); }

.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {position: absolute !important; bottom: 20px !important; right: 3% !important; width: auto !important; }

.flex-control-nav li {margin: 0 0 0 5px !important; display: inline-block !important; zoom: 1; *display: inline !important;}

.flex-control-nav li:first-child {margin: 0 !important;}

.flex-control-nav li a {width: 13px !important; height: 13px !important; display: block !important; background: rgba(255,255,255,0.3) !important; cursor: pointer; text-indent: -9999px; box-shadow: none !important;}

.flex-control-nav li a:hover {background: rgba(255,255,255,0.7) !important;}

.flex-control-nav li a.flex-active {background: rgba(255,255,255,0.7) !important; cursor: default !important;}



#content .flex-direction-nav { margin-top: -15px !important;}

#content .flex-control-nav { margin: 0; padding-top: 15px; position: relative !important; bottom: 0 !important; right: 0 !important; width: auto !important; }

#content .flex-control-nav li a { background: rgba(0,0,0,0.3) !important; box-shadow: none !important;}

#content .flex-control-nav li a:hover { background: rgba(0,0,0,0.7) !important;}

#content .flex-control-nav li a.flex-active { background: rgba(0,0,0,0.7) !important;}





/* Home Slideshow------------------*/



.slideshow, .flexslider {	

	margin: 0 !important;

	position: relative;		

}



.slideshow  {padding:0 !important;}



.home .slideshow {

	margin: 0 !important;

	max-height: 700px;

	overflow: hidden;

	background: #000;	

}



.home .slideshow .slide{

	height: 700px;	

}



.home .slideshow img{

	width: 100% !important;	

}



.home.blog .slideshow {

	margin-bottom: 30px;

}



/* Caption style for home page slideshow*/



.home .slideshow .details {

	background: transparent;	

	display: block;

	width: 100%;

	text-align: center;

	top: 50%;

	position: absolute;	

	display: none;

}



.home .slideshow .details .box{	

	padding: 0 30px 0 30px;

}



.home .slideshow .details.left {	

	text-align: left;	

}



.home .slideshow .details.right {	

	text-align: right;	

}



.home .slideshow .details.right .text {		

	width: 50%;	

}



.home .slideshow .details .inside {	

	max-width: 62.5em;	

}



.home .slideshow .details.center .text {	

	width: 80%;	

}



.home .slideshow .details .text {

	display: inline-block;		

}

.home .details h2 {

	color: #fff;

	margin: 0 0 5px 0;

	text-transform: uppercase;

	font-weight: normal;

	font-size: 4.0em;	

	text-shadow: 2px 2px rgba(0,0,0, .2);

}

.home .details p {

	font-size: 1.9em !important;

	margin-bottom: 0;	

	line-height: 1.3em;

	color: rgba(255,255,255, .6);

}



.home .details p .button{

	margin: 25px 0 0 0 !important;

	background: transparent !important;

	border: 2px solid rgba(255,255,255, .6);

	color: rgba(255,255,255, .6);

	border-radius: 0;

	font-weight: normal !important;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

	-moz-transition-property: all;

	-webkit-transition-property: all;

	-o-transition-property: all;

	transition-property: all;

	-moz-transition-duration: 0.5s;

	-webkit-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

	transition-duration: 0.5s;

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

}



.home .details p .button:hover{

	background-image: none !important;

	background-color: rgba(255,255,255,.1) !important;

	color: #fff;

	border-color: #fff;	

}



.home-hero .logo-overlay {

	padding:2em !important;

	position:absolute;

	z-index:100;

	width:100%;

}

.home-hero .overlay-content {

	margin-top: 11% !important;

}

@media (max-width:1340px) {

	.home-hero .overlay-content {margin-top:14% !important;}

}

@media (max-width:1024px) {

	.home-hero .overlay-content {margin-top:18% !important;}

}

@media (max-width:768px) {

	.home-hero .overlay-content {margin-top:22% !important;}

}

@media (max-width:600px) {

	.home-hero .overlay-content {margin-top:26% !important;}

}



.home-hero .overlay-content.center {

	margin-left:auto !important;

	margin-right:auto !important;

	float:none !important;

}

.home-hero .overlay-content.left {

	float:left !important;

	margin-left:2em !important;	

}

/* End Homepage Carousel */



/* Search Page */

input[type="submit"] {

	background-color: #ed6e06;

	border:none;

	color:#fff;

	height: 35px;

}

/* For Careers */

.bucket.env {

	min-height:29em;

}

@media (max-width: 600px) {

	.bucket.env {

		min-height:27em;

	}

}

@media (max-width: 480px) {

	.bucket.env {

		min-height:25em;

	}

}



/* Case Study Landing */

.case-study {padding:0 22px;}

@media (max-width: 480px) {

	.case-study {padding:0 11px;}

}

/* Case Study Carousel */

.case-studies .bucket {min-height:28em;}



/* Products Carousel */

.products .bucket .thumb img.fa-4x, .products .cell img.fa-4x {margin:0 auto; width:61px;}

.products .bucket .thumb img.fa-5x, .products .cell img.fa-5x {margin:0 auto; width:70px;}

.products .bucket {}

.post span.post-cat {

	clear:none;

	margin-right:0.4em;

	

}



/* Product Landing Carousel */

.products .perk .cell .title-and-copy {height:8em;}



/* Post Styles - News & Events: Events, Blog, Press Releases */

.main .archives h1 {padding:1em 0 .5em 0;}

.main .archives article {border-bottom:1px solid #d5d5d6;margin-bottom:1.5em; padding-bottom: 1.5em;}

.main .archives article.no-bot-border {border-bottom:none;}

.post .event-details ul {list-style-type:none;padding:0px;}

.post .event-details ul li {padding-bottom: 5px;}







/* Post Pagination Styles */

.paging-navigation {border-bottom:1px solid #d5d5d6;border-top:1px solid #d5d5d6;margin-bottom:1.5em;}

.paging-navigation h5 {padding:2px 1em 0 0;margin:0px;float:right;}

.paging-navigation .pagination {margin:5px .2em 5px 0;background:#f7f7f7;padding:2px 3px;border:1px solid #d5d5d6;float:right;}

.paging-navigation .pagination .page-numbers {padding:0px .3em;}









/* Connectivity Category Page */

.connectivity.inline-post .logo-table {

	height:160px !important;

	width:100% !important;

	max-width:170px;

	min-width:140px;

}





.connectivity.inline-post {

	min-height:90px !important;

	margin-bottom:1em !important;

	padding: 0 5px !important;

}



.connectivity.inline-post .logo-table {

	/*height:150px !important;

	width:150px !important;*/

	height:160px !important;

	width:80% !important;

	max-width:178px;

	min-width: 140px;

}

.connectivity .logo-table .logo-cell {

	padding:0 0.5em;

}



.connectivity.inline-post .logo-table .logo-cell .logo-frame {

	background-color:#fff;

	height:150px;

	width:100% !important;

	max-width:158px;

	min-width: 150px;

	display:table-cell;

	vertical-align:middle;

	text-align:center;

}

.connectivity.inline-post .logo-table .logo-cell .logo-frame a, .connectivity.inline-post .logo-table .logo-cell .logo-frame span {

	display:inline-block;

	text-align:center;

	width:100%;

}



.connectivity.inline-post .logo-table img {

	width:auto !important;

	display:inline-block;

	

}

.lhn-page h1 {padding-left:33%;}

@media (max-width: 990px) {

	.lhn-page h1 {padding-left:41.5%;}

}

@media (max-width: 780px) {

	.lhn-page h1 {padding-left:0;}

}



@media (max-width: 480px) {

	.lhn-page h1 {padding-left:0;}

}



/* Client Category Page */

.client.inline-post {

	min-height:90px !important;

	margin-bottom:1em !important;

	padding: 0 5px !important;

}



.client.inline-post .logo-table {

	/*height:150px !important;

	width:150px !important;*/

	height:110px !important;

	width:80% !important;

	max-width:178px;

	min-width: 140px;

}

.client .logo-table .logo-cell {

	padding:0 0.5em;

}



.client.inline-post .logo-table .logo-cell .logo-frame {

	background-color:#fff;

	height:100px;

	width:100% !important;

	max-width:158px;

	min-width: 164px;

	display:table-cell;

	vertical-align:middle;

	text-align:center;

}

@media (max-width: 480px) {

	.client.inline-post .logo-table .logo-cell .logo-frame { min-width: 150px !important;}

}

.client.inline-post .logo-table .logo-cell .logo-frame a, .client.inline-post .logo-table .logo-cell .logo-frame span {

	display:inline-block;

	text-align:center;

	width:100%;

}



.client.inline-post .logo-table img {

	width:auto !important;

	display:inline-block;

	

}









.client.lhn-page h1 {padding-left:35.4%;}

@media (max-width: 990px) {

	.client.lhn-page h1 {padding-left:36%;}

}

@media (max-width: 780px) {

	.client.lhn-page h1 {padding-left:22px;}

}



@media (max-width: 480px) {

	.client.lhn-page h1 {padding-left:15px;}

}



/* Client Landing Page */

.client-logos .logo-table {

	width:100% !important;

	max-width:164px;

	min-width: 140px;

	height:150px !important;

}



.client-logos li.client {

	padding:0 5px;

}

.client-logos .logo-table .logo-cell {

	padding:0 .5em;

}

ul.client-logos {}





/* Team Landing */



.team-list .team-cell {height:18em;}

@media (max-width: 780px) {

	.team-list .team-cell {height:19em;}

}



@media (max-width: 480px) {

	.team-list .team-cell {height:18em;}

}



.team-list .col-lg-3.bucket .thumb img {display:table-cell;width:80%;}



.team-list .board-cell {height:19em;}

.team-list .board-cell.no-image {height:8em !important;padding:2em 0;}

@media (max-width: 990px) {

	.team-list .board-cell {height:16em;}

}

/* About Us */

.charity-divider {background-color: #f7f7f7;padding-top: 0.5em;}





/* Careers */

.benefits .post-body {display:table-cell !important;vertical-align:middle;}



.job-listing .post-body {height:5em;}

@media (max-width: 990px) {

	.job-listing .post-body {height:6em;}

}

@media (max-width: 880px) {

	.job-listing .post-body {height:7em;}

}

@media (max-width: 560px) {

	.job-listing .post-body {height:8em;}

}

@media (max-width: 480px) {

	.job-listing .post-body {height:6em;}

}

@media (max-width: 400px) {

	.job-listing .post-body {height:8em;}

}



/* Career Detail */ 

.rail-list .cat a {cursor:default !important;}

.rail-list .cat a:hover {background-color: #383838 !important;}

/* Request a Demo Styles */

#et-contact input[type="text"], #et-contact input[type="email"], #et-contact input[type="tel"], #et-contact input[type="submit"], #et-contact textarea {

	border-radius:3px;

	border:1px solid #a8a8a8;

}

#et-contact form {margin-bottom:3em;}

form .label-cell {}



.request-demo-form select {width:17em;}

.request-demo-form input[type="text"], .request-demo-form textarea {width:30em;}

@media (max-width: 990px) {

	.request-demo-form select {width:15em;}

	.request-demo-form input[type="text"], .request-demo-form textarea {width:20em;}

}

@media (max-width: 780px) {

		.request-demo-form input[type="text"], .request-demo-form select, .request-demo-form textarea {width:100%;}

}

@media (max-width: 480px) {

	.request-demo-form input, .request-demo-form select, .request-demo-form textarea {width:100%;}

}

@media (max-width: 380px) {

	.request-demo-form input, .request-demo-form select, .request-demo-form textarea {width:100%;}

}

form .input-cell {padding: 5px;}







/* Contact Us Styles */

form.contact-form input[type="text"], form.contact-form input[type="email"], form.contact-form input[type="tel"], form.contact-form input[type="submit"], form.contact-form textarea {

	border-radius:3px;

	border:1px solid #a8a8a8;

}





/* Footer Styles */

/* Fix for social icons */

.socials .social-link {background-image:url(img/sprite_ui.png) !important;}

/* Meta Box Custom stylings, need to actually be copied to the metabox plugin style.css file */

.postbox div.rwmb-field {border-bottom:  1px solid #e5e5e5;}





/* Wordpress Admin Styles */



/* Side Bar Meta Box Styles */

#side-sortables .rwmb-checkbox-wrapper .description {display:block;}





/* Need to be copied to site.dev.css */

/* Testimonial Quote */

@media all {

.testimonial-widget .testimonial::after, .testimonial-widget .testimonial::before {font-size:100px !important;}

}