@charset "utf-8";
/* The Inkk Spot - Last Updated 04/28/2016 */

/* colors */
.red {background-color:#DF2C20}
.darkred {background-color:#c23c33}
.orange {background-color:#ff6d10}
.lightorange {background-color:#fedfcb}
.yellow {background-color: #ff9f19}
.lightyellow {background-color: #fedca5}

body {background-color:#000005; /*background-image:url(background.jpg); */background-repeat:no-repeat; background-position:right -65px; line-height: 1.7; font-size: 16px; font-family: 'Hind', sans-serif; position:relative}
a, .btn-link {color: #DF2C20;}
a:hover {color:#ff6d10}
.btn-link:hover {text-decoration:none; color:#f28b00}
.btn-link:after, .btn-back:before {font-family: FontAwesome; content:"\f18e"; color:#f28b00; margin-left:5px; }
.btn-back:after {content:"";}
.btn-back:before {content:"\f060"; margin-right:5px;}
.btn-primary {background-color:#DF2C20; color: #fff;}
.btn-primary:hover {background-color:#c23c33; color:#fff;}
.btn-warning {background-color:#ff6d10}
.btn-warning:hover {background-color:#f28b00} 

h1, h2, h3, h4, h5, h6 {font-weight:300}
h2 {color: #DF2C20; font-size:48px;}
h3 {color: #c23c33; font-size:1.75rem;}
h4 {color: #333333;}

#casestudy p strong {color: #DF2C20}
#casestudy h2 {line-height: 3.5rem;}

.container-sm {max-width: 940px;}
.content h4 {color: #c23c33; font-size: 1.5rem;}
blockquote {border-top: 2px solid #ff6d10; border-bottom: 2px solid #ff6d10; margin: 2rem 0; padding: 1rem 0; font-size:1.25rem;}
blockquote span {padding-left: 2rem; padding-right: 2rem; display:block;}
.thumbnail {background-color: transparent;}
.process-heading {color: #ffffff !important; font-size: 1.2rem !important;}

.cv-format h3 {margin:0; padding:0;}
.cv-format h4 {font-size:1.25rem; margin:0; padding:0}
.cv-format ul li {margin-bottom:0.5rem;}
.cv-format .tble tr td:first-child {border-right: 1px solid #ff6d10;}

header nav {margin-top:20px; font-size:16px;}
header nav a {color:#fff}
.hamburger.navbar-toggle {display:none;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a:hover {color: #fff; background-color: #DF2C20; border-top-left-radius:10px; border-top-right-radius:10px; font-weight:600; padding-bottom:12px;}
.nav-pills>li>a:hover {font-weight:400}
.hamburger.navbar-toggle {margin-left: 5px; z-index:100}
header {padding:10px 0 0 0; background-color:#000; border-bottom:13px solid #DF2C20 !important}
footer {padding:50px 0 5px 0; height:280px; color: #fff; font-size:15px;}
footer .copyright {color: #fde798}
footer .footer-logo {float:right;}

.content-body, .jumbotron {background-color:#fff}
.jumbotron {}
.jumbotron .image {margin-bottom:0; background-color: #c23c33; text-align: left; background-repeat:no-repeat; height: 715px; border-top:115px solid transparent; padding-top:90px; background-size: cover;}
.jumbotron .carousel-control {position: absolute; top: 0; bottom: 0; left: 0; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); padding-top: auto;
    background-color: rgba(0,0,0,0); filter: alpha(opacity=50); opacity: .5;}
.jumbotron .carousel-control.right { right: 0; left: auto;}
.jumbotron .item {display: none;}
.jumbotron .item.active {display: block;}
.jumbotron .carousel-inner .active.image1 {background-image:url(../images/mythos-image.jpg); background-position: top left; }
.jumbotron .carousel-inner .active.image2 {background-image:url(../images/PTKids-banner.jpg); background-position: bottom center;}
.jumbotron .carousel-inner .active.image3 {background-image:url(../images/P&D-banner.jpg); background-position: bottom right;}
.jumbotron h1 {color: #fff; font-weight:600; text-shadow: 3px 3px 10px rgba(0,0,0,.5); font-size:72px;}
.jumbotron h1 strong {font-weight: 400; color:#f28b00}
.jumbotron h2 {color: #fde798; font-size:34px; line-height:1.4; font-weight:400; margin-top:0; text-shadow: 3px 3px 10px rgba(0,0,0,.5);}
.jumbotron h2 strong {text-transform:uppercase;}*/
.cs #home.jumbotron.welcome {height: 715px; border-top:115px solid transparent; padding-top:90px; background-size: cover; background-image:url(../images/mythos-image.jpg); background-position: top left; background-color: #c23c33; text-align: left;}
.jumbotron.welcome h1 {font-size:30px;}
.jumbotron.welcome h2 {font-size: 44px; line-height: 1.3;}

.cs .content.content-body {padding-top:150px;} 
.content .content-main h4 {color:#ff6d10}
.component {padding:30px;}
.component h2 {text-align:center;}
label {font-weight:400; color:#c23c33}
.callout {background-color: #DF2C20; color:#fff; font-size:20px; padding:30px 30px 20px 30px;}
.well h3 {margin-top:0; padding-top:0; }
.margin-top {margin-top: 235px;}


.circle {width:110px; height:110px; padding:35px 15px; display:inline-block; margin-right:55px; text-align:center; margin-top:35px; margin-bottom: 150px;vertical-align:middle; color:#fff; background-size:cover;}
.circle:nth-child(1) {background-image:url(../images/ink-orange.png)}
.circle:nth-child(2) {background-image:url(../images/ink-yellow.png)}
.circle:nth-child(3) {background-image:url(../images/ink-red.png)}
.circle:nth-child(4) {background-image:url(../images/ink-orange.png)}
.circle:nth-child(5) {background-image:url(../images/ink-yellow.png)}
.circle:nth-child(6) {background-image:url(../images/ink-red.png)}
.circle:after {font-family: FontAwesome; content:"\f07e"; margin-left:105px; margin-top:-48px; font-size:36px; color:#fff; display:block;}
.circle:last-child:after {content:""}
.circle p {margin-top: 55px; padding: 0; color: #ff6d10; width: 110px; position: absolute; margin-left: -15px; line-height: 1.4;}

ul.no-bullet {list-style:none; margin:0 0 25px 0; padding:0;}
ul.word-cloud li {display:inline-block; font-size: 24px; margin-right:10px; margin-bottom:-20px; }
ul.word-cloud li:nth-child(1) {font-size:28px; color:#f28b00}
ul.word-cloud li:nth-child(2) {font-size:54px; color:#ff6d10}
ul.word-cloud li:nth-child(3) {font-size:34px; color:#c23c33}
ul.word-cloud li:nth-child(4) {font-size:44px; color:#ff6d10}
ul.word-cloud li:nth-child(5) {font-size:34px; color:#f28b00}
ul.word-cloud li:nth-child(6) {font-size:44px; color:#c23c33}
ul.word-cloud li:nth-child(7) {font-size:54px; color:#ff6d10}
ul.word-cloud li:nth-child(8) {font-size:28px; color:#f28b00}
ul.word-cloud li:nth-child(9) {font-size:54px; color:#ff6d10}
ul.word-cloud li:nth-child(10) {font-size:34px; color:#f28b00}
ul.word-cloud li:nth-child(11) {font-size:42px; color:#c23c33}
ul.word-cloud li:nth-child(12) {font-size:34px; color:#f28b00}
ul.word-cloud li:nth-child(13) {font-size:54px; color:#ff6d10}
ul.word-cloud li:nth-child(14) {font-size:44px; color:#c23c33}
ul.word-cloud li:nth-child(15) {font-size:34px; color:#ff6d10}

.portfolio {margin-top:25px;}
.portfolio .thumbnail a .mask {opacity:0; display: block; position: absolute; display: inline-block; text-align: center; padding: 1rem;}
.portfolio .thumbnail a:hover .mask {background:url(../images/ink-mask.png) bottom center no-repeat; opacity: 1; transition: 1s opacity; height: 16rem; width: 17rem; z-index: 100;}
.portfolio .thumbnail a:hover .mask span {padding:65px 35px; font-size:20px; line-height:1.4; color:#c23c33; display:inline-block;}
.portfolio .thumbnail a:hover img {opacity:0.4; transition: 1s opacity; }
.modal-body strong {color: #DF2C20;}

@media (min-width: 959px) {
	.utility a {margin:5px 10px; display:inline-block}
	header nav #mainmenu {display: flex;}
	
	}

@media (max-width: 960px) {
	.cs header {height: 105px;}
	.cs header .main-logo img {max-width: 81px;}
	.utility {padding-top: 1rem;}
	.utility a { font-size: 20px; margin-right: 15px;}
	.hamburger.navbar-toggle {display:inline-block;}
	.hamburger.navbar-toggle:hover {cursor:pointer;}
	.hamburger.navbar-toggle[aria-expanded="true"] {color:#ff9f19;}
	#menu {display: none;}
	.cs #menu {display: flex;}
	#menu .nav-pills {position:absolute; width: 15rem; background-color: #DF2C20; right:0rem; -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,.2);
box-shadow: 0px 0px 5px 5px rgba(0,0,0,.2); border-top:5px solid #DF2C20; border-bottom-left-radius:4px; border-bottom-right-radius:4px; -ms-flex-direction: column; flex-direction: column;}
	#menu .nav-pills > li {clear:both; width:99.5%; }
	#menu .nav-pills > li > a { text-align:center; border-radius:0px; width:100%; border-bottom: 1px solid rgba(255,255,255,0.4); background-color: #c23c33;}
	#menu .nav-pills > li > a:hover, #menu .nav-pills > li:active > a:hover, #menu .nav-pills > li.active > a {background-color: #DF2C20} 
	.jumbotron h1 {font-size:48px}
	.jumbotron.welcome h1 {font-size: 24px;}
	.jumbotron h2 {font-size:26px;}
	.jumbotron.welcome h2 {font-size: 36px;}
	.callout {font-size:18px; line-height:1.5}
	footer .footer-logo {margin-top:15px; float:none; }
	footer .footer-logo img {margin: 0 auto;}
	.container {width:100%;}
	h1, h2, h3, h4, h5, h6 {line-height:1}
	.navbar-collapse.collapsing {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;

}
	.navbar-toggle {display:block;}
	.nav-collapse.collapse {display:none !important;}
	.nav-collapse.collapse.in {display:block !important;}
	}

@media (max-width: 600px) {
	.cs .home, .cs .content.content-body {padding-top:100px;} 
	//header .main-logo img {max-width: 225%;}
	.jumbotron {background-size:225%; height:450px; padding-top:15px;}
	.jumbotron.welcome {height: 600px;}
	.cs .jumbotron {padding-top: 90px;}
	.jumbotron h1 {font-size:40px;}
	.jumbotron h2 {font-size:20px;}
	.callout {font-size:16px;}
	}
@media (max-width:480px) {
	.hamburger.navbar-toggle:focus {padding-bottom:20px;}
	header .main-logo img {max-width: 175%;}
	/*.cs header .main-logo img {max-width: 150%;}*/
	.cs .content.content-body {padding-top:140px;}
	.cs .content.content-body h2 {font-size:42px;}
	ul.word-cloud li {line-height:1; margin-bottom:15px;}
	.callout, .component {padding:10px 20px 20px 20px;}
	.jumbotron .image {max-height: 100%; padding-top:7rem; padding-bottom: 7rem; margin-top: -100px !important;}
	.btn {display:block; margin-bottom:5px;}
	.youtube {display:none;}
	}