File: /home/dwauav0tm6jp/hosted/jeffreyjhart_com/wp-content/themes/skylab/style.css
/*
Theme Name: Skylab
Theme URI: http://www.megathe.me
Author: MegaTheme
Author URI: http://www.megathe.me
Description: Premium Portfolio / Photography WordPress Theme by MegaTheme
Version: 1.2.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote p:before,
q:before,
blockquote p:after,
q:after {
font: normal 35px "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 0;
position: relative;
top: 13px;
}
blockquote p:before,
q:before {
padding-right: 2px;
}
blockquote p:after,
q:after {
padding-left: 2px;
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/* =Structure
----------------------------------------------- */
body {
padding: 0;
}
#page {
margin: 0;
width: 100%;
position: relative;
}
.single-post #page {
margin: 0 auto;
}
.single-post #main {
max-width: 935px;
float: left;
}
.single-post #primary {
margin: 0;
padding: 30px 30px 20px;
float: left;
max-width: 66.7%;
border-right: 1px solid #cfcfcf;
background: #fff;
}
#content {
margin: 0;
}
#wrapper {
max-width: 1441px;
margin: 0 auto;
padding: 4em 0 0;
}
#secondary {
float: left;
margin: 0 0 0 -1px;
padding: 30px 0 50px 30px;
width: 220px;
background-color: #f5f5f5;
border-left: 1px solid #cfcfcf;
}
.sticky {}
/* Singular */
.singular .entry-meta {
display: none;
}
/* Attachments */
.singular .image-attachment .entry-content {
margin: 0 auto;
width: auto;
}
.singular .image-attachment .entry-description {
margin: 0 auto;
width: 68.9%;
}
/* Blog, Search and Archive */
.archive,
.search,
.blog {
font-size: 12px;
}
.archive .entry-title-lead,
.search .entry-title-lead,
.blog .entry-title-lead {
text-align: left;
display: none;
}
.archive h1.entry-title,
.search h1.entry-title,
.blog h1.entry-title {
line-height: 1.3em;
font-size: 37px;
margin: 4px 0 0;
font-weight: 700;
}
.archive #main,
.search #main,
.blog #main {
max-width: 935px;
}
.archive #primary,
.search #primary,
.blog #primary {
margin: 0;
padding: 30px 30px 20px;
float: left;
width: 66.7%;
border-right: 1px solid #cfcfcf;
background: #fff;
}
.archive .hentry,
.search .hentry,
.blog .hentry {
margin: 0 0 50px 0;
padding: 0 0 20px;
float: left;
width: 100%;
}
.archive .entry-content-meta-wrapper,
.search .entry-content-meta-wrapper,
.blog .entry-content-meta-wrapper {
width: 100%;
}
.single-post .entry-meta {
display: block;
}
.archive footer.entry-meta span,
.search footer.entry-meta span,
.blog footer.entry-meta span {
color: #cfcfcf;
}
.archive footer.entry-meta .sep,
.search footer.entry-meta .sep,
.blog footer.entry-meta .sep {
padding: 0 5px;
}
.not-found {
margin: 0;
font-size: 20px;
}
/* Default */
.page-template-default #main {
max-width: 935px;
}
.page-template-default #primary {
width: 66.7%;
margin: 0;
float: left;
padding: 30px 30px 20px;
border-right: 1px solid #cfcfcf;
background: #fff;
}
/* Full Width */
.page-template-page-full-width-php #page {
width: auto;
}
.page-template-page-full-width-php #main #primary,
.page-template-page-full-width-php .left-sidebar #main #primary {
margin: 0 30px;
padding: 30px 0 50px;
max-width: 905px;
}
.page-template-page-full-width-php .entry-title {
background: white;
padding: 0 1.825em 0 0;
margin: 10px 0 12px 0;
}
.page-template-page-full-width-php #main #content,
.page-template-page-full-width-php .left-sidebar #main #content {
width: 100%;
}
/* Contact */
#block-map-wrapper {
padding: 0 0 0 218px;
margin: 30px 30px 0 30px;
}
.page-template-page-contact-php #main #primary,
.page-template-page-contact-php .left-sidebar #main #primary {
max-width: 905px;
margin: 30px;
}
.page-template-page-contact-php .entry-title {
background: white;
padding: 0 1.825em 0 0;
margin: 10px 0 12px 0;
}
.page-template-page-contact-php #main #content,
.page-template-page-contact-php .left-sidebar #main #content {
width: 100%;
}
.page-template-page-contact-php .map {
margin: 0;
}
div.wpcf7 {
float: left;
}
.wpcf7-submit {
display: inline-block;
font-size: 14px;
font-weight: 700;
text-decoration: none;
padding: 5px 14px;
margin: 0;
border: none;
color: #fff;
background-color: #111;
text-rendering: optimizeLegibility;
cursor: pointer;
width: auto !important;
float: right;
text-transform: uppercase;
letter-spacing: 1px;
margin-right: 5%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
}
.wpcf7-submit:focus,
.wpcf7-submit:hover,
.wpcf7-submit:active {
background-color: #666;
}
.input-block {
margin: 0 0 20px 0;
}
.wpcf7-form .input-block label,
.wpcf7-form .textarea-block label {
font-size: 17px;
padding-bottom: 4px;
float: left;
clear: both;
width: 140px;
font-weight: 400;
}
.wpcf7-form input {
width: 71.2%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.wpcf7-form textarea {
width: 71.2%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.wpcf7-form .textarea-block {
clear: both;
}
.page-template-page-contact-php span.wpcf7-not-valid-tip {
position: inherit;
left: 0;
top: 0;
background: transparent;
border: none;
font-size: 11px;
width: auto;
padding: 0;
display: block;
color: #fe362c;
margin-left: 140px;
}
.page-template-page-contact-php div.wpcf7-validation-errors,
.page-template-page-contact-php div.wpcf7-mail-sent-ok {
background-color: transparent;
border: none;
color: #111;
margin: 30px 0 0;
padding: 0;
font-weight: bold;
font-size: 14px;
border-radius: 0;
float: left;
text-transform: uppercase;
}
.mandatory {
float: left;
}
div.wpcf7 .watermark {
color: #111 !important;
font-weight: 700;
}
.wpcf7 .wpcf7-not-valid.watermark {
color: #fe362c;
}
/* Portfolio Category */
.tax-portfolio-category #main {
max-width: none;
}
.tax-portfolio-category #primary {
margin: 0 30px;
padding: 30px 0 50px;
max-width: 905px;
width: auto;
float: none;
border: none;
background: transparent;
}
.tax-portfolio-category #block-portfolio-fixed-width {
position: relative;
z-index: 100;
padding: 0;
width: 100%;
float: left;
}
.tax-portfolio-category #main #primary {
margin: 0 30px;
padding: 30px 0 50px;
max-width: 905px;
width: auto;
}
.tax-portfolio-category #portfolio-fixed-width {
margin: 0 0 0 -20px;
padding: 0;
max-width: 925px;
width: 110%;
}
.tax-portfolio-category.entry-header {
display: none;
}
/* Portfolio Fixed Width */
.page-template-page-portfolio-fixed-width-php .page-content {
margin: 0;
float: left;
width: 100%;
}
.page-template-page-portfolio-fixed-width-php #block-portfolio-fixed-width {
position: relative;
z-index: 100;
padding: 0;
width: 100%;
float: left;
}
.page-template-page-portfolio-fixed-width-php #main #primary {
margin: 0 30px;
padding: 30px 0 50px;
max-width: 905px;
}
.page-template-page-portfolio-fixed-width-php #portfolio-fixed-width {
margin: 0 0 0 -20px;
padding: 0;
max-width: 925px;
width: 110%;
}
.page-template-page-portfolio-fixed-width-php .entry-header {
display: none;
}
#block-portfolio-fixed-width .col3 .hentry {
float: left;
border: none;
margin: 0 0 20px 20px;
padding: 0;
position: relative;
width: 31.1%;
width: 31.1%\0/;
}
#block-portfolio-fixed-width .col4 .portfolio-view-content {
text-align: center;
padding: 20px;
}
#block-portfolio-fixed-width .col4 .portfolio-view-wrapper {
width: 100.1%;
}
#block-portfolio-fixed-width .col3 .portfolio-view-wrapper {
width: 100.5%;
}
#block-portfolio-fixed-width .post-thumbnail h1 {
line-height: 20px;
}
#block-portfolio-fixed-width .col4 .post-thumbnail h1 {
letter-spacing: 0;
}
#block-portfolio-fixed-width .col4 .hentry {
float: left;
border: none;
margin: 0 0 20px 20px;
padding: 0;
position: relative;
width: 22.8%;
}
#block-portfolio-fixed-width .hentry img {
display: block;
max-width: none;
width: 100%;
}
#block-portfolio-fixed-width .hentry .content-wrapper {
position: relative;
}
#block-portfolio-fixed-width .post-thumbnail {
position: relative;
margin: 0;
}
#block-portfolio-fixed-width .hentry img {
float: left;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
#block-portfolio-fixed-width .entry-header {
display: block;
margin: 14px 0 4px;
text-align: center;
}
#block-portfolio-fixed-width .entry-category {
color: #fff;
font-size: 11px;
text-transform: uppercase;
}
#block-portfolio-fixed-width .title-visible .entry-category {
color: #fff;
font-size: 11px;
text-transform: uppercase;
}
#block-portfolio-fixed-width .col4 .entry-category {
font-size: 10px;
color: #fff;
}
#block-portfolio-fixed-width .entry-category .sep {
padding: 0 5px;
color: #696969;
}
#block-portfolio-fixed-width .col4 .entry-excerpt {
display: none;
}
#block-portfolio-fixed-width .entry-excerpt {
color: #fff;
font-size: 12px;
font-weight: normal;
}
#block-portfolio-fixed-width .entry-excerpt p {
margin-bottom: 8px;
}
.title-visible .portfolio-view-wrapper {
position: relative;
opacity: 1;
width: 100%;
color: #111;
}
.title-visible .portfolio-view {
position: relative;
background: transparent;
}
#block-portfolio-fixed-width .title-visible .entry-excerpt,
#block-portfolio-fixed-width .title-visible .entry-category {
color: #696969;
text-align: center;
margin: 0 0 8px;
}
#block-portfolio-fixed-width .title-visible .portfolio-view-content {
padding: 20px 0;
text-align: center;
}
.title-visible .portfolio-data h1 {
letter-spacing: 0;
font-size: 15px;
line-height: 26px;
margin: 0;
text-transform: uppercase;
font-weight: 700;
display: inline;
}
.title-visible .portfolio-data {
color: #111;
text-decoration: none;
}
.portfolio-data {
margin: 20px 0 0;
text-align: center;
}
.title-visible .portfolio-data:focus,
.title-visible .portfolio-data:active,
.title-visible .portfolio-data:hover {
color: #14b6ea;
}
#block-portfolio-fixed-width .title-visible .hentry img {
max-width: 100%;
}
.title-visible .entry-view-wrapper {
background-color: rgba(245, 245, 245, .95);
background-image: url(images/plus-icon.png);
background-repeat: no-repeat;
background-position: center center;
-webkit-backface-visibility: hidden;
}
/* Portfolio */
.page-template-page-portfolio-php #header-wrapper {
border: none;
}
.page-template-page-portfolio-php {
background-color: #1a0014;
}
.page-template-page-portfolio-php #primary {
width: 100%;
}
#block-portfolio {
position: relative;
z-index: 100;
padding: 0;
overflow-x: hidden;
}
.page-template-page-portfolio-php #portfolio {
margin: 0 auto;
padding: 0;
overflow: hidden;
}
.page-template-page-portfolio-php #portfolio .no-found {
color: #fff;
}
.page-template-page-portfolio-php .entry-header {
display: none;
}
#block-portfolio .col3 .hentry {
float: left;
border: none;
margin: 0;
padding: 0;
position: relative;
width: 33%;
width: 33%\0/;
}
#block-portfolio .col3 .hentry img {
width: 101.2%;
}
#block-portfolio .col4 .portfolio-view-content {
text-align: left;
bottom: 0;
position: absolute;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#block-portfolio .col4 a:hover .portfolio-view-content {
bottom: 40px;
}
#block-portfolio .col4 .hentry {
float: left;
border: none;
margin: 0;
padding: 0;
position: relative;
width: 24.95%;
width: 24.95%\0/;
}
#block-portfolio .hentry img {
display: block;
max-width: none;
width: 100.5%;
width: 100%(0/);
}
#block-portfolio .hentry .content-wrapper {
position: relative;
}
#block-portfolio .post-thumbnail {
position: relative;
margin: 0;
}
#block-portfolio .hentry img {
float: left;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
#block-portfolio .entry-header {
display: block;
margin-bottom: 4px;
}
.entry-category {
color: #fff;
font-size: 11px;
text-transform: uppercase;
}
#block-portfolio .col3 .entry-category {
position: absolute;
bottom: 30px;
left: 30px;
}
#block-portfolio .col3 .portfolio-view-content {
text-align: left;
}
#block-portfolio .col4 .entry-category {
font-size: 10px;
color: #fff;
}
.entry-category .sep {
padding: 0 5px;
color: #696969;
}
.entry-excerpt {
color: #fff;
font-size: 12px;
font-weight: normal;
}
/* Gallery List */
.page-template-page-galleries-list-php #primary {
width: 100%;
}
.page-template-page-galleries-list-php #header-wrapper {
border: none;
}
#block-galleries-list {
position: relative;
z-index: 100;
padding: 0;
overflow-x: hidden;
}
#galleries-list {
margin: 0;
padding: 0;
overflow: hidden;
}
#galleries-list .no-found {
color: #fff;
}
.page-template-page-galleries-list-php .entry-title-lead {
display: none;
}
#block-galleries-list .col3 .hentry {
float: left;
border: none;
margin: 0;
padding: 0;
position: relative;
width: 33%;
width: 33%url(0/);
}
#block-galleries-list .col4 .hentry {
float: left;
border: none;
margin: 0;
padding: 0;
position: relative;
width: 24.95%;
width: 24.95%url(0/);
}
#block-galleries-list .col3 .hentry img {
display: block;
max-width: none;
width: 101.2%;
width: 100%(0/);
}
#block-galleries-list .col4 .hentry img {
display: block;
max-width: none;
width: 100.5%;
width: 100%(0/);
}
.col4 .entry-category {
font-size: 10px;
}
#block-galleries-list .hentry .content-wrapper {
position: relative;
}
#block-galleries-list .post-thumbnail {
position: relative;
margin: 0;
}
#block-galleries-list .hentry img {
float: left;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
#block-galleries-list .post-thumbnail hr {
margin-bottom: 12px;
width: 40%;
background: #666;
}
/* Galleries List Fixed Width */
.page-template-page-galleries-list-fixed-width-php .page-content {
margin: 0;
float: left;
width: 100%;
}
.page-template-page-galleries-list-fixed-width-php #block-galleries-list-fixed-width {
position: relative;
z-index: 100;
padding: 0;
width: 100%;
float: left;
}
.page-template-page-galleries-list-fixed-width-php #main #primary {
margin: 0 30px;
padding: 30px 0 50px;
max-width: 905px;
}
.page-template-page-galleries-list-fixed-width-php #galleries-list-fixed-width {
margin: 0 0 0 -20px;
padding: 0;
max-width: 925px;
width: 110%;
}
.page-template-page-galleries-list-fixed-width-php .entry-header {
display: none;
}
#block-galleries-list-fixed-width .col3 .hentry {
float: left;
border: none;
margin: 0 0 20px 20px;
padding: 0;
position: relative;
width: 31.1%;
width: 31.1%\0/;
}
#block-galleries-list-fixed-width .col4 .portfolio-view-content {
text-align: center;
padding: 20px;
}
#block-galleries-list-fixed-width .col4 .portfolio-view-wrapper {
width: 100.5%;
}
#block-galleries-list-fixed-width .col3 .portfolio-view-wrapper {
width: 100.4%;
}
#block-galleries-list-fixed-width .post-thumbnail h1 {
line-height: 20px;
}
#block-galleries-list-fixed-width .col4 .post-thumbnail h1 {
letter-spacing: 0;
}
#block-galleries-list-fixed-width .col4 .hentry {
float: left;
border: none;
margin: 0 0 20px 20px;
padding: 0;
position: relative;
width: 22.8%;
}
#block-galleries-list-fixed-width .hentry img {
display: block;
max-width: none;
width: 100%;
}
#block-galleries-list-fixed-width .hentry .content-wrapper {
position: relative;
}
#block-galleries-list-fixed-width .post-thumbnail {
position: relative;
margin: 0;
}
#block-galleries-list-fixed-width .hentry img {
float: left;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
#block-galleries-list-fixed-width .entry-header {
display: block;
margin: 14px 0 4px;
text-align: center;
}
#block-galleries-list-fixed-width .portfolio-view-content hr {
display: none;
}
#block-galleries-list-fixed-width .entry-category {
color: #fff;
font-size: 11px;
text-transform: uppercase;
}
#block-galleries-list-fixed-width .title-visible .entry-category {
color: #fff;
font-size: 11px;
text-transform: uppercase;
}
#block-galleries-list-fixed-width .col4 .entry-category {
font-size: 10px;
color: #fff;
}
#block-galleries-list-fixed-width .entry-category .sep {
padding: 0 5px;
color: #696969;
}
#block-galleries-list-fixed-width .col4 .entry-excerpt {
display: none;
}
#block-galleries-list-fixed-width .entry-excerpt {
color: #fff;
font-size: 12px;
font-weight: normal;
}
#block-galleries-list-fixed-width .entry-excerpt p {
margin-bottom: 8px;
}
#block-galleries-list-fixed-width .title-visible .entry-excerpt,
#block-galleries-list-fixed-width .title-visible .entry-category {
color: #696969;
text-align: center;
margin: 0 0 8px;
}
#block-galleries-list-fixed-width .title-visible .portfolio-view-content {
padding: 20px 0;
text-align: center;
}
.title-visible .gallery-data h1 {
letter-spacing: 0;
font-size: 15px;
line-height: 26px;
margin: 0;
text-transform: uppercase;
font-weight: 700;
display: inline;
}
.title-visible .gallery-data {
color: #111;
text-decoration: none;
}
.gallery-data {
margin: 20px 0 0;
text-align: center;
}
.title-visible .gallery-data:focus,
.title-visible .gallery-data:active,
.title-visible .gallery-data:hover {
color: #14b6ea;
}
#block-galleries-list-fixed-width .title-visible .hentry img {
max-width: 100%;
}
/* Gallery */
.page-content {
margin: 0 30px 30px;
max-width: 905px;
}
.gallery-default #main,
.page-template-page-gallery-php #main {
padding: 30px 0 30px 218px;
}
.gallery-default #primary,
.page-template-page-gallery-php #primary {
width: 100%;
}
.gallery-default .entry-header,
.page-template-page-gallery-php .entry-header {
display: none;
}
.gallery-default #block-gallery,
.page-template-page-gallery-php #block-gallery {
position: relative;
z-index: 100;
padding: 0;
margin: 0 0 0 30px;
}
.gallery-default .photos-gallery,
.page-template-page-gallery-php .photos-gallery {
margin: 0;
}
.gallery-default #block-gallery .gallery-item,
.page-template-page-gallery-php #block-gallery .gallery-item {
float: left;
border: none;
margin: 0 20px 20px 0;
padding: 0;
position: relative;
overflow: visible;
list-style: none;
}
.gallery-default .gallery-item,
.page-template-page-gallery-php #block-gallery .gallery-item {
height: 170px;
width: auto;
}
.gallery-default #block-gallery.fixed-width,
.page-template-page-gallery-php #block-gallery.fixed-width {
margin: 0 10px 0 10px;
}
.gallery-default #block-gallery.fixed-width .gallery-item,
.page-template-page-gallery-php #block-gallery.fixed-width .gallery-item {
height: auto;
width: 100%;
margin: 0;
opacity: 0;
-webkit-backface-visibility: hidden;
}
.gallery-default #block-gallery .gallery-item img,
.page-template-page-gallery-php #block-gallery .gallery-item img {
float: left;
height: auto;
width: auto !important;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
.gallery-default #block-gallery .entry-view-wrapper,
.page-template-page-gallery-php #block-gallery .entry-view-wrapper {
background: rgba(255,255,255,1);
width: 100%;
width /*\**/: 100%;
}
.gallery-default #block-gallery .gallery-item:active .entry-view-wrapper,
.gallery-default #block-gallery .gallery-item:hover .entry-view-wrapper,
.page-template-page-gallery-php #block-gallery .gallery-item:active .entry-view-wrapper,
.page-template-page-gallery-php #block-gallery .gallery-item:hover .entry-view-wrapper {
opacity: .25;
}
/* Gallery with no margins */
.gallery-no-margins #header-wrapper,
.page-template-page-gallery-no-margins-php #header-wrapper {
border: none;
}
.gallery-no-margins #primary,
.page-template-page-gallery-no-margins-php #primary {
width: 100%;
}
.gallery-no-margins .entry-header,
.page-template-page-gallery-no-margins-php .entry-header {
display: none;
}
.gallery-no-margins #block-gallery-no-margins,
.page-template-page-gallery-no-margins-php #block-gallery-no-margins {
position: relative;
z-index: 100;
padding: 0;
margin: 0;
}
.gallery-no-margins .photos-gallery,
.page-template-page-gallery-no-margins-php .photos-gallery {
margin: 0;
}
.gallery-no-margins #block-gallery-no-margins .gallery-item,
.page-template-page-gallery-no-margins-php #block-gallery-no-margins .gallery-item {
float: left;
border: none;
margin: 0;
padding: 0;
position: relative;
overflow: visible;
list-style: none;
width: 24.95%;
width: 24.95%url(0/);
}
.gallery-no-margins #block-gallery-no-margins .gallery-item img,
.page-template-page-gallery-no-margins-php #block-gallery-no-margins .gallery-item img {
float: left;
height: auto;
width: 100.4%;
width: 100%(0/);
max-width: none;
}
.gallery-no-margins #block-gallery-no-margins .entry-view-wrapper,
.page-template-page-gallery-no-margins-php #block-gallery-no-margins .entry-view-wrapper {
background: rgba(255,255,255,1);
width: 100%(0/);
width: 100.3%;
box-sizing: border-box;
}
.gallery-no-margins #block-gallery-no-margins .gallery-item:active .entry-view-wrapper,
.gallery-no-margins #block-gallery-no-margins .gallery-item:hover .entry-view-wrapper,
.page-template-page-gallery-no-margins-php #block-gallery-no-margins .gallery-item:active .entry-view-wrapper,
.page-template-page-gallery-no-margins-php #block-gallery-no-margins .gallery-item:hover .entry-view-wrapper {
opacity: .25;
}
/* FancyBox Gallery */
.gallery-fancybox .page-content,
.page-template-page-gallery-fancybox-php .page-content {
margin: 0 0 30px 20px;
}
.gallery-fancybox,
.page-template-page-gallery-fancybox-php {
background: #111;
color: #fff;
}
.gallery-fancybox .hr,
.page-template-page-gallery-fancybox-php .hr {
border-color: #666;
}
.gallery-fancybox .no-found,
.page-template-page-gallery-fancybox-php .no-found {
color: #fff;
}
.gallery-fancybox #header-wrapper,
.page-template-page-gallery-fancybox-php #header-wrapper {
border: none;
}
.gallery-fancybox #main,
.page-template-page-gallery-fancybox-php #main {
padding: 30px 30px 50px 228px;
}
.gallery-fancybox #primary,
.page-template-page-gallery-fancybox-php #primary {
width: 100%;
}
.gallery-fancybox .entry-header,
.page-template-page-gallery-fancybox-php .entry-header {
display: none;
}
.gallery-fancybox #block-fancybox-gallery,
.page-template-page-gallery-fancybox-php #block-fancybox-gallery {
position: relative;
z-index: 100;
padding: 0;
}
.fancybox-gallery {
margin: 0;
list-style: none;
}
.gallery-fancybox #block-fancybox-gallery .fancybox-gallery-item,
.page-template-page-gallery-fancybox-php #block-fancybox-gallery .fancybox-gallery-item {
float: left;
border: none;
margin: 0 0 20px 20px;
padding: 0;
position: relative;
overflow: visible;
list-style: none;
}
.gallery-fancybox .fancybox-gallery-item,
#block-fancybox-gallery .fancybox-gallery-item {
width: 31%;
width: 31%url(0/);
}
.gallery-fancybox #block-fancybox-gallery .fancybox-gallery-item img,
.page-template-page-gallery-fancybox-php #block-fancybox-gallery .fancybox-gallery-item img {
float: left;
width: 100.2%;
width: 100.2%(0/);
height: auto;
max-width: none;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
.gallery-fancybox #block-fancybox-gallery .entry-view-wrapper,
.page-template-page-gallery-fancybox-php #block-fancybox-gallery .entry-view-wrapper {
background: rgba(255, 255, 255, 1);
opacity: 0;
width: 100%(0/);
width: 100%;
}
#block-fancybox-gallery .entry-view {
position: absolute;
width: 100%;
height: 100%;
display: table;
}
#block-fancybox-gallery .entry-view-content {
display: table-cell;
vertical-align: middle;
padding: 20px;
text-align: center;
}
#block-fancybox-gallery .media-image .entry-view-wrapper:active,
#block-fancybox-gallery .media-image .entry-view-wrapper:hover {
opacity: .25;
}
#block-fancybox-gallery .media-video .entry-view-wrapper {
background: transparent;
opacity: .75;
}
#block-fancybox-gallery .media-video .entry-view {
filter: alpha(opacity=75);
}
#block-fancybox-gallery .media-video .entry-view:active,
#block-fancybox-gallery .media-video .entry-view:hover {
filter: alpha(opacity=100);
}
#block-fancybox-gallery .media-video .entry-view-wrapper:active,
#block-fancybox-gallery .media-video .entry-view-wrapper:hover {
opacity: 1;
}
#block-fancybox-gallery .entry-view-wrapper i {
font-size: 24px;
color: white;
text-shadow: 0 0 14px rgba(0, 0, 0, .5);
}
/* Password Protected */
.password-protected {
text-align: center;
padding: 30px 0 20px;
background: whiteSmoke;
max-width: 50%;
margin: 4em auto;
color: #111;
}
.protected {
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
width: 80%;
margin: 0 auto 1.825em;
}
.password-protected input[type="password"] {
background: #fff;
border-color: #777;
color: #111;
margin: 0;
padding: 5px 8px;
}
.password-protected input[type="password"]:focus {
border-color: #111;
background: #fafafa;
}
.password-protected input[type="submit"] {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
background: #111;
box-shadow: none;
border: none;
color: white;
padding: 6px 14px;
cursor: pointer;
margin: 0 0 0 5px;
position: relative;
}
.password-protected input[type="submit"]:hover,
.password-protected input[type="submit"]:focus,
.password-protected input[type="submit"]:active {
background: #666;
}
/* Classic Gallery */
.gallery-classic .entry-header,
.page-template-page-classic-gallery-php .entry-header {
display: none;
}
.gallery-classic #main #content,
.page-template-page-classic-gallery-php #main #content {
margin: 0 0 50px;
}
.gallery-classic #project-images,
.page-template-page-classic-gallery-php #project-images {
margin: 30px 30px 0;
max-width: 905px;
border: none;
}
.gallery-classic #project-images .project-image,
.page-template-page-classic-gallery-php #project-images .project-image {
margin: 0 0 30px;
}
.gallery-classic #project-images .project-image img,
.page-template-page-classic-gallery-php #project-images .project-image img {
float: left;
}
.gallery-classic .page-content,
.page-template-page-classic-gallery-php .page-content {
border-top: 1px solid #ccc;
margin: 0 30px 0;
padding: 30px 0 0;
max-width: 905px;
}
/* Slider Page, Full Width Slider Page, Full Width of Window Slider Page */
.rs-full-width-window #tagline,
.page-template-page-full-width-window-slider-php #tagline {
color: #fff;
}
.rs-full-width,
.page-template-page-full-width-slider-php,
.rs-full-width-window,
.page-template-page-full-width-window-slider-php {
background: #111;
}
.rs #primary,
.page-template-page-slider-php #primary,
.rs-full-width #primary,
.page-template-page-full-width-slider-php #primary,
.rs-full-width-window #primary,
.page-template-page-full-width-window-slider-php #primary {
display: table;
width: 100%;
height: 100%;
}
.rs #content,
.page-template-page-slider-php #content,
.rs-full-width #content,
.page-template-page-full-width-slider-php #content,
.rs-full-width-window #content,
.page-template-page-full-width-window-slider-php #content {
display: table-cell;
vertical-align: middle;
}
.rs .no-found,
.page-template-page-slider-php .no-found,
.rs-full-width .no-found,
.page-template-page-full-width-slider-php .no-found,
.rs-full-width-window .no-found,
.page-template-page-full-width-window-slider-php .no-found {
margin: 0;
}
.page-template-page-full-width-slider-php #header-wrapper,
.rs-full-width #header-wrapper,
.page-template-page-full-width-window-slider-php #header-wrapper,
.rs-full-width-window #header-wrapper {
border: none;
}
.rs-full-width-window #header-wrapper,
.page-template-page-full-width-window-slider-php #header-wrapper {
background-color: #111;
background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.75) 10%, rgba(0, 0, 0, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1, rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.75)));
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75) 10%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(left, rgba(0, 0, 0, 0.75) 10%, rgba(0, 0, 0, 0) 100%);
background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.75) 10%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 10%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1);
}
.rs-full-width-window #access ul a,
.rs-full-width-window #site-generator .social,
.rs-full-width-window #site-title a,
.rs-full-width-window #site-title-custom a,
.page-template-page-full-width-window-slider-php #access ul a,
.page-template-page-full-width-window-slider-php #site-generator .social,
.page-template-page-full-width-window-slider-php #site-title a,
.page-template-page-full-width-window-slider-php #site-title-custom a {
color: #fff;
}
.rs-full-width-window #access ul li a:hover,
.rs-full-width-window #access ul li.sfHover > a,
.rs-full-width-window #access ul .current-menu-item > a,
.rs-full-width-window #access ul .current_page_item > a,
.page-template-page-full-width-window-slider-php #access ul li a:hover,
.page-template-page-full-width-window-slider-php #access ul li.sfHover > a,
.page-template-page-full-width-window-slider-php #access ul .current-menu-item > a,
.page-template-page-full-width-window-slider-php #access ul .current_page_item > a {
color: #fff;
border-color: rgba(255, 255, 255, .5);
}
.rs-full-width-window #access ul li .current-menu-item > a,
.rs-full-width-window #access ul li .current_page_item > a,
.rs-full-width-window #site-generator p,
.rs-full-width-window #site-generator .social:focus,
.rs-full-width-window #site-generator .social:active,
.rs-full-width-window #site-generator .social:hover,
.rs-full-width-window #site-generator a:focus,
.rs-full-width-window #site-generator a:active,
.rs-full-width-window #site-generator a:hover,
.page-template-page-full-width-window-slider-php #access ul li .current-menu-item > a,
.page-template-page-full-width-window-slider-php #access ul li .current_page_item > a,
.page-template-page-full-width-window-slider-php #site-generator p,
.page-template-page-full-width-window-slider-php #site-generator .social:focus,
.page-template-page-full-width-window-slider-php #site-generator .social:active,
.page-template-page-full-width-window-slider-php #site-generator .social:hover,
.page-template-page-full-width-window-slider-php #site-generator a:focus,
.page-template-page-full-width-window-slider-php #site-generator a:active,
.page-template-page-full-width-window-slider-php #site-generator a:hover {
color: #abacad;
}
.rs-full-width-window #access ul li a:hover,
.rs-full-width-window #access ul li.sfHover > a,
.rs-full-width-window #access ul .menu-item-object-custom.current_page_item > a,
.page-template-page-full-width-window-slider-php #access ul li a:hover,
.page-template-page-full-width-window-slider-php #access ul li.sfHover > a,
.page-template-page-full-width-window-slider-php #access ul .menu-item-object-custom.current_page_item > a {
color: #fff;
border-color: rgba(255, 255, 255, .5);
}
.rs-full-width-window #access ul li li a:hover,
.page-template-page-full-width-window-slider-php #access ul li li a:hover {
color: #fff;
border-color: transparent;
}
.rs .entry-header,
.page-template-page-slider-php .entry-header,
.rs-full-width .entry-header,
.page-template-page-full-width-slider-php .entry-header,
.rs-full-width-window .entry-header,
.page-template-page-full-width-window-slider-php .entry-header {
display: none;
}
.rs #page,
.page-template-page-slider-php #page,
.rs-full-width #page,
.page-template-page-full-width-slider-php #page,
.rs-full-width-window #page,
.page-template-page-full-width-window-slider-php #page {
position: absolute;
top: 0;
left: 0;
min-height: auto;
height: 100%;
width: 100%;
}
.rs #main,
.page-template-page-slider-php #main,
.rs-full-width #main,
.page-template-page-full-width-slider-php #main,
.rs-full-width-window #main
.page-template-page-full-width-window-slider-php #main {
position: relative;
min-height: auto;
height: 100%;
width: auto;
max-width: none;
}
.rs #main,
.rs-full-width #main {
padding: 0 0 0 218px !important;
}
.page-template-page-full-width-window-slider-php #main,
.rs-full-width-window #main {
padding: 0;
}
.rs #gallery-slider,
.page-template-page-slider-php #gallery-slider,
.rs-full-width #gallery-slider,
.page-template-page-full-width-slider-php #gallery-slider,
.rs-full-width-window #gallery-slider,
.page-template-page-full-width-window-slider-php #gallery-slider {
width: auto;
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 30px;
left: 218px;
overflow: hidden;
}
.page-template-page-full-width-window-slider-php #gallery-slider,
.rs-full-width-window #gallery-slider {
left: 0;
}
.rs-full-width #gallery-slider,
.page-template-page-full-width-slider-php #gallery-slider,
.rs-full-width-window #gallery-slider,
.page-template-page-full-width-window-slider-php #gallery-slider {
bottom: 0;
}
#gallery-slider .rsOverflow,
#gallery-slider .rsSlide {
background: transparent;
}
.rs-full-width #gallery-slider .rsOverflow,
.rs-full-width #gallery-slider .rsSlide,
.page-template-page-full-width-slider-php #gallery-slider .rsOverflow,
.page-template-page-full-width-slider-php #gallery-slider .rsSlide,
.rs-full-width-window #gallery-slider .rsOverflow,
.rs-full-width-window #gallery-slider .rsSlide,
.page-template-page-full-width-window-slider-php #gallery-slider .rsOverflow,
.page-template-page-full-width-window-slider-php #gallery-slider .rsSlide {
background: #1a0014;
}
.rs .rsContent,
.page-template-page-slider-php .rsContent,
.rs-full-width .rsContent,
.page-template-page-full-width-slider-php .rsContent,
.rs-full-width-window .rsContent
.page-template-page-full-width-window-slider-php .rsContent {
position: absolute;
}
.rs #gallery-slider .rsContent img,
.page-template-page-slider-php #gallery-slider .rsContent img,
.rs-full-width #gallery-slider .rsContent img,
.page-template-page-full-width-slider-php #gallery-slider .rsContent img,
.rs-full-width-window #gallery-slider .rsContent img ,
.page-template-page-full-width-window-slider-php #gallery-slider .rsContent img {
width: 0;
height: 0;
-webkit-backface-visibility: hidden;
}
.rs #gallery-slider .rsOverflow,
.page-template-page-slider-php #gallery-slider .rsOverflow,
.rs-full-width .rsOverflow,
.page-template-page-full-width-slider-php .rsOverflow,
.rs-full-width-window .rsOverflow,
.page-template-page-full-width-window-slider-php .rsOverflow {
width: 100% !important;
}
.rs .rsMinW .rsArrow,
.page-template-page-slider-php .rsMinW .rsArrow {
height: 58px;
width: 61px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
top: 50%;
left: 7px;
margin: -69px 0 0;
opacity: 1;
background: transparent;
text-align: center;
border: none;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.rs .rsMinW .rsArrowLeft,
.page-template-page-slider-php .rsMinW .rsArrowLeft {}
.rs .rsMinW .rsArrowRight,
.page-template-page-slider-php .rsMinW .rsArrowRight {
right: 7px;
left: auto;
border: none;
}
.rs .rsMinW .rsArrowIcn,
.page-template-page-slider-php .rsMinW .rsArrowIcn {
width: auto;
height: auto;
cursor: pointer;
background: #111;
background-color: transparent;
font-size: 28px;
color: #111;
line-height: 2.145;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-transition: all 0.3s ease-out;
}
.rs .rsMinW .rsArrow:hover,
.page-template-page-slider-php .rsMinW .rsArrow:hover {
opacity: 1;
background: transparent;
}
.rs .rsMinW .rsArrow:active,
.page-template-page-slider-php .rsMinW .rsArrow:active {
margin-top: -68px;
}
.rs .rsMinW .rsArrow:hover .rsArrowIcn,
.page-template-page-slider-php .rsMinW .rsArrow:hover .rsArrowIcn {
color: #666;
}
.rs .rsMinW .rsArrowDisabled,
.page-template-page-slider-php .rsMinW .rsArrowDisabled {
opacity: .15;
}
.rs .rsMinW .rsArrow .rsArrowIcn:before,
.page-template-page-slider-php .rsMinW .rsArrow .rsArrowIcn:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
content: "\e00d";
}
.rs .rsMinW .rsArrowRight .rsArrowIcn:before,
.page-template-page-slider-php .rsMinW .rsArrowRight .rsArrowIcn:before {
content: "\e00e";
}
.rs-full-width-window .rsNav,
.page-template-page-full-width-window-slider-php .rsNav {
float: left;
clear: both;
width: 100%;
margin: 0;
}
.rs-full-width-window .rsArrow,
.page-template-page-full-width-window-slider-php .rsArrow {
height: auto;
width: auto;
position: relative;
display: inline;
cursor: pointer;
z-index: 21;
opacity: 1;
background: transparent;
border: none;
float: none;
padding-right: 4px;
-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;
}
.page-template-page-full-width-window-slider-php .rsArrowLeft,
.rs-full-width-window .rsArrowLeft{}
.rs-full-width-window .rsArrowRight,
.page-template-page-full-width-window-slider-php .rsArrowRight {
padding-left: 4px;
padding-right: 0;
}
.rs-full-width-window .rsArrowIcn,
.page-template-page-full-width-window-slider-php .rsArrowIcn {
width: auto;
height: auto;
cursor: pointer;
display: inline;
background: transparent;
background-color: transparent;
color: #fff;
font-weight: normal;
font-size: 18px;
-webkit-font-smoothing: antialiased;
}
.rs-full-width-window .rsArrowLeft:hover,
.page-template-page-full-width-window-slider-php .rsArrowLeft:hover {
right: 2px;
}
.rs-full-width-window .rsArrowRight:hover,
.page-template-page-full-width-window-slider-php .rsArrowRight:hover {
left: 2px;
}
.rs-full-width-window .rsArrow:active,
.page-template-page-full-width-window-slider-php .rsArrow:active {
top: 1px;
}
.rs-full-width-window .rsArrow:hover .rsArrowIcn,
.page-template-page-full-width-window-slider-php .rsArrow:hover .rsArrowIcn {}
.rs-full-width-window .rsArrowDisabled,
.page-template-page-full-width-window-slider-php .rsArrowDisabled {
opacity: .15;
}
.rs-full-width-window .rsArrow .rsArrowIcn:before,
.page-template-page-full-width-window-slider-php .rsArrow .rsArrowIcn:before {}
.rs-full-width-window .rsArrowRight .rsArrowIcn:before,
.page-template-page-full-width-window-slider-php .rsArrowRight .rsArrowIcn:before {}
.rsSlideCount {
color: #fff;
display: inline-block;
font-size: 24px;
}
.rsSlideCount .current {}
.rsSlideCount .total {
font-size: 12px;
}
.rs-full-width-window #mega-menu-dropdown,
.page-template-page-full-width-window-slider-php #mega-menu-dropdown {
color: #fff;
}
.rs .rsMinW .rsThumbs,
.page-template-page-slider-php .rsMinW .rsThumbs {
background: transparent;
position: absolute;
bottom: 0;
}
.rs .rsMinW .rsThumb img,
.page-template-page-slider-php .rsMinW .rsThumb img {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
}
.rs .rsMinW .rsThumb:hover img,
.page-template-page-slider-php .rsMinW .rsThumb:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
.rs .rsMinW .rsThumb.rsNavSelected:hover img,
.page-template-page-slider-php .rsMinW .rsThumb.rsNavSelected:hover img {
opacity: 0.3;
filter: alpha(opacity=30);
}
.page-template-page-full-width-slider-php #gallery-slider .rsArrowLeft,
.page-template-page-full-width-slider-php #gallery-slider .rsArrowRight,
.rs-full-width #gallery-slider .rsArrowLeft,
.rs-full-width #gallery-slider .rsArrowRight {
opacity: 0;
}
.page-template-page-full-width-slider-php #gallery-slider:hover .rsArrowLeft,
.page-template-page-full-width-slider-php #gallery-slider:hover .rsArrowRight,
.rs-full-width #gallery-slider:hover .rsArrowLeft,
.rs-full-width #gallery-slider:hover .rsArrowRight {
opacity: 1;
}
.page-template-page-full-width-slider-php #gallery-slider .rsArrowLeft,
.rs-full-width #gallery-slider .rsArrowLeft {
left: -64px;
}
.page-template-page-full-width-slider-php #gallery-slider .rsArrowRight,
.rs-full-width #gallery-slider .rsArrowRight {
right: -64px;
}
.page-template-page-full-width-slider-php #gallery-slider:hover .rsArrowLeft,
.rs-full-width #gallery-slider:hover .rsArrowLeft {
left: 0;
}
.page-template-page-full-width-slider-php #gallery-slider:hover .rsArrowRight,
.rs-full-width #gallery-slider:hover .rsArrowRight {
right: 0;
}
.page-template-page-slider-php .rsTitle {
color: #111;
padding: 0;
}
/* Royal Slider */
.fullWidth {
margin: 0 auto;
width: 100%;
overflow: hidden;
position: relative;
}
#full-width-slider {
width: auto;
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 64px;
left: 0;
}
#full-width-slider .rsContent img {
width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
/* Visible Nearby Images */
.page-template-page-gallery-visible-nearby-php {
background: white;
}
.page-template-page-gallery-visible-nearby-php #main {
padding: 0;
}
.page-template-page-gallery-visible-nearby-php .entry-header {
display: none;
}
.visibleNearby {
width: 100%;
background: #111;
color: #FFF;
padding: 0;
overflow: hidden;
}
.visibleNearby .rsGCaption {
font-size: 16px;
line-height: 18px;
padding: 12px 0 16px;
background: #111;
width: 100%;
position: static;
float: left;
left: auto;
bottom: auto;
text-align: center;
}
.visibleNearby .rsGCaption span {
display: block;
clear: both;
color: #bbb;
font-size: 14px;
line-height: 22px;
}
.rsVisibleNearbyWrap {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
left: 0;
top: 0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
position: absolute;
left: 0;
top: 0;
}
/* Scaling transforms */
.visibleNearby .rsSlide img {
opacity: 0.45;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.visibleNearby .rsActiveSlide img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 900px) {
#gallery-visible-nearby {
padding: 12px 0 12px;
}
#gallery-visible-nearby .rsOverflow,
.royalSlider#gallery-visible-nearby {
height: 400px !important;
}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
#gallery-visible-nearby .rsOverflow,
.royalSlider#gallery-visible-nearby {
height: 300px !important;
}
}
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
width: 100%;
height: auto;
position: relative;
direction: ltr;
}
.royalSlider > * {
float: left;
}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
-webkit-transform: none;
}
.rsOverflow {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
float: left;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsContainer {
position: relative;
width: 100%;
height: 100%;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsArrow,
.rsThumbsArrow {
cursor: pointer;
}
.rsThumb {
float: left;
position: relative;
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
opacity: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.rsGCaption {
width: 100%;
float: left;
text-align: center;
}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483647 !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
opacity: 1 !important;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
display: none;
}
.rsSlide {
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
height: 100%;
width: 100%;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
height: auto;
}
.rsContent {
width: 100%;
height: 100%;
position: relative;
}
.rsContent img {
float: left;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
}
.royalSlider img {
float: left;
-webkit-backface-visibility: hidden;
}
.rsTitle {
position: absolute;
background: transparent;
padding: 0px 10px;
position: absolute;
right: 30px;
bottom: 30px;
left: auto !important;
top: auto !important;
top: auto;
z-index: 25;
padding: 5px 15px;
color: #abacad;
font-size: 12px;
line-height: 1.625;
max-width: 25%;
opacity: 0;
}
.rsTitle p {
float: left;
clear: both;
}
.rsTitle p:last-of-type {
margin-bottom: 0;
}
.rsTitle a {
color: #fff;
}
.page-template-page-slider-php .rsTitle a,
.rs .rsTitle a {
color: #111;
}
.rsTitle a:focus,
.rsTitle a:active,
.rsTitle a:hover {
color: #14b6ea;
}
.rsTitle a:focus img,
.rsTitle a:active img,
.rsTitle a:hover img {
opacity: .75;
}
.rsTitle img {
width: auto;
height: auto;
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
}
.rs-full-width #gallery-slider .rsContent .rsTitle img,
.page-template-page-full-width-slider-php #gallery-slider .rsContent .rsTitle img,
.rs-full-width-window #gallery-slider .rsContent .rsTitle img,
.page-template-page-full-width-window-slider-php #gallery-slider .rsContent .rsTitle img {
width: auto;
height: auto;
max-width: none;
}
.rsPreloader {
position: absolute;
z-index: 0;
}
.rsNav {
-moz-user-select: -moz-none;
-webkit-user-select: none;
user-select: none;
}
.rsNavItem {
-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}
.rsThumbs {
cursor: pointer;
position: relative;
overflow: hidden;
float: left;
z-index: 22;
}
.rsTabs {
float: left;
}
.rsTabs,
.rsThumbs {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVideoContainer {
/*left: 0;
top: 0;
position: absolute;*/
/*width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
float: left;*/
width: auto;
height: auto;
line-height: 0;
position: relative;
}
.rsVideoFrameHolder {
position: absolute;
left: 0;
top: 0;
background: #141414;
opacity: 0;
-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 44px;
}
.rsABlock {
left: 0;
top: 0;
position: absolute;
z-index: 15;
-webkit-backface-visibility: hidden;
}
.grab-cursor {
cursor:url(images/grab.png) 8 8, move;
}
.grabbing-cursor{
cursor:url(images/grabbing.png) 8 8, move;
}
.rsNoDrag {
cursor: auto;
}
.rsLink {
left:0;
top:0;
position:absolute;
width:100%;
height:100%;
display:block;
z-index: 20;
-webkit-backface-visibility: hidden;
}
/* Background */
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
background: #111;
}
/***************
*
* Arrows
*
****************/
.rsMinW .rsArrow {
height: 58px;
width: 61px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
top: 50%;
left: 0;
margin: -32px 0 0;
opacity: .75;
background: rgba(0, 0, 0, .35);
text-align: center;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
-webkit-backface-visibility: hidden;
}
.rsMinW .rsArrowLeft {}
.rsMinW .rsArrowRight {
right: 0;
left: auto;
border-left: 3px solid #fff;
border-right: 0;
}
.rsMinW .rsArrowIcn {
width: auto;
height: auto;
cursor: pointer;
background: #111;
background-color: transparent;
font-size: 28px;
color: #fff;
line-height: 2.145;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
.rsMinW .rsArrow:hover {
opacity: 1;
background: rgba(255, 255, 255, .15);
}
.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {}
.rsMinW.rsHor .rsArrowRight .rsArrowIcn {}
.rsMinW.rsVer .rsArrowLeft .rsArrowIcn {}
.rsMinW.rsVer .rsArrowRight .rsArrowIcn {}
.rsMinW .rsArrowDisabled { opacity: .15; }
.rsMinW .rsArrow .rsArrowIcn:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
content: "\e00d";
}
.rsMinW .rsArrowRight .rsArrowIcn:before {
content: "\e00e";
}
/***************
*
/ Bullets
*
****************/
.rsMinW .rsBullets {
position: absolute;
z-index: 35;
bottom: 35px;
left: 35px;
width: auto;
height: auto;
text-align: left;
line-height: 8px;
}
.rsMinW .rsBullet {
width: 6px;
height: 6px;
display: inline-block;
margin: 0 6px;
border: 2px solid #fff;
opacity: .5;
filter: alpha(opacity=50);
cursor: pointer;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
float: left;
-webkit-backface-visibility: hidden;
}
.rsMinW .rsBullet:active,
.rsMinW .rsBullet:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.rsMinW .rsBullet.rsNavSelected {
opacity: 1;
}
/***************
*
* Thumbnails
*
****************/
.rsMinW .rsThumbsHor {
width: 100%;
height: 74px;
}
.rsMinW .rsThumbsVer {
width: 96px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.rsMinW.rsWithThumbsHor .rsThumbsContainer {
position: relative;
height: 100%;
}
.rsMinW.rsWithThumbsVer .rsThumbsContainer {
position: relative;
width: 100%;
}
.rsMinW .rsThumb {
float: left;
overflow: hidden;
width: 74px;
height: 74px;
}
.rsMinW .rsThumb img {
max-width: 100%;
height: auto;
float: left;
}
.rsMinW .rsThumb.rsNavSelected {
background: #b3d4fc;
}
.rsMinW .rsThumb.rsNavSelected img {
opacity: 0.3;
filter: alpha(opacity=30);
}
.rsMinW .rsTmb {
display: block;
}
/* Thumbnails with text */
.rsMinW .rsTmb h5 {
font-size: 16px;
margin: 0;
padding: 0;
line-height: 20px;
color: #FFF;
}
.rsMinW .rsTmb span {
color: #DDD;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 18px;
}
/* Thumbnails arrow icons */
.rsMinW .rsThumbsArrow {
height: 100%;
width: 20px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
background: #000;
background: rgba(0,0,0,0.75);
}
.rsMinW .rsThumbsArrow:hover {
background: rgba(0,0,0,0.9);
}
.rsMinW.rsWithThumbsVer .rsThumbsArrow {
width: 100%;
height: 20px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }
.rsMinW .rsThumbsArrowIcn {
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin-top:-8px;
margin-left: -8px;
position: absolute;
cursor: pointer;
}
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {}
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {}
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {}
.rsMinW .rsThumbsArrowDisabled { display: none !important; }
/***************
*
* Fullscreen button
*
****************/
.rsMinW .rsFullscreenBtn {
right: 30px;
top: 30px;
width: 28px;
height: 28px;
z-index: 22;
display: block;
position: absolute;
cursor: pointer;
border: 1px solid #fff;
opacity: .75;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.rsMinW .rsFullscreenIcn {
display: block;
margin: 0;
width: 28px;
height: 28px;
background-color: #111;
background-color: rgba(0, 0, 0, .35);
font-size: 16px;
text-align: center;
filter: alpha(opacity=75);
color: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.rsMinW .rsFullscreenIcn:before,
.rsMinW.rsFullscreen .rsFullscreenIcn:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
font-style: normal;
}
.rsMinW .rsFullscreenIcn:before {
content: "\f065";
}
.rsMinW .rsFullscreenBtn:hover {
opacity: 1;
}
.rsMinW .rsFullscreenBtn:hover rsFullscreenIcn {
background: rgba(255, 255, 255, .15);
}
.rsMinW.rsFullscreen .rsFullscreenIcn:before {
content: "\f066";
}
/***************
*
* Preloader
*
****************/
.rsPreloader {
width: 20px;
height: 20px;
background-image: url(images/preloader.gif);
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
}
/* Single Portfolio */
.single-portfolio #content {
padding: 0 0 30px;
}
.single-portfolio .hentry {
padding: 0;
}
.portfolio-media {
overflow: hidden;
width: 100%;
}
.portfolio-media .fluid-video,
.portfolio-media .fluid-audio {
margin: 30px 30px 0;
max-width: 905px;
}
#project-images {
margin: 30px 0 0;
border-bottom: 1px solid #ccc;
}
.project-image {
margin: 0 0 30px;
}
.project-image .mp {
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.portfolio-media .project-image img {
margin: 0;
max-width: 100%;
height: auto;
}
.project-image figure {
margin: 15px 0 0;
float: left;
clear: both;
font-style: italic;
}
.single-portfolio #main {
max-width: 100%;
}
.single-portfolio #primary {
width: 100%;
margin: 0;
float: none;
}
.single-portfolio #nav-single {
padding: 1.825em 0;
}
.single-portfolio .gallery-wrapper {
float: left;
margin-right: 30px;
}
.single-portfolio #content #nav-single {
padding: 20px 0;
margin: 0 0 30px;
float: none;
border-bottom: 1px solid #ccc;
text-align: right;
}
.portfolio-content {
max-width: 905px;
margin: 0 30px;
padding: 0;
}
.portfolio-description {
margin: 0;
padding: 35px 0 10px;
border-bottom: 1px solid #ccc;
}
.single-portfolio .entry-content {
padding: 20px 0;
}
.single-portfolio .one-third {
font-size: 12px;
}
.single-portfolio .portfolio-meta {
padding: 0;
float: left;
line-height: 3.425;
clear: left;
}
.single-portfolio .portfolio-meta .sep {
padding: 0 6px;
display: inline-block;
}
.single-portfolio #nav-single .nav-previous,
.single-portfolio #nav-single .nav-next,
.nav-back {
float: none;
display: inline-block !important;
}
.single-portfolio #nav-single .nav-next i {
padding-right: 0;
padding-left: 2px;
}
.single-portfolio #nav-single .nav-previous i {
padding-right: 2px;
padding-left: 0;
}
.single-portfolio #nav-single i {
vertical-align: -16%;
}
.single-portfolio #nav-single i {
font-size: 17px;
}
.single-portfolio .addthis_button_compact {
float: right;
position: relative;
top: 20px;
}
.portfolio-meta span {
padding: 3px 0 0;
}
.portfolio-meta i {
font-size: 12px;
}
.single-portfolio #nav-single .nav-back i {
font-size: 14px;
position: relative;
top: 4px;
left: 5px;
}
.single-portfolio .portfolio-meta .sep {
padding: 0 1px;
display: inline-block;
color: #999;
}
.nav-back {
float: right;
text-transform: uppercase;
padding: 30px 0;
}
.nav-back a {
text-decoration: none;
font-size: 11px;
color: #ababab;
}
.single-portfolio #nav-single .nav-previous,
.single-portfolio #nav-single .nav-next {
float: left;
}
.single-portfolio #nav-single .nav-next {
float: right;
padding: 0;
}
.single-portfolio #nav-single .nav-previous a,
.single-portfolio #nav-single .nav-next a,
.single-portfolio #nav-single .nav-back a {
font-weight: normal;
color: #ababab;
text-decoration: underline;
font-size: 11px;
letter-spacing: 0;
}
.single-portfolio #nav-single .nav-previous a,
.single-portfolio #nav-single .nav-next a,
.single-portfolio #nav-single .nav-back a {
text-decoration: none;
}
.single-portfolio #nav-single .nav-previous a:active,
.single-portfolio #nav-single .nav-previous a:hover,
.single-portfolio #nav-single .nav-next a:active,
.single-portfolio #nav-single .nav-next a:hover,
.single-portfolio #nav-single .nav-back a:active,
.single-portfolio #nav-single .nav-back a:hover {
color: #111;
}
.single-portfolio #nav-single .nav-next i {
padding-right: 0;
padding-left: 0;
}
.single-portfolio #nav-single .nav-previous i {
padding-right: 0;
padding-left: 0;
}
.single-portfolio #nav-single i {
font-size: 11px;
vertical-align: 0%;
}
.single-portfolio #nav-single .sep {
float: none;
font-size: 12px;
}
.single-portfolio #nav-single .sep {
float: none;
font-size: 12px;
}
.portfolio-details {
margin: 0 0 20px;
list-style: none;
}
.portfolio-details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1.825em;
border-right: 1px dashed #cfcfcf;
padding-right: 2em;
}
.portfolio-details li:last-of-type {
border: none;
}
.portfolio-details strong {
display: block;
font-size: 1.4em;
text-transform: none;
}
.portfolio-categories em {
display: block;
padding: 0;
}
.portfolio-details em {
color: #696969;
display: block;
}
.portfolio-categories span {
display: inline;
}
.single-portfolio #gallery-slider {
width: auto;
height: 100%;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
max-width: 905px;
margin: 30px 30px 0;
}
.single-portfolio #gallery-slider.full-width {
width: 100%;
max-width: 100%;
margin: 0;
}
.single-portfolio #gallery-slider .rsOverflow,
.single-portfolio #gallery-slider .rsSlide {
background: transparent;
}
.single-portfolio #gallery-slider .rsArrowLeft,
.single-portfolio #gallery-slider .rsArrowRight {
opacity: 0;
}
.single-portfolio #gallery-slider:hover .rsArrowLeft,
.single-portfolio #gallery-slider:hover .rsArrowRight {
opacity: 1;
}
.single-portfolio #gallery-slider.full-width .rsArrowLeft {
left: -64px;
}
.single-portfolio #gallery-slider.full-width .rsArrowRight {
right: -64px;
}
.single-portfolio #gallery-slider.full-width:hover .rsArrowLeft {
left: 0;
}
.single-portfolio #gallery-slider.full-width:hover .rsArrowRight {
right: 0;
}
.single-portfolio #gallery-slider.default:hover .rsArrowLeft {
left: 30px;
}
.single-portfolio #gallery-slider.default:hover .rsArrowRight {
right: 30px;
}
.single-portfolio #gallery-slider.rsMinW.default .rsArrow {
border: none;
line-height: 2.55;
background: rgba(0, 0, 0, 0.1);
width: 42px;
height: 60px;
text-align: center;
margin: -30px 0 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single-portfolio #gallery-slider.default .rsArrowLeft {
left: -30px;
}
.single-portfolio #gallery-slider.default .rsArrowRight {
right: -30px;
}
.single-portfolio #gallery-slider.rsMinW.default .rsArrowIcn {
font-size: 24px;
line-height: 2.545;
}
.single-portfolio #gallery-slider.rsMinW.default .rsArrow:hover {
background: rgba(0, 0, 0, 0.2);
}
.related-projects-wrapper {
margin: 0 0 10px;
}
.related-projects {
float: left;
margin: 0 0 0 -20px;
max-width: 925px;
}
.related-projects .hentry {
float: left;
width: 288px;
margin: 0 0 20px 20px;
clear: none;
}
.related-projects .post-thumbnail {
margin: 0;
padding: 0;
}
.single-portfolio .post-thumbnail .entry-header {
border: none;
padding: 0;
margin: 0;
text-align: center;
}
.single-portfolio .post-thumbnail h2 {
font-size: 15px;
line-height: 26px;
margin: 0;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.single-portfolio .post-thumbnail hr {
margin-bottom: 12px;
width: 40%;
background: #666;
}
.single-portfolio .post-thumbnail .entry-category {
font-size: 10px;
}
/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.825em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.825em;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
width: 100%;
}
.one-column.singular blockquote.pull {
margin: 0 0 1.825em;
}
.one-column.singular .pull.alignleft {
margin: 0 1.825em 0 0;
}
.one-column.singular .pull.alignright {
margin: 0 0 0 1.825em;
}
.one-column.singular .entry-meta .edit-link a {
}
.one-column.singular #author-info {
margin: 2.2em -8.8% 0;
padding: 20px 8.8%;
}
.one-column .commentlist > li.comment {
margin-left: 102px;
width: auto;
}
.one-column .commentlist > li.comment {
margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
margin-right: 85px;
}
.one-column .commentlist .avatar {
background: transparent;
display: block;
padding: 0;
top: 1.825em;
left: auto;
right: 1.825em;
}
.one-column .commentlist .children .avatar {
background: none;
padding: 0;
position: absolute;
top: 2.2em;
left: 2.2em;
}
.one-column #respond {
width: auto;
}
/* =Global
----------------------------------------------- */
body,
input,
textarea {
color: #111;
font-family: 'Helvetica Neue', Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1.825;
letter-spacing: 0px;
text-decoration: none;
text-transform: none;
}
body {
background-color: #f5f5f5;
}
body:after {
display: none;
content: 'big';
}
/* clearfix */
.clearfix:after {
clear: both;
display: block;
height: 0;
font-size: 0;
visibility: hidden;
content: ".";
}
* html .clearfix {
zoom: 1;
}
*:first-child+html .clearfix {
zoom: 1;
}
/* Selection */
::selection {
background: #b3d4fc;
}
::-moz-selection {
background: #b3d4fc;
}
.hidden {
display: none;
}
.no-found {
font-size: 13px;
font-weight: bold;
text-align: center;
margin: 1.825em 0;
text-transform: uppercase;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
font-style: normal;
text-rendering: optimizeLegibility;
line-height: 1.425;
margin-bottom: 14px;
margin-top: 14px;
clear: both;
}
h1 {
font-size: 49px;
line-height: 1.3;
}
h2 {
font-size: 37px;
}
h3 {
font-size: 27px;
}
h4 {
font-size: 23px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-size: 60%;
color: #ababab;
line-height: 0;
}
.subheader {
line-height: 1.3;
color: #999;
font-weight: 300;
margin-bottom: 24px;
}
/* Borders */
hr {
background-color: #cfcfcf;
border: 0;
height: 1px;
margin-bottom: 1.825em;
clear: both;
}
/* To top */
.to-top {
float: left;
clear: both;
font-size: 12px;
color: #999;
}
/* Text elements */
p {
margin-bottom: 14px;
}
p:empty {
padding: 0;
margin: 0;
}
aside,
aside p {
font-size: 13px;
line-height: 1.35;
font-style: italic;
}
ul, ol {
margin: 0 0 1.825em 2.625em;
}
ul {
list-style: disc;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl {
margin: 0 1.825em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.825em;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote {
font-weight: normal;
padding: 0 0 0 30px;
border-left: 1px solid #111;
color: #666;
font-style: italic;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
blockquote cite {
color: #111;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
pre {
background-color: #F8F8F8;
background-image: -webkit-linear-gradient(#F4F4F4 50%, #E7E7E7 50%);
background-image: -moz-linear-gradient(#F4F4F4 50%, #E7E7E7 50%);
background-image: -o-linear-gradient(#F4F4F4 50%, #E7E7E7 50%);
background-image: -ms-linear-gradient(#F4F4F4 50%, #E7E7E7 50%);
background-size: 38px 38px;
font: 12px Consolas, "Liberation Mono", Courier, monospace;
line-height: 19px;
margin: 0 0 1.825em;
overflow: auto;
padding: 0 0 0 4px;
border: solid 1px #ababab;
}
code, kbd {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #999;
cursor: help;
}
address {
display: block;
margin: 0 0 1.825em;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
/* Forms */
input[type=text],
input[type=password],
input[type=email],
textarea {
background: #fff;
border: 1px solid #cfcfcf;
color: #696969;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
textarea:focus {
color: #111;
border-color: #666;
}
textarea {
padding: 6px 5px;
width: 98%;
border-radius: 0;
}
input[type=text],
input[type=email] {
padding: 3px;
}
input,
input[type=text],
input[type=password],
input[type=email],
textarea {
-webkit-transition: border-color ease .2s;
-moz-transition: border-color ease .2s;
-o-transition: border-color ease .2s;
-ms-transition: border-color ease .2s;
}
input {
-webkit-transition: background-color ease .2s;
-moz-transition: background-color ease .2s;
-o-transition: background-color ease .2s;
-ms-transition: background-color ease .2s;
}
input[type=submit] {}
#searchform {
position: relative;
}
input#s {
color: #999;
font-size: 21px;
height: 22px;
line-height: 1.2em;
padding: 4px 0 4px 26px;
border: none;
box-shadow: none;
text-shadow: none;
background: transparent;
}
label[for=s] {
position: absolute;
top: 38%;
left: 0;
}
label[for=s]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "\e018";
color: #999;
font-size: 17px;
}
input#s:focus {
color: #111;
outline-width: 0;
}
input#searchsubmit {
display: none;
}
/* =Placeholder
----------------------------------------------- */
::-webkit-input-placeholder { /* WebKit browsers */
color: #cfcfcf;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #cfcfcf;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #cfcfcf;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #cfcfcf;
}
/* Links */
a {
color: #14b6ea;
text-decoration: underline;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
.more-link {
color: #14b6ea;
font-size: 13px;
font-weight: normal;
text-decoration: underline;
}
.more-link:focus,
.more-link:active,
.more-link:hover {
color: #111;
}
a:focus,
a:active,
a:hover {
color: #111;
}
.meta-nav {
font-weight: normal;
}
/* Assistive text */
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
display: none;
}
/* =Header
----------------------------------------------- */
#header-wrapper {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 150;
width: 158px;
background: #fff;
padding: 30px;
border-right: 1px solid #cfcfcf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#branding {
max-width: 1441px;
margin: 0 auto;
padding: 0;
position: relative;
}
#site-title {
margin: 0;
padding: 0;
float: left;
clear: none;
line-height: 1.225;
font-size: 17px;
font-weight: 400;
letter-spacing: 1px;
}
#site-title a,
#site-title-custom a {
text-decoration: none;
text-transform: uppercase;
color: #111;
float: left;
}
#site-title-custom {
margin: 0;
padding: 0;
float: left;
clear: none;
line-height: 0.925;
font-size: 18px;
font-weight: 700;
letter-spacing: 1px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#site-title-custom img {
float: left;
width: 100%;
height: auto;
}
#tagline {
float: left;
margin: 18px 0 0;
}
#tagline h2 {
font-size: 11px;
font-weight: normal;
margin: 0;
}
/* =Menu
-------------------------------------------------------------- */
/*** Structure ***/
#access {
display: block;
margin: 0;
padding: 30px 0 0;
float: left;
clear: both;
line-height: 1.725;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#access > div {
float: left;
clear: both;
}
#access ul,
#access ul * {
margin: 0;
padding: 0;
list-style: none;
}
#access ul ul {
position: relative;
width: 100%;
}
#access ul ul li {
width: 100%;
}
#access ul li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
#access ul li {
display: block;
position: relative;
float: left;
clear: both;
margin-bottom: 8px;
}
#access ul li li {
margin: 0;
}
#access ul li li:first-child {
padding-top: 0.9em;
}
#access ul li li:last-child {
padding-bottom: 0.9em;
}
#access ul a {
display: block;
position: relative;
-webkit-transition: color ease .2s, border-color ease .2s;;
-moz-transition: color ease .2s, border-color ease .2s;;
-o-transition: color ease .2s, border-color ease .2s;;
-ms-transition: color ease .2s, border-color ease .2s;;
}
#access ul li:hover ul,
#access ul li.sfHover ul {
left: 0;
top: 0; /* match top ul list item height */
z-index: 2;
}
#access ul li:hover li ul,
#access ul li.sfHover li ul {
top: -999em;
}
#access ul li li:hover ul,
#access ul li li.sfHover ul {
left: 10px;
top: 0;
}
#access ul li li:hover li ul,
#access ul li li.sfHover li ul {
top: -999em;
}
#access ul li li li:hover ul,
#access ul li li li.sfHover ul {
left: 10px;
top: 0;
}
/*** Style ***/
.menu {
max-width: 1441px;
margin: 0 auto;
}
#access ul {
font-size: 12px;
text-align: left;
float: left;
clear: both;
}
#access ul a {
text-decoration: none;
padding: 0;
float: left;
border-bottom: 1px solid transparent;
line-height: 1.225;
}
#access ul a { /* visited pseudo selector so IE6 applies text colour*/
color: #696969;
}
#access ul li ul {
background: transparent;
padding: 0 0 0 10px;
float: left;
clear: both;
display: none;
letter-spacing: 0;
overflow: hidden;
}
#access ul li li {
background: none;
text-align: left;
padding: 3px 0;
}
#access ul li li li {
background: none;
}
#access ul li a:hover,
#access ul li.sfHover > a,
#access ul .current-menu-item > a,
#access ul .current_page_item > a {
color: #111;
outline: 0;
border-color: rgba(0, 0, 0, .5);
}
#access ul li li a:hover,
#access ul li.sfHover li > a,
#access ul .current-menu-item li > a,
#access ul .current_page_item li > a {
border-color: transparent;
}
#access ul .menu-item-object-custom.current_page_item > a {
color: #111;
}
#access ul .menu-item-object-custom.current-menu-item a:hover,
#access ul .menu-item-object-custom.current_page_item a:hover {
color: #111;
}
#access ul li li:hover,
#access ul li li.sfHover,
#access ul li li.current-menu-item,
#access ul li li.current_page_item {
box-shadow: none;
border-radius: 0;
}
#access ul li li a:hover,
#access ul li li.sfHover > a,
#access ul li .current-menu-item > a,
#access ul li .current_page_item > a {
color: #111;
}
#access ul li li a:hover,
#access ul li li.sfHover > a {
padding-left: 2px;
}
#access ul li li a {
font-size: 11px;
font-weight: normal;
padding: 0;
text-transform: none;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
#access ul li li a:before {
content: "·";
padding-right: 4px;
}
/*** arrows (for all except IE7) **/
#access .sf-arrows .sf-with-ul {
/*** padding-right: 0;
*padding-right: 0; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
#access .sf-arrows .sf-with-ul:after {
font-weight: normal;
font-style: normal;
font-size: 8px;
margin-left: 0.5em;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: 10%;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
content: "+";
}
#access .sf-arrows > li > .sf-with-ul:focus:after,
#access .sf-arrows > li:hover > .sf-with-ul:after,
#access .sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: red /* IE8 fallback colour */
}
/* styling for right-facing arrows */
#access .sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: red; /* edit this to suit design (no rgba in IE8) */
border-left-color: red;
}
#access .sf-arrows ul li > .sf-with-ul:focus:after,
#access .sf-arrows ul li:hover > .sf-with-ul:after,
#access .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: red;
}
/* =Menu for mobile devises
-------------------------------------------------------------- */
#access-mobile {
display: none;
margin: 0 auto;
text-align: left;
padding: 0;
}
#mega-menu-dropdown {
cursor: pointer;
display: block;
text-decoration: none;
line-height: 1.925;
padding: 0;
float: right;
height: 23px;
display: none;
padding: 0;
color: #111;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
#mega-menu-dropdown span {
float: right;
font-size: 14px;
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
}
#mega-menu-dropdown i {
font-size: 10px;
vertical-align: 5%;
}
#access-mobile > div {
background: #fff;
margin: 0;
padding: 0;
}
#access-mobile ul {
list-style: none;
margin: 0 auto;
display: none;
padding: 0 30px;
clear: both;
background: #424242;
}
#access-mobile ul ul {
display: block;
margin: 0;
padding: 0 0 0 14px;
}
#access-mobile li {
border-top: solid 1px rgba(255,255,255,0.05);
display: block;
float: none;
margin: 0;
padding: 0;
}
#access-mobile li:first-of-type {
border: none;
padding: 20px 0 0;
}
#access-mobile li:last-of-type {
padding: 0 0 20px;
}
#access-mobile li li {
border-top: none;
}
#access-mobile li li:first-of-type {
padding: 0;
}
#access-mobile li li:last-of-type {
padding: 0;
}
#access-mobile li a {
border: none;
color: #ddd;
display: block;
line-height: 3.15em;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
#access-mobile li li a {
font-size: 12px;
text-transform: none;
}
#access-mobile .current_page_item a {
color: #fff;
}
#access-mobile li a:active,
#access-mobile li a:hover {
color: #fff;
}
/* Search Form */
#branding #searchform {
float: left;
padding: 1.325em 0;
}
#branding #s {
padding: 4px 5px 4px 18px;
border: none;
}
#branding label[for=s] {
top: 37%;
left: 0;
}
#branding #searchsubmit {
display: none;
}
/* =Content
----------------------------------------------- */
#main {
clear: both;
padding: 0 0 0 218px;
margin: 0;
}
.page-header {
padding: 0 0 1.825em;
}
.page-title {
line-height: 1.5em;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
color: #ababab;
margin: 0 0 5px;
}
.page-title a {
font-size: 12px;
font-weight: bold;
letter-spacing: 0;
text-transform: none;
}
.entry-format-wrapper {
max-width: 125px;
margin: 1.825em auto;
}
.entry-format-wrapper img {
float: left;
max-width: 100%;
height: auto;
}
.entry-title {
line-height: 1.6em;
font-size: 22px;
clear: right;
position: relative;
display: inline-block;
margin: 0 0 14px;
}
.entry-content .entry-title-lead {
line-height: 46px;
font-size: 34px;
font-weight: normal;
margin: 6px 0 30px 0;
padding: 0 0 26px;
}
.entry-title-lead p {
margin: 0;
}
.entry-title,
.entry-title a {
color: #111;
text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
color: #666;
}
.entry-meta {
color: #999;
clear: both;
font-size: 11px;
}
footer.entry-meta {
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
padding: 14px 30px 14px 30px;
text-transform: uppercase;
font-weight: normal;
margin: 0 -30px 0 -30px;
}
.entry-meta .sep {
padding: 0 5px;
font-size: 12px;
}
.entry-meta .icon-calendar {
font-size: 11px;
padding: 0 2px 0 0;
}
.sep {
padding: 0 8px;
color: #cfcfcf;
}
.entry-meta p {
display: inline;
color: #999;
padding: 0;
}
.entry-meta a {
color: #666;
font-size: 11px;
text-decoration: none;
}
.archive footer.entry-meta .tag-links,
.search footer.entry-meta .tag-links,
.blog footer.entry-meta .tag-links {
color: #666;
}
.entry-meta a:focus,
.entry-meta a:active,
.entry-meta a:hover {
color: #111;
}
.single-author .entry-meta .by-author {
display: none;
}
.entry-content-meta-wrapper .entry-content {
padding: 15px 0 0;
margin: 0 0 15px;
color: #666;
font-size: 13px;
}
.comment-content h1,
.comment-content h2 {
font-size: 14px;
font-weight: bold;
margin: 0 0 .8125em;
line-height: 30px;
}
.comment-content h3 {
font-size: 14px;
line-height: 2.6em;
font-weight: bold;
}
.entry-content table,
.comment-content table {
border-bottom: 1px solid #ddd;
margin: 0 0 1.825em;
width: 100%;
}
.entry-content th,
.comment-content th {
color: #111;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}
.entry-content td,
.comment-content td {
border-top: 1px solid #ddd;
padding: 6px 10px 6px 0;
}
.entry-content #s {
width: 75%;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 1.825em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
margin-bottom: 0;
}
dl.gallery-item {
margin: 0;
}
.page-link {
clear: both;
display: block;
margin: 0 0 1.825em;
}
.page-link a {
background: #eee;
color: #111;
margin: 0;
padding: 2px 3px;
text-decoration: none;
}
.page-link a:hover {
background: #696969;
color: #fff;
font-weight: bold;
}
.page-link span {
margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
}
.entry-content .edit-link {
clear: both;
display: block;
}
.social-buttons-wrapper {
display: block;
margin: 0 0 14px;
}
.social-buttons {
display: block;
margin-top: 1.825em;
}
.social-buttons a {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
.social-button-wrapper {
float: left;
margin-left: 1em;
}
.social-button-wrapper:first-child {
margin-left: 0;
}
.social-button-wrapper iframe {
max-width: none !important;
}
/* Images */
.entry-content img,
.comment-content img,
.widget img,
.post-thumbnail img {
max-width: 100%;
height: auto;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
max-width: 100%;
}
img.size-full,
img.size-large {
max-width: 100%;
width: auto;
height: auto;
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.825em;
}
p img,
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
max-width: 100%;
margin-bottom: 0.055em;
position: relative;
}
.wp-caption img {
display: block;
margin: 0;
max-width: 100%;
}
.gallery-caption.rs-caption {
position: absolute;
top: auto;
color: white;
font-size: 12px;
background: rgba(0, 0, 0, .75);
padding: 6px 14px;
margin:0;
left: 10px;
bottom: 10px;
border: none;
width: auto !important;
max-width: 25%;
max-height: 34%;
box-shadow: none;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 8px 0 0;
position: relative;
font-size: 11px;
}
.post-gallery a,
.post-gallery a img {
float: left;
box-shadow: 0 0 0 transparent;
}
.post-gallery a img {
max-width: 100%;
}
.gallery-wrapper .gallery-icon img {
float: left;
max-width: 100%;
}
#content .gallery a img {
border: none;
}
img#wpstats {
display: block;
margin: 0 auto 1.825em;
}
#content .gallery-columns-4 .gallery-item {
width: 23%;
padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
width: 100%;
height: auto;
}
/* Image styles */
.widget img,
img[class*="avatar"],
.format-gallery .gallery-thumb img {
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
.wp-caption img {}
a:hover img[class*="avatar"],
a:active img[class*="avatar"],
.widget a:hover img {
opacity: .75;
}
/* Make sure embeds and iframes fit their containers */
embed,
.entry-content iframe,
.fluid-video iframe,
object {
max-width: 100%;
}
/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
margin: 1.825em 0 0;
}
.post-password-required input[type=password] {
margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
background: #f7f7f7;
}
/* Author Info */
#author-info {
font-size: 12px;
overflow: hidden;
}
.singular #author-info {
background: #f9f9f9;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 2.2em -35.6% 0 -35.4%;
padding: 20px 35.4%;
}
.archive #author-info {
border-bottom: 1px solid #ddd;
margin: 0 0 2.2em;
padding: 0 0 2.2em;
}
#author-avatar {
float: left;
margin-right: -78px;
}
#author-avatar img {
background: #fff;
border-radius: 3px;
box-shadow: 0 1px 2px #bbb;
padding: 3px;
}
#author-description {
float: left;
margin-left: 108px;
}
#author-description h2 {
color: #111;
font-size: 15px;
font-weight: bold;
margin: 5px 0 10px;
}
/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-format {
font: normal normal 10px Georgia, Times, serif;
color: #111;
}
.entry-header {}
.single .entry-header {}
.entry-header .entry-meta {
text-transform: uppercase;
}
article.format-link .entry-content,
article.format-quote .entry-content {}
.entry-content-meta-wrapper {
padding: 0;
}
.post-thumbnail {
position: relative;
margin: 0 0 20px;
}
.post-gallery {
margin: 0 0 20px;
}
.post-gallery .gallery-wrapper {
margin: 0;
}
.post-thumbnail a {
display: block;
text-decoration: none;
}
.post .post-thumbnail a:hover img {
opacity: .75;
}
.post-thumbnail img[class*="attachment-"] {
max-width: 100%;
float: left;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
}
.entry-view-wrapper {
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .85);
color: white;
width: 100%;
height: 100%;
text-align: center;
font-weight: bold;
opacity: 0;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-ms-transition: all ease .3s;
text-shadow: none;
-webkit-tap-highlight-color: transparent;
}
.entry-view {
position: absolute;
width: 100%;
height: 100%;
display: table;
}
.entry-view-content {
display: table-cell;
vertical-align: middle;
}
.entry-view-content i {
font-size: 23px;
}
a:hover .entry-view-wrapper {
opacity: .95;
}
.gallery-item {
overflow: hidden;
}
.portfolio-view-wrapper {
position: absolute;
top: 0;
left: 0;
color: white;
height: 100%;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
text-shadow: none;
-webkit-tap-highlight-color: transparent;
width: 100%(0/);
width: 101.1%;
}
.portfolio-view {
position: absolute;
width: 100%;
height: 100%;
display: table;
filter: alpha(opacity=0);
background-color: #111;
background-color: rgba(17,17,17,.95);
}
.portfolio-view-content {
display: table-cell;
vertical-align: middle;
padding: 30px;
text-align: center;
}
a:hover .portfolio-view-wrapper {
opacity: 1;
filter: alpha(opacity=95);
}
a:hover .portfolio-view {
filter: alpha(opacity=95);
}
.post-thumbnail h1 {
font-size: 15px;
line-height: 26px;
margin: 0;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.recent-posts .entry-header .entry-format {
display: none;
}
.recent-posts .entry-header hgroup .entry-title {
padding-top: 0;
}
/* Singular content styles for Posts and Pages */
.single-post .addthis_button_compact {
float: right;
position: absolute;
right: 0;
bottom: -54px;
}
.single-post .entry-content {
position: relative;
}
.singular .hentry {}
.singular .entry-title {
font-size: 49px;
line-height: 1.3;
font-weight: 700;
margin: 4px 0 0;
}
.singular .post-thumbnail {}
blockquote.pull {
font-size: 21px;
font-weight: bold;
line-height: 1.6125em;
margin: 0 0 1.825em;
text-align: center;
}
.singular blockquote.pull {
margin: 0 -22.25% 1.825em;
}
.pull.alignleft {
margin: 0 1.825em 0 0;
text-align: right;
width: 33%;
}
.singular .pull.alignleft {
margin: 0 1.825em 0 -22.25%;
}
.pull.alignright {
margin: 0 0 0 1.825em;
text-align: left;
width: 33%;
}
.singular .pull.alignright {
margin: 0 -22.25% 0 1.825em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
width: 33%;
}
.singular .entry-meta .edit-link a {
}
/* =Gallery
----------------------------------------------- */
.post-gallery-slider {
margin: 0 0 20px;
}
.post-gallery-slider.royalSlider img {
max-width: 100%;
height: auto;
}
.post-gallery-slider.rsMinW .rsOverflow,
.post-gallery-slider.rsMinW .rsSlide {
background: transparent;
}
.format-gallery .rsMinW .rsThumbsHor {
margin: 5px 0 0;
background: transparent;
}
.format-gallery .rsMinW .rsThumb img {
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
}
.format-gallery .rsMinW .rsThumbsHor {
height: 65px;
}
.format-gallery .rsMinW .rsThumb {
width: 65px;
height: 65px;
}
.format-gallery .rsMinW .rsThumb.rsNavSelected {
background: transparent;
}
.format-gallery .entry-content {
float: none;
}
.format-gallery .gallery-thumb {
float: left;
display: block;
margin: .375em 1.825em 0 0;
}
.format-gallery footer.entry-meta .entry-meta {
padding: 0 0 1.825em;
}
/* =Image
----------------------------------------------- */
.format-image footer.entry-meta .entry-meta {
padding: 0 0 1.825em;
}
/* =Quote
----------------------------------------------- */
.format-quote .entry-title {
display: none;
}
.format-quote blockquote {
font-size: 27px;
font-style: italic;
margin: 0 0 14px;
line-height: 1.4em;
font-family: Georgia, "Bitstream Charter", serif;
font-weight: normal;
border: none;
padding: 0;
color: #111;
}
.format-quote blockquote p:before,
.format-quote q:before {
content: "\201C";
}
.format-quote blockquote p:after,
.format-quote q:after {
content: "\201D";
}
.format-quote blockquote p:before,
.format-quote q:before,
.format-quote blockquote p:after,
.format-quote q:after {
font: normal 45px "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 0;
position: relative;
top: 9px;
}
.format-quote blockquote p:before,
.format-quote q:before {
padding-right: 2px;
}
.format-quote blockquote p:after,
.format-quote q:after {
padding-left: 2px;
}
.format-quote .quote-meta {
margin: 0;
text-align: right;
color: #ababab;
}
.format-quote footer.entry-meta .entry-meta {
padding: 0 0 1.625em;
}
.format-quote .entry-header {
margin: 0 0 20px;
}
/* =Video
----------------------------------------------- */
.format-video footer.entry-meta .entry-meta {
padding: 0 0 1.825em;
}
/* =Audio
----------------------------------------------- */
.post-audio {
position: relative;
margin: 0 0 1.825em;
}
/* =Image
----------------------------------------------- */
.indexed.format-image .entry-header {
min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
padding-top: 0.5em;
}
.indexed.format-image p,
.indexed.format-image p img {
margin-bottom: 0;
}
.indexed.format-image footer.entry-meta {
background: #ddd;
margin-top: -7px;
padding: 20px 30px;
overflow: hidden;
}
.indexed.format-image div.entry-meta {
display: inline-block;
float: left;
width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
float: none;
width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
display: block;
}
.indexed.format-image footer.entry-meta a {
color: #111;
}
.indexed.format-image footer.entry-meta a:hover {
color: #fff;
}
#content .indexed.format-image img {
border: none;
max-width: 100%;
padding: 0;
}
.indexed.format-image .wp-caption {
background: #111;
margin-bottom: 0;
max-width: 96%;
padding: 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
color: #111;
}
.indexed.format-image a:hover img {
opacity: 0.8;
}
/* =error404
----------------------------------------------- */
.error404 {
background: #233040;
color: #fff;
}
.error404 #site-title {
float: none;
text-align: center;
}
.error404 #site-title #custom-logo,
.error404 #site-title img {
float: none;
}
.error404 #main {
margin: 0 auto 0;
max-width: 959px;
padding: 6.5em 0 0;
}
.error404 #primary {
width: 100%;
margin: 0;
float: none;
text-align: center;
padding: 0 0 30px;
}
.error404 .entry-header {
border-bottom: 1px solid #9da3aa;
margin: 0 0 30px;
text-align: center;
}
.error404 #main #primary #content .entry-header .entry-title {
color: #fff;
font-size: 160px;
font-weight: 400;
line-height: 1.0em;
letter-spacing: 5px;
}
.error404 #main #primary #content .entry-content {
float: none;
width: auto;
border-bottom: 1px solid #9da3aa;
padding: 0 0 30px;
margin: 0 0 30px;
}
.error404 h2 {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
}
.error404 p {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
#back {
text-decoration: underline;
color: #fff;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
#back:hover {
color: #e8e8e8;
}
#back:active {
color: #ff3737;
}
/* =Attachments
----------------------------------------------- */
.image-attachment .hentry {
padding: 1.825em 0 0;
}
.image-attachment .entry-header {
padding: 0;
}
.image-attachment div.attachment {
margin: 0 0 1.825em;
overflow: hidden;
padding: 1.825em 1.825em 0;
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto 1.825em;
max-width: 100%;
}
.image-attachment .entry-caption p {
font-size: 10px;
letter-spacing: 0.1em;
line-height: 2.6em;
margin: 0 0 2.6em;
text-transform: uppercase;
}
/* =Navigation
-------------------------------------------------------------- */
#content nav {
clear: both;
overflow: hidden;
padding: 0;
}
.archive #content nav,
.search #content nav,
.blog #content nav {
padding: 15px 0;
margin: 0 0 50px;
}
#content nav a,
#content nav span.current {
font-size: 10px;
font-weight: normal;
color: #111;
margin: 0 0 8px 0;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
}
#content nav i {
font-size: 49px;
vertical-align: middle;
}
.archive #content nav i,
.search #content nav i,
.blog #content nav i {
font-size: 49px;
}
#content nav a:focus,
#content nav a:active,
#content nav a:hover {
color: #666;
}
#content nav span.current {
background-color: #DDD;
border-color: #ababab;
}
#nav-above {
padding: 0 0 1.825em;
}
#nav-above {
display: none;
}
.paged #nav-above {
display: block;
}
.nav-previous {
float: left;
}
.nav-next {
float: right;
}
.nav-next i {
padding-left: 4px;
padding-right: 0;
}
.nav-previous i {
padding-right: 4px;
padding-left: 0;
}
.single-portfolio .nav-next i {
padding-right: 4px;
padding-left: 0;
}
.single-portfolio .nav-previous i {
padding-left: 4px;
padding-right: 0;
}
#content nav .meta-nav {
font-weight: normal;
}
/* Singular navigation */
#content #nav-single {
padding: 40px 0 0;
}
#nav-single .nav-previous,
#nav-single .nav-next {
float: right;
width: auto;
}
#nav-single .nav-next {
float: left;
}
#nav-single .nav-previous i,
#nav-single .nav-next i {
padding-right: 0;
padding-left: 4px;
}
#nav-single .nav-next i {
padding-right: 4px;
padding-left: 0;
}
/* =Navigation with pagination
-------------------------------------------------------------- */
#content #nav-pagination {
clear: both;
overflow: hidden;
padding: 1.825em 0;
}
#content #nav-pagination a,
.dots,
#content #nav-pagination span.current {
font-size: 13px;
font-weight: normal;
padding: .5em;
line-height: 1.45em;
color: #999;
margin: 0 4px 0 0;
float: left;
text-transform: none;
}
#content #nav-pagination span.current {
background: #111;
color: #fff;
font-weight: bold;
}
#content #nav-pagination a:focus,
#content #nav-pagination a:active,
#content #nav-pagination a:hover {
color: #111;
background: transparent;
}
/* =Widgets
----------------------------------------------- */
.widget-area {
font-size: 11px;
color: #111;
}
.widget {
clear: both;
margin: 0 0 30px 0;
width: 100%;
float: left;
border-bottom: 1px solid #cfcfcf;
padding: 0 0 30px 0;
font-style: normal;
}
.widget p {
font-style: normal;
font-size: 11px;
line-height: 1.825;
}
#page .widget:last-child {
border: none;
margin: 0;
padding: 0;
}
.widget-title {
color: #111;
font-size: 19px;
line-height: 1.825;
margin: 0 0 15px 0;
font-weight: 700;
}
.widget-title span {
padding: 0;
}
.widget ul {
font-size: 12px;
margin: 0;
list-style: none;
}
.widget ul ul {
margin-left: 1.5em;
}
.widget ul li {
color: #666;
font-size: 13px;
margin: 0 0 0.912em;
float: left;
width: 100%;
}
.widget p {}
.widget a {
text-decoration: underline;
color: #111;
font-weight: normal;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
color: #14b6ea;
}
.widget img {
margin: 0.3em 0 0 0;
display: block;
-webkit-backface-visibility: hidden;
}
.widget .entry-meta {
clear: right;
}
.widget time {
color: #111;
font-size: 11px;
}
/* Search Widget */
.widget_search form {
margin: 0;
}
.widget_search #s {
width: 83.4%;
}
.widget_search label[for="s"] {
top: 24%;
}
.widget_search #searchsubmit {
background: #ddd;
border: 1px solid #ddd;
box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
color: #696969;
font-size: 13px;
line-height: 25px;
position: relative;
top: -2px;
}
.widget_search #searchsubmit:active {
background: #ababab;
border-color: #0861a5;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
color: #bfddf3;
}
/* Social Accounts */
#social-accounts {
float: left;
width: 100%;
margin: 30px 0 0;
}
#site-generator .social {
text-decoration: none;
color: #111;
margin-right: 6px;
}
#site-generator .social:last-of-type {
margin-right: 0;
}
#site-generator .social:focus,
#site-generator .social:active,
#site-generator .social:hover {
color: #666;
}
.social-icon {
font-family: 'icomoon';
src:url('fonts/icomoon.eot');
src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('fonts/icomoon.svg#icomoon') format('svg'),
url('fonts/icomoon.woff') format('woff'),
url('fonts/icomoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.social-icon:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 21px;
}
#facebook:before {
content: "\e00f";
}
#twitter:before {
content: "\e007";
}
#gplus:before {
content: "\e021";
}
#dribbble:before {
content: "\e002";
}
#foursquare:before {
content: "\e00b";
}
#linkedin:before {
content: "\e008";
}
#pinterest:before {
content: "\e00c";
}
#tumblr:before {
content: "\e014";
}
#soundcloud:before {
content: "\e005";
}
#vimeo:before {
content: "\e011";
}
#flickr:before {
content: "\e006";
}
#forrst:before {
content: "\e013";
}
#instagram:before {
content: "\e004";
}
#lastfm:before {
content: "\e003";
}
#feed:before {
content: "\e016";
}
#stumbleupon:before {
content: "\e017";
}
.icon-search:before {
content: "\e017";
}
#px:before {
content: "\e000";
font-size: 19px;
}
#youtube:before {
content: "\e001";
}
#behance:before {
content: "\e01e";
}
#vk:before {
content: "\e01f";
}
/* Archives Widget */
.widget ul .current-cat,
.widget ul .current-cat a {
font-weight: bold;
}
/* Widget Image */
.widget_image img {
height: auto;
max-width: 100%;
}
#wp-calendar {
margin: 0;
width: 100%;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
text-align: left;
}
#wp-calendar #next {
padding-right: 24px;
padding-right: 1.714285714rem;
text-align: right;
}
/* =Comments
----------------------------------------------- */
#comments {
padding: 30px 0;
float: left;
}
#comments .sep {
float: none;
padding: 0 1px
}
#comments-title {
color: #111;
font-size: 12px;
font-weight: 500;
padding: 0 0 2.6em;
text-transform: uppercase;
line-height: 1.825;
}
.nopassword,
.nocomments {
color: #ababab;
font-size: 24px;
font-weight: 100;
margin: 26px 0;
text-align: center;
}
.commentlist {
list-style: none;
margin: 0 auto 2.5em;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
width: 100%;
}
.commentlist > li.comment {
margin: 0 0 1.825em;
padding: 0;
}
.commentlist li.comment .fn {
font-weight: bold;
font-size: 13px;
}
.commentlist .pingback {
margin: 0 0 1.825em;
padding: 0 1.825em;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li.comment {
margin: 1.825em 0 0;
padding: 0;
}
.commentlist .children li.comment .fn {
}
.comment-meta .fn {
font-style: normal;
}
.comment-meta {
color: #111;
font-size: 12px;
line-height: 2.2em;
}
.comment-author {
margin: 0 0 8px;
}
.comment-content {
margin: 0 0 0 70px;
padding: 0 0 20px 0;
}
.comment-content p {
padding: 0;
color: #696969;
}
.comment-content p:last-child {
margin: 0;
}
.commentlist .children li.comment .comment-meta {
line-height: 1.825em;
margin-left: 70px;
margin-bottom: 14px;
}
.commentlist .children li.comment .comment-content {
margin: 0 0 0 140px;
}
.commentlist .children .avatar {
}
.comment-awaiting-moderation {
margin-left: 24px;
}
a.comment-reply-link > span {
display: inline-block;
position: relative;
top: -1px;
}
/* Post author highlighting */
.commentlist > li.bypostauthor .comment-meta {
color: #575757;
}
.avatar.vcard {
float: left;
}
.commentlist img.avatar {
border-radius: 0;
}
.comment-reply-link,
.comment-edit-link,
.comment-author a {
color: #111;
text-decoration: none;
border-bottom: 1px dotted #111;
}
.comment-reply-link:focus,
.comment-reply-link:active,
.comment-reply-link:hover,
.comment-edit-link:focus,
.comment-edit-link:active,
.comment-edit-link:hover,
.comment-author a:focus,
.comment-author a:active,
.comment-author a:hover {
color: #696969;
border-color: #696969;
}
/* Comment Form */
#respond {
padding: 0;
}
#respond input[type="text"],
#respond textarea {
display: block;
border: 1px solid #ccc;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
font-size: 13px;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
border-color: #666;
}
#respond textarea {
resize: vertical;
width: 100%;
display: block;
height: 95px;
}
span.required {
color: #ababab;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
line-height: 15px;
}
#respond .comment-notes,
#respond .logged-in-as {
font-size: 13px;
}
#respond a {
color: #111;
text-decoration: none;
border-bottom: 1px dotted #111;
}
#respond a:focus,
#respond a:active,
#respond a:hover {
color: #696969;
border-color: #696969;
}
#respond p {
margin: 10px 0;
padding: 0;
}
#respond .form-submit {
margin: 0 0 10px;
float: left;
width: 100%;
}
#respond input#submit {
display: inline-block;
font-size: 14px;
font-weight: 700;
text-decoration: none;
padding: 5px 14px;
margin: 15px 0 0;
border: none;
color: #fff;
background-color: #111;
text-rendering: optimizeLegibility;
cursor: pointer;
width: auto !important;
float: left;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
}
#respond input#submit:hover,
#respond input#submit:active {
background-color: #666;
}
#respond #cancel-comment-reply-link {
text-decoration: none;
color: #fff;
border: none;
}
.commentlist #respond {
margin: 0 0 0 70px;
padding: 0 0 1.825em;
position: relative;
width: auto;
float: left;
}
.commentlist .children #respond {
margin: 0 0 0 140px;
}
#reply-title {
font-size: 20px;
font-weight: bold;
line-height: 30px;
text-transform: uppercase;
}
#cancel-comment-reply-link {
color: #fff;
display: block;
font-size: 10px;
font-weight: bold;
line-height: 1.825em;
text-decoration: none;
text-transform: uppercase;
position: absolute;
top: 0.8em;
right: 0;
background-color: #111;
padding: 2px 5px 1px;
border-radius: 0;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
background-color: #666;
}
#respond label {
line-height: 2.2em;
}
#respond input[type=text] {
display: block;
width: 56.3%;
}
#respond p {
font-size: 12px;
}
p.comment-form-comment {
margin: 0;
}
#respond .form-allowed-tags,
#respond .form-allowed-tags code {
font-size: 11px;
color: #999;
}
/* =Footer
----------------------------------------------- */
#colophon {
clear: both;
margin: 0;
max-width: 66.7%;
padding: 0 30px 50px;
background: #fff;
border-right: 1px solid #cfcfcf;
}
#supplementary-wrapper {
position: relative;
}
#supplementary {
max-width: 1441px;
margin: 0 auto;
padding: 0;
}
#supplementary ul li {
font-size: 12px;
}
#supplementary .widget-title {
background: none;
font-weight: normal;
text-transform: uppercase;
font-size: 13px;
color: #111;
}
#supplementary .entry-meta,
#supplementary .widget a {
color: #111;;
font-weight: normal;
}
#supplementary .widget {
color: #666;;
border: none;
}
#supplementary .widget a {
color: #111;
}
#supplementary .widget a:first-child {
margin-left: 0;
}
#supplementary .widget a:hover,
#supplementary .widget a:focus,
#supplementary .widget a:active {
color: #ababab;
}
#supplementary p {
color: #666;
}
#supplementary .widget time {
color: #ababab;
}
#supplementary .sep {
display: none;
}
/* Site Generator Line */
#site-generator-wrapper {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
#site-generator {
max-width: 1441px;
margin: 0;
color: #666;
padding: 30px;
text-align: center;
font-size: 9px;
text-transform: uppercase;
}
#site-generator p {
margin: 0;
padding: 16px 0 0;
float: left;
text-transform: uppercase;
width: 100%;
}
#site-generator a {
color: #111;
text-decoration: underline;
}
#site-generator a:focus,
#site-generator a:active,
#site-generator a:hover {
color: #ababab;
}
#site-generator img {
vertical-align: -70%;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height;
-moz-transition-property: height;
-ms-transition-property: height;
-o-transition-property: height;
transition-property: height;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.isotope-item {
z-index: 2;
-webkit-backface-visibility: hidden;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
/**** Filters ****/
#filters {
padding: 0;
margin: 30px 0 0;
float: left;
line-height: 1.225;
clear: both;
}
#filters a {
margin: 0 0 8px;
padding: 0;
color: #777;
text-decoration: none;
background: none;
border: none;
box-shadow: none;
text-shadow: none;
font-size: 12px;
float: left;
clear: both;
text-transform: lowercase;
}
#filters a:before {
margin-right: .6em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0;
color: #777;
font-size: 11px;
content: '-';
}
#filters .sep {
padding: 0;
}
#filters a:first-child {
margin-left: 0;
}
#filters a:focus,
#filters a:active,
#filters a:hover {
color: #111;
}
#filters a.selected {
color: #111;
}
.page-template-page-portfolio-fixed-width-php #filters,
.page-template-page-galleries-list-fixed-width-php #filters {
clear: both;
width: 100%;
line-height: 1.825;
margin: 0 0 15px;
}
.page-template-page-portfolio-fixed-width-php #filters a,
.page-template-page-galleries-list-fixed-width-php #filters a {
clear: none;
margin-left: 15px;
text-decoration: none;
letter-spacing: 0;
font-size: 13px;
text-transform: none;
padding: 5px 15px;
}
.page-template-page-portfolio-fixed-width-php #filters a:first-child,
.page-template-page-galleries-list-fixed-width-php #filters a:first-child {
margin-left: 0;
}
.page-template-page-portfolio-fixed-width-php #filters a:before,
.page-template-page-galleries-list-fixed-width-php #filters a:before {
margin-right: 0;
content: '';
}
.page-template-page-portfolio-fixed-width-php #filters a.selected,
.page-template-page-galleries-list-fixed-width-php #filters a.selected {
color: #fff;
background: #ccc;
}
.page-template-page-portfolio-fixed-width-php #content nav a:focus,
.page-template-page-portfolio-fixed-width-php #content nav a:active,
.page-template-page-portfolio-fixed-width-php #content nav a:hover,
.page-template-page-galleries-list-fixed-width-php #content nav a:focus,
.page-template-page-galleries-list-fixed-width-php #content nav a:active,
.page-template-page-galleries-list-fixed-width-php #content nav a:hover {
color: #fff;
background: #ccc;
}
/* Magnific Popup
*********************************/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 502;
overflow: hidden;
position: fixed;
background: #111;
opacity: .8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 503;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
height: 100%;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-container {
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
-webkit-transition: opacity ease .2s;
-moz-transition: opacity ease .2s;
-o-transition: opacity ease .2s;
-ms-transition: opacity ease .2s;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: 0;
text-align: right;
padding-right: 0;
cursor: pointer;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
min-width: 10%;
}
.mfp-arrow {
position: absolute;
top: 0;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: solid transparent;
content: '';
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
opacity: 0.8;
border-top-width: 12px;
border-bottom-width: 12px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 20px;
border-bottom-width: 20px;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 12px solid black;
left: 5px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
border-right: 20px solid white;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 12px solid black;
left: 3px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 20px solid white;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none;
}
/**
*
* Iframe content type
*
*/
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
top: -3px;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
.mfp-iframe-holder .mfp-close {
top: -43px;
}
/**
*
* Image content type
*
*/
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure {
line-height: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
/* The shadow behind the image */
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0);
bottom: 0;
margin: 0;
top: auto;
padding: 0;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; } }
@media all and (max-width: 800px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/* FancyBox
*********************************/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background-color: black;
color: #333;
text-shadow: none;
filter: alpha(opacity=1);
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
background: whiteSmoke;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image: url(images/fancybox/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(images/preloader.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(images/fancybox/blank.gif); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
}
.fancybox-next span {
right: 10px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background-color: #111;
background-color: rgba(17, 17, 17, .8);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
color: white;
font-weight: normal;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #111;
background: rgba(0, 0, 0, .8);
}
/* Buttons */
#fancybox-buttons-wrapper {
position: fixed;
left: 0;
width: 100%;
z-index: 8050;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#fancybox-buttons-wrapper.top {
top: 10px;
}
#fancybox-buttons-wrapper.bottom {
bottom: 0;
}
#fancybox-buttons {
width: 100%;
height: 44px;
margin: 0 auto;
padding: 0;
list-style: none;
background: transparent;
opacity: 1;
display: table;
table-layout: fixed;
text-align: center;
color: #fff;
}
#fancybox-buttons div {
display: table-cell;
vertical-align: middle;
color: #fff;
margin: 0;
padding: 0;
text-decoration: none;
cursor: pointer;
-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;
}
#fancybox-buttons span {
display: block;
width: auto;
height: auto;
margin: 0 auto 0;
vertical-align: middle;
outline: none;
text-decoration: none;
position: relative;
-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;
}
#fancybox-buttons div.btnClose:hover span {
left: 2px;
}
#fancybox-buttons div:active span {
top: 1px;
}
#fancybox-buttons div.btnNext:hover span {
left: 2px;
}
#fancybox-buttons div.btnPrev:hover span {
right: 2px;
}
#fancybox-buttons div.btnDisabled {
opacity : 0.4;
cursor: default;
}
/* Shortcodes
----------------------------------------------- */
/* Buttons */
.button {
display: inline-block;
font-size: 14px;
font-weight: bold;
text-decoration: none;
margin: 0 10px 10px 0;
color: #fff;
background-color: #111;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.button:focus,
.button:active,
.button:hover {
background-color: #111;
color: #fff;
}
.small {
font-size: 13px;
padding: 3px 10px 2px;
}
.medium {
font-size: 14px;
padding: 5px 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.large {
font-size: 16px;
padding: 7px 17px;
}
.orange {
background-color: #ff6e00;
}
.blue {
background-color: #76A7A9;
}
.green {
background-color: #63c6ae;
}
.cream {
background-color: #E0CE79;
}
.red {
background-color: #ff555d;
}
.pink {
background-color: #fda69b;
}
.purple {
background-color: #AAACCE;
}
.black {
background-color: #111;
}
.black:focus,
.black:active,
.black:hover {
background-color: #666;
}
/* Columns */
.grid-12 {
float: left;
width: 100%;
margin: 0 0 30px;
}
.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth {
margin-right: 30px;
margin-bottom: 30px;
float: left;
}
.column-last {
margin-right: 0;
clear: right;
}
.one-half {
width: 48.3%;
}
.two-column .one-half {
width: 47.8%;
}
.one-third {
width: 31.1%;
}
.two-column .one-third {
width: 30.4%;
}
.two-third {
width: 65%;
}
.two-column .two-third {
width: 65%;
}
.one-fourth {
width: 22.5%;
}
.two-column .one-fourth {
width: 21.7%;
}
.three-fourth {
width: 74%;
}
.two-column .three-fourth {
width: 73%;
}
.grid {
margin: 0 0 30px;
}
.grid img[class*="align"],
.grid img[class*="wp-image-"],
.grid img[class*="attachment-"] {
margin-bottom: 0;
opacity: .75;
float: left;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-webkit-backface-visibility: hidden;
}
.grid a img:hover {
opacity: 1;
}
/* jQuery UI Tabs */
.tabs,
.ui-tabs {
position: relative;
zoom: 1;
margin: 0;
border-radius: 0;
border: none;
background: none;
font-size: 12px;
}
.ui-corner-all,
.ui-widget-content,
.ui-widget {
border-radius: 0 !important;
}
.tabs.ui-tabs-nav,
.ui-tabs .ui-tabs-nav {
margin: 0;
float: left;
width: 100%;
border: none;
border-bottom: 1px solid #cfcfcf !important;
height: 40px;
list-style: none;
border-radius: 0;
background: none;
color: #111;
}
.tabs li,
.ui-tabs .ui-tabs-nav li {
list-style: none;
display: inline-block;
position: relative;
margin: 0;
padding: 0;
white-space: nowrap;
background: no-repeat;
border: none;
font-weight: normal;
border-radius: 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-active {
border-top: 3px solid #111;
margin-top: -3px;
}
.tabs li a,
.ui-tabs .ui-tabs-nav li a {
text-decoration: none;
color: #ababab;
font-size: 14px;
font-weight: normal;
padding: 5px 23px;
display: inline-block;
height: 31px;
line-height: 1.825;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
.ui-tabs .ui-tabs-nav li a:focus,
.ui-tabs .ui-tabs-nav li a:active,
.ui-tabs .ui-tabs-nav li a:hover {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {}
.ui-tabs .ui-tabs-nav .ui-tabs-active a {
border-right: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
font-weight: bold;
color: #111;
background: #f5f5f5;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer; /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
}
.ui-tabs {
font-size: 12px;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
float: left;
padding: 1.625em 1.625em 0;
width: 100%;
word-wrap: break-word;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 0;
font-size: 12px;
}
.ui-tabs .ui-tabs-panel p {
word-wrap: break-word;
width: 100%;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
/* jQuery UI Accordions */
.ui-accordion {
width: 100%;
clear: both;
margin: 0;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
zoom: 1;
-webkit-transition: background-color ease .2s;
-moz-transition: background-color ease .2s;
-o-transition: background-color ease .2s;
-ms-transition: background-color ease .2s;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 19px;
padding: 11px 3px 11px 33px;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}
.framed.ui-accordion-icons .ui-accordion-header a {
padding-left: 3.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: 0;
top: 36%;
margin: -5px 0 0 0;
width: auto;
height: auto;
line-height: inherit;
vertical-align: baseline;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
font-style: normal;
font-weight: normal;
text-transform: none;
}
.faq-type.ui-accordion .ui-accordion-header .ui-icon {
margin: -5px 0 0 0;
color: #999;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
.ui-accordion .ui-accordion-header .ui-icon:before {
font-family:'FontAwesome';
src:url('fonts/font_awesome/fontawesome-webfont.eot?v=3.0.1');
src:url('font/font_awesome/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
url('fonts/font_awesome/fontawesome-webfont.woff?v=3.0.1') format('woff'),
url('fonts/font_awesome/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
font-weight:normal;
font-style:normal;
font-size: 14px;
content: "\f067";
}
.faq-type.ui-accordion .ui-accordion-header .ui-icon:before {
content: "\f059";
}
.framed .ui-accordion-header .ui-icon {
top: 35%;
left: 2.3%;
}
.ui-accordion .ui-state-active .ui-icon {}
.ui-accordion .ui-state-active .ui-icon:before {
content: "\f068";
}
.framed .ui-state-default .ui-icon {
color: #111
}
.framed .ui-state-active .ui-icon,
.framed .ui-state-hover .ui-icon,
.framed .ui-state-focus .ui-icon {}
.ui-accordion .ui-accordion-content {
padding: 1em 2.8em;
border-top: 0;
margin-top: -1px;
position: relative;
top: 1px;
margin-bottom: 1px;
overflow: auto;
display: none;
zoom: 1;
overflow: hidden;
}
.ui-accordion .ui-accordion-content-active {
display: block;
}
.framed .ui-accordion-content-active {
border-bottom: 1px dashed #cfcfcf;
}
.ui-accordion .ui-accordion-content-active:last-child {
border-bottom: none;
}
.ui-accordion .ui-state-default,
.ui-accordion .ui-widget-content .ui-state-default {
font-size: 19px;
font-weight: 700;
text-transform: none;
color: #111;
outline: none;
overflow: visible;
letter-spacing: 0;
margin: 0;
}
.framed .ui-state-default,
.framed .ui-widget-content .ui-state-default {
background-color: whiteSmoke;
border-bottom: 1px dashed #cfcfcf;
}
.ui-accordion .ui-state-default:last-of-type,
.ui-accordion .ui-widget-content .ui-state-default:last-of-type {
border-bottom: none;
}
.ui-accordion .ui-state-default a,
.ui-accordion .ui-state-default a:link,
.ui-accordion .ui-state-default a:visited {
color: #666;
text-decoration: none;
outline: none;
}
.ui-accordion .ui-state-hover,
.ui-accordion .ui-widget-content .ui-state-hover,
.ui-accordion .ui-state-focus,
.ui-accordion .ui-widget-content .ui-state-focus {
text-transform: none;
outline: none;
}
.framed .ui-state-hover,
.framed .ui-widget-content .ui-state-hover,
.framed .ui-state-focus,
.framed .ui-widget-content .ui-state-focus {
background-color: #EDEFF2;
}
.ui-accordion .ui-state-hover a,
.ui-accordion .ui-state-hover a:hover {
text-decoration: none;
outline: none;
color: #111;
}
.faq-type.ui-accordion .ui-state-hover .ui-icon {
color: #111;
}
.ui-accordion .ui-state-active,
.ui-accordion .ui-widget-content .ui-state-active {
color: #111;
font-size: 19px;
font-weight: 700;
text-transform: none;
outline: none;
letter-spacing: 0;
}
.faq-type.ui-accordion .ui-state-active .ui-icon,
.faq-type.ui-accordion .ui-widget-content .ui-state-active .ui-icon {
color: #111;
}
.framed .ui-state-active,
.framed .ui-widget-content .ui-state-active {
background-color: whiteSmoke;
border-bottom: 1px dashed #cfcfcf;
}
.framed .ui-accordion-header:first-child {
border-top: 1px dashed #cfcfcf;
}
.framed .ui-accordion-header:last-of-type {
border-bottom: 1px dashed #cfcfcf;
}
.ui-accordion .ui-state-active a,
.ui-accordion .ui-state-active a:link,
.ui-accordion .ui-state-active a:visited {
color: #111;
outline: none;
text-decoration: none;
}
/* Dropcaps */
.dropcap {
font-size: 63px;
line-height: 0.8em;
margin: 0 0.23em 0.1em 0;
text-transform: uppercase;
float: left;
position: relative;
top: 6px;
font-family: "Dosis", 'Helvetica Neue', Helvetica, sans-serif;
font-weight: 700;
}
/* hr */
.hr {
background: none;
border-top: 1px solid #cfcfcf;
border-right: none;
border-bottom: none;
border-left: none;
margin: 30px 0;
clear: both;
}
/* Icons */
.promo-icon {
float: left;
margin: 0.1em 1em 4em 0;
}
.promo-icon-content h2 {
clear: none;
font-size: 19px;
font-weight: 700;
margin: 0 0 .8125em;
line-height: 30px;
}
.promo-icon-content {
margin-left: 57px;
}
/* Lists */
ul.square {
list-style-type: square;
}
ul.square li ul {
list-style: inherit;
}
ul.circle {
list-style-type: circle;
}
ul.circle li ul {
list-style: inherit;
}
ul.disc {
list-style-type: disc;
}
ul.disc li ul {
list-style: inherit;
}
/* Google Maps */
.map {
margin-bottom: 30px;
clear: both;
}
.map img {
max-width: none;
}
/* Team */
.person-img-wrapper {
position: relative;
}
.person-img {
margin: 0;
display: block;
}
.person-author {
margin-bottom: 6px;
}
.person-author-wrapper {
margin: 6px 0 6px;
}
.person-author-wrapper p {
margin: 0;
}
.person-author-wrapper span {
display: block;
}
h2.person-name {
text-align: left;
margin-bottom: 6px;
font-size: 18px;
font-weight: 700;
}
.person-title {
text-align: left;
}
.person-content {
margin: 0 0 1.825em;
text-align: left;
}
.person-desc ul {
margin: 0;
padding: 8px 0 5px;
list-style: none;
border-top: 1px dotted #cfcfcf;
text-align: left;
}
.person-desc a {
color: #14b6ea;
text-decoration: none;
}
#content .person-desc a:focus,
#content .person-desc a:active,
#content .person-desc a:hover {
color: #111;
}
.person-desc li {
display: inline-block;
position: relative;
margin-left: 8px;
float: none;
vertical-align: middle;
font-size: 11px;
}
.person-desc li:after {
content: '/';
color: #999;
margin-left: 8px;
font-size: 11px;
}
.person-desc li:last-child:after {
content: '';
margin-left: 0;
}
.person-desc .social-icon img {
display: block;
display: inline\0/;
}
.person-desc li:first-child {
margin-left: 0;
}
/* =iosSlider
----------------------------------------------- */
.container {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
overflow: visible;
background: transparent;
}
.container .iosSliderContainer {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
margin: 0 0 0 0;
overflow: visible;
}
.iosSlider {
position: relative;
top: 0;
left: 0;
overflow: visible;
width: 100%;
height: auto;
}
.iosSlider .slider {
width: 50000px;
height: 100%;
}
.iosSlider .slider .item {
float: left;
width: auto;
padding: 0 20px 0 0;
}
.iosSlider .slider .item:last-child {
padding: 0;
}
.iosSliderFullWidth .iosSlider .slider .item {
width: 100%;
}
.iosSlider .slider .item img {
width: 100%;
height: auto;
float: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.indicators {
position: relative;
top: 325px;
left: 0;
width: 1000px;
height: 10px;
margin: 0 auto;
z-index: 10;
}
.indicators .item {
float: left;
width: 8px;
height: 8px;
margin: 0 5px 0 0;
border: 1px solid #111;
}
.indicators .selected {
background: #666;
}
.iosNext,
.iosPrev {
display: block;
font-size: 24px;
color: white !important;
line-height: 2.55;
font-weight: normal;
-webkit-font-smoothing: antialiased;
margin: -37px 0 0;
position: absolute;
top: 50%;
left: 0;
background: #111;
background: rgba(0, 0, 0, 0.1);
width: 42px;
height: 60px;
text-align: center;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.iosNext {
right: 0;
left: auto;
}
.iosNext:hover,
.iosPrev:hover {
background: rgba(0, 0, 0, 0.2);
}
.iosNext:before,
.iosPrev:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
content: "\e00d";
}
.iosNext:before {
content: "\e00e";
}
.iosUnselectable {
background: rgba(0, 0, 0, 0.1) !important;
opacity: .15 !important;
}
.scrollbarBlock1 {
background-color: rgba(255, 255, 255, 0.5);
}
/* =IcoMoon Icon Fonts
----------------------------------------------- */
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon/icomoon.eot');
src:url('fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
url('fonts/icomoon/icomoon.svg#icomoon') format('svg'),
url('fonts/icomoon/icomoon.woff') format('woff'),
url('fonts/icomoon/icomoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/*!
* Font Awesome 3.1.0
* the iconic font designed for Bootstrap
* -------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation
* can be found at: http://fontawesome.io
*
* License
* -------------------------------------------------------
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 License -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
* Contact
* -------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/fortaweso_me
* Work: Lead Product Designer @ http://kyruus.com
*/@font-face{font-family:'FontAwesome';src:url('fonts/font_awesome/fontawesome-webfont.eot?v=3.1.0');src:url('fonts/font_awesome/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'),url('fonts/font_awesome/fontawesome-webfont.woff?v=3.1.0') format('woff'),url('fonts/font_awesome/fontawesome-webfont.ttf?v=3.1.0') format('truetype'),url('fonts/font_awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}a [class^="icon-"],a [class*=" icon-"],a [class^="icon-"]:before,a [class*=" icon-"]:before{display:inline}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.2857142857142858em;text-align:center}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.5714285714285714em}ul.icons-ul{list-style-type:none;text-indent:-0.7142857142857143em;margin-left:2.142857142857143em}ul.icons-ul>li .icon-li{width:.7142857142857143em;display:inline-block;text-align:center}[class^="icon-"].hide,[class*=" icon-"].hide{display:none}.icon-muted{color:#eee}.icon-light{color:#fff}.icon-dark{color:#333}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em}.icon-stack .icon-stack-base{font-size:2em;*line-height:1em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.icon-flip-horizontal:before{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.icon-flip-vertical:before{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before,.icon-rotate-right:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before,.icon-mail-forward:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before,.icon-rotate-left:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before,.icon-mail-reply:before{content:"\f112"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}.icon-expand-alt:before{content:"\f116"}.icon-collapse-alt:before{content:"\f117"}.icon-smile:before{content:"\f118"}.icon-frown:before{content:"\f119"}.icon-meh:before{content:"\f11a"}.icon-gamepad:before{content:"\f11b"}.icon-keyboard:before{content:"\f11c"}.icon-flag-alt:before{content:"\f11d"}.icon-flag-checkered:before{content:"\f11e"}.icon-terminal:before{content:"\f120"}.icon-code:before{content:"\f121"}.icon-reply-all:before{content:"\f122"}.icon-mail-reply-all:before{content:"\f122"}.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123"}.icon-location-arrow:before{content:"\f124"}.icon-crop:before{content:"\f125"}.icon-code-fork:before{content:"\f126"}.icon-unlink:before{content:"\f127"}.icon-question:before{content:"\f128"}.icon-info:before{content:"\f129"}.icon-exclamation:before{content:"\f12a"}.icon-superscript:before{content:"\f12b"}.icon-subscript:before{content:"\f12c"}.icon-eraser:before{content:"\f12d"}.icon-puzzle-piece:before{content:"\f12e"}.icon-microphone:before{content:"\f130"}.icon-microphone-off:before{content:"\f131"}.icon-shield:before{content:"\f132"}.icon-calendar-empty:before{content:"\f133"}.icon-fire-extinguisher:before{content:"\f134"}.icon-rocket:before{content:"\f135"}.icon-maxcdn:before{content:"\f136"}.icon-chevron-sign-left:before{content:"\f137"}.icon-chevron-sign-right:before{content:"\f138"}.icon-chevron-sign-up:before{content:"\f139"}.icon-chevron-sign-down:before{content:"\f13a"}.icon-html5:before{content:"\f13b"}.icon-css3:before{content:"\f13c"}.icon-anchor:before{content:"\f13d"}.icon-unlock-alt:before{content:"\f13e"}.icon-bullseye:before{content:"\f140"}.icon-ellipsis-horizontal:before{content:"\f141"}.icon-ellipsis-vertical:before{content:"\f142"}.icon-rss-sign:before{content:"\f143"}.icon-play-sign:before{content:"\f144"}.icon-ticket:before{content:"\f145"}.icon-minus-sign-alt:before{content:"\f146"}.icon-check-minus:before{content:"\f147"}.icon-level-up:before{content:"\f148"}.icon-level-down:before{content:"\f149"}.icon-check-sign:before{content:"\f14a"}.icon-edit-sign:before{content:"\f14b"}.icon-external-link-sign:before{content:"\f14c"}.icon-share-sign:before{content:"\f14d"}
/* =Fontello Icon Fonts
----------------------------------------------- */
@font-face {
font-family: 'fontello';
src: url('fonts/fontello/fontello.eot?85697578');
src: url('fonts/fontello/fontello.eot?85697578#iefix') format('embedded-opentype'),
url('fonts/fontello/fontello.woff?85697578') format('woff'),
url('fonts/fontello/fontello.ttf?85697578') format('truetype'),
url('fonts/fontello/fontello.svg?85697578#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('fonts/fontello/fontello.svg?85697578#fontello') format('svg');
}
}
*/
[class^="fontello-"]:before, [class*=" fontello-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
color: #111;
font-size: 14px;
}
.fontello-plus-squared:before { content: '\229e'; } /* '⊞' */
.fontello-pencil:before { content: '\270e'; } /* '✎' */
.fontello-tag:before { content: '\e70c'; } /* '' */
.fontello-comment:before { content: '\e718'; } /* '' */
/* =AddThis
----------------------------------------------- */
.addthis_button_compact {
float: right;
text-decoration: none;
color: #111 !important;
font-size: 12px;
font-weight: normal;
height: 26px;
line-height: 2.125;
clear: both;
text-transform: uppercase;
}
.at300bs:hover {
opacity: 1;
}
.at16nc.at16t_compact {
background: none;
height: 24px;
width: 18px;
display: inline-block;
padding-right: .2em;
overflow: visible;
}
.addthis_button_compact .at16nc:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1.525;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
color: #111;
font-size: 14px;
content: '\229e';
}
#at_hover.atm-s .at_bold,
#at_hover.atm-s a:hover .at_bold,
.atm-s a,
#at_hover.atm-s a,
#at20mc a,
.atm-s a:hover,
#at_hover.atm-s a:hover,
#atic_signin #at_auth:hover {
color: #111 !important;
}
.atm-s a:hover,
#at_hover.atm-s a:hover,
#atic_signin #at_auth:hover {
background: whitesmoke !important;
}
.atm-i {
border: 3px solid #ccc;
box-shadow: none;
border-radius: 0;
}
.atm-s a,
#at_hover.atm-s a {
padding: 5px 10px;
}
.addthis_toolbox {
float: right;
margin-left: 30px;
}
/* =RevSlider
----------------------------------------------- */
#content .tp-loader {
background: url(images/preloader.gif) no-repeat 0 0;
background-color: transparent;
margin: -10px 0 0 -10px;
width: 20px;
height: 20px;
border-radius: 0;
}
#content .tp-bullets.simplebullets.round .bullet {
width: 6px;
height: 6px;
display: inline-block;
margin: 0 6px;
border: 2px solid #fff;
opacity: .5;
filter: alpha(opacity=50);
cursor: pointer;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
float: left;
-webkit-backface-visibility: hidden;
background: transparent;
}
#content .tp-bullets.simplebullets.round .bullet:hover,
#content .tp-bullets.simplebullets.navbar .bullet:hover {
opacity: 1;
filter: alpha(opacity=100);
}
#content .tp-bullets.simplebullets.round .bullet.selected,
#content .tp-bullets.simplebullets.navbar .bullet.selected {
opacity: 1;
filter: alpha(opacity=100);
}
#content .tparrows {
background: none;
-webkit-transition: margin-left 0.2s ease-out, margin-right 0.2s ease-out;
-moz-transition: margin-left 0.2s ease-out, margin-right 0.2s ease-out;
-o-transition: margin-left 0.2s ease-out, margin-right 0.2s ease-out;
transition: margin-left 0.2s ease-out, margin-right 0.2s ease-out;
}
#content .tparrows:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
color: #fff;
font-size: 39px;
text-shadow: 0 0 6px rgba(0,0,0,.55);
line-height: 1;
}
#content .tp-rightarrow.default:before {
content: "\e00e";
}
#content .tp-leftarrow.default:before {
content: "\e00d";
}
.tp-rightarrow.default:hover {
margin-right: -2px;
}
.tp-leftarrow.default:hover {
margin-left: -2px;
}
#content .tparrows:active {
margin-bottom: 1px;
}
#content .tp-bullets.simplebullets.navbar {
border: 3px solid #fff;
background: rgba(0, 0, 0, .35);
border-radius: 0;
height: auto;
padding: 6px 8px;
}
#content .tp-bullets.simplebullets.navbar .bullet {
width: 4px;
height: 4px;
display: inline-block;
margin: 0 4px;
border-radius: 50%;
background: #fff;
border: 2px solid #fff;
opacity: .7;
filter: alpha(opacity=70);
cursor: pointer;
-webkit-transition: all ease .2s;
-moz-transition: all ease .2s;
-o-transition: all ease .2s;
-ms-transition: all ease .2s;
}
#content .tp-bullets.simplebullets.round .bullet.selected,
#content .tp-bullets.simplebullets.navbar .bullet.selected {
background: transparent;
}
/* =Responsive Structure
----------------------------------------------- */
@media only screen and (min-width: 1441px) {
body:after {
content: 'large';
}
.page-template-page-portfolio-php #main,
.page-template-page-galleries-list-php #main {
max-width: 100%;
}
.page-template-page-portfolio-php #portfolio,
.page-template-page-galleries-list-php #galleries-list {
max-width: 100%;
}
#block-portfolio .col3 .hentry,
#block-portfolio .col4 .hentry,
#block-galleries-list .col3 .hentry,
#block-galleries-list .col4 .hentry,
.page-template-page-gallery-no-margins-php #block-gallery .gallery-item {
width: 19.9%;
}
#block-portfolio .col3 .hentry img,
#block-portfolio .col4 .hentry img,
#block-galleries-list .col3 .hentry img,
#block-galleries-list .col4 .hentry img,
.single-gallery #block-gallery .gallery-item img,
.page-template-page-gallery-no-margins-php #block-gallery .gallery-item img {
width: 100.6%;
}
#block-portfolio .col3 .hentry .portfolio-view-wrapper,
#block-portfolio .col4 .hentry .portfolio-view-wrapper,
#block-galleries-list .col3 .hentry .portfolio-view-wrapper,
#block-galleries-list .col4 .hentry .portfolio-view-wrapper,
.single-gallery #block-gallery .gallery-item .portfolio-view-wrapper,
.page-template-page-gallery-no-margins-php #block-gallery .gallery-item .portfolio-view-wrapper {
width: 100.8%;
}
.page-template-page-portfolio-fixed-width-php #main #primary,
.tax-portfolio-category #main #primary {
max-width: 1641px;
}
.page-template-page-portfolio-fixed-width-php #portfolio-fixed-width,
.tax-portfolio-category #portfolio-fixed-width {
/* max-width: 1661px; */
max-width: 103%;
width: 101.3%;
}
#block-portfolio-fixed-width .col3 .hentry,
#block-portfolio-fixed-width .col4 .hentry {
width: 15.4%;
}
.single-gallery .fancybox-gallery-item,
#block-fancybox-gallery .fancybox-gallery-item {
width: 18%;
width: 18%url(0/);
}
/* Galleries List (Fixed Width) */
/*
#block-galleries-list-fixed-width .col3 .hentry,
#block-galleries-list-fixed-width .col4 .hentry {
width: 15.4%;
}
*/
.page-template-page-galleries-list-fixed-width-php #galleries-list-fixed-width,
.tax-galleries-list-category #galleries-list-fixed-width {
/* max-width: 1661px; */
max-width: 103%;
width: 101.3%;
}
/* Gallery with no margins */
.gallery-no-margins #block-gallery-no-margins .gallery-item,
.page-template-page-gallery-no-margins-php #block-gallery-no-margins .gallery-item {
width: 20%;
}
}
@media (max-width: 1124px) {
/* Portfolio */
#block-portfolio .col4 a:hover .portfolio-view-content {
bottom: 0;
}
.entry-excerpt {
display: none;
}
.portfolio-view-content {
padding: 20px;
}
.page-template-page-portfolio-fixed-width-php #portfolio-fixed-width,
.tax-portfolio-category #portfolio-fixed-width {
width: 102.5%;
}
#block-portfolio-fixed-width .col3 .hentry {
width: 30.7%;
}
#block-portfolio-fixed-width .col4 .hentry {
width: 22.5%;
}
/* Galleries List (Fixed Width) */
#block-galleries-list-fixed-width .col3 .hentry {
width: 30.7%;
}
#block-galleries-list-fixed-width .col4 .hentry {
width: 22.5%;
}
.page-template-page-galleries-list-fixed-width-php #galleries-list-fixed-width,
.tax-galleries-list-category #galleries-list-fixed-width {
width: 102.5%;
}
/* FancyBox Gallery */
.gallery-fancybox .fancybox-gallery-item,
#block-fancybox-gallery .fancybox-gallery-item {
width: 30.5%;
}
}
@media (max-width: 1024px) {
.title-hidden .portfolio-view-wrapper {
display: none;
}
#block-portfolio-fixed-width .col4 .post-thumbnail h1 {
font-size: 13px;
}
/* Galleries List (Fixed Width) */
#block-galleries-list-fixed-width .col4 .post-thumbnail h1 {
font-size: 13px;
}
.archive #primary,
.search #primary,
.blog #primary,
.single-post #primary,
#colophon {
width: 57%;
}
/* Columns */
.one-half {
width: 48.2%;
}
.two-column .one-half {
width: 47.8%;
}
.one-third {
width: 30.6%;
}
.two-column .one-third {
width: 30.4%;
}
.two-third {
width: 65%;
}
.two-column .two-third {
width: 65%;
}
.one-fourth {
width: 22%;
}
.two-column .one-fourth {
width: 21.7%;
}
.three-fourth {
width: 74%;
}
.two-column .three-fourth {
width: 73%;
}
/* jQuery UI Tabs */
.tabs.ui-tabs-nav, .ui-tabs .ui-tabs-nav {
height: auto;
}
.ui-tabs .ui-tabs-nav li {
width: 100%;
}
.ui-tabs .ui-tabs-nav li a {
font-size: 13px;
padding: 5px 10px;
width: 100%;
box-sizing: border-box;
height: 100%;
border: 1px solid #cfcfcf;
border-bottom: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-active a {
border-top: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-active a {
height: 100%;
}
.ui-tabs .ui-tabs-panel {
padding: 1.625em 10px;
}
/* Single Portfolio */
.related-projects .hentry {
width: 245px;
}
/* FancyBox Gallery */
.gallery-fancybox .fancybox-gallery-item,
#block-fancybox-gallery .fancybox-gallery-item {
width: 30%;
}
/* Gallery with no margins */
.gallery-no-margins #block-gallery-no-margins .gallery-item img,
.page-template-page-gallery-no-margins-php #block-gallery-no-margins .gallery-item img {
width: 100.5%;
}
}
/* =All Mobile Sizes
----------------------------------------------- */
@media only screen and (max-width: 960px) {
#access-mobile,
#mega-menu-dropdown {
display: block;
}
#site-title-custom img {
width: 63px;
}
/* Blog */
.archive #primary,
.search #primary,
.blog #primary,
.single-post #primary {
margin: 0 30px;
padding: 0;
float: none;
max-width: 905px;
width: auto;
border: none;
background: transparent;
}
#secondary {
clear: both;
margin: 0;
padding: 30px 30px 50px 30px;
width: auto;
background: transparent;
border: none;
}
#main {
padding: 0;
}
#block-map-wrapper {
padding: 0;
}
/* Slider Page, Full Width Slider Page, Full Width of Window Slider Page */
.rs #gallery-slider,
.page-template-page-slider-php #gallery-slider,
.rs-full-width #gallery-slider,
.page-template-page-full-width-slider-php #gallery-slider,
.rs-full-width-window #gallery-slider
.page-template-page-full-width-window-slider-php #gallery-slider {
left: 0;
}
.rs #main {
padding: 0 !important;
}
.rsTitle {
max-width: 100%;
}
/* Gallery */
.single-gallery #main,
.page-template-page-gallery-php #main {
padding: 30px 0 30px 0;
}
/* fancyBox Gallery */
.gallery-fancybox #main,
.page-template-page-gallery-fancybox-php #main {
padding: 30px 30px 50px 10px;
}
/* =Content
----------------------------------------------- */
footer.entry-meta {
padding: 14px 0;
margin: 0;
}
.singular .entry-title {
font-size: 39px;
}
#header-wrapper #filters {
display: none;
}
/* Contact */
.wpcf7-submit {
margin-right: 0;
}
/* Slider Page, Full Width Slider Page, Full Width of Window Slider Page */
.rs #page,
.page-template-page-slider-php #page,
.rs-full-width #page,
.page-template-page-full-width-slider-php #page,
.rs-full-width-window #page,
.page-template-page-full-width-window-slider-php #page {
z-index: -5;
}
.rsMinW .rsFullscreenBtn {
display: none;
}
}
@media only screen and (max-width: 960px) and (min-width: 771px) {
body:after {
content: 'medium';
}
.archive #main,
.search #main,
.blog #main,
.single-post #main {
padding: 30px 0 0;
}
.single-gallery #main,
.page-template-page-gallery-php #main {
padding: 30px 0 30px 0;
}
#header-wrapper {
position: relative;
width: auto;
padding: 20px 30px;
border: none;
}
#site-generator-wrapper {
display: none;
}
#access {
display: none;
}
#access-select {
display: block;
margin: 5px auto 25px;
float: none;
}
/* Column Shortcodes */
#page .column {
width: 100%;
}
#page .one-fourth {
width: 21.9%;
}
/* Page */
.page-template-default #primary {
margin: 0 35px;
float: none;
width: auto;
}
/* Gallery */
#block-galleries-list .hentry {
width: 33.3%;
}
#block-galleries-list h1 {
font-size: 13px;
line-height: 21px;
}
#block-galleries-list .entry-category {
font-size: 11px;
line-height: 21px;
display: none;
}
/* Gallery with no margins */
.single-gallery #block-gallery-no-margins .gallery-item,
.page-template-page-gallery-no-margins-php #block-gallery .gallery-item {
width: 33.333%;
width: 33%url(0/);
}
/* fancyBox Gallery */
.single-gallery .fancybox-gallery-item,
#block-fancybox-gallery .fancybox-gallery-item {
width: 30%;
}
/* Slider Page, Full Width Slider Page, Full Width of Window Slider Page */
.rs-full-width-window #header-wrapper,
.page-template-page-full-width-window-slider-php #header-wrapper {
background: #111;
}
/* Portfolio Fixed Width */
.page-template-page-portfolio-fixed-width-php #portfolio-fixed-width,
.tax-portfolio-category #portfolio-fixed-width {
width: 102.5%;
}
#block-portfolio-fixed-width .col3 .hentry {
width: 30%;
}
#block-portfolio-fixed-width .col4 .hentry {
width: 22.6%;
}
/* Galleries List (Fixed Width) */
#block-galleries-list-fixed-width .col3 .hentry {
width: 30%;
}
#block-galleries-list-fixed-width .col4 .hentry {
width: 22.6%;
}
.page-template-page-galleries-list-fixed-width-php #galleries-list-fixed-width,
.tax-galleries-list-category #galleries-list-fixed-width {
width: 102.5%;
}
/* Single Portfolio */
.single-portfolio .gallery-wrapper {
margin-right: 0;
}
.single-portfolio .half {
width: 100%;
float: left;
}
.single-portfolio .portfolio-content.half {
float: left;
width: 100%;
}
.single-portfolio .portfolio-content.half .entry-title {
margin: 12px 0 26px 0;
}
.single-portfolio .portfolio-content.half .social-buttons {
margin: 1.825em 0;
}
.single-portfolio .portfolio-content.half .social-button-wrapper {
margin-bottom: 8px;
}
.single-portfolio .portfolio-content.half .social-button-wrapper:last-child {
margin-left: 1em;
}
.password-protected {
max-width: 100%;
}
.password-protected input[type="password"] {
width: 140px;
}
.portfolio-description {
width: auto;
max-width: 100%;
float: none;
}
.single-portfolio .portfolio-meta {
float: none;
width: auto;
}
.single-portfolio .addthis_button_compact {
float: none;
top: 0;
}
.single-portfolio .entry-content {
padding: 0;
}
.single-portfolio .nav-back {
float: none;
margin: 0 0 14px;
}
.nav-back a {
line-height: 2.625;
}
.single-portfolio.singular .entry-title {
display: block;
}
.portfolio-details li {
float: none;
border: none;
padding: 0;
margin: 15px 0 0;
}
.related-projects .hentry {
width: 30.7%;
}
.portfolio-view-wrapper {
display: none;
}
/* =Footer
----------------------------------------------- */
#site-generator {
text-align: center;
}
#site-generator p {
margin: 0 0 14px;
float: none;
text-align: center;
}
#site-generator .social {
float: none;
display: inline-block;
}
/* Contact */
.wpcf7-form input {
width: 100%;
}
.wpcf7-form textarea {
width: 100%;
}
.mandatory {
float: left;
margin-left: 0;
}
}
/* =Mobile Landscape Size to Tablet Portrait
----------------------------------------------- */
@media only screen and (min-width: 380px) and (max-width: 770px) {
body:after {
content: 'small';
}
.archive #main,
.search #main,
.blog #main,
.single-post #main {
padding: 30px 0 0;
}
#header-wrapper {
position: relative;
width: auto;
padding: 20px 30px;
border: none;
}
#site-generator-wrapper {
display: none;
}
#access {
display: none;
}
#access-select {
display: block;
margin: 5px auto 25px;
float: none;
}
/* Column Shortcodes */
#page .column {
width: 100%;
}
#page .one-fourth {
width: 21.9%;
}
/* Page */
.page-template-default #primary {
margin: 0 35px;
float: none;
width: auto;
}
#block-galleries-list .hentry {
width: 33.3%;
}
#block-galleries-list h1 {
font-size: 13px;
line-height: 21px;
}
#block-galleries-list .entry-category {
font-size: 11px;
line-height: 21px;
display: none;
}
/* Gallery with no margins */
.single-gallery #block-gallery-no-margins .gallery-item,
.page-template-page-gallery-no-margins-php #block-gallery-no-margins .gallery-item {
width: 33.333%;
width: 33%url(0/);
}
/* fancyBox Gallery */
.single-gallery .fancybox-gallery-item,
#block-fancybox-gallery .fancybox-gallery-item {
width: 30%;
}
/* Slider Page, Full Width Slider Page, Full Width of Window Slider Page */
.rs-full-width-window #header-wrapper,
.page-template-page-full-width-window-slider-php #header-wrapper {
background: #111;
}
/* Portfolio */
#block-portfolio .col3 .hentry,
#block-portfolio .col4 .hentry {
width: 33.333%;
}
.portfolio-view-wrapper {
display: none;
}
/* Gallery List */
#block-galleries-list .col3 .hentry,
#block-galleries-list .col4 .hentry {
width: 33.333%;
}
/* Portfolio Fixed Width */
.page-template-page-portfolio-fixed-width-php #portfolio-fixed-width,
.tax-portfolio-category #portfolio-fixed-width {
width: 103.1%;
}
#block-portfolio-fixed-width .col4 .hentry {
width: 30%;
}
/* Galleries List (Fixed Width) */
#block-galleries-list-fixed-width .col4 .hentry {
width: 30%;
}
.page-template-page-galleries-list-fixed-width-php #galleries-list-fixed-width,
.tax-galleries-list-category #galleries-list-fixed-width {
width: 103.1%;
}
/* Single Portfolio */
.single-portfolio .gallery-wrapper {
margin-right: 0;
}
.single-portfolio .half {
width: 100%;
float: left;
}
.single-portfolio .portfolio-content.half {
float: left;
width: 100%;
}
.single-portfolio .portfolio-content.half .entry-title {
margin: 12px 0 26px 0;
}
.single-portfolio .portfolio-content.half .social-buttons {
margin: 1.825em 0;
}
.single-portfolio .portfolio-content.half .social-button-wrapper {
margin-bottom: 8px;
}
.single-portfolio .portfolio-content.half .social-button-wrapper:last-child {
margin-left: 1em;
}
.password-protected {
max-width: 100%;
}
.password-protected input[type="password"] {
width: 140px;
}
.portfolio-description {
width: auto;
max-width: 100%;
float: none;
}
.single-portfolio .portfolio-meta {
float: none;
width: auto;
}
.single-portfolio .addthis_button_compact {
float: none;
top: 0;
}
.single-portfolio .entry-content {
padding: 0;
}
.single-portfolio .nav-back {
float: none;
margin: 0 0 14px;
}
.nav-back a {
line-height: 2.625;
}
.single-portfolio.singular .entry-title {
display: block;
}
.portfolio-details li {
float: none;
border: none;
padding: 0;
margin: 15px 0 0;
}
.related-projects .hentry {
width: 27.3%;
}
/* =Footer
----------------------------------------------- */
#site-generator {
text-align: center;
}
#site-generator p {
margin: 0 0 14px;
float: none;
text-align: center;
}
#site-generator .social {
float: none;
display: inline-block;
}
/* Contact */
.wpcf7-form input {
width: 100%;
}
.wpcf7-form textarea {
width: 100%;
}
.mandatory {
float: left;
margin-left: 0;
}
}
/* =Mobile Portrait Size to Mobile Landscape Size
----------------------------------------------- */
@media (max-width: 379px) {
body:after {
content: 'tiny';
}
#access {
display: none;
}
#access-select {
margin: 5px auto 25px;
float: none;
display: block;
}
#access-mobile ul {
padding: 0 20px;
}
#main {
padding: 0;
}
.archive #main,
.search #main,
.blog #main,
.single-post #main {
padding: 30px 0 0;
}
.archive #primary,
.search #primary,
.blog #primary {
margin: 0 15px;
}
.archive h1.entry-title,
.search h1.entry-title,
.blog h1.entry-title {
line-height: 1.2em;
font-size: 27px;
}
#header-wrapper {
position: relative;
width: auto;
padding: 20px 20px;
border: none;
}
#site-generator-wrapper {
display: none;
}
.page-template-page-full-width-php #main #primary,
.page-template-page-full-width-php .left-sidebar #main #primary {
margin: 0 20px;
}
.page-template-page-contact-php #main #primary,
.page-template-page-contact-php .left-sidebar #main #primary {
margin: 30px 20px;
}
.single-gallery #block-gallery.fixed-width,
.page-template-page-gallery-php #block-gallery.fixed-width {
margin: 0;
}
#block-map-wrapper {
margin: 30px 20px 0;
}
.single-post #primary {
margin: 0 10px;
float: none;
}
#main #secondary {
width: auto;
margin: 0 10px;
padding: 30px 0 50px;
}
.post-thumbnail img {
max-width: 100%;
}
#site-generator {
padding: 20px 20px;
}
#branding #searchform {
display: none;
}
.entry-title-lead {
padding: 0 0 16px;
margin: 6px 0 20px 0;
}
/* Column Shortcodes */
#page .column {
width: 100%;
margin-right: 0;
}
/* Page */
.page-template-default #primary {
margin: 0 10px;
padding: 0 0 30px;
float: none;
width: auto;
}
/* Blog */
.avatar.vcard {
display: none;
}
.comment-content {
margin: 0;
}
.archive .hentry,
.search .hentry,
.blog .hentry {}
.commentlist .children li.comment .comment-meta,
.commentlist .children li.comment .comment-content,
.commentlist .children li.comment .comment-meta,
.comment-awaiting-moderation {
margin-left: 0;
}
.comment-content {
padding: 0 0 1.825em;
}
.archive footer.entry-meta .sep,
.search footer.entry-meta .sep,
.blog footer.entry-meta .sep,
.single-post footer.entry-meta .sep {
display: none;
}
footer.entry-meta .tag-links,
footer.entry-meta .comments-link,
footer.entry-meta .edit-link {
display: block;
margin: 8px 0 0;
}
footer.entry-meta .tag-links:first-of-type,
footer.entry-meta .comments-link:first-of-type,
footer.entry-meta .edit-link:first-of-type {
margin: 0;
}
.addthis_toolbox {
float: none;
margin-left: 0;
}
.single-post .addthis_button_compact {
position: relative;
bottom: auto;
right: auto;
float: none;
}
/* Gallery */
.single-gallery .gallery-item,
#block-gallery .gallery-item {
width: 100%;
}
#block-galleries-list .hentry {
width: 100%;
}
/* Gallery with no margins */
.single-gallery #block-gallery-no-margins .gallery-item,
.page-template-page-gallery-no-margins-php #block-gallery-no-margins .gallery-item {
width: 100%;
width: 100%url(0/);
}
/* fancyBox Gallery */
.single-gallery .fancybox-gallery-item,
#block-fancybox-gallery .fancybox-gallery-item {
width: 100%;
}
/* Classic Gallery Page */
.gallery-classic #project-images,
.page-template-page-classic-gallery-php #project-images {
margin: 30px 20px 0;
}
/* Slider Page, Full Width Slider Page, Full Width of Window Slider Page */
.rs-full-width-window #header-wrapper,
.page-template-page-full-width-window-slider-php #header-wrapper {
background: #111;
}
.rsTitle {
max-width: 100%;
}
/* Portfolio */
#block-portfolio .col3 .hentry,
#block-portfolio .col4 .hentry {
width: 100%;
}
.portfolio-view-wrapper {
display: none;
}
/* Gallery List */
#block-galleries-list .col3 .hentry,
#block-galleries-list .col4 .hentry {
width: 100%;
}
#filters {
display: none;
}
/* Portfolio Fixed Width */
.page-template-page-portfolio-fixed-width-php #portfolio-fixed-width,
.tax-portfolio-category #portfolio-fixed-width {
margin: 0 auto;
max-width: 211px;
}
#block-portfolio-fixed-width .col3 .hentry,
#block-portfolio-fixed-width .col4 .hentry {
margin: 0 0 20px 0;
max-width: 201px;
width: auto;
}
/* Galleries List (Fixed Width) */
#block-galleries-list-fixed-width .col3 .hentry,
#block-galleries-list-fixed-width .col4 .hentry {
margin: 0 0 20px 0;
max-width: 201px;
width: auto;
}
.page-template-page-galleries-list-fixed-width-php #galleries-list-fixed-width,
.tax-galleries-list-category #galleries-list-fixed-width {
margin: 0 auto;
max-width: 211px;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
margin: 0 auto 18px !important;
clear: both !important;
display: block !important;
}
body, input, textarea {
font-size: 13px;
}
#site-title a {
font-size: 20px;
}
#site-description {
font-size: 11px;
}
#branding #searchform {
display: none;
}
#access ul {
font-size: 11px;
}
article.intro .entry-content {
font-size: 11px;
}
.entry-title {
font-size: 18px;
}
.featured-post .entry-title {
font-size: 12px;
}
.singular .entry-header {
background: none;
}
.singular .entry-title {
font-size: 38px;
margin: 12px 0 0;
}
.entry-meta {
font-size: 11px;
}
blockquote {
margin: 0;
}
blockquote.pull {
font-size: 12px;
}
pre {
font-size: 12px;
}
.alignleft,
.alignright {
float: none;
margin-left: 0;
margin-right: 0;
}
#nav-single {
display: block;
position: static;
}
.social-button-wrapper {
margin-bottom: 8px;
}
/* Single Portfolio */
.single-portfolio #primary {
width: 100%;
}
.portfolio-content {
margin: 0 20px;
}
.portfolio-details li {
float: none;
border: none;
padding: 0;
margin: 15px 0 0;
}
.single-portfolio #content #nav-single {
padding: 1.825em 10px;
}
.entry-title-lead {
font-size: 13px;
line-height: 1.825;
}
.section-title {
font-size: 13px;
letter-spacing: 3px;
}
.portfolio-description {
width: auto;
max-width: 100%;
float: none;
}
.single-portfolio .portfolio-meta {
float: none;
width: auto;
}
.single-portfolio .addthis_button_compact {
float: none;
top: 0;
}
.single-portfolio .entry-content {
padding: 0;
}
.portfolio-description {
padding: 15px 0 0 0;
}
.single-portfolio .nav-back {
float: none;
}
.nav-back a {
line-height: 4.625;
}
.single-portfolio.singular .entry-title {
display: block;
}
.related-projects {
width: 100%;
}
.related-projects .hentry {
width: 100%;
}
/* iosSlider */
.iosNext,
.iosPrev {
display: none;
}
.iosSlider .slider .item {
padding: 0;
}
/* =Footer
----------------------------------------------- */
#site-generator {
text-align: center;
}
#site-generator p {
margin: 0 0 14px;
float: none;
text-align: center;
}
#site-generator .social {
float: none;
display: inline-block;
}
/* Contact */
.input-block {
float: none;
margin: 0 0 20px 0;
}
.wpcf7-form input {
width: 100%;
}
.wpcf7-form textarea {
width: 100%;
}
.mandatory {
float: left;
margin-left: 0;
}
.single-portfolio #gallery-slider {
margin: 30px 20px 0;
}
.rsMinW .rsArrow {
display: none !important;
}
.portfolio-media .fluid-video,
.portfolio-media .fluid-audio {
margin: 30px 20px 0;
}
/* iosSlider */
.iosSlider .slider {
width: 100%;
height: 100%;
}
.iosSlider .slider .item {
margin: 0 0 20px;
}
.container {
background: transparent;
}
}
}
/* =Print
----------------------------------------------- */
@media print {
body {
background: none !important;
font-size: 10pt;
}
footer.entry-meta a[rel=bookmark]:link:after,
footer.entry-meta a[rel=bookmark]:visited:after {
content: " [" attr(href) "] "; /* Show URLs */
}
#page {
clear: both !important;
display: block !important;
float: none !important;
max-width: 100%;
position: relative !important;
}
#site-title a {
font-size: 21pt;
}
#site-description {
font-size: 10pt;
}
#access {
display: none;
}
#main {
border-top: none;
box-shadow: none;
}
#primary {
float: left;
margin: 0;
width: 100%;
}
#content {
margin: 0;
width: auto;
}
.singular #content {
margin: 0;
width: 100%;
}
.singular .entry-header .entry-meta {
position: static;
}
.entry-meta .edit-link a {
display: none;
}
#content nav {
display: none;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
margin: 0;
width: 100%;
}
.singular .hentry {
padding: 0;
}
.entry-title,
.singular .entry-title {
font-size: 21pt;
}
.entry-meta {
font-size: 10pt;
}
.entry-header .comments-link {
display: none;
}
.page-link {
display: none;
}
.singular #author-info {
background: none;
border-bottom: none;
border-top: none;
margin: 2.2em 0 0;
padding: 0;
}
#respond {
display: none;
}
.widget-area {
display: none;
}
#colophon {
display: none;
}
/* Comments */
.commentlist > li.comment {
background: none;
border: 1px solid #ddd;
border-radius: 3px 3px 3px 3px;
margin: 0 auto 1.825em;
padding: 1.825em;
position: relative;
width: auto;
}
.commentlist .avatar {
height: 39px;
left: 2.2em;
top: 2.2em;
width: 39px;
}
.commentlist li.comment .comment-meta {
line-height: 1.825em;
margin-left: 50px;
}
.commentlist li.comment .fn {
display: block;
}
.commentlist li.comment .comment-content {
margin: 1.825em 0 0;
}
.commentlist .comment-edit-link {
display: none;
}
.commentlist > li::before,
.commentlist > li.bypostauthor::before {
content: '';
}
.commentlist .reply {
display: none;
}
/* Post author highlighting */
.commentlist > li.bypostauthor {
color: #111;
}
.commentlist > li.bypostauthor .comment-meta {
color: #111;
}
.commentlist > li.bypostauthor:before {
content: none;
}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
background: #fff;
border-color: #ddd;
}
.commentlist .children > li.bypostauthor > article,
.commentlist .children > li.bypostauthor > article .comment-meta {
color: #111;
}
}