Files

4223 lines
115 KiB
CSS
Executable File

/*
Theme Name: openingscience - Responsive HTML5 Theme
Theme URI: http://themeforest.net/user/smuliii/?ref=smuliii
Description: SmartStart is a simple and clean but still professional template suitable for any business or portfolio, and it's created by using the latest HTML5 and CSS3 techniques.
Author: Samuli Saarinen
Author URI: http://www.samuli.me/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.08
*/
/* ---------------------------------------------------------------------- */
/* Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}
/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}
/* Some basic settings */
h1, h1 .button { font-size: 32px; }
h2, h2 .button { font-size: 28px; }
h3, h3 .button { font-size: 17px; }
h4, h4 .button { font-size: 15px; }
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }
img { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }
/* ---------------------------------------------------------------------- */
/* Basic Elements & Classes
/* ---------------------------------------------------------------------- */
body {
background: #fff;
border-top: 6px solid #3a3a3a;
color: #909090;
font: 11px/1.7 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
::-moz-selection { background: #f15a23; color: #fff; text-shadow: none; }
::selection { background: #f15a23; color: #fff; text-shadow: none; }
h1, h2, h3, h4, h5, h6 {
color: #474747;
font-weight: 400;
line-height: 1.25;
margin-bottom: 15px;
}
h3, h4, h5 { font-weight: 600; }
a, a > * {
color: #b9b936;
text-decoration: none;
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
a:hover, a > *:hover { color: #f15a23; }
hr {
background: #efefef;
color: #efefef;
margin: 5px 0 25px;
}
hr.dotted { border-style: dotted; }
p + hr { margin: 25px 0 20px; }
blockquote {
background: #f8f8f8 url(images/quote.png) no-repeat 17px 21px;
font-style: italic;
font-size: 15px;
line-height: 1.6;
padding: 20px 20px 20px 55px;
}
blockquote.simple {
background: none;
border-left: 2px solid #ddd;
color: #bbb;
font-size: 13px;
margin: 0;
padding: 0 0 0 10px;
}
blockquote p:last-of-type { margin-bottom: 0; }
blockquote small { font-size: 12px; }
.button, input[type="submit"], input[type="reset"], button {
background: #f15a23;
border: none;
color: #fff;
cursor: pointer;
font-weight: 400;
height: auto;
overflow: visible;
padding: 7px 20px;
-webkit-transition: background-color .2s ease;
-moz-transition: background-color .2s ease;
-ms-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
width: auto;
}
.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
background: #3a3a3a;
color: #fff;
}
.button {
font-size: 12px;
display: inline-block;
padding: 5px 16px;
}
.button.medium { font-size: 13px; }
.button.large { font-size: 15px; }
.button.no-bg {
background: none;
color: #3a3a3a;
padding: 0;
}
.button.no-bg:hover, #footer .button.no-bg:hover {
background: none;
color: #f15a23;
}
.button .icon, .button .arrow {
color: transparent;
cursor: pointer;
display: inline-block;
font: 0/0 a;
height: 19px;
margin: -3px 0 0 3px;
text-shadow: none;
vertical-align: middle;
width: 19px;
}
.ie7 .button .icon, .ie7 .button .arrow { display: inline; }
.button .arrow { background: #ddd url(images/button-arrows.png) no-repeat 0 0; }
.button .icon.left, .button .arrow.left {
margin-left: 0;
margin-right: 3px;
}
.button .arrow.left { background-position: 0 -19px; }
.button:hover .arrow { background-color: #f15a23; }
.dropcap {
background: #eaeaea;
color: #777;
display: inline-block;
float: left;
font-size: 23px;
font-weight: 600;
height: 36px;
line-height: 36px;
margin: 0 7px 0 0;
text-align: center;
width: 36px;
}
.dropcap.dark {
background: #3a3a3a;
color: #fff;
}
.infobox {
background: #fbfbfb;
border: 1px solid #efefef;
margin: 0 0 20px;
padding: 25px;
}
.infobox .one-half { width: 434px; }
.infobox .one-third { width: 282px; }
.infobox .two-third { width: 586px; }
.infobox .one-fourth { width: 207px; }
.infobox .three-fourth { width: 661px; }
.single-image, .image-gallery, .iframe {
cursor: pointer;
margin-bottom: 5px;
}
#bbpress-forums .info p{ padding-left: 30px; }
.single-image.none, .image-gallery.none, .iframe.none,
.single-image.none img, .image-gallery.none img, .iframe.none img {
display: inline;
margin-bottom: 0;
overflow: visible;
}
.single-image.align-left, .image-gallery.align-left, .iframe.align-left { margin-bottom: 15px; margin-right: 15px; }
.single-image.align-right, .image-gallery.align-right, .iframe.align-right { margin-bottom: 15px; margin-left: 15px; }
.single-image img, .image-gallery img, .iframe img { margin-bottom: -5px; }
.single-image .zoom, .image-gallery .zoom, .iframe .zoom {
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.4);
color: transparent;
display: block;
font: 0/0 a;
height: 0;
left: 0;
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
text-shadow: none;
top: 0;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
width: 0;
z-index: 1;
}
.single-image .zoom:before, .image-gallery .zoom:before, .iframe .zoom:before {
background: url(images/zoom.png) no-repeat;
content: '';
display: block;
position: absolute;
height: 58px;
margin: -29px 0 0 -29px;
left: 50%;
top: 50%;
width: 58px;
}
.single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
background-image: url(images/zoom-video.png);
}
.single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before {
background-image: url(images/zoom-link.png);
}
.single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom {
filter: alpha(opacity=40);
opacity: 1;
}
/* ---------------------------------------------------------------------- */
/* Generic Classes
/* ---------------------------------------------------------------------- */
.hidden, .wpcf7-display-none { display: none; }
.disabled { cursor: auto; }
.screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */ position: absolute; }
.align-center, .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.align-left, .alignleft { float: left; }
img.align-left, img.alignleft { margin-bottom: 15px; margin-right: 15px; }
.align-right, .alignright { float: right; }
img.align-right, img.alignright { margin-bottom: 15px; margin-left: 15px; }
/* Wordpress required classes */
.bypostauthor {}
.sticky {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
/* ---------------------------------------------------------------------- */
/* Lists
/* ---------------------------------------------------------------------- */
.none > ul {
list-style: none;
margin: 0;
}
.dotted + .dotted:before {
content:'';
display: block;
clear: both;
border-bottom: 1px dotted #bdbdbd;
margin: -15px 0 5px;
}
.none li, .arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li {
list-style: none;
margin: 0;
padding: 0 0 0 24px;
}
.none li { background: none; }
.arrow li { background: url(images/list-arrow.png) no-repeat 5px 5px; }
.arrow-2 li { background: url(images/list-arrow-2.png) no-repeat 2px 4px; }
.circle li { background: url(images/list-circle.png) no-repeat 4px 5px; }
.check li { background: url(images/list-check.png) no-repeat 3px 4px; }
.check-2 li { background: url(images/list-check-2.png) no-repeat 0 4px; }
.star li { background: url(images/list-star.png) no-repeat 0 1px; }
.plus li { background: url(images/list-plus.png) no-repeat 3px 3px; }
.dash li { background: url(images/list-dash.png) no-repeat 3px 8px; }
/* ---------------------------------------------------------------------- */
/* Alert Boxes
/* ---------------------------------------------------------------------- */
.error, .success, .info, .notice, .wpcf7-response-output {
display: block;
padding: 10px 20px 10px 44px;
}
.error, .wpcf7-validation-errors, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked {
background: #f9e5e6 url(images/icon-box-error.png) no-repeat 10px 9px;
border: 1px solid #f7c7c9;
border-left-width: 4px;
color: #b3696c;
}
.success, .wpcf7-mail-sent-ok {
background: #e3ebc6 url(images/icon-box-success.png) no-repeat 12px 8px;
border: 1px solid #c2d288;
border-left-width: 4px;
color: #8fa442;
}
.info {
background: #d8ecf5 url(images/icon-box-info.png) no-repeat 10px 8px;
border: 1px solid #9ac9df;
border-left-width: 4px;
color: #528da9;
}
.notice {
background: #fcf7d9 url(images/icon-box-notice.png) no-repeat 10px 9px;
border: 1px solid #f5dc7d;
border-left-width: 4px;
color: #c4a21b;
}
/* ---------------------------------------------------------------------- */
/* Forms
/* ---------------------------------------------------------------------- */
label {
cursor: pointer;
display: block;
margin: 0 0 5px;
}
input, textarea, select {
-webkit-appearance: none; /* Fix for Mobile Safari */
background-color: #f8f8f8;
border: 1px solid #e8e8e8;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #8f8f8f;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
border-radius: 0;
}
input, select {
height: 30px;
width: 200px;
}
textarea {
padding: 10px;
resize: both;
}
input:hover, textarea:hover, select:hover { border-color: #dedede; }
input:focus, textarea:focus, select:focus { border-color: #ccc; }
input[type="submit"], input[type="reset"], button {
font-size: 13px;
text-transform: uppercase;
}
input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; }
input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; }
select, option {
cursor: pointer;
padding: 5px 7px;
}
input[type="checkbox"], input[type="radio"],
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: 20px; }
/* Fix for Mobile Safari */
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }
/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; }
/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }
/* jQuery fallback */
input.placeholder, textarea.placeholder, .wpcf7 .watermark { color: #b0b0b0; }
/* ---------------------------------------------------------------------- */
/* Tables
/* ---------------------------------------------------------------------- */
table { width: 100%; }
tr, th, td { vertical-align: middle; }
tr { background: #f8f8f8; }
tr:nth-child(odd) { background: #f0f0f0; }
th, td { padding: 8px 10px; }
th {
background: #eaeaea;
color: #777;
font-weight: 600;
text-align: left;
}
table.dark th {
background-color: #3a3a3a;
color: #fff;
}
td {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}
td:first-child { border-left: none; }
/* ---------------------------------------------------------------------- */
/* Wrap
/* ---------------------------------------------------------------------- */
.container {
margin: 0 auto;
position: relative;
width: 940px;
}
/* -------------------------------------------------- */
/* Columns
/* -------------------------------------------------- */
.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
float: left;
margin-right: 20px;
}
.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px; }
.one-half { width: 460px; }
.one-third { width: 300px; }
.two-third { width: 620px; }
.one-fourth { width: 220px; }
.three-fourth { width: 700px; }
/* ---------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------- */
#header {
border-bottom: 1px solid #efefef;
height: 86px;
z-index: 97;
}
#logo {
float: left;
height: 86px;
}
#logo h1 { padding: 18px 0; }
/* -------------------------------------------------- */
/* Main Navigation
/* -------------------------------------------------- */
#main-nav { float: right; }
#main-nav > ul,
#main-nav .menu > ul { margin: -6px 0 0; }
#main-nav li {
list-style: none;
float: left;
margin: 0;
position: relative;
}
#main-nav a {
border-bottom: 1px solid transparent;
border-top: 6px solid transparent;
color: #3a3a3a;
font-size: 12px;
font-weight: 800;
display: block;
letter-spacing: -0.08px;
padding: 26px 20px 40px;
position: relative;
text-align: center;
text-transform: uppercase;
z-index: 98;
}
.ie7 #main-nav a { padding: 33px 20px; }
#main-nav a:after {
color: #aeaeae;
content: attr(data-description);
font-size: 11px;
font-style: italic;
font-weight: 400;
display: block;
line-height: 0;
margin: 3px 0 -3px;
text-align: center;
text-transform: lowercase;
}
#main-nav a:hover, #main-nav .hover > a,
#main-nav .current_page_item > a, #main-nav .current-menu-item > a,
#main-nav .current_page_parent > a,
#main-nav .current_page_ancestor > a, #main-nav .current-menu-ancestor > a {
border-bottom-color: #f15a23;
border-top-color: #f15a23;
color: #f15a23;
}
#main-nav a:hover, #main-nav .hover > a,
#main-nav .current_page_item > a, #main-nav .current-menu-item > a,
#main-nav .current_page_parent > a,
#main-nav .current_page_ancestor > a, #main-nav .current-menu-ancestor > a { background: #f8f8f8; }
.not-ie #main-nav .current_page_item:after, .not-ie #main-nav .current-menu-item:after,
.not-ie #main-nav .current_page_parent:after,
.not-ie #main-nav .current_page_ancestor:after, .not-ie #main-nav .current-menu-ancestor:after {
background: #f15a23;
bottom: -2.5px;
content: '';
left: 50%;
display: block;
height: 5px;
margin: 0 0 0 -2.5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
width: 5px;
}
/* Dropdown */
.no-js #main-nav li:hover > ul {
display: block;
top: 92px;
}
#main-nav ul ul {
background: #3a3a3a;
-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
-moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
display: none;
left: 0;
padding: 0;
position: absolute;
top: 92px;
width: 200px;
z-index: 99;
}
#main-nav ul ul li { float: none; }
#main-nav ul ul a {
border: 0;
border-bottom: 1px solid #252525;
border-top: 1px solid #4c4c4c;
color: #fff;
display: block;
font-size: 11px;
letter-spacing: 0;
font-weight: 400;
padding: 8px 20px !important;
text-align: left;
text-transform: none;
}
#main-nav ul ul a:hover, #main-nav ul ul .hover > a,
#main-nav ul ul .current_page_item > a, #main-nav ul ul .current_page_item > a:hover,
#main-nav ul ul .current_page_parent > a, #main-nav ul ul .current_page_parent > a:hover,
#main-nav ul ul .current-menu-item > a, #main-nav ul ul .current-menu-item > a:hover,
#main-nav ul ul .current_page_ancestor > a, #main-nav ul ul .current-menu-ancestor > a:hover {
background: #f15a23;
color: #fff;
}
.not-ie #main-nav ul ul .current_page_item:after, .not-ie #main-nav ul ul .current-menu-item:after,
.not-ie #main-nav ul ul .current_page_parent:after,
.not-ie #main-nav ul ul .current_page_ancestor:after, .not-ie #main-nav ul ul .current-menu-ancestor:after { display: none; }
/* Sub Dropdown */
#main-nav ul ul ul {
left: 200px !important;
top: 0 !important;
}
/* Responsive Nav */
#main-nav .responsive-nav {
background-image: url(images/responsive-nav-bg.png);
background-position: center right;
background-repeat: no-repeat;
display: none;
width: 100%;
}
/* ---------------------------------------------------------------------- */
/* Content
/* ---------------------------------------------------------------------- */
#content { padding-top: 40px; }
.ie7 #content { padding-top: 25px; }
/* -------------------------------------------------- */
/* Page Header
/* -------------------------------------------------- */
.page-header {
border-bottom: 1px solid #efefef;
margin: -15px 0 40px;
}
.ie7 .page-header { margin-top: 0; }
.slogan, .page-title, .page-description, .page-subdescription, .project-title {
font-weight: 300;
letter-spacing: -0.1px;
margin-bottom: 0;
}
.page-title, .page-description, .page-subdescription, .project-title {
font-size: 28px;
margin-top: -10px;
padding: 0 0 35px;
}
.slogan {
font-size: 24px;
margin-bottom: 40px;
}
.page-title { margin-top: 0; }
.page-subdescription { font-size: 20px; }
.project-title {
margin-top: -15px;
padding-bottom: 30px;
}
.page-description {
font-size: 32px;
font-weight: 400;
padding: 0 0 40px;
}
.page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
margin-bottom: 40px;
margin-top: 0;
}
.section-title {
font-weight: 800;
text-transform: uppercase;
}
/* -------------------------------------------------- */
/* Main
/* -------------------------------------------------- */
#main {
float: left;
margin: 0 40px 0 0;
width: 680px;
}
.sidebar-left #main {
float: right;
margin-left: 40px;
margin-right: 0;
}
/* ---------------------------------------- */
/* Columns
/* ---------------------------------------- */
#main .one-half { width: 330px; }
#main .one-third { width: 213px; }
#main .two-third { width: 447px; }
#main .one-fourth { width: 155px; }
#main .three-fourth { width: 505px; }
/* -------------------------------------------------- */
/* Image Gallery Slider
/* -------------------------------------------------- */
.image-gallery-slider {
position: relative;
margin: 0 0 25px;
}
.image-gallery-slider > ul { margin: 0; }
.image-gallery-slider > ul > li {
background: #fff;
display: none;
list-style: none;
margin: 0;
}
.no-js .image-gallery-slider > ul > li, .image-gallery-slider.disabled > ul > li {
display: block;
margin-bottom: 25px;
}
.image-gallery-slider > ul > li:first-child { display: block; }
.image-gallery-slider a {
display: block;
margin: 0 auto;
}
.image-gallery-slider img, .image-gallery-slider img.entry-image {
display: block;
margin: 0 auto;
max-width: 100%;
}
.image-gallery-slider-nav {}
.image-gallery-slider-nav a {
background: rgb(241, 90, 35) url(images/slider-arrows-medium.png) no-repeat 0 0; /* Fallback for old IE */
filter: alpha(opacity=60); /* Fallback for old IE */
background: rgba(241, 90, 35, 0.6) url(images/slider-arrows-medium.png) no-repeat 0 0;
color: transparent;
cursor: pointer;
display: block;
font: 0/0 a;
height: 53px;
margin: -26.5px 0 0;
position: absolute;
text-shadow: none;
top: 50%;
width: 25px;
z-index: 999;
}
.image-gallery-slider-nav a.prev {
background-position: -7px center;
left: 0;
}
.image-gallery-slider-nav a.next {
background-position: -46px center;
right: 0;
}
.image-gallery-slider-nav a:hover, .image-gallery-slider-nav a:active {
background-color: rgb(241, 90, 35);
background-color: rgba(241, 90, 35, 1);
filter: alpha(opacity=100); /* Fallback for old IE */
}
/* -------------------------------------------------- */
/* Widgets
/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Accordion Content
/* ---------------------------------------- */
.acc-trigger {
border-top: 1px dotted #ced8df;
cursor: pointer;
display: block;
margin: 0;
}
.acc-trigger:last-of-type, .acc-container:last-of-type {
border-bottom: 1px dotted #ced8df;
margin-bottom: 20px;
}
.no-js .acc-trigger:last-of-type { border-bottom: none; }
.acc-trigger a {
background: url(images/accordion-content-buttons.png) no-repeat 20px 23px;
display: block;
color: #959393;
outline: medium none;
padding: 25px 20px 25px 55px;
text-decoration: none;
text-shadow: none;
}
h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; }
h6.acc-trigger a { background-position: 20px 21px; }
.acc-trigger a:hover { background-color: #f8f8f8; }
.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #f15a23; }
.acc-trigger.active a:hover { background-color: transparent; }
.acc-trigger.active { cursor: default; }
.acc-trigger[data-mode=toggle].active, .acc-trigger[data-mode=toggle].active a { cursor: pointer; }
.acc-trigger.active:last-of-type {
border-bottom: none;
margin-bottom: 0;
}
.acc-trigger.active a {
background-position: 20px -88px;
cursor: default;
}
h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; }
h6.acc-trigger.active a { background-position: 20px -90px; }
.acc-container .content { padding: 0 20px 25px 55px; }
.acc-container .content .one-half { width: 422px; }
.acc-container .content .one-third { width: 275px; }
.acc-container .content .two-third { width: 570px; }
.acc-container .content .one-fourth { width: 201px; }
.acc-container .content .three-fourth { width: 644px; }
.js .acc-container { margin-top: -15px; }
/* ---------------------------------------- */
/* Content Tabs
/* ---------------------------------------- */
.tabs-nav {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.tabs-nav li {
float: left;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
.tabs-nav li.active { line-height: 31px; }
.tabs-nav li a {
background: #f8f8f8;
border: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
border-left: none;
color: #959393;
display: block;
letter-spacing: 0;
outline: none;
padding: 0 16px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
}
.tabs-nav li:first-child a { border-left: 1px solid #eaeaea; }
.tabs-nav li a:hover { background: #f0f0f0; }
.tabs-nav li a:hover, .tabs-nav li.active a { color: #f15a23; }
.tabs-nav li.active a {
background: #fff;
border-bottom: 2px solid #fff;
border-top: 1px solid #f15a23;
}
.tabs-container {
background: #fff;
margin: -1px 0 20px;
overflow: hidden;
width: 100%;
}
.tab-content {
border: 1px solid #eaeaea;
padding: 20px;
}
.tab-content .one-half { width: 440px; }
.tab-content .one-third { width: 286px; }
.tab-content .two-third { width: 594px; }
.tab-content .one-fourth { width: 210px; }
.tab-content .three-fourth { width: 670px; }
/* -------------------------------------------------- */
/* Pricing Tables
/* -------------------------------------------------- */
.simple-pricing-table, .extended-pricing-table {
height: 100%;
margin: 0 0 40px;
position: relative;
text-align: center;
width: 100%;
}
.simple-pricing-table .column, .extended-pricing-table .column {
float: left;
margin: 0;
padding: 0;
position: relative;
}
.simple-pricing-table .features, .extended-pricing-table .features {
list-style: none;
margin: 0;
}
.simple-pricing-table .features li, .extended-pricing-table .features li {
display: block;
margin: 0;
position: relative
}
.simple-pricing-table .footer, .extended-pricing-table .footer { padding: 16px 20px; }
.simple-pricing-table .footer .button, .extended-pricing-table .footer .button {
background: #515151;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
padding: 9px 20px;
}
/* ---------------------------------------- */
/* Simple Pricing Table
/* ---------------------------------------- */
.simple-pricing-table.featured { margin-top: 50px; }
.simple-pricing-table .column {
background: #f6f6f6;
border-bottom: 1px solid #ededed;
border-left: 1px solid #fff;
border-top: 1px solid #ededed;
width: 938px;
}
.simple-pricing-table .column:first-child { border-left-color: #ededed; }
.simple-pricing-table .column:last-child { border-right: 1px solid #ededed; }
.simple-pricing-table.col2 .column { width: 468px; }
.simple-pricing-table.col3 .column { width: 312px; }
.simple-pricing-table.col4 .column { width: 233px; }
.simple-pricing-table.col5 .column { width: 186px; }
.simple-pricing-table .column.featured {
background: #fff;
border: 1px solid #ebebeb;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
box-shadow: 0 0 20px rgba(0, 0, 0, .15);
margin: -20px -1px 0;
padding: 20px 5px 15px;
z-index: 1;
width: 928px;
}
.simple-pricing-table.col2.featured .column { width: 450px; }
.simple-pricing-table.col3.featured .column { width: 299px; }
.simple-pricing-table.col4.featured .column { width: 224px; }
.simple-pricing-table.col5.featured .column { width: 179px; }
.simple-pricing-table.col2 .column.featured { width: 478px; }
.simple-pricing-table.col3 .column.featured { width: 329px; }
.simple-pricing-table.col4 .column.featured { width: 254px; }
.simple-pricing-table.col5 .column.featured { width: 209px; }
.simple-pricing-table .header { padding: 15px 20px 20px; }
.simple-pricing-table .featured .header { margin: -15px 0 0; }
.simple-pricing-table .title {
color: #414141;
font-size: 24px;
font-weight: 700;
letter-spacing: -0.8px;
margin: 0 0 5px;
}
.simple-pricing-table .price {
color: #777;
font-size: 18px;
font-weight: 300;
margin: 0 0 7px;
}
.simple-pricing-table .price span {
color: #292929;
font-weight: 700;
}
.simple-pricing-table .free .price span { color: #4a993e; }
.simple-pricing-table .featured .price span { color: #f15a23; }
.simple-pricing-table .description {
color: #4b4b4b;
font-size: 14px;
margin: 0;
font-weight: 400;
}
.simple-pricing-table .free .description { color: #44af33; }
.simple-pricing-table .featured .description { color: #e38c11; }
.simple-pricing-table .title + .description {
margin-bottom: 5px;
margin-top: 12px;
}
.simple-pricing-table .features { padding: 0 10px; }
.simple-pricing-table .features li {
border-top: 1px solid #ebebeb;
padding: 5px 10px;
}
.simple-pricing-table .footer {
background: #e5e5e5;
margin: 1px 0 0;
}
.simple-pricing-table .featured .footer {
background: #fff;
margin-top: 11px;
}
.simple-pricing-table .featured .footer .button {
background: #f15a23;
font-size: 18px;
padding: 11px 27px;
}
.simple-pricing-table .free .footer .button { background: #4a993e; }
.simple-pricing-table .footer .button:hover { background: #f15a23; }
.simple-pricing-table .free .footer .button:hover,
.simple-pricing-table .featured .footer .button:hover { background: #515151; }
/* ---------------------------------------- */
/* Extended Pricing Table
/* ---------------------------------------- */
.extended-pricing-table.featured { margin-top: 40px; }
.extended-pricing-table .column { width: 740px; }
.extended-pricing-table .features-list {
text-align: left;
width: 200px !important;
}
.extended-pricing-table.col2 .column { width: 370px; }
.extended-pricing-table.col3 .column { width: 246px; }
.extended-pricing-table.col4 .column { width: 185px; }
.extended-pricing-table.col5 .column { width: 148px; }
.extended-pricing-table .featured {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
box-shadow: 0 0 20px rgba(0, 0, 0, .15);
z-index: 1;
}
.extended-pricing-table .header {
background: #3a3a3a;
color: #fff;
min-height: 110px;
}
.extended-pricing-table .features-list .header { background: none; }
.extended-pricing-table .free .header { background: #4a993e; }
.extended-pricing-table .featured .header {
background: #f9612a;
padding: 0 0 10px;
}
.ie7 .extended-pricing-table .featured .header { padding-bottom: 0; }
.extended-pricing-table .title {
background: #2c2c2c;
color: #bbbbbb;
font-size: 13px;
font-weight: 400;
margin: 0 0 7px;
padding: 8px 15px;
text-transform: uppercase;
}
.extended-pricing-table .free .title {
background: #428937;
color: #fff;
}
.extended-pricing-table .featured .title {
background: #dd4913;
color: #fff;
font-size: 17px;
font-weight: 600;
margin-top: -10px;
padding-bottom: 11px;
padding-top: 10px;
position: relative;
}
.extended-pricing-table .price {
color: #999;
font-size: 12px;
font-weight: 400;
margin: 0;
}
.extended-pricing-table .free .price { color: #9fcd98; }
.extended-pricing-table .featured .price { color: #fab197; }
.extended-pricing-table .price span {
color: #fff;
font-size: 30px;
display: block;
}
.extended-pricing-table .featured .price span { font-weight: 600; }
.extended-pricing-table .features { border-left: 1px solid #fff; }
.extended-pricing-table .features-list .features { border-left: none; }
.extended-pricing-table .features li {
background: #f8f8f8;
border-bottom: 1px solid #fff;
padding: 8px 10px;
}
.extended-pricing-table .features li:before { content: ''; }
.extended-pricing-table .featured .features li { background: #fff; }
.extended-pricing-table .features li:first-child { border-top: 1px solid #fff; }
.extended-pricing-table .features li:nth-child(even) { background: #f0f0f0; }
.extended-pricing-table .featured .features li:nth-child(even) { background: #f6f6f6; }
.extended-pricing-table .features li .check {
background: url(images/icon-check-3.png) no-repeat center 2px;
display: inline-block;
height: 18px;
text-indent: -9999px;
width: 18px;
}
.ie7 .extended-pricing-table .features li .check {
display: inline;
font-size: 0;
text-indent: 0;
}
.extended-pricing-table .free .features li .check { background-image: url(images/icon-check-3-green.png); }
.extended-pricing-table .footer { background: #f8f8f8; }
.extended-pricing-table .featured .footer { padding-bottom: 26px; }
.extended-pricing-table .features-list .footer { background: none; }
.extended-pricing-table .free .footer .button { background: #4a993e; }
.extended-pricing-table .featured .footer .button { background: #f15a23; }
.extended-pricing-table .footer .button:hover { background: #f15a23; }
.extended-pricing-table .free .footer .button:hover,
.extended-pricing-table .featured .footer .button:hover { background: #515151; }
/* -------------------------------------------------- */
/* Back to Top
/* -------------------------------------------------- */
#back-to-top, .touch-device #back-to-top:hover {
background: url(images/arrow-up-large.png) no-repeat center center;
background-color: rgb(221, 221, 221);
background-color: rgba(221, 221, 221, .7);
bottom: 20px;
color: transparent;
display: none;
font: 0/0 a;
height: 46px;
position: fixed;
right: 20px;
text-shadow: none;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
width: 45px;
z-index: 100;
}
#back-to-top:hover, #back-to-top.hover, .touch-device #back-to-top:active { background-color: #f15a23; }
/* ---------------------------------------------------------------------- */
/* Home
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- */
/* Slider
/* -------------------------------------------------- */
.ss-slider {
background: #fff url(images/loader.gif) no-repeat center 185px;
clear: both;
margin: 20px auto 80px;
max-height: 465px;
max-width: 940px;
overflow: hidden;
position: relative;
}
.ss-slider.fully-loaded { overflow: visible; }
.ss-slider.fully-loaded, .no-js .ss-slider { background: none; }
.no-js .ss-slider { max-height: none; }
/* ---------------------------------------- */
/* Single Slide
/* ---------------------------------------- */
.ss-slider .slides-container {}
.ss-slider .slide {
display: none;
margin: 0;
}
.ss-slider .slide:first-child { display: block; }
.ss-slider.fully-loaded .slide, .no-js .ss-slider .slide {
background-repeat: no-repeat;
display: block;
float: left;
overflow: hidden;
position: relative;
z-index: 1;
}
.ss-slider.fully-loaded .slide { height: 100%; }
.no-js .ss-slider .slide { margin: 40px 0 0; }
.no-js .ss-slider .slide:first-child { margin-top: 0; }
.ss-slider .slide-img {
background-repeat: no-repeat;
height: 100%;
left: 0;
position: absolute;
top: 0;
}
.ss-slider .slide-images-container {
background: #fff;
background-repeat: no-repeat;
display: block;
width: 100%;
z-index: 11;
}
.ss-slider .slide-bg-image {
background: #fff;
margin: 0;
width: 100%;
}
.ss-slider.fully-loaded .slide-bg-image { display: none; }
.no-js .ss-slider .slide-bg-image { display: block; }
/* ---------------------------------------- */
/* Button
/* ---------------------------------------- */
.ss-slider .buttons-container {
background: #fff;
overflow: hidden;
width: 100%;
}
.ss-slider.hide-bottom-buttons .buttons-container { display: none; }
.ss-slider .slide-button, .no-js .ss-slider .slide-button:hover {
background: #f8f8f8;
border-bottom: 1px solid #e9e9e9;
border-top: 4px solid #dfdfdf;
-webkit-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
-moz-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
color: #3a3a3a;
cursor: pointer;
display: block;
float: left;
font-size: 20px;
height: 40px;
overflow: hidden;
padding: 20px;
text-align: left;
text-decoration: none;
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
width: 100%;
}
.ss-slider.hide-bottom-buttons .slide-button { display: none; }
.ss-slider .slide:first-child .slide-button {
-webkit-box-shadow: 0 1px 0 0 #fff inset;
-moz-box-shadow: 0 1px 0 0 #fff inset;
box-shadow: 0 1px 0 0 #fff inset;
}
.ss-slider.fully-loaded .slide-button:hover, .ss-slider.fully-loaded .slide-button.active {
background: #f0f0f0;
color: #f15a23;
}
.ss-slider.fully-loaded .slide-button:hover { border-top-color: #aeaeae; }
.no-js .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover { cursor: auto; }
.no-js .ss-slider a > .slide-button:hover { cursor: pointer; }
.ss-slider .slide-button h5 {
color: #3a3a3a;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
margin: 0;
}
.ss-slider.fully-loaded .slide-button.active h5 { color: #f15a23; }
.ss-slider .slide-button .description {
color: #959393;
display: block;
font-size: 11px;
line-height: 12px;
}
.ss-slider .slide-button .dropcap {
background: #3a3a3a;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
color: #fff;
font-weight: 700;
height: 38px;
width: 38px;
}
.ss-slider .slide-button.image, .no-js .ss-slider .slide-button.image:hover {
height: 80px;
padding: 0;
text-align: center;
}
.ss-slider .slide-button img {
background: #f8f8f8;
display: inline-block;
font-size: 11px;
max-height: 80px;
filter: alpha(opacity=35); /* Fallback for old IE */
opacity: 0.35;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
.ss-slider .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img { background: #f0f0f0; }
.no-js .ss-slider .slide-button:hover img, .no-js .ss-slider .slide-button.active img { background: #f8f8f8; }
.ss-slider.fully-loaded .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img,
.no-js .ss-slider .slide-button img {
filter: alpha(opacity=100); /* Fallback for old IE */
opacity: 1;
}
/* ---------------------------------------- */
/* Content
/* ---------------------------------------- */
.ss-slider .content-container, .no-js .ss-slider .slide-content {
background: rgb(0, 0, 0); /* Fallback for old IE */
filter: alpha(opacity=60); /* Fallback for old IE */
background: rgba(0, 0, 0, .6);
bottom: 115px;
display: block;
left: 30px;
margin: 0;
overflow: hidden;
padding: 25px 30px 30px;
position: absolute;
width: 255px;
z-index: 2;
}
.ss-slider.hide-content .content-container { display: none; }
.ss-slider.hide-bottom-buttons .content-container, .no-js .ss-slider.hide-bottom-buttons .slide-content { bottom: 30px; }
.ss-slider.show-content-onhover .content-container, .ss-slider.show-content-onhover .pagination-container a {
opacity: 0;
filter: alpha(opacity=0); /* Fallback for old IE */
}
.ss-slider.fully-loaded.show-content-onhover:hover .content-container, .ss-slider.fully-loaded.show-content-onhover:hover .pagination-container a {
opacity: 1;
filter: alpha(opacity=60); /* Fallback for old IE */
}
.ss-slider.fully-loaded .content-container {
-webkit-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
-moz-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
-ms-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
-o-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
}
.ss-slider .content-container.center {
bottom: auto;
left: 50%;
margin-left: -193px;
padding: 20px 30px;
text-align: center;
top: 135px;
width: 326px;
}
.ss-slider .content-container.bottom {
bottom: 85px;
left: 38px;
max-width: 804px;
padding: 10px 30px;
text-align: center;
width: 100%;
}
.ss-slider.hide-bottom-buttons .content-container.bottom { bottom: 0; }
.ss-slider .slide-content {
color: #bfbfbf;
display: none;
text-shadow: 0 -1px rgba(0, 0, 0, .75);
}
.ss-slider .slide-content a { color: #f15a23; }
.ss-slider .slide-content a:hover { text-decoration: underline; }
.ss-slider .slide-content h1,
.ss-slider .slide-content h2,
.ss-slider .slide-content h3,
.ss-slider .slide-content h4,
.ss-slider .slide-content h5,
.ss-slider .slide-content h6 {
color: #fff;
margin: 0;
}
.ss-slider .slide-content h1 + *,
.ss-slider .slide-content h2 + *,
.ss-slider .slide-content h3 + *,
.ss-slider .slide-content h4 + *,
.ss-slider .slide-content h5 + *,
.ss-slider .slide-content h6 + * { margin-top: 5px; }
.ss-slider .slide-content h2 {
font-size: 20px;
font-weight: 700;
}
.ss-slider .slide-content h6 {
font-size: 13px;
font-weight: 400;
}
.ss-slider .slide-content p { margin-bottom: 10px; }
.ss-slider .slide-content p:last-of-type { margin-bottom: 0; }
.ss-slider .slide-content .button {
color: #fff;
font-size: 11px;
padding: 5px 14px;
text-shadow: none;
}
.ss-slider .slide-content .button:hover { text-decoration: none; }
/* ---------------------------------------- */
/* Pagination
/* ---------------------------------------- */
.ss-slider .pagination-container a {
background: rgb(241, 90, 35) url(images/slider-arrows-small.png) no-repeat 0 center; /* Fallback for old IE */
filter: alpha(opacity=60); /* Fallback for old IE */
background: rgba(241, 90, 35, 0.6) url(images/slider-arrows-small.png) no-repeat 0 center;
bottom: 115px;
color: transparent;
cursor: pointer;
display: block;
font: 0/0 a;
min-height: 27px;
left: 346px;
overflow: hidden;
position: absolute;
text-align: center;
text-shadow: none;
-webkit-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
-moz-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
-ms-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
-o-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
width: 15px;
z-index: 2;
}
.ss-slider.hide-bottom-buttons .pagination-container a { bottom: 30px; }
.ss-slider.hide-content .pagination-container a { display: none; }
.ss-slider .pagination-container .next {
background-position: -15px center;
bottom: 156px;
}
.ss-slider.hide-bottom-buttons .pagination-container .next { bottom: 71px; }
.ss-slider .pagination-container a:hover, .ss-slider.show-content-onhover:hover .pagination-container a:hover {
background-color: rgba(241, 90, 35, 1);
filter: alpha(opacity=100) !important; /* Fallback for old IE */
}
.ss-slider .pagination-container.center a {
background-image: url(images/slider-arrows-large.png);
bottom: auto;
left: 50%;
min-height: 40px;
top: 135px;
width: 35px;
}
.ss-slider .pagination-container.center .prev {
background-position: 0 center;
left: 241px;
}
.ss-slider .pagination-container.center .next {
background-position: -35px center;
left: auto;
right: 241px;
}
.ss-slider .pagination-container.bottom a {
background-image: url(images/slider-arrows-medium.png);
bottom: 85px;
min-height: 20px;
width: 37px;
}
.ss-slider.hide-bottom-buttons .pagination-container.bottom a { bottom: 0; }
.ss-slider .pagination-container.bottom .prev {
background-position: -1px center;
left: 0;
}
.ss-slider .pagination-container.bottom .next {
background-position: -40px center;
left: auto;
right: 0;
}
/* ---------------------------------------- */
/* Active Slide Bar
/* ---------------------------------------- */
.ss-slider .active-slide-bar {
background: #f15a23;
bottom: 0;
display: block;
height: 4px;
left: 0;
position: absolute;
visibility: hidden;
z-index: 10;
}
.ss-slider.hide-bottom-buttons .active-slide-bar { display: none; }
/* -------------------------------------------------- */
/* Projects Carousel
/* -------------------------------------------------- */
.no-js .projects-carousel, .no-js .post-carousel {
border-top: 1px solid #efefef;
margin: 15px -20px 60px 0;
padding: 25px 0 0;
}
.projects-carousel > li, .post-carousel > li, #portfolio-items > article {
float: left;
list-style: none;
margin: 0 20px 0 0;
overflow: hidden;
position: relative;
}
.projects-carousel > li, .post-carousel > li { width: 220px; }
.no-js .post-carousel > li {
display: inline-block;
float: none;
}
.no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 40px; }
.projects-carousel a, #portfolio-items article .project-meta {
border-bottom: 1px solid #efefef;
display: block;
text-align: center;
}
.projects-carousel a { padding: 20px 0 0; }
#portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; }
.projects-carousel img, #portfolio-items article img {
background-color: #fff;
margin: 0 auto;
filter: alpha(opacity=70); /* Fallback for old IE */
opacity: 0.7;
}
.no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; }
.projects-carousel img { margin: -25px auto 20px; }
.projects-carousel .title, #portfolio-items > article .title {
font-weight: 400;
margin: -1px 0 0;
}
.projects-carousel > li .categories, #portfolio-items > article .categories, #portfolio-items > article a + .project-meta .categories {
color: #aeaeae;
display: block;
font-style: italic;
margin: -1px 0 20px;
}
#portfolio-items > article .categories { margin-bottom: 19px; }
.projects-carousel a:hover, #portfolio-items > article:hover {
background: #f8f8f8;
border-bottom: 1px solid #f15a23;
}
.not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after {
background: #f15a23;
bottom: -2.5px;
content: '';
left: 50%;
display: block;
height: 5px;
margin: 0 0 0 -2.5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
width: 5px;
}
.projects-carousel a:hover img, #portfolio-items > article:hover img {
filter: alpha(opacity=100); /* Fallback for old IE */
opacity: 1;
}
.projects-carousel a:hover .title, #portfolio-items > article:hover .title { color: #f15a23; }
/* -------------------------------------------------- */
/* Post Carousel
/* -------------------------------------------------- */
.post-carousel .entry-meta {
float: left;
font-style: italic;
letter-spacing: -0.5px;
line-height: 1.3;
margin: 0 12px 0 0;
text-align: center;
width: 33px;
}
.post-carousel .entry-meta a {
display: block;
font-style: normal;
}
.post-carousel li .post-format { margin: 0; }
.post-carousel li .date {
display: block;
margin: 8px 0 0;
}
.post-carousel .entry-body .title {
font-size: 14px;
font-weight: 400;
margin: 0 0 10px 0;
}
#content .post-carousel .entry-body {
float: right;
margin: 0;
width: 175px;
}
.post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
margin-bottom: 15px;
max-width: 100%;
width: 100%;
}
.post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; }
/* Image Gallery Slider */
.post-carousel .image-gallery-slider { margin-bottom: 15px; }
.post-carousel .image-gallery-slider li { margin: 0; }
.post-carousel .image-gallery-slider img { margin-bottom: 0; }
/* -------------------------------------------------- */
/* Projects & Post Carousel Navigation
/* -------------------------------------------------- */
.jcarousel-container {
border-top: 1px solid #efefef;
margin: 45px -20px 80px 0;
max-width: 100%;
padding: 25px 0 0;
}
.section-title + .jcarousel-container { margin-top: 15px; }
.jcarousel-clip {
overflow: hidden;
width: 100%;
}
.jcarousel-item {
margin: 0 20px 0 0;
width: 220px;
}
.jcarousel-next, .jcarousel-prev {
background: #ddd url(images/button-arrows.png) no-repeat 0 0;
cursor: pointer;
height: 19px;
position: absolute;
right: 0;
top: -35px;
width: 19px;
}
.jcarousel-prev {
background-position: 0 -19px;
right: 20px;
}
.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
background-color: #f15a23;
}
.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
background-color: #eee !important;
cursor: auto !important;
}
/* ---------------------------------------------------------------------- */
/* Our Team
/* ---------------------------------------------------------------------- */
.team-member {
border-bottom: 1px solid #efefef;
color: #777;
margin-bottom: 50px;
overflow: hidden;
position: relative;
text-align: center;
-webkit-transition: background-color .2s ease, border .2s ease;
-moz-transition: background-color .2s ease, border .2s ease;
-ms-transition: background-color .2s ease, border .2s ease;
-o-transition: background-color .2s ease, border .2s ease;
transition: background-color .2s ease, border .2s ease;
}
.team-member:hover {
background: #f8f8f8;
border-bottom-color: #f15a23;
}
.not-ie .team-member:hover:after {
background: #f15a23;
bottom: -2.5px;
content: '';
left: 50%;
display: block;
height: 5px;
margin: 0 0 0 -2.5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
width: 5px;
}
.team-member .photo, .team-member > a {
display: block;
margin: 0 auto 15px;
}
.team-member > a > .photo { margin: 0 auto; }
.team-member .content { padding: 0 15px; }
.team-member .name {
color: #414141;
font-weight: 700;
margin: 0;
text-transform: uppercase;
}
.team-member .job-title {
color: #aeaeae;
display: block;
font-style: italic;
margin: 0 0 10px;
}
.team-member .social-links {
border-top: 1px solid #efefef;
margin: 0 0 5px;
padding: 15px 0 0;
}
.team-member:hover .social-links { border-top-color: #ebebeb; }
.team-member .social-links li { margin: 0 0 10px 10px; }
.team-member .social-links a { opacity: 0.3; }
.team-member .social-links a:hover { opacity: 1; }
/* ---------------------------------------------------------------------- */
/* Blog
/* ---------------------------------------------------------------------- */
.hentry {
border-bottom: 1px dotted #ced8df;
margin: 0 0 50px;
padding: 0 0 30px;
}
.single .hentry {
margin-bottom: 45px;
padding-bottom: 25px;
}
.entry-image, .entry-video, .entry-audio {
display: block;
margin: 0 auto 25px;
}
.hentry .entry-audio {
margin-bottom: 20px;
padding-top: 5px;
}
.single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 25px; }
.hentry.initiative .attachment-thumbnail{
border: 1px solid #c2c2c2;
}
.entry-body {
float: right;
margin: -5px 0 0;
width: 810px;
}
#main .entry-body { width: 550px; }
.entry-body a { text-decoration: underline; }
.entry-body .title {
font-size: 18px;
font-weight: 700;
margin-top: 10px;
}
.entry-body h1.title a { text-decoration: none; }
.entry-meta {
color: #878787;
float: left;
margin: 0 20px 0 0;
text-align: right;
width: 110px;
font-size: 11px;
}
.entry-meta ul { margin: 0; }
.entry-meta li {
list-style: none;
margin: 0;
}
.entry-meta li.post_tags a{
display: inline;
}
.entry-meta .title { font-weight: 700; }
.entry-meta .post-categories { display: inline-block; }
.entry-meta a, .entry-meta a time {
color: #959393;
display: inline-block;
font-style: italic;
}
.entry-meta a:hover, .entry-meta a:hover time { color: #f15a23; }
.post-format {
background-color: #ddd;
background-image: url(images/icon-post-formats.png);
background-repeat: no-repeat;
background-position: 0 0;
color: #959393;
cursor: pointer;
display: block;
height: 33px;
margin: 0 0 10px 0;
text-align: left;
text-indent: -9999px;
width: 33px;
}
.post-format.gallery, .post-format.image { background-position: -33px 0; }
.post-format.video { background-position: -66px 0; }
.post-format.audio { background-position: -99px 0; }
.post-format.link { background-position: -132px 0; }
.post-format.quote { background-position: -165px 0; }
.post-format.aside { background-position: -199px 0; }
a:hover > .post-format {
background-color: #f15a23;
color: #f15a23;
}
/* VideoJS */
.video-js { max-width: 100%; }
/* -------------------------------------------------- */
/* Comments
/* -------------------------------------------------- */
#comments {}
#comments-title, #reply-title {
font-size: 12px;
font-weight: 600;
margin-bottom: 15px;
text-transform: uppercase;
}
.commentlist {
border-bottom: 1px dotted #ced8df;
margin: 27px 0 45px;
padding: 0 0 30px;
overflow: hidden;
}
.comment {
border-top: 1px dotted #ced8df;
list-style: none;
margin: 30px 0 0;
padding: 35px 0 0;
}
.comment:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.comment > article {
margin: 0;
overflow: hidden;
}
.comment .avatar {
background: #fff;
float: left;
margin: 0 0 5px 0;
position: relative;
width: 54px;
z-index: 1;
}
.comment .comment-body, .comment .comment-meta {
float: right;
margin: 0 0 -20px 15px;
width: 871px;
}
#main .comment .comment-body, #main .comment .comment-meta { width: 611px; }
.comment .comment-meta { margin-bottom: 0; }
.comment .author, .comment .author a {
color: #54555a;
margin: 0;
}
.comment .author cite { font-style: normal; }
.comment .author .comment-reply-link { font-size: 11px; }
.comment .date, .comment .date a, .comment .date time {
color: #adb3b8;
font-style: italic;
margin: 1px 0 5px;
}
.comment .author a:hover,
.comment .date a:hover, .comment .date a:hover time { color: #f15a23; }
.commentlist .children {
margin: 0;
padding: 0 0 0 70px;
position: relative;
}
.commentlist .children .comment {
border-top: 1px dotted #ced8df;
margin: 15px 0 0;
padding: 35px 0 0;
position: relative;
}
.comment .children .comment:first-child { margin-top: 0; }
.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 801px; }
.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 731px; }
.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 661px; }
.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 591px; }
#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta { width: 541px; }
#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta { width: 471px; }
#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta { width: 401px; }
#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta { width: 331px; }
/* -------------------------------------------------- */
/* Respond
/* -------------------------------------------------- */
#respond { }
.commentlist #respond { margin: 10px 0 35px; }
.commentlist #respond .form-allowed-tags { display: none; }
#reply-title small {
font-size: 11px;
text-transform: none;
}
#commentform { margin: 20px -20px 0 0; }
#commentform input { width: 278px; }
#main #commentform input { width: 191px; }
.commentlist .children .depth-2 #commentform input { width: 254px; }
.commentlist .children .depth-3 #commentform input { width: 231px; }
.commentlist .children .depth-4 #commentform input { width: 208px; }
#main .commentlist .children .depth-2 #commentform input { width: 168px; }
#main .commentlist .children .depth-3 #commentform input { width: 144px; }
#main .commentlist .children .depth-4 #commentform input { width: 121px; }
#commentform textarea {
height: 150px;
width: 918px;
}
#main #commentform textarea { width: 657px; }
.commentlist .children .depth-2 #commentform textarea { width: 846px; }
.commentlist .children .depth-3 #commentform textarea { width: 777px; }
.commentlist .children .depth-4 #commentform textarea { width: 708px; }
#main .commentlist .children .depth-2 #commentform textarea { width: 588px; }
#main .commentlist .children .depth-3 #commentform textarea { width: 516px; }
#main .commentlist .children .depth-4 #commentform textarea { width: 447px; }
/* -------------------------------------------------- */
/* Pagination
/* -------------------------------------------------- */
.pagination { margin: 0 }
.comments-pagination {
margin-bottom: 30px;
margin-top: -20px;
}
.pagination.pagination-top{
margin-bottom: 30px;
}
body.blog .pagination.pagination-top{
margin-left: 130px;
}
.pagination a, .pagination span {
border: 1px solid transparent;
color: #9c9c9c;
display: inline-block;
margin: 0 8px 0 0;
padding: 2px 8px 4px;
}
.comments-pagination a, .comments-pagination span {
margin-right: 5px;
padding-bottom: 3px;
}
.ie7 .pagination li, .ie7 .pagination span { display: inline; }
.pagination .current {
background: #e6edef;
color: #707070;
padding: 2px 7px 4px;
}
.comments-pagination .current { padding-bottom: 3px; }
.pagination a:hover, .comments-pagination a:hover {
border-color: #e6edef;
color: #f15a23;
}
.pagination .next, .pagination .prev { border: none; }
/* ---------------------------------------------------------------------- */
/* Portfolio
/* ---------------------------------------------------------------------- */
#portfolio-items-filter {
float: right;
margin: -65px 0 0;
overflow: hidden;
}
#portfolio-items-filter li {
display: block;
float: left;
list-style: none;
margin: 0;
}
#portfolio-items-filter li:first-child {
margin-top: 5px;
margin-right: 5px;
}
.no-js #portfolio-items-filter li:first-child, .no-js #portfolio-items-filter .all { display: none; }
.ie7 #portfolio-items-filter li:first-child { display: none !important; }
#portfolio-items-filter a {
background: #f15a23;
color: #fff;
cursor: pointer;
display: block;
margin: 0 0 5px 5px;
padding: 5px 10px;
}
.no-js #portfolio-items-filter a, #portfolio-items-filter.open a { display: block !important; }
.ie7 #portfolio-items-filter a {
display: block !important;
margin: 0 0 5px 5px !important;
padding: 5px 10px !important;
width: auto !important;
}
#portfolio-items-filter a:hover, #portfolio-items-filter.open .active, #portfolio-items-filter.open .current a { background: #3a3a3a; }
#portfolio-items { margin: 0 -20px 40px 0; }
#portfolio-items article { margin-bottom: 50px; }
#portfolio-items .project-meta {
display: block;
margin: 0;
padding: 20px 0 0;
}
#portfolio-items + .pagination { margin-top: -40px; }
/* Isotope */
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
z-index: 2;
}
.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: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/* -------------------------------------------------- */
/* Single Project
/* -------------------------------------------------- */
.project-title {
color: #3a3a3a;
font-size: 32px;
font-weight: 400;
}
.portfolio-pagination {
float: right;
margin: -58px 0 0;
}
.portfolio-pagination li {
display: inline-block;
list-style: none;
line-height: 25px;
margin: 0;
}
.ie7 .portfolio-pagination li { display: inline; }
.portfolio-pagination .next {
border-right: 1px solid #e8e8e8;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
}
.portfolio-pagination .next:last-child {
border-right: none;
margin-right: 0;
padding-right: 0;
}
.single-portfolio .page-header .button {
color: #a1a1a1;
font-style: italic;
margin-top: -5px;
}
.single-portfolio .page-title + .button { margin-top: 10px; }
.single-portfolio .page-header a:hover { color: #f15a23; }
.single-portfolio .image-gallery-slider { margin-bottom: 30px; }
.single-portfolio .image-gallery-slider ul,
.no-js .single-portfolio .image-gallery-slider li, .single-portfolio .image-gallery-slider.disabled li {
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}
.no-js .single-portfolio .image-gallery-slider ul, .single-portfolio .image-gallery-slider.disabled {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* ---------------------------------------------------------------------- */
/* Contact Us
/* ---------------------------------------------------------------------- */
#map {
border-bottom: 1px solid #c5c3c0;
border-top: 1px solid #c5c3c0;
margin: -41px 0 40px;
position: relative;
width: 100%;
}
#map, #map .wpgmappity_container { height: 440px; }
#map:before, #map:after {
background: none;
-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
content: '';
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#map:after {
bottom: 0;
top: auto;
}
.wpcf7-form, #commentform { max-width: 100%; }
.wpcf7-form { margin: 0 -20px 0 0; }
.wpcf7-form-control-wrap br, .wpcf7-form-control-wrap p { display: none; }
.wpcf7-form .input-block, #commentform .input-block {
float: left;
margin: 0 20px 20px 0;
}
.wpcf7-form .input-block:nth-of-type(3n), #commentform .input-block:nth-of-type(3n) { margin-right: 0; }
.wpcf7-form input { width: 198px; }
.wpcf7-form .textarea-block, #commentform .textarea-block { clear: both; }
.wpcf7-form textarea {
height: 150px;
max-width: 100%;
width: 678px;
}
.wpcf7-not-valid-tip {
color: #f02932;
display: block;
margin: 5px 0 0;
}
.wpcf7-form input[type="submit"], #commentform input[type="submit"],
.wpcf7-form input[type="reset"], #commentform input[type="reset"] {
display: block;
margin: 0 0 20px;
width: auto !important;
}
.wpcf7-response-output { margin: -20px 0 0; }
/* ---------------------------------------------------------------------- */
/* Sidebar
/* ---------------------------------------------------------------------- */
#sidebar {
float: right;
width: 220px;
}
.sidebar-left #sidebar { float: left; }
/* -------------------------------------------------- */
/* Widgets
/* -------------------------------------------------- */
#sidebar .widget { margin: 0 0 50px; }
#sidebar .widget-title {
color: #414141;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 12px;
}
/* ---------------------------------------- */
/* List & Custom Menu
/* ---------------------------------------- */
.widget ul { }
.widget_nav_menu .sub-menu { border-top: 1px dotted #ced8df; }
.widget li {
background: url(images/arrow-right-grey.png) no-repeat 0 11px;
border-bottom: 1px dotted #ced8df;
list-style: none;
margin: 0;
}
.widget li:last-child { border-bottom: none; }
.widget li a {
color: #868686;
display: block;
padding: 5px 0 5px 15px;
}
.widget li a:hover,
.widget_nav_menu .current_page_item > a, .widget_nav_menu .current-menu-item > a { color: #f15a23; }
/* ---------------------------------------- */
/* Recent Comments
/* ---------------------------------------- */
.widget .recentcomments {
display: block;
padding: 5px 0 5px 15px;
}
/* ---------------------------------------- */
/* Calendar
/* ---------------------------------------- */
.widget_calendar table { width: 100%; }
.widget_calendar th, .widget_calendar td {
background: none;
border: 0;
padding: 0;
}
.widget_calendar caption {
font-size: 12px;
margin-bottom: 10px;
text-align: center;
}
.widget_calendar tr th {
font-size: 12px;
}
.widget_calendar tr td {
padding: 4px 6px;
text-align: center;
}
.widget_calendar tr td#prev {
padding: 5px 0 0;
text-align:left;
}
.widget_calendar tr td#next {
padding: 5px 0 0;
text-align: right;
}
.widget_calendar tr td#today {
background: #f8f8f8;
border: 1px solid #ced8df;
font-weight: bold;
}
#footer .widget_calendar tr td#today {
background: #464646;
border: 1px solid #363636;
font-weight: bold;
}
.widget_calendar tr td a {
display: inline;
font-weight: bold;
padding: 0;
}
/* ---------------------------------------- */
/* RSS
/* ---------------------------------------- */
.rsswidget img { margin: 0 5px 0 0; }
.widget_rss .rss-date, .widget_rss .rssSummary { padding: 0 0 0 15px; }
.widget_rss .rss-date {
color: #bbb;
font-style: italic;
}
/* ---------------------------------------- */
/* Search
/* ---------------------------------------- */
.widget_search input[type="text"] { margin: 0 0 10px; }
/* ---------------------------------------- */
/* Accordion Content
/* ---------------------------------------- */
#sidebar .acc-trigger a {
background-position: 0 8px;
font-size: 11px;
font-weight: 400;
padding: 12px 12px 12px 30px;
}
#sidebar .acc-trigger:first-of-type { border-top: none; }
#sidebar .acc-trigger:last-of-type { border-bottom: none; }
#sidebar .acc-trigger.active a {
background-position: 0 -103px;
cursor: default;
}
#sidebar .acc-container { margin: -5px 0 0; }
#sidebar .acc-container:first-of-type { border-top: none; }
#sidebar .acc-container:last-of-type { border-bottom: none; }
#sidebar .acc-container .content { padding: 0 12px 12px 30px; }
/* ---------------------------------------- */
/* Tweets
/* ---------------------------------------- */
ul.tweets-feed { margin: 0; }
.tweets-feed li {
background: url(images/icon-tweets.png) no-repeat 0 5px;
border: none;
display: block;
list-style: none;
margin: 0 0 15px;
padding: 0 0 0 30px;
}
#sidebar .tweets-feed li a, #footer .tweets-feed li a {
color: #f15a23;
display: inline;
padding: 0;
}
.tweets-feed .date { display: block; }
#sidebar .tweets-feed li .date a, #footer .tweets-feed li .date a {
color: #bbb;
font-size: 10px;
font-style: italic;
}
#sidebar .tweets-feed li a:hover { color: #3a3a3a; }
#footer .tweets-feed li a:hover { color: #fff; }
/* ---------------------------------------- */
/* Flickr Images
/* ---------------------------------------- */
.flickr-feed { margin: 15px -5px 0 0; }
.flickr-feed li {
background: none;
border: none;
display: inline-block;
list-style: none;
margin: 0 2px 1px 0;
}
.ie7 .flickr-feed li {
display: inline;
margin: 0 5px 5px 0;
}
.flickr-feed li a {
display: inline;
padding: 0;
}
.flickr-feed li img {
margin: 0;
height: 70px;
width: 70px;
}
/* ---------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------- */
#footer {
background: #3a3a3a;
color: #868686;
margin-top: 80px;
padding: 35px 0 30px;
position: relative;
}
.not-ie #footer:before {
background: #fff;
content: '';
left: 50%;
display: block;
height: 15px;
margin: 0 0 0 -7.5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: -8px;
width: 15px;
}
x:-o-prefocus, .not-ie #footer:before { display: none; } /* Fix for Opera */
#footer, #footer a,
#footer-bottom, #footer-bottom a { color: #868686; }
#footer a:hover,
#footer-bottom a:hover { color: #f15a23; }
#footer .widget {
border-bottom: 1px solid #4b4b4b;
margin: 0 0 12px;
padding: 0 0 12px;
}
#footer .widget:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
#footer .widget-title {
border-bottom: 1px solid #4b4b4b;
display: block;
font-size: 10px;
margin: 0 0 12px;
padding: 0 0 12px;
text-transform: uppercase;
}
#footer .widget_nav_menu .sub-menu { border-top-color: #4b4b4b; }
#footer .widget li { border-bottom-color: #4b4b4b; }
/* -------------------------------------------------- */
/* Footer Navigation
/* -------------------------------------------------- */
#footer .widget_nav_menu ul { margin: -2px 0 0; }
#footer .widget_nav_menu li {
background: none;
border: none;
display: inline-block;
list-style: none;
margin: 0 -3px 0 0;
}
.ie7 #footer .widget_nav_menu li { display: inline; }
#footer .widget_nav_menu li a {
border-left: 1px solid #484848;
font-size: 10px;
display: block;
padding: 0 15px;
text-transform: uppercase;
}
#footer .widget_nav_menu li:first-child a {
border-left: none;
padding-left: 0;
}
#footer .widget_nav_menu li:last-child a { padding-right: 0; }
/* -------------------------------------------------- */
/* Contact Info
/* -------------------------------------------------- */
#footer .contact-info { }
.contact-info { margin: 0 0 -2px; }
.contact-info li {
border: none;
display: inline-block;
list-style: none;
margin: 0 0 5px 24px;
padding: 0 0 0 24px;
}
#sidebar .contact-info li {
border-bottom: 1px dotted #ced8df;
display: block;
margin: 0 0 5px;
padding-bottom: 5px;
}
#sidebar .contact-info li:last-child { border-bottom: none; }
.contact-info li:first-child { margin-left: 0; }
.contact-info .address { background: url(images/icon-address.png) no-repeat 0 0; }
.contact-info .phone { background: url(images/icon-phone.png) no-repeat 0 1px; }
.contact-info .email { background: url(images/icon-email-2.png) no-repeat 0 4px; }
.contact-info li a {
display: inline;
padding: 0;
}
/* -------------------------------------------------- */
/* Social Links
/* -------------------------------------------------- */
.social-links { margin: 0; }
.social-links li {
background: none;
border: none;
display: inline-block;
list-style: none;
margin: 0 0 10px 15px;
text-indent: -9999px;
}
.ie7 .social-links li {
display: inline;
font-size: 0;
text-indent: 0;
}
.social-links li:nth-child(6n+1) { margin-left: 0; }
.social-links li:nth-child(6n) { margin-right: 15px; }
.social-links li:last-child { margin-right: 0; }
.social-links li a {
background: url(images/icon-social-links.png) no-repeat;
display: block;
height: 16px;
padding: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 20px;
}
.social-links .behance a { background-position: 0 -16px; }
.social-links .behance a:hover { background-position: 0 0; }
.social-links .delicious a { background-position: -35px -14px; height: 14px; }
.social-links .delicious a:hover { background-position: -35px 0; }
.social-links .deviantart a { background-position: -70px -16px; }
.social-links .deviantart a:hover { background-position: -70px 0; }
.social-links .digg a { background-position: -105px -14px; height: 14px; }
.social-links .digg a:hover { background-position: -105px 0; }
.social-links .dribbble a { background-position: -140px -16px; }
.social-links .dribbble a:hover { background-position: -140px 0; }
.social-links .dropbox a { background-position: -175px -15px; height: 15px; }
.social-links .dropbox a:hover { background-position: -175px 0; }
.social-links .email a { background-position: -210px -16px; }
.social-links .email a:hover { background-position: -210px 0; }
.social-links .facebook a { background-position: 0 -51px; }
.social-links .facebook a:hover { background-position: 0 -35px; }
.social-links .flickr a { background-position: -35px -51px; }
.social-links .flickr a:hover { background-position: -35px -35px; }
.social-links .forrst a { background-position: -70px -51px; }
.social-links .forrst a:hover { background-position: -70px -35px; }
.social-links .github a { background-position: -105px -51px; }
.social-links .github a:hover { background-position: -105px -35px; }
.social-links .google a { background-position: -140px -51px; }
.social-links .google a:hover { background-position: -140px -35px; }
.social-links .googleplus a { background-position: -175px -51px; }
.social-links .googleplus a:hover { background-position: -175px -35px; }
.social-links .ichat a { background-position: -210px -50px; height: 15px; }
.social-links .ichat a:hover { background-position: -210px -35px; }
.social-links .lastfm a { background-position: 0 -85px; height: 15px; }
.social-links .lastfm a:hover { background-position: 0 -70px; }
.social-links .linkedin a { background-position: -35px -86px; }
.social-links .linkedin a:hover { background-position: -35px -70px; }
.social-links .mobypicture a { background-position: -70px -86px; }
.social-links .mobypicture a:hover { background-position: -70px -70px; }
.social-links .myspace a { background-position: -105px -86px; }
.social-links .myspace a:hover { background-position: -105px -70px; }
.social-links .picasa a { background-position: -140px -86px; }
.social-links .picasa a:hover { background-position: -140px -70px; }
.social-links .plixi a { background-position: -175px -86px; }
.social-links .plixi a:hover { background-position: -175px -70px; }
.social-links .rss a { background-position: -210px -86px; }
.social-links .rss a:hover { background-position: -210px -70px; }
.social-links .skype a { background-position: 0 -121px; }
.social-links .skype a:hover { background-position: 0 -105px; }
.social-links .stumbleupon a { background-position: -35px -122px; height: 17px; }
.social-links .stumbleupon a:hover { background-position: -35px -105px; }
.social-links .tumblr a { background-position: -70px -120px; height: 15px; }
.social-links .tumblr a:hover { background-position: -70px -105px; }
.social-links .twitter a { background-position: -105px -120px; height: 15px; }
.social-links .twitter a:hover { background-position: -105px -105px; }
.social-links .vimeo a { background-position: -140px -120px; height: 15px; }
.social-links .vimeo a:hover { background-position: -140px -105px; }
.social-links .youtube a { background-position: -175px -120px; height: 15px; }
.social-links .youtube a:hover { background-position: -175px -105px; }
.social-links .pinterest a { background-position: -210px -121px; }
.social-links .pinterest a:hover { background-position: -210px -105px; }
/* -------------------------------------------------- */
/* Forms
/* -------------------------------------------------- */
#footer input[type="text"], #footer textarea, #footer select {
background-color: #464646;
border: 1px solid #484848;
color: #868686;
}
#footer input[type="text"]:hover, #footer textarea:hover, #footer select:hover { border-color: #3b3b3b; }
#footer input[type="text"]:focus, #footer textarea:focus, #footer select:focus { border-color: #333; }
/* Chrome, Safari */
#footer input::-webkit-input-placeholder, #footer textarea::-webkit-input-placeholder { color: #6e6e6e; }
/* Firefox */
#footer input:-moz-placeholder, #footer textarea:-moz-placeholder { color: #6e6e6e; }
/* jQuery fallback */
#footer input.placeholder, #footer textarea.placeholder, #footer .wpcf7 .watermark { color: #6e6e6e; }
/* -------------------------------------------------- */
/* Misc Elements
/* -------------------------------------------------- */
#footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover {
background: #ddd;
color: #3a3a3a;
}
#footer .button.no-bg { color: #ddd; }
#footer .button .arrow { background-color: #3a3a3a; }
#footer blockquote { background-color: #464646;}
#footer blockquote.simple {
background: none;
border-left-color: #484848;
color: #868686;
}
#footer .infobox {
background: #464646;
border-color: #363636;
}
#footer .infobox, #footer .infobox * { color: #868686; }
/* ---------------------------------------------------------------------- */
/* Footer Bottom
/* ---------------------------------------------------------------------- */
#footer-bottom {
background: #303030;
line-height: 17px;
padding: 12px 0;
}
#footer-bottom ul { margin: 0; }
#footer-bottom li {
float: left;
list-style: none;
margin: 0;
}
#footer-bottom li:first-child { margin-right: 15px; }
#footer-bottom li a {
border-left: 1px solid #484848;
display: block;
padding: 0 15px;
}
#footer-bottom li:first-child a {
border-left: none;
padding-left: 0;
}
#footer-bottom li:last-child a { padding-right: 0; }
/* ---------------------------------------------------------------------- */
/* Media Queries
/* ---------------------------------------------------------------------- */
/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
/* -------------------------------------------------- */
/* Pricing Tables > Tooltip
/* -------------------------------------------------- */
.simple-pricing-table .features li[data-tooltip],
.extended-pricing-table .features li[data-tooltip] { cursor: help; }
.ie7 .simple-pricing-table .features li[data-tooltip],
.ie7 .extended-pricing-table .features li[data-tooltip] { cursor: auto; }
.simple-pricing-table .features li[data-tooltip]:hover,
.extended-pricing-table .features li[data-tooltip]:hover { color: #54555a; }
/* Tooltip container */
.simple-pricing-table .features li[data-tooltip]:before,
.extended-pricing-table .features li[data-tooltip]:before {
background: #fff8de;
border: 1px solid #fee5a2;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
box-shadow: 0 0 10px rgba(0, 0, 0, .10);
bottom: 0;
color: #7b7b7b;
content: attr(data-tooltip) !important;
font-size: 11px;
left: 9px;
line-height: 1.5;
opacity: 0;
padding: 5px 10px;
position: absolute;
text-align: center;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
width: 143px;
z-index: 98;
}
.simple-pricing-table .features li[data-tooltip]:before {
left: 10px;
width: 192px;
}
.extended-pricing-table .features-list .features li[data-tooltip]:before {
left: 10px;
text-align: left;
width: 158px;
}
.simple-pricing-table .features li[data-tooltip]:hover:before,
.extended-pricing-table .features li[data-tooltip]:hover:before {
bottom: 100%;
opacity: 1;
}
/* Tooltip arrow */
.not-ie .simple-pricing-table .features li[data-tooltip]:after,
.not-ie .extended-pricing-table .features li[data-tooltip]:after {
background: #fff8de;
border-bottom: 1px solid #fee5a2;
border-right: 1px solid #fee5a2;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
bottom: 0;
content: '';
display: block;
height: 10px;
left: 50%;
margin: 0 0 0 -5px;
opacity: 0;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
width: 10px;
z-index: 99;
}
.simple-pricing-table .features-list .features li[data-tooltip]:after,
.extended-pricing-table .features-list .features li[data-tooltip]:after {
left: 22px;
margin-left: 0;
}
.not-ie .simple-pricing-table .features li[data-tooltip]:hover:after,
.not-ie .extended-pricing-table .features li[data-tooltip]:hover:after {
bottom: 30px;
opacity: 1;
}
.simple-pricing-table .features li[data-tooltip]:hover:after { bottom: 24px !important; }
.ie8 .simple-pricing-table .features li[data-tooltip]:before,
.ie8 .simple-pricing-table .features li[data-tooltip]:after,
.ie8 .extended-pricing-table .features li[data-tooltip]:before,
.ie8 .extended-pricing-table .features li[data-tooltip]:after { display: none; }
.ie8 .simple-pricing-table .features li[data-tooltip]:hover:before,
.ie8 .extended-pricing-table .features li[data-tooltip]:hover:before { display: block; }
/* -------------------------------------------------- */
/* Home > Slider
/* -------------------------------------------------- */
.ss-slider .slides-container { display: block; }
.ss-slider .slide-images-container { display: none; }
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
/* -------------------------------------------------- */
/* Home > Slider
/* -------------------------------------------------- */
.ss-slider .slides-container { display: none; }
.ss-slider .slide-images-container { display: block; }
.ss-slider .slide-bg-image { display: none; }
.ss-slider .slide-bg-image:first-child, .no-js.ss-slider .slide-bg-image { display: block; }
/* ---------------------------------------- */
/* Button
/* ---------------------------------------- */
.no-js .ss-slider .slide-button { width: 100% !important; }
.ss-slider .slide-button { width: 50% !important; }
.ss-slider.fully-loaded .slide-button.active { border-top-color: #f15a23; }
/* ---------------------------------------- */
/* Content & Pagination
/* ---------------------------------------- */
.ss-slider .content-container.center, .ss-slider .pagination-container.center a { top: 95px; }
/* ---------------------------------------- */
/* Active Slide Bar
/* ---------------------------------------- */
.ss-slider .active-slide-bar { display: none; }
/* -------------------------------------------------- */
/* Header
/* -------------------------------------------------- */
#logo { max-height: 100%; }
/* -------------------------------------------------- */
/* Content
/* -------------------------------------------------- */
#content img {
height: auto;
max-width: 100%;
}
/* -------------------------------------------------- */
/* Widgets > Content Tabs
/* -------------------------------------------------- */
.tabs-nav li { float: none; }
.tabs-nav li,
.tabs-nav li.active { line-height: 32px; }
.tabs-nav li a {
border-left: 1px solid #eaeaea;
border-top: none;
}
.tabs-nav li:first-child a { border-top: 1px solid #eaeaea; }
.tabs-nav li.active a { border-bottom: 1px solid #eaeaea; }
/* -------------------------------------------------- */
/* Simple Pricing Table
/* -------------------------------------------------- */
.simple-pricing-table .column { margin-bottom: 20px !important; }
/* -------------------------------------------------- */
/* Extended Pricing Table
/* -------------------------------------------------- */
.extended-pricing-table .features li:before {
color: #7b7b7b;
content: attr(data-feature) ':' !important;
display: block;
font-weight: 700;
text-align: center;
}
.extended-pricing-table .features-list { display: none; }
/* -------------------------------------------------- */
/* Potrfolio
/* -------------------------------------------------- */
#portfolio-items-filter {
float: none;
margin: 0 0 20px;
}
#portfolio-items-filter li:first-child { display: none !important; }
#portfolio-items-filter a { display: block !important; }
/* ---------------------------------------- */
/* Single Project
/* ---------------------------------------- */
.portfolio-pagination {
float: none;
margin-bottom: 20px;
margin-top: 0;
}
.portfolio-pagination .button { margin-bottom: 0 !important; }
.single-portfolio .page-header .button {
margin-bottom: 20px;
margin-top: 0;
}
/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Contact Info
/* ---------------------------------------- */
.contact-info li {
border-bottom: 1px dotted #4b4b4b;
display: block;
margin-left: 0;
padding-bottom: 5px;
}
.contact-info li:last-child { border-bottom: none; }
/* ---------------------------------------- */
/* Social Links
/* ---------------------------------------- */
.social-links li:nth-child(6n+1) { margin-left: 15px; }
.social-links li:nth-child(6n) { margin-right: 0; }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* -------------------------------------------------- */
/* Basic Elements & Classes
/* -------------------------------------------------- */
.infobox .one-half { width: 338px; }
.infobox .one-third { width: 218px; }
.infobox .two-third { width: 458px; }
.infobox .one-fourth { width: 159px; }
.infobox .three-fourth { width: 517px; }
/* -------------------------------------------------- */
/* Wrap
/* -------------------------------------------------- */
.container { width: 748px; }
/* ---------------------------------------- */
/* Columns
/* ---------------------------------------- */
.one-half { width: 364px; }
.one-third { width: 236px; }
.two-third { width: 492px; }
.one-fourth { width: 172px; }
.three-fourth { width: 556px; }
/* -------------------------------------------------- */
/* Content > Main
/* -------------------------------------------------- */
#main { width: 488px; }
/* ---------------------------------------- */
/* Columns
/* ---------------------------------------- */
#main .one-half { width: 234px; }
#main .one-third { width: 149px; }
#main .two-third { width: 319px; }
#main .one-fourth { width: 107px; }
#main .three-fourth { width: 361px; }
/* -------------------------------------------------- */
/* Header
/* -------------------------------------------------- */
#header { height: 72px; }
#logo { margin-top: -7px; }
/* ---------------------------------------- */
/* Main Navigation
/* ---------------------------------------- */
#main-nav a { padding: 26px 20px; }
#main-nav a:after {
content: '';
display: none;
}
.no-js #main-nav li:hover > ul, #main-nav ul ul { top: 78px; }
/* -------------------------------------------------- */
/* Widgets
/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Accordion Content
/* ---------------------------------------- */
.acc-container .content .one-half { width: 326px; }
.acc-container .content .one-third { width: 211px; }
.acc-container .content .two-third { width: 442px; }
.acc-container .content .one-fourth { width: 153px; }
.acc-container .content .three-fourth { width: 500px; }
/* ---------------------------------------- */
/* Content Tabs
/* ---------------------------------------- */
.tab-content .one-half { width: 344px; }
.tab-content .one-third { width: 222px; }
.tab-content .two-third { width: 466px; }
.tab-content .one-fourth { width: 162px; }
.tab-content .three-fourth { width: 526px; }
/* -------------------------------------------------- */
/* Home
/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Simple Pricing Table
/* ---------------------------------------- */
.simple-pricing-table .column { width: 746px; }
.simple-pricing-table .column.featured { width: 736px; }
.simple-pricing-table.col2 .column { width: 372px; }
.simple-pricing-table.col3 .column { width: 248px; }
.simple-pricing-table.col4 .column { width: 185px; }
.simple-pricing-table.col5 .column { width: 148px; }
.simple-pricing-table.col2.featured .column { width: 354px; }
.simple-pricing-table.col3.featured .column { width: 235px; }
.simple-pricing-table.col4.featured .column { width: 178px; }
.simple-pricing-table.col5.featured .column { width: 142px; }
.simple-pricing-table.col2 .column.featured { width: 382px; }
.simple-pricing-table.col3 .column.featured { width: 265px; }
.simple-pricing-table.col4 .column.featured { width: 199px; }
.simple-pricing-table.col5 .column.featured { width: 165px; }
/* ---------------------------------------- */
/* Extended Pricing Table
/* ---------------------------------------- */
.extended-pricing-table .column { width: 748px; }
.extended-pricing-table.col2 .column { width: 374px; }
.extended-pricing-table.col3 .column { width: 249px; }
.extended-pricing-table.col4 .column { width: 187px; }
.extended-pricing-table.col5 .column { width: 149px; }
/* ---------------------------------------- */
/* Projects Carousel & Post Carousel
/* ---------------------------------------- */
.projects-carousel > li, .post-carousel > li { width: 236px; }
/* ---------------------------------------- */
/* Post Carousel
/* ---------------------------------------- */
#content .post-carousel .entry-body { width: 191px; }
/* -------------------------------------------------- */
/* Blog
/* -------------------------------------------------- */
.entry-body { width: 618px; }
#main .entry-body { width: 358px; }
/* ---------------------------------------- */
/* Comments
/* ---------------------------------------- */
.comment .comment-body, .comment .comment-meta { width: 679px; }
#main .comment .comment-body, #main .comment .comment-meta { width: 419px; }
.commentlist .children { padding: 0 0 0 55px; }
.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 624px; }
.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 569px; }
.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 514px; }
.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 459px; }
#main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta { width: 364px; }
#main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta { width: 309px; }
#main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta { width: 254px; }
#main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta { width: 199px; }
/* ---------------------------------------- */
/* Respond
/* ---------------------------------------- */
#commentform input { width: 214px; }
#main #commentform input { width: 127px; }
.commentlist .children .depth-2 #commentform input { width: 195px; }
.commentlist .children .depth-3 #commentform input { width: 177px; }
.commentlist .children .depth-4 #commentform input { width: 159px; }
#main .commentlist .children .depth-2 #commentform input,
#main .commentlist .children .depth-2 #commentform textarea { width: 411px; }
#main .commentlist .children .depth-3 #commentform input,
#main .commentlist .children .depth-3 #commentform textarea { width: 356px; }
#main .commentlist .children .depth-4 #commentform input,
#main .commentlist .children .depth-4 #commentform textarea { width: 301px; }
#commentform textarea { width: 726px; }
#main #commentform textarea { width: 465px; }
/* -------------------------------------------------- */
/* Contact Us
/* -------------------------------------------------- */
#map, #map .wpgmappity_container { height: 340px !important; }
.wpcf7-form input { width: 150px; }
.wpcf7-form textarea { width: 534px; }
/* -------------------------------------------------- */
/* Footer > Social Links
/* -------------------------------------------------- */
.social-links li:nth-child(5n+1) { margin-left: 0; }
.social-links li:nth-child(5n) { margin-right: 10px; }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
/* -------------------------------------------------- */
/* Basic Elements & Classes
/* -------------------------------------------------- */
.infobox .one-half,
.infobox .one-third,
.infobox .two-third,
.infobox .one-fourth,
.infobox .three-fourth { width: 248px; }
.fluid-width-video-wrapper { margin-bottom: 10px; }
/* -------------------------------------------------- */
/* Generic Classes
/* -------------------------------------------------- */
.align-left, .align-right { float: none; }
/* -------------------------------------------------- */
/* Wrap
/* -------------------------------------------------- */
.container { width: 300px; }
/* ---------------------------------------- */
/* Columns
/* ---------------------------------------- */
.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
float: none;
margin-right: 0;
}
.one-half, #main .one-half,
.one-third, #main .one-third,
.two-third, #main .two-third,
.one-fourth, #main .one-fourth,
.three-fourth, #main .three-fourth { width: 300px; }
/* -------------------------------------------------- */
/* Header
/* -------------------------------------------------- */
#header { height: auto; }
#logo {
display: block;
float: none;
text-align: center;
}
/* ---------------------------------------- */
/* Main Navigation
/* ---------------------------------------- */
#main-nav {
float: none;
margin: 10px 0 20px;
}
#main-nav li { width: 50%; }
#main-nav a {
border-bottom-color: #efefef;
padding: 16px 20px 30px;
}
#main-nav > ul > li:last-child a { border-bottom-color: transparent; }
#main-nav > ul > .current:last-child a { border-bottom-color: #f15a23; }
#main-nav ul ul { width: 100%; }
.no-js #main-nav li:hover > ul, #main-nav ul ul { top: 72px; }
#main-nav ul ul li { width: auto; }
#main-nav ul ul li:first-child > a { border-top: none; }
#main-nav ul ul li:last-child > a { border-bottom: none; }
#main-nav ul ul ul {
border-bottom: 1px solid #252525;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block !important;
left: 0 !important;
margin: 0;
top: 0 !important;
position: relative;
}
#main-nav ul ul li:last-child ul {
border-top: 1px solid #252525;
border-bottom: none;
}
#main-nav ul ul ul a { padding-left: 30px; }
#main-nav ul ul ul li:first-child a { border-top: 1px solid #4c4c4c; }
/* -------------------------------------------------- */
/* Content > Main
/* -------------------------------------------------- */
#main {
border-bottom: 1px solid #efefef;
float: none;
margin-right: 0;
padding-bottom: 20px;
width: 100%;
}
/* -------------------------------------------------- */
/* Image Gallery Slider
/* -------------------------------------------------- */
.image-gallery-slider { margin-bottom: 10px; }
/* -------------------------------------------------- */
/* Widgets
/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Accordion Content
/* ---------------------------------------- */
.acc-container .content .one-half,
.acc-container .content .one-third,
.acc-container .content .two-third,
.acc-container .content .one-fourth,
.acc-container .content .three-fourth { width: 225px; }
/* ---------------------------------------- */
/* Content Tabs
/* ---------------------------------------- */
.tab-content .one-half,
.tab-content .one-third,
.tab-content .two-third,
.tab-content .one-fourth,
.tab-content .three-fourth { width: 260px; }
/* -------------------------------------------------- */
/* Extended Pricing Table
/* -------------------------------------------------- */
.extended-pricing-table .column { margin-bottom: 20px; }
.extended-pricing-table .column.featured { margin-bottom: 10px; }
/* -------------------------------------------------- */
/* Home > Slider
/* -------------------------------------------------- */
.ss-slider.fully-loaded, .ss-slider.fully-loaded .slide-images-container { background: #fff url(images/loader.gif) no-repeat center 50%; }
/* ---------------------------------------- */
/* Button
/* ---------------------------------------- */
.js .ss-slider .buttons-container { display: none; }
/* ---------------------------------------- */
/* Content
/* ---------------------------------------- */
.ss-slider .content-container, .ss-slider:hover .content-container, .no-js .ss-slider .slide-content { display: none; }
/* ---------------------------------------- */
/* Pagination
/* ---------------------------------------- */
.ss-slider .pagination-container a {
background-color: rgba(241, 90, 35, 0.6);
background-image: url(images/slider-arrows-medium.png) !important;
bottom: 50% !important;
height: 49px !important;
margin: 0 0 -25px 0 !important;
filter: alpha(opacity=60) !important; /* Fallback for old IE */
opacity: 1 !important;
right: auto !important;
top: auto !important;
width: 25px !important;
}
.ss-slider .pagination-container .prev {
background-position: -7px center !important;
left: 0 !important;
right: auto !important;
}
.ss-slider .pagination-container .next {
background-position: -46px center !important;
left: auto !important;
right: 0 !important;
}
.ss-slider .pagination-container a:hover {
background-color: rgba(241, 90, 35, 1);
filter: alpha(opacity=100); /* Fallback for old IE */
}
/* -------------------------------------------------- */
/* Blog
/* -------------------------------------------------- */
.entry-image, .entry-video, .entry-audio { margin-bottom: 10px; }
.single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 0; }
.hentry .entry-body, #main .entry-body {
float: none;
margin: 0;
width: 100%;
}
body.blog .pagination.pagination-top{ margin-left: 0; }
.hentry .entry-meta {
border-bottom: 1px solid #efefef;
border-top: 1px solid #efefef;
float: none;
margin: 10px 0;
padding: 4px 0;
text-align: left;
width: 100%;
}
.hentry .entry-meta ul { }
.hentry .entry-meta li {
border-left: 1px solid #efefef;
display: inline-block;
padding: 0 10px;
}
.hentry .entry-meta li:first-child {
border-left: none;
padding-left: 0;
}
.hentry .entry-meta li:last-child { padding-right: 0; }
.hentry .entry-meta li .title { display: block; }
.hentry .entry-meta .post-format {
background: none;
height: auto;
margin: 0;
text-indent: 0;
width: auto;
}
.hentry .entry-meta a:hover > .post-format { background: none; }
/* ---------------------------------------- */
/* Respond
/* ---------------------------------------- */
.commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 358px !important; }
.commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 318px !important; }
.commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 278px !important; }
.form-allowed-tags { display: none; }
/* -------------------------------------------------- */
/* Contact Us
/* -------------------------------------------------- */
.wpcf7-form .input-block, #commentform .input-block {
float: none;
margin: 0 0 20px 0;
}
.wpcf7-form input, #commentform input,
.wpcf7-form textarea, #commentform textarea { width: 398px !important; }
/* -------------------------------------------------- */
/* Sidebar
/* -------------------------------------------------- */
#sidebar {
float: none;
margin-top: 40px;
width: 100%;
}
/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
.not-ie #footer .container:after { top: -56px; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* -------------------------------------------------- */
/* Basic Elements & Classes
/* -------------------------------------------------- */
.infobox .one-half,
.infobox .one-third,
.infobox .two-third,
.infobox .one-fourth,
.infobox .three-fourth { width: 368px; }
/* -------------------------------------------------- */
/* Wrap
/* -------------------------------------------------- */
.container { width: 420px; }
/* ---------------------------------------- */
/* Columns
/* ---------------------------------------- */
.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
float: none;
margin-right: 0;
}
.one-half, #main .one-half,
.one-third, #main .one-third,
.two-third, #main .two-third,
.one-fourth, #main .one-fourth,
.three-fourth, #main .three-fourth { width: 420px; }
/* -------------------------------------------------- */
/* Widgets
/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Accordion Content
/* ---------------------------------------- */
.acc-container .content .one-half,
.acc-container .content .one-third,
.acc-container .content .two-third,
.acc-container .content .one-fourth,
.acc-container .content .three-fourth { width: 345px; }
/* ---------------------------------------- */
/* Content Tabs
/* ---------------------------------------- */
.tab-content .one-half,
.tab-content .one-third,
.tab-content .two-third,
.tab-content .one-fourth,
.tab-content .three-fourth { width: 380px; }
/* -------------------------------------------------- */
/* Home
/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Simple Pricing Table
/* ---------------------------------------- */
.simple-pricing-table .column { width: 418px; }
.simple-pricing-table .column.featured { width: 408px; }
.simple-pricing-table.col2 .column { width: 208px !important; }
.simple-pricing-table.col3 .column,
.simple-pricing-table.col4 .column, .simple-pricing-table.col5 .column { width: 204px !important; }
/* ---------------------------------------- */
/* Extended Pricing Table
/* ---------------------------------------- */
.extended-pricing-table .column { width: 420px; }
.extended-pricing-table.col2 .column, .extended-pricing-table.col3 .column,
.extended-pricing-table.col4 .column, .extended-pricing-table.col5 .column { width: 210px; }
/* ---------------------------------------- */
/* Projects Carousel & Post Carousel
/* ---------------------------------------- */
.projects-carousel > li, .post-carousel > li { width: 200px; }
/* ---------------------------------------- */
/* Post Carousel
/* ---------------------------------------- */
#content .post-carousel .entry-body { width: 155px; }
/* -------------------------------------------------- */
/* Blog > Comments
/* -------------------------------------------------- */
.comment .comment-body, .comment .comment-meta { width: 351px !important; }
.commentlist .children { padding: 0 0 0 40px; }
.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 311px !important; }
.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 271px !important; }
.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 231px !important; }
.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 191px !important; }
/* -------------------------------------------------- */
/* Contact Us
/* -------------------------------------------------- */
#map, #map .wpgmappity_container { height: 240px !important; }
/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Contact Info
/* ---------------------------------------- */
.contact-info { margin-bottom: 20px; }
/* ---------------------------------------- */
/* Social Links
/* ---------------------------------------- */
.social-links li:nth-child(12n+1) { margin-left: 0; }
.social-links li:nth-child(12n) { margin-right: 15px; }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
/* -------------------------------------------------- */
/* Header > Main Navigation
/* -------------------------------------------------- */
#main-nav li { width: 100%; }
#main-nav a { padding: 18px; }
#main-nav a:after, #main-nav > ul { display: none; }
#main-nav a:after { content: ''; }
.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }
.no-js #main-nav li:hover > ul { top: 62px; }
/* -------------------------------------------------- */
/* Home
/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Simple Pricing Table
/* ---------------------------------------- */
.simple-pricing-table .column { width: 298px !important; }
.simple-pricing-table .column.featured {
margin-top: 0;
width: 288px !important;
}
/* ---------------------------------------- */
/* Extended Pricing Table
/* ---------------------------------------- */
.extended-pricing-table .column { width: 300px !important; }
.extended-pricing-table .column.featured {
margin-bottom: 20px;
margin-top: 10px;
}
.extended-pricing-table .features { background: #f8f8f8 !important; }
.extended-pricing-table .featured .features { background: #fff !important; }
.extended-pricing-table .features li {
background: none !important;
border-bottom: none;
border-top: 1px solid #fff;
float: left;
width: 129px;
}
.extended-pricing-table .features li:nth-child(odd) { border-right: 1px solid #fff; }
.extended-pricing-table .featured .features li:nth-child(odd) { border-right: 1px solid #f6f6f6; }
.extended-pricing-table .features li:nth-child(4n-1),
.extended-pricing-table .features li:nth-child(4n-4) { background: #f0f0f0 !important; }
.extended-pricing-table .featured .features li:nth-child(4n-1),
.extended-pricing-table .featured .features li:nth-child(4n-4) { background: #f6f6f6 !important; }
.extended-pricing-table .footer {
border-top: 1px solid #fff;
clear: both;
padding: 12px 10px !important;
width: 279px;
}
/* ---------------------------------------- */
/* Projects Carousel
/* ---------------------------------------- */
.projects-carousel > li, .post-carousel > li { width: 300px; }
/* ---------------------------------------- */
/* Post Carousel
/* ---------------------------------------- */
#content .post-carousel .entry-body { width: 255px; }
/* -------------------------------------------------- */
/* Blog
/* -------------------------------------------------- */
.hentry .entry-meta li {
width: 82px;
}
.hentry .entry-meta li:nth-child(1), .hentry .entry-meta li:nth-child(2), .hentry .entry-meta li:nth-child(3) {
border-bottom: 1px solid #efefef;
margin-bottom: 4px;
padding-bottom: 4px;
}
.hentry .entry-meta li:nth-child(3) {
padding-right: 0;
}
.hentry .entry-meta li:nth-child(4) {
border-left: none;
padding-left: 0;
}
/* ---------------------------------------- */
/* Comments
/* ---------------------------------------- */
.comment .avatar { margin-bottom: 10px; }
.comment .comment-meta {
margin-top: 5px;
width: 231px;
}
.comment .author, .comment .author a { margin-top: 5px; }
.comment .comment-body, #main .comment .comment-body {
clear: both;
float: none;
margin-left: 0;
margin-top: 20px;
width: 100%;
}
.comment .comment-meta { width: 231px !important; }
.commentlist .children { padding: 0 0 0 20px; }
.commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 211px !important; }
.commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 191px !important; }
.commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 171px !important; }
.commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 151px !important; }
/* ---------------------------------------- */
/* Respond
/* ---------------------------------------- */
.commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 258px !important; }
.commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 238px !important; }
.commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 218px !important; }
/* -------------------------------------------------- */
/* Contact Us
/* -------------------------------------------------- */
#map, #map .wpgmappity_container { height: 140px !important; }
.wpcf7-form input, #commentform input,
.wpcf7-form textarea, #commentform textarea { width: 278px !important; }
/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Footer Navigation
/* ---------------------------------------- */
#footer .widget_nav_menu li {
border-top: 1px dotted #4b4b4b;
padding: 5px 0;
width: 100%;
}
#footer .widget_nav_menu li:first-child { border-top: none; }
#footer .widget_nav_menu li a {
border: none;
padding: 0;
}
/* ---------------------------------------- */
/* Contact Info
/* ---------------------------------------- */
.contact-info { margin-bottom: 20px; }
/* ---------------------------------------- */
/* Social Links
/* ---------------------------------------- */
.social-links li:nth-child(8n+1) { margin-left: 0; }
.social-links li:nth-child(8n) { margin-right: 15px; }
}
#black-studio-tinymce-6 .button{
padding: 10px;
}
#black-studio-tinymce-6 .buttoncaption{
padding-top: 7px;
}
#black-studio-tinymce-6 img.alignleft{
margin: 0 5px 5px 0;
}