4223 lines
115 KiB
CSS
Executable File
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;
|
|
}
|