/*
Theme Name: resi
Theme URI: http://modernthemes.net/wordpress-themes/resi
Author: ModernThemes
Author URI: http://modernthemes.net
Description: Resi is a clean gallery theme which showcases beautiful picture collections for all photographers. Resi is responsive, retina ready, and perfect for high resolution photo collections. Easy to use, it's as simple as adding posts with Image post formats. Check out the demo at https://modernthemes.net/theme-demos/?theme=Resi for a closer look.
Version: 1.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: resi
Tags: black, white, light, gray, fluid-layout, responsive-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, rtl-language-support, theme-options, translation-ready, photoblogging, front-page-post-form, post-formats
Resi, Copyright 2015 ModernThemes
Resi is distributed under the terms of the GNU GPL
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Resi is built with Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Resi incorporates code from Moesia, Copyright 2014 aThemes
Moesia is distributed under the terms of the GNU GPL
Resi bundles the following third-party resources:
Simple Grid by ThisisDallas Copyright (C) 2013 Dallas Bass
Simple Grid is licensed under the MIT License.
http://thisisdallas.github.io/Simple-Grid/
Font Awesome by Dave Gandy
Font Awesome is licensed under the following: (Font: SIL OFL 1.1, CSS: MIT License)
http://fortawesome.github.io/Font-Awesome/
Masonry by the Masonry Team Copyright (c) 2011-2012
Masonry is licensed under the terms of the GNU GPLv2
https://github.com/Masonry
imagesLoaded by desandro Copyright (c) 2010-2015
imagesLoaded is licensed under the MIT License.
https://github.com/desandro/imagesloaded
Magnific Popup by Dmitry Semenov Copyright (c) 2014-2015
Magnific Popup is licensed under the MIT License.
https://github.com/dimsemenov/Magnific-Popup
The HTML5 Shiv by aFarkas Copyright (c) 2014 Alexander Farkas (aFarkas).
The HTML5 Shiv is licensed under the terms of the GNU GPLv2
https://github.com/aFarkas/html5shiv
jPushMenu by takien
jPushMenu is licensed under the MIT License.
https://github.com/takien/jPushMenu
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Asides
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
#Skeleton
--------------------------------------------------------------*/
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5em;
clear: both;
}
h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 32px; line-height: 36px; }
h3 { font-size: 24px; line-height: 28px; }
h4 { font-size: 22px; line-height: 26px; }
h5 { font-size: 20px; line-height: 44px; }
h6 { font-size: 16px; line-height: 20px; }
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
padding: 0 0 0 25px;
font-size: 110%;
font-weight: 700;
border-left: 3px solid #404040;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
* {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
outline: medium none;
}
body {
background: #f9f9f9; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #222;
border-radius: 0;
background: #222;
box-shadow: none;
color: #FFF;
font-size: 14px;
font-weight: 700;
line-height: 1;
padding: .6em 1em;
text-shadow: none;
-webkit-transition: ease-in-out 0.2s;
-moz-transition: ease-in-out 0.2s;
transition: ease-in-out 0.2s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #666;
background: #666;
-webkit-transition: ease-in-out 0.2s;
-moz-transition: ease-in-out 0.2s;
transition: ease-in-out 0.2s;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
padding-left: 3px;
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #222;
outline: 0;
text-decoration: none;
-webkit-transition: ease-in-out 0.2s;
-moz-transition: ease-in-out 0.2s;
-o-transition: ease-in-out 0.2s;
transition: ease-in-out 0.2s;
}
a:hover {
color: #666;
-webkit-transition: ease-in-out 0.2s;
-moz-transition: ease-in-out 0.2s;
-o-transition: ease-in-out 0.2s;
transition: ease-in-out 0.2s;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
padding: 14px 12px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: #888;
-webkit-transition: ease-in-out 0.2s;
-moz-transition: ease-in-out 0.2s;
-o-transition: ease-in-out 0.2s;
transition: ease-in-out 0.2s;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
border: 1px solid #ccc;
background: #fff;
float: left;
position: absolute;
top: 44px;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
border-bottom: 1px solid #ccc;
padding: 10px 12px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: #222222;
-webkit-transition: ease-in-out 0.2s;
-moz-transition: ease-in-out 0.2s;
-o-transition: ease-in-out 0.2s;
transition: ease-in-out 0.2s;
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
color: #222;
}
/* Small menu. */
.main-navigation.toggled ul {
display: none;
}
button.toggle-menu {
line-height: 1.9;
height: 45px;
}
@media screen and (min-width: 860px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-previous a {
background: #222222;
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 700;
line-height: 18px;
padding: 15px;
text-align: center;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
background: #222222;
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 700;
line-height: 18px;
padding: 15px;
text-align: center;
}
/**
* Social menu
*
*/
.screen-reader-text {
position: absolute;
top: -9999em;
left: -9999em;
}
.social-container {
width: auto;
display: inline-block;
float: right;
padding-right: 6px;
}
#menu-social {
width: auto;
display: inline-block;
float: right;
}
#menu-social ul {
margin: 0;
padding: 0;
float:right;
}
#menu-social ul li {
display: inline-block;
position: relative;
list-style: none outside none;
width: auto;
}
/* Menus */
#menu-social li a::before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
text-decoration: inherit;
vertical-align: top;
display:inline-block;
-webkit-transition: ease-in-out 0.2s;
-moz-transition: ease-in-out 0.2s;
-ms-transition: ease-in-out 0.2s;
-o-transition: ease-in-out 0.2s;
transition: ease-in-out 0.2s;
-webkit-font-smoothing: antialiased;
}
/* Social menu */
#menu-social li a::before { content: "\f000"; padding: 8px 6px; color:#222222; font-size: 16px; }
#menu-social li a:hover::before,
#menu-social li a:focus::before { opacity: 0.75; color:#666666; }
#menu-social li a[href*="codepen.io"]::before { content: '\f1cb'; }
#menu-social li a[href*="digg.com"]::before { content: '\f1a6'; }
#menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; }
#menu-social li a[href*="dropbox.com"]::before { content: '\f16b'; }
#menu-social li a[href*="facebook.com"]::before { content: '\f09a'; }
#menu-social li a[href*="flickr.com"]::before { content: '\f16e'; }
#menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; }
#menu-social li a[href*="github.com"]::before { content: '\f09b'; }
#menu-social li a[href*="instagram.com"]::before { content: '\f16d'; }
#menu-social li a[href*="linkedin.com"]::before { content: '\f0e1'; }
#menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; }
#menu-social li a[href*="reddit.com"]::before { content: '\f1a1'; }
#menu-social li a[href*="skype.com"]::before { content: '\f17e'; }
#menu-social li a[href*="stumbleupon.com"]::before { content: '\f1a4'; }
#menu-social li a[href*="tumblr.com"]::before { content: '\f173'; }
#menu-social li a[href*="twitter.com"]::before { content: '\f099'; }
#menu-social li a[href*="vimeo.com"]::before { content: '\f194'; }
#menu-social li a[href*="wordpress.org"]::before,
#menu-social li a[href*="wordpress.com"]::before { content: '\f19a'; }
#menu-social li a[href*="youtube.com"]::before { content: '\f167'; }
#menu-social li a[href*="behance.net"]::before { content: '\f1b4'; }
#menu-social li a[href*="spotify.com"]::before { content: '\f1bc'; }
#menu-social li a[href*="deviantart.com"]::before { content: '\f1bd'; }
#menu-social li a[href*="soundcloud.com"]::before { content: '\f1be'; }
#menu-social li a[href*="last.fm"]::before { content: '\f202'; }
#menu-social li a[href*="500px.com"]::before { content: '\f26e'; }
#menu-social li a[href*="vk.com"]::before { content: '\f189'; }
#menu-social li a[href*="snapchat.com"]::before { content: "\f2ac"; }
#menu-social li a[href*="weibo.com"]::before { content: "\f18a"; }
#menu-social li a[href$="/feed/"]::before { content: '\f09e'; }
#menu-social li a[href*="feed"]::before { content: '\f09e'; }
#menu-social li a[href*="feeds"]::before { content: '\f09e'; }
#menu-social li a[href*="mailto:"]::before { content: '\f003'; }
#menu-social li a[href*="tel:"]::before { content: '\f095'; }
#menu-social li a[href*="skype:"]::before { content: '\f17e'; }
.pagination {
clear:both;
position:relative;
font-size:13px; /* Pagination text size */
float:none; /* Pagination float direction */
}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#ffffff; /* Pagination text color */
background: #222222; /* Pagination non-active background color */
-webkit-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
.pagination a:hover {
color:#ffffff;
background: #666666; /* Pagination background on hover */
}
.pagination .current {
padding:6px 9px 5px 9px;
background: #666666; /* Current page background */
color:#ffffff;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit,
.widget_product_search input[type="submit"] {
display: none;
}
.widget_search input[type="search"],
.widget_product_search input[type="search"] {
width: 96%;
font-size: 90%;
}
#secondary ul {
margin: 0;
padding: 0;
list-style: none;
}
#secondary ul li {
margin-bottom: 5px;
}
#secondary {
font-size: 90%;
}
#secondary .widget-title {
font-size: 20px;
line-height: 24px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-header {
text-align: center;
padding: 30px 0;
}
.header-cover {
position: absolute;
width: auto;
top: 50px;
left: 30px;
z-index: 9;
text-align: left;
padding: 0;
}
.header-cover, .header-cover a {
color: #ffffff;
}
.site-title {
font-size: 50px;
line-height: 56px;
margin: 0.25em auto 0.15em;
}
.site-description {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.035em;
font-weight: 400;
}
.navigation-container {
width: auto;
display: inline-block;
}
.pre-header {
background: #fff;
border-bottom: 1px solid #ccc;
padding: 0 20px;
height: 45px;
}
.default-gallery, .mixed-gallery {
width: 90%;
margin: 0 auto;
}
.default-gallery .gallery-image {
width: 19%;
float: left;
margin: 0.5%;
}
.mixed-gallery .gallery-image {
width: 19%;
float: left;
margin: 5px 0.5%;
}
.mixed-gallery .gallery-image:nth-child(4n) {
width: 39%;
margin: 5px 0.5%;
}
.fullwidth-gallery {
width: 100%;
margin: 0 auto;
}
.fullwidth-gallery .gallery-image {
width: 20%;
float: left;
margin: 0;
}
.stacked-gallery {
width: 60%;
margin: 0 auto;
}
.stacked-gallery .gallery-image {
width: 100%;
float: left;
margin: 1.5%;
}
.gallery-image img {
width: 100%;
display: block;
}
.site-footer {
text-align: center;
font-size: 12px;
padding: 20px 0;
}
.news-box {
position: relative;
width: 100%;
overflow: hidden;
margin-top: 15px;
background: #ffffff;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.news-box:before {
content: "";
display: block;
padding-top: 37%;
}
.news-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: #252525;
}
.news-content > div {
display: table;
width: 100%;
height: 100%;
}
.news-content span {
display: table-cell;
vertical-align: middle;
}
.news-image {
position: absolute;
top: 0;
left: 0;
width: 75%;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.news-info {
position: absolute;
top: 0;
right: 0;
width: 25%;
height: 100%;
}
.news-info-no-pic {
position: relative;
}
.news-info > div {
padding: 40px;
text-align: left;
}
.news-info h3 {
font-size: 22px;
line-height: 26px;
}
.news-info h6 {
font-style: italic;
color: #636363;
font-size: 13px;
}
.home-news-area .widget-title {
margin-bottom:0;
}
.home-widget {
margin-bottom:15px;
}
.home-widget section {
padding:15px 0;
}
#mt-projects > .grid,
#mt-clients > .grid,
#mt-members > .grid,
#mt-services > .grid,
#mt-testimonials > .grid,
#mt-skills > .grid,
#mt-details .grid,
#mt-columns .grid,
#home-news .grid,
#home-cta .grid
{
min-width: 0;
}
.home-widget #mt-projects > .grid {
max-width: none;
}
#mt-projects < [class*="col-"] {
padding: 0;
}
#mt-projects > .grid-pad,
#mt-clients > .grid-pad,
#mt-members > .grid-pad,
#mt-services > .grid-pad,
#mt-testimonials > .grid-pad,
#mt-skills > .grid-pad,
#mt-details .grid-pad,
#mt-columns .grid-pad,
#home-news .grid-pad,
#home-cta .grid-pad,
#mt-projects > .grid > [class*="col-"],
#mt-clients > .grid > [class*="col-"],
#mt-members > .grid > [class*="col-"],
#mt-services > .grid > [class*="col-"],
#mt-testimonials > .grid > [class*="col-"],
#mt-skills > .grid > [class*="col-"],
#mt-details .grid [class*="col-"],
#mt-columns .grid [class*="col-"],
#home-news .grid [class*="col-"],
#home-cta .grid [class*="col-"] {
padding: 0;
}
.all-news button {
display: block;
margin: 15px auto 0;
text-align: center;
}
.home-widget {
clear: both;
padding: 40px 0 0;
text-align: center;
}
.grid-wrap {
margin: 0 auto;
max-width: 1360px;
width: 100%;
padding: 0;
}
.cat-gallery-title {
text-align:center;
}
.post-cat-gallery-title {
text-align:left;
}
button.gallery-archive-button {
display: block;
margin: 50px auto 35px;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.solid-background .content-area {
background: #fff;
border: 1px solid #ccc;
padding: 20px 30px;
}
.solid-background .widget-area aside {
background: #fff;
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 20px;
}
.blog-fullwidth,
.single-fullwidth {
max-width: 850px !important;
}
.blog-sidebar .content-area,
.single-sidebar .content-area {
padding: 0px;
border: none;
background: none;
}
.blog-fullwidth .content-area {
padding: 0px;
border: none;
background-color: transparent !important;
}
.blog-fullwidth article,
.blog-sidebar article,
.single-sidebar article {
background: #fff;
border: 1px solid #ccc;
padding: 20px;
}
.blog-fullwidth article .entry-header .entry-title {
margin-bottom: 10px;
}
.blog-fullwidth article .entry-meta,
.blog-fullwidth article .entry-footer,
.blog-sidebar article .entry-meta,
.blog-sidebar article .entry-footer,
.single-fullwidth article .entry-meta,
.single-fullwidth article .entry-footer,
.single-sidebar article .entry-meta,
.single-sidebar article .entry-footer {
font-size: 12px;
font-weight: 700;
}
.blog-fullwidth article .entry-footer span,
.blog-sidebar article .entry-footer span,
.single-fullwidth article .entry-footer span,
.single-sidebar article .entry-footer span {
margin-right: 15px;
}
.single-fullwidth .content-area {
padding: 20px;
}
img.archive-img {
display: block;
margin: 0 auto 20px;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area ol {
list-style: outside none none;
margin: 0;
}
.comments-area ol.children {
margin-left: 1.5em;
}
#comments input {
width: 100%;
}
#comments {
border-top: 1px dotted #999;
padding-top: 20px;
}
#comments img.avatar {
border-radius: 100px;
}
.comment-form-author, .comment-form-email, .comment-form-url {
float: left;
font-size: 15px;
font-weight: 700;
width: 33.2833%;
}
.comment-form-author, .comment-form-email {
padding-right: 0.5em;
}
.form-allowed-tags {
display: none;
}
#reply-title {
margin-bottom: 0;
}
.comment-form-comment {
font-size: 15px;
font-weight: 700;
}
.comment-notes {
font-size: 13px;
font-style: italic;
}
#comments {
border-top: 1px dotted #999;
padding-top: 20px;
}
#commentform {
margin-bottom: 40px;
}
h2.comments-title {
font-size: 20px;
line-height: 24px;
margin-bottom: 20px;
padding-top: 5px;
}
ol.comment-list {
border-bottom: 1px dotted #999;
list-style: outside none none;
margin: 0 0 30px;
padding-bottom: 30px;
}
li.comment article {
background: #fff;
border: 1px solid #e6e7e8;
margin-bottom: 8px;
overflow: auto;
padding: 15px;
}
footer.comment-meta {
float: left;
text-align: center;
width: 30%;
}
div.comment-author {
font-size: 16px;
}
div.comment-author img {
display: block;
margin: 0 auto;
}
div.comment-content {
float: right;
font-size: 16px;
width: 70%;
}
.comment-metadata {
font-size: 12px;
}
div.reply {
display: block;
font-size: 15px;
overflow: auto;
padding-left: 30%;
width: 100%;
}
p.form-submit input.submit {
padding: 15px;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Skeleton
--------------------------------------------------------------*/
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0px;
}
[class*='col-'] {
float: left;
padding-right: 20px; /* column-space */
}
.grid {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}
.grid:after {
content: "";
display: table;
clear: both;
}
.grid-pad {
padding-top: 20px;
padding-left: 40px; /* grid-space to left */
padding-right: 20px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}
.push-right {
float: right;
}
/* Content Columns */
.col-1-1 {
width: 100%;
}
.col-2-3, .col-8-12 {
width: 66.66%;
}
.col-1-2, .col-6-12 {
width: 50%;
}
.col-1-3, .col-4-12 {
width: 33.33%;
}
.col-1-4, .col-3-12 {
width: 25%;
}
.col-1-5 {
width: 20%;
}
.col-1-6, .col-2-12 {
width: 16.667%;
}
.col-1-7 {
width: 14.28%;
}
.col-1-8 {
width: 12.5%;
}
.col-1-9 {
width: 11.1%;
}
.col-1-10 {
width: 10%;
}
.col-1-11 {
width: 9.09%;
}
.col-1-12 {
width: 8.33%
}
/* Layout Columns */
.col-11-12 {
width: 91.66%
}
.col-10-12 {
width: 83.333%;
}
.col-9-12 {
width: 75%;
}
.col-5-12 {
width: 41.66%;
}
.col-7-12 {
width: 58.33%
}
/* Pushing blocks */
.push-2-3, .push-8-12 {
margin-left: 66.66%;
}
.push-1-2, .push-6-12 {
margin-left: 50%;
}
.push-1-3, .push-4-12 {
margin-left: 33.33%;
}
.push-1-4, .push-3-12 {
margin-left: 25%;
}
.push-1-5 {
margin-left: 20%;
}
.push-1-6, .push-2-12 {
margin-left: 16.667%;
}
.push-1-7 {
margin-left: 14.28%;
}
.push-1-8 {
margin-left: 12.5%;
}
.push-1-9 {
margin-left: 11.1%;
}
.push-1-10 {
margin-left: 10%;
}
.push-1-11 {
margin-left: 9.09%;
}
.push-1-12 {
margin-left: 8.33%
}
@media handheld, only screen and (max-width: 1400px) {
.default-gallery .gallery-image {
width: 24%;
}
.mixed-gallery .gallery-image {
width: 24%;
}
.mixed-gallery .gallery-image:nth-child(4n) {
width: 49%;
}
.fullwidth-gallery .gallery-image {
width: 25%;
}
}
@media handheld, only screen and (max-width: 767px) {
.grid {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px; /* grid-space to left */
padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
}
[class*='col-'] {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 0px;
padding-right: 10px; /* column-space */
}
/* Mobile Layout */
[class*='mobile-col-'] {
float: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 10px;
padding-left: 0px;
padding-right: 10px; /* column-space */
padding-bottom: 0px;
}
.mobile-col-1-1 {
width: 100%;
}
.mobile-col-2-3, .mobile-col-8-12 {
width: 66.66%;
}
.mobile-col-1-2, .mobile-col-6-12 {
width: 50%;
}
.mobile-col-1-3, .mobile-col-4-12 {
width: 33.33%;
}
.mobile-col-1-4, .mobile-col-3-12 {
width: 25%;
}
.mobile-col-1-5 {
width: 20%;
}
.mobile-col-1-6, .mobile-col-2-12 {
width: 16.667%;
}
.mobile-col-1-7 {
width: 14.28%;
}
.mobile-col-1-8 {
width: 12.5%;
}
.mobile-col-1-9 {
width: 11.1%;
}
.mobile-col-1-10 {
width: 10%;
}
.mobile-col-1-11 {
width: 9.09%;
}
.mobile-col-1-12 {
width: 8.33%
}
/* Layout Columns */
.mobile-col-11-12 {
width: 91.66%
}
.mobile-col-10-12 {
width: 83.333%;
}
.mobile-col-9-12 {
width: 75%;
}
.mobile-col-5-12 {
width: 41.66%;
}
.mobile-col-7-12 {
width: 58.33%
}
.hide-on-mobile {
display: none !important;
width: 0;
height: 0;
}
.default-gallery .gallery-image {
width: 32.333333%;
}
.mixed-gallery .gallery-image {
width: 49%;
}
.mixed-gallery .gallery-image:nth-child(4n) {
width: 49%;
}
.fullwidth-gallery .gallery-image {
width: 33.333333%;
}
.news-image, .news-info, .news-content {
width: 100% !important;
position: relative;
}
.news-image {
height: 200px;
}
.news-box:before {
padding-top: 0;
}
}
@media screen and (max-width: 480px) {
.default-gallery .gallery-image, .mixed-gallery .gallery-image {
width: 96%;
margin: 0 2% 15px;
}
.fullwidth-gallery .gallery-image {
width: 100%;
margin: 0;
}
}
|