/* Body */
html, body { width:100%; height:100%; }
body { font-size: 13px; line-height: 1.429; text-align: left; }
/* Headings */
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px }
h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 150%; xxmargin-bottom: 10px; }
/* Anchors */
a { outline: 0; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited { }
a:hover, a:active { text-decoration:none; }
strong, b { font-weight:800; }
p b, p strong { font-weight:600; }
p { margin-bottom:5px; line-height:20px; }
.alert strong { font-weight:700; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; }
/* FONTS */
.btn, label, p, body, .post .category { font-family: sans-serif; }
i, blockquote p, .comment-meta a, .comment-reply-link, blockquote small, .post .info, .post .tags { font-family: Georgia, "Times New Roman", Times, serif; }
.sqBox .mask .title, .post .post-title { font-family: 'Georgia', sans-serif; }
::-moz-selection { background: #000; color: #fff; text-shadow:none; }
::selection { background: #000; color: #fff; text-shadow:none; }
/* Helpers */
.clear { clear:both; }
.center { text-align:center; margin:30px auto;}
img.center { margin: 10px 0 20px 100px !important; }
.left { float:left; }
.right { float:right; }
img.right, figure.right { float: right; margin: 0 0 2em 2em; }
img.left, figure.left { float: right; margin: 0 0 2em 2em; }
.align-left { float:left; margin-right:20px; margin-bottom:10px; }
.align-right { float:right; margin-left:20px; margin-bottom:10px; }
.align-center { text-align:center; }
.no-display { display:none; }
.no-border { border:none !important; }
.no-bg { background:none !important ; }
.text-justify { text-align:justify; }
.no-margin { margin:0 !important; }
.visible { display:block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
.easing,.clients .client, .featured-posts .item a, #nav li ul li a, .social li a, .flex-direction-nav li a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .pagination a, .category a, ul.categories li a { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
/*----------------------------------------------------------*/
.header-wrap { padding-bottom:10px; }
.header .menu { display:none; margin-bottom:22px; margin-top:10px; height:auto; width:100%; padding: 5px 10px; font-weight:800; text-transform:uppercase; outline:0; -webkit-appearance: none; -moz-appearance: none; }
/* LOGO */
#logo { padding:20px 0 5px 0; }
#logo h1 { margin-bottom:0; margin-top:15px; line-height:100%; }
#logo p { margin:1px 0 7px 0; }
#logo img { max-height:120px; float:left; margin-right:16px; }
#logo a:hover { text-decoration:none; background:none; }
/* NAV MENU */
#nav { margin-top:0px; float:right; }
#nav li { position:relative; display:inline-block; margin:0 4px; }
#nav > li:last-child { margin-right:0px; }
#nav li a { position:relative; display:block; padding:17px; min-width:40px; text-align:center; font-size:13px; font-weight:400; z-index:300; }
#nav li a:hover, #nav li a.selected:hover, #nav li a.current { text-decoration:none;}
/* social links */
.social { clear:right; float:right; list-style:none; margin:1px 0 10px 0; }
.footer .social { float:none; margin:15px 0 10px 0;}
.footer .social li a { margin:0 5px 8px 0; }
.social li { display:inline-block; text-indent:-999em; }
.social li a { display:block; width:32px; height:32px; margin-left:5px; background-image:url(../images/social.png); background-repeat:no-repeat;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.social li:first-child a { margin-left:5px; }
.social li a:hover { border-top-right-radius:5px; }
.social li a.facebook:hover { background-color:#3c5fac; }
.social li a.twitter { background-position:-32px 0; }
.social li a.twitter:hover {background-color:#33CCFF;}
.social li a.drupal { background-position:-160px 0; }
.social li a.drupal:hover { background-color:#81CEFF; }
.social li a.linkedin { background-position:-192px 0; }
.social li a.linkedin:hover { background-color:#1F8DBE; }
.social li a.google { background-position:-256px 0; }
.social li a.google:hover { background-color:#C23325; }
.social li a.blog { background-position:-288px 0; }
.social li a.blog:hover { background-color:#44df00; }
.social li a.youtube { background-position:-384px 0; }
.social li a.youtube:hover { background-color:#c8312b; }
.social li a.pinterest { background-position:-416px 0; }
.social li a.pinterest:hover { background-color:#cb2027; }
/* FOOTER */
.footer { padding-top:30px; padding-bottom:20px; }
.footer h3, .footer h3 b { clear:left; margin-bottom:8px; font-size:14px; text-transform:uppercase; color: #525260;}
.footer .widget { min-height:1px; text-align:left; }
.footer a { color: #F8A69C; text-decoration: none; }
.footer a:hover { color: #F14C38; text-decoration: underline; }
.copy-text p { padding-top:0px; margin-bottom:0; text-align:left; font-size:11px; }
.expert { margin-top: 25px; }
/* MIDDLE */
.middle { padding-bottom:60px; }
.main-slider, .aside { margin-top:20px; }
.content .main-slider { margin-top:4px; }
/* MAINPAGE BOXES */
/* squaqe boxes */
.sqBox { position:relative; }
.sqBox img { display:block; }
.sqBox-acorns img { display:block; width:400px; float:left; margin-right:25px; margin-bottom:25px; border:1px #bbb solid; }
.sqBox .mask { display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
.sqBox .mask .ico { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-position: 90% 10%; background-repeat:no-repeat; }
.sqBox .mask .ico.image { background-image:url(../img/background/sqBox-image.png); }
.sqBox .mask .ico.video { background-image:url(../img/background/sqBox-video.png); }
.sqBox .mask .ico.link { background-image:url(../img/background/sqBox-link.png); }
.sqBox .mask .title { width:30%; margin-left:5%; margin-top:5%; font-size:25px; xxtext-transform:uppercase; font-weight:400; line-height:120%; }
/* aside */
.aside h2 { margin-bottom:15px; font-size:32px; font-weight:300; line-height:120%; text-transform:lowercase; }
/* CONTENT TYPOGRAPHY STYLES */
.content h2, .content h3, .content h4, .content h5, .content h6 { clear:left; font-weight:400; }
.content h2 { padding-top:10px; padding-bottom:4px; margin-bottom:20px; }
.content h3 { font-weight:600; padding-top:8px; margin-bottom:12px; }
.content h6 { font-weight:600; }
.page-header { margin-bottom:10px !important; margin-top:10px !important; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { xxmargin-left:12px; margin-top:6px; }
h1 small {
font-size:15px;
font-style: italic;
line-height:2.5em;
letter-spacing:1px;
}
/* inline labels */
.label { font-size: 12px; text-transform:none; text-shadow:0 1px 0 rgba(0,0,0,.5); }
pre { padding:14px 20px; margin-bottom:20px; }
.content ul.list, .content ol.list { margin-bottom:20px; padding-left:8px; }
.content ul.list li, .content ol.list li { line-height:140%; margin:0 0 6px 0; }
/* blockquotes */
blockquote { margin-left:0 !important; }
/* SIDEBAR */
.sidebar { padding-bottom: 30px; }
.sidebar .widget { margin-top:50px; margin-bottom:20px; }
.sidebar .widget p:last-child { margin-bottom:0; }
.sidebar .featured-posts p:last-child { margin-bottom:8px; }
.sidebar h3 { padding-top:0px; margin-bottom:12px !important; font-size:14px; }
/* PORTFOLIO */
.post .sqBox { margin-bottom:20px; }
.post-single .sqBox { padding-top:10px; padding-bottom:30px; }
#portfolio { margin-left:-30px; margin-right:-8px; }
#portfolio .item {
float:left;
width:210px;
margin-left:30px;
margin-bottom:30px;
}
#portfolio .item h3.project-title { margin:13px 0 0 0; text-align:center; font-size:14px; line-height: 126%; font-weight:400; }
.portfolio-items .title { font-size:20px !important; width:60% !important; text-align:center !important; margin:20% 20% !important; }
#portfolio .item .category { margin-top:3px; margin-bottom:12px; line-height: 134%; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; font-style:italic; }
/* Portfolio Filters */
#filters {
list-style:none;
margin:0px 0 60px 0;
text-align:center;
background-color: #F14C38;
padding: 10px 0;
}
#filters li { display:inline-block; margin:0 10px; }
#filters a { font-size:18px; font-weight:300; color: #525260; }
#filters .current a { font-weight:700; }
/* Isotope Filtering */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }
/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* PORTFOLIO SINGLE */
.portfolio-single, .portfolio-sidebar { margin-top:24px; margin-bottom:30px; text-align:left; }
.portfolio-sidebar strong { display:block; }
.portfolio-sidebar p { margin-bottom:26px; color:#473f6e;font-size:1.2em;}
.portfolio-sidebar p.launch { padding-top:20px; }
/* GRID PAGE */
.show-grid [class*="span"] { margin-bottom: 20px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 30px; line-height: 40px; }
/* text-colors */
body { color:#525260; }
#nav li a, .portfolio-sidebar strong {
color:#CDD5DC;
margin-bottom:5px;
text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 , h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .nav > li > a:hover, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter, address strong { color:#333; }
#filters .current a {color:#FFF;}
#logo h1 a, .intro, ul.categories li a { color:#555; }
.nav > li > a, .aside h2, #logo p, .header .menu, .page-header h1 .back { color:#999; }
#nav ul li a, #portfolio .item .category, #filters a, .post .info, .post .tags, .post .category a, .latest-portfolio .service span, .service-title span, .post-info, .archives .list li span {
color: #767373;}
.copy-text p { color: #aaa; letter-spacing:1px; }
#nav li a:hover, #nav li.active > a, #nav li a.selected:hover, #nav li a.current, #nav li a.selected, #nav li a.current-sub, .sqBox .mask .title {
color:#f14c38;
text-shadow:0 1px 0 #000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .category a:hover, ul.categories li a:hover { text-decoration:none; color:#525260; }
/* text-shadows */
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter {
color:#CDD5DC;
text-shadow: none;
}
h1.e {
color: #CDD5DC;
font-size: 1.4em;
text-shadow: none;
padding-top: 10px;
}
#nav ul li a { text-shadow:0 1px 0 #000; }
.sqBox .mask .title { text-shadow:0 1px 0 rgba(0,0,0,.4); }
/* backgrounds */
body { background:#fff; }
#portfolio .item, .nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color: #FaFaFa; }
#nav li.active, #nav > li:hover, #nav ul li { background:#333; }
#nav ul li a:hover { background:#000; }
.sqBox .mask { background:#000; background: rgba(0,0,0, .7); }
.social li a { background-color:#CDD5DC; }
.show-grid [class*="span"] { background-color: #EEE; }
.item {border: 1px #F8A69C solid;}
/* border styles */
.post-single .sqBox, #portfolio .header .menu, #nav ul li a, #twitter-list ul li span, #nav ul li a { border-style:none; }
/* border-widths */
.content .footer, #nav ul li a { border-width:1px 0 0 0; }
.header-wrap, .page-header, .content h2, .post-single .sqBox { border-width:0 0 1px 0; }
.header .menu{ border-width:1px; }
.nav-tabs { border-width:0 0 5px 0; }
/***********/
.foot_email {font-family: verdana; letter-spacing:1px; color:#F14C38;}
.flt_lft {float:left;}
.flt_rt {float:right;}
.sidebar_text{font-size:.85em; color:#525260; line-height:.1em;}
section.tasks h3 {color: #525260; font-weight: normal; font-size: 14px;}
section.tasks li {color:#525260;}
section.tasks li.grey {color:#CDD5DC; font-size:1.2em; text-transform: uppercase; font-weight:600;}
.nobull { list-style:none outside none;}
.portfolio-wrap {margin-left:0 auto;}
.email { color:#F14C38;}
/* subpages */
.social {
margin-top:50px;
}
.ribbon {
font-size: 18px !important;
position: relative;
background: #F14C38;
color: #fff;
text-shadow : 0px 1px 0px rgba(0,0,0,0.8);
padding: 0.3em 1.5em;
margin: 0em auto 0.5em;
-webkit-box-shadow: 0 6px 8px -5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 6px 8px -5px rgba(0, 0, 0, 0.3);
box-shadow: 0 6px 8px -5px rgba(0, 0, 0, 0.3);
}
.ribbon:before {
left: -2em;
border-right-width: 1.5em;
border-left-color: transparent;
}
.ribbon .ribbon-content:before {
content: "";
position: absolute;
display: block;
border-style: solid;
border-color: #BE200E transparent transparent transparent;
bottom: -0.85em;
}
.ribbon .ribbon-content:before {
left: 0;
border-width: 0.85em 0 0 0.85em;
}
.ribbon:after{
position: absolute;
content : ' ';
display: block;
background-color: #F14C38;
top: .23em;
right: -.55em;
width: 1.15em;
height: 1.15em;
-webkit-box-shadow: 0 6px 8px -5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 6px 0 8px -5px rgba(0, 0, 0, 0.3);
box-shadow: 6px 0 8px -5px rgba(0, 0, 0, 0.3);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: -1;
}
h2.ribbon-content {
color: #525260;
padding-bottom: 1em;
padding-left: 2.7em;
padding-top: 0.5em;
font-size: 1.4em;
margin-bottom: 0.5em;
}
/* speaker */
p.date {
border-radius: 3px 3px 3px 3px;
background: none repeat scroll 0 0 #CDD5DC;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
color: #F14C38 !important;
float: left;
text-align: center;
font-size: 0.8em;
margin: 5px 0 0;
padding: 7px 5px;
}
.speaking {
border-bottom: 1px dashed #C5C5C5;
margin-bottom: 4px;
margin-right: 2em;
margin-left: 3em;
}
.speaking h4 {
font-size: 0.85em;
font-weight: normal;
margin: 0 1em 0 4.4em;
font-style: normal;
}
h4 a {
color: #F8A69C;
text-decoration: none;
}
h4 a:hover {
color: #F14C38;
text-decoration: underline;
}
p.topic {
font-size: 0.85em;
margin: 0 1em 0 4.4em;
padding-bottom: 10px;
}
p.topic a{
color: #F14C38;
}
.client {
border-bottom: 1px dashed #C5C5C5;
margin-bottom: 2em;
margin-right: 2em;
margin-left: 3em;
}
blockquote {
font-size: 1.175em;
margin: 0.25em 0;
padding: 0.25em 40px 0.25em 20px;
line-height: 1.45;
position: relative;
color: #525260;
}
blockquote:before {
display: block;
font-family: Georgia, serif;
content: "\201C";
font-size: 60px;
position: absolute;
left: -0.24em;
top: -20px;
color: #CDD5DC;
}
blockquote cite {
color: #999999;
font-size: .9em;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
a.btn.btn-info {
border-radius: 3px 3px 3px 3px;
background: none repeat scroll 0 0 #CDD5DC;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
color: #F14C38 !important;
float: left;
text-align: center;
font-size: 1.0em;
margin: 5px 0 0;
padding: 7px 5px;
}
.artwork {
color: #89899A;
font-size: 0.9em;
font-style: italic;
margin-left: 15px;
text-decoration: underline;
}
.demo a {
color: #F8A69C;
text-decoration: none;
}
.demo a:hover {
color: #F14C38;
text-decoration: underline;
}
.assets {
margin-left: 3em;
}
h3.touch {
color: #525260;
clear: left;
margin-top: 1.2em;
margin-bottom: 0.2em;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}
.portfolio-header {
margin-top: 10px;
}
.name-header {
margin-left: 30px;
margin-top: 10px;
}
.lg_img {
width:95%;
height: auto;
border: 0;
margin-left: 30px;
-ms-interpolation-mode: bicubic;
-webkit-box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.1);
}
.demoImg {
padding-top: 10px;
padding-bottom: 30px;
}
.sbSpace {
margin-bottom: 10px;
font-size: 0.9em;
}
.sbSmall {
margin-bottom: 10px;
font-size: 0.85em;
color: rgba(205,213,220,1);
}
.award {font-size: 1.2em;}
/* MEDIA QUERIES - RESPONSIVE LAYOUT */
@media (min-width: 1200px) {
#portfolio { margin-left:-27px; width:730px; margin:0 auto;}
#portfolio .item { margin-left:27px; margin-bottom:35px; }
}
@media (min-width: 768px) and (max-width: 980px) { /*this targets iPad specificly*/
#portfolio { margin-left:-44px;}
#portfolio .item { margin-left:44px; }
.footer h3 a { line-height: 2.5; }
}
@media (max-width: 900px) { /*removed content/ sidebar layout for tablet views*/
.row > [class*="span"], .row-fluid > [class*="span"] {float:none; width: auto;} /*from bootstrap styles*/
.portfolio-single, .portfolio-sidebar {margin-top: 24px !important;} /*overRide bootstrap*/
}
@media (max-width: 768px) {
#nav li a { padding: 17px 14px; }
.aside { text-align:center; margin:20px 0; }
.sidebar ul.categories li { width: 90%; margin-right: 0; float: none; }
.footer h3 a { line-height: 2.5; }
}
@media (max-width: 767px) {
.header { text-align:center; width:100%; }
#logo img { float:none; }
#logo h1 { margin-top:6px; }
#logo p { margin-top:6px; font-size:17px; }
#nav { float:none; margin-top:26px; }
.header .social { float:none; margin-top:36px; }
#nav > li a { font-size:15px; }
#portfolio .item { margin-bottom:40px; }
#logo { padding:24px 0 12px 0; }
.aside { padding:12px 0 0 0; }
.sidebar .widget { margin-left:0px; }
.footer h3 a { line-height: 2.5; }
}
@media (max-width: 720px) {
.clients{ margin-top:26px !important; }
.portfolio-single { margin-bottom:32px !important; }
.portfolio-part { margin-top:0 !important; margin-bottom:30px !important; }
.footer .widget { margin-bottom:50px !important; }
#portfolio { margin:0 auto; margin-right:-20px; }
#portfolio .item { width:210px; margin-right:16px; margin-left:0px; margin-bottom:20px; }
#portfolio .item h3 { margin-top:8px; }
#portfolio .item .category { margin-top:2px; margin-bottom:10px; }
#filters { list-style:none; margin:20px 0; }
.footer h3 a { line-height: 2.5; }
}
@media (max-width: 480px) {
#portfolio { margin-left:-27px; width:220px; margin:0 auto;}
.content p { font-size:15px; line-height:24px; }
.flexslider { min-height: 100px !important; }
#logo { padding-top:26px; }
#nav { display:none; }
.header .social { margin-top:0; }
.header .menu { display:inline-block; display:none;}
.page-header { padding-bottom:2px; }
.page-header { margin-top:12px !important; }
.page-header h1 small { font-size:13px; margin-left:0; }
.sqBox .mask .title { font-size:18px !important; width:90%; margin-top:18% !important; }
.footer h3 a { line-height: 2.5; }
.ribbon { font-size: 14px !important; }
h2.ribbon-content { font-size: 1.2em; }
}