1026 lines
22 KiB
CSS
1026 lines
22 KiB
CSS
@charset "UTF-8";
|
|
/*
|
|
Theme Name: Gateway
|
|
Theme URI: https://rescuethemes.com/wordpress-themes/gateway
|
|
Author: Rescue Themes
|
|
Author URI: https://rescuethemes.com
|
|
Description: Gateway incorporates elegant style with user friendly customizer options making it perfectly suited for a variety of WordPress users. Further instructions within the readme.txt file.
|
|
Version: 1.2.31
|
|
License: GNU General Public License v2 or later
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
Text Domain: gateway
|
|
Tags: light, white, three-columns, responsive-layout, featured-images, theme-options, custom-colors, threaded-comments, translation-ready, right-sidebar, full-width-template, sticky-post, custom-header, custom-background
|
|
|
|
Gateway WordPress Theme, Copyright 2015 Rescue Themes
|
|
Gateway is distributed under the terms of the GNU GPL
|
|
|
|
Gateway is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
|
|
|
|
*/
|
|
/*--------------------------------------------------------------
|
|
>>> TABLE OF CONTENTS:
|
|
----------------------------------------------------------------
|
|
|
|
1.0 Defaults
|
|
2.0 Alignments
|
|
3.0 Accessibility
|
|
4.0 Inifinite Scroll
|
|
5.0 Media
|
|
6.0 Header
|
|
6.1 Navigation
|
|
7.0 Home
|
|
7.1 Home Hero
|
|
7.2 Home Posts
|
|
7.3 Home Content
|
|
8.0 Forms
|
|
9.0 Content
|
|
9.1 Posts
|
|
9.2 Blog Page
|
|
9.3 404 Page
|
|
9.4 Archive Page
|
|
9.5 Full Width
|
|
9.6 Contact Page
|
|
10.0 Comments
|
|
11.0 Widgets
|
|
12.0 Footer
|
|
|
|
--------------------------------------------------------------*/
|
|
/*--------------------------------------------------------------
|
|
1.0 Defaults
|
|
--------------------------------------------------------------*/
|
|
a {
|
|
-o-transition: 0.2s;
|
|
-ms-transition: 0.2s;
|
|
-moz-transition: 0.2s;
|
|
-webkit-transition: 0.2s;
|
|
transition: 0.2s;
|
|
}
|
|
|
|
abbr, acronym {
|
|
cursor: pointer;
|
|
}
|
|
|
|
blockquote {
|
|
background-color: #FAFAFA;
|
|
border-left: 8px solid #e8554e;
|
|
padding: 1.5625rem 1.25rem 0.35rem 1.1875rem;
|
|
}
|
|
blockquote cite {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
button, .button {
|
|
font-style: italic;
|
|
}
|
|
|
|
.vcard {
|
|
border: none;
|
|
margin: 0 0;
|
|
padding: 0 0;
|
|
}
|
|
|
|
pre {
|
|
background-color: #efefef;
|
|
line-height: 2;
|
|
padding: 2em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
2.0 Alignments
|
|
--------------------------------------------------------------*/
|
|
.alignleft {
|
|
display: inline;
|
|
float: left;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
.alignright {
|
|
display: inline;
|
|
float: right;
|
|
margin-left: 1.5em;
|
|
}
|
|
|
|
.aligncenter {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
3.0 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:hover, .screen-reader-text:active, .screen-reader-text:focus {
|
|
background-color: #f1f1f1;
|
|
background-clip: padding-box;
|
|
/* stops bg color from leaking outside the border: */
|
|
-webkit-border-radius: 3px;
|
|
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: 1.4rem;
|
|
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 */
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
4.0 Inifinite Scroll
|
|
--------------------------------------------------------------*/
|
|
/* Globally hidden elements when Infinite Scroll is supported and in use. */
|
|
.infinite-scroll .paging-navigation,
|
|
.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;
|
|
}
|
|
|
|
#infinite-footer .container {
|
|
padding: 20px !important;
|
|
}
|
|
#infinite-footer .blog-info a {
|
|
font-size: 1.325rem !important;
|
|
color: #666666 !important;
|
|
font-weight: normal !important;
|
|
}
|
|
#infinite-footer .blog-info a:before {
|
|
font-family: 'FontAwesome';
|
|
content: "";
|
|
margin: 0 15px 0 -15px;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
#infinite-footer .blog-info a:hover {
|
|
text-decoration: none !important;
|
|
color: #e8554e !important;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
5.0 Media
|
|
--------------------------------------------------------------*/
|
|
.page-content img.wp-smiley,
|
|
.entry-content img.wp-smiley,
|
|
.comment-content img.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%;
|
|
}
|
|
|
|
.wp-caption {
|
|
margin-bottom: 1.5em;
|
|
max-width: 100%;
|
|
}
|
|
.wp-caption .wp-caption-text {
|
|
margin: 0.8075em 0;
|
|
}
|
|
|
|
.wp-caption-text {
|
|
text-align: center;
|
|
}
|
|
|
|
.gallery {
|
|
margin: 2.5em 0;
|
|
float: left;
|
|
}
|
|
|
|
.gallery figure {
|
|
margin: 0 0;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
6.0 Header
|
|
--------------------------------------------------------------*/
|
|
.bg-image-header .site-branding, .home-header-bg .site-branding {
|
|
padding: 2.188em 0;
|
|
text-align: center;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
.bg-image-header .site-branding h1 a, .home-header-bg .site-branding h1 a {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-image-header .site-branding h2, .home-header-bg .site-branding h2 {
|
|
font-size: 1em;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.site-header hr {
|
|
margin: 0 0;
|
|
}
|
|
|
|
.bg-image {
|
|
height: 210px;
|
|
width: 100%;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
6.1 Navigation
|
|
--------------------------------------------------------------*/
|
|
nav.top-bar {
|
|
text-align: center;
|
|
}
|
|
@media only screen and (min-width: 64.063em) {
|
|
nav.top-bar {
|
|
height: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 40.063em) {
|
|
nav.top-bar {
|
|
height: 100%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
nav.top-bar {
|
|
text-align: left;
|
|
}
|
|
}
|
|
nav.top-bar ul.title-area li.menu-icon {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
nav.top-bar .dropdown {
|
|
background: #FFFFFF;
|
|
border-left: 1px solid #DDDDDD;
|
|
border-right: 1px solid #DDDDDD;
|
|
border-bottom: 1px solid #DDDDDD;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
nav.top-bar .dropdown {
|
|
border-left: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
nav.top-bar .dropdown {
|
|
border-right: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
nav.top-bar .dropdown {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
nav.top-bar .sub-menu {
|
|
border-top: 1px solid #DDDDDD;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
nav.top-bar .sub-menu {
|
|
border-top: none;
|
|
}
|
|
}
|
|
nav.top-bar .sub-menu li:nth-of-type(3) ul.sub-menu {
|
|
border-top: none;
|
|
}
|
|
|
|
.top-bar-section {
|
|
position: relative;
|
|
top: 0.75em;
|
|
}
|
|
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
|
|
line-height: 45px;
|
|
}
|
|
|
|
section.top-bar-section {
|
|
display: inline-block;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
section.top-bar-section {
|
|
display: block;
|
|
}
|
|
}
|
|
section.top-bar-section ul li > a {
|
|
text-transform: uppercase;
|
|
font-size: 0.875rem;
|
|
letter-spacing: 0.06em;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
section.top-bar-section .dropdown li.title h5 a {
|
|
color: #888888;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
7.0 Home
|
|
--------------------------------------------------------------*/
|
|
.header-bg {
|
|
background-color: #e8554e;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
7.1 Home Hero
|
|
--------------------------------------------------------------*/
|
|
.hero-widgets-wrap {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
margin: 5em 0;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
.hero-widgets-wrap {
|
|
margin: 1em 0;
|
|
}
|
|
}
|
|
.hero-widgets-wrap h1.widget-title {
|
|
color: #FFFFFF;
|
|
font-weight: normal;
|
|
font-size: 3.375rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.hero-widgets-wrap p {
|
|
margin: 5em 0;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
.hero-widgets-wrap p {
|
|
margin: 2.5em 0 3.5em 0;
|
|
}
|
|
}
|
|
.hero-widgets-wrap .button {
|
|
margin: 5em 0 0 0;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
.hero-widgets-wrap .button {
|
|
margin: 0 0 0 0;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
7.2 Home Posts
|
|
--------------------------------------------------------------*/
|
|
.home_posts_titles {
|
|
text-align: center;
|
|
margin-bottom: 6em;
|
|
}
|
|
.home_posts_titles h2 {
|
|
font-size: 2.625rem;
|
|
font-weight: normal;
|
|
}
|
|
.home_posts_titles h3 {
|
|
font-size: 1rem;
|
|
color: #888888;
|
|
font-weight: normal;
|
|
width: 35%;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
.home_posts_titles h3 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
|
|
.home_posts_titles h3 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.page-template-template-home-php .site-content hr {
|
|
margin: 8em 0;
|
|
}
|
|
|
|
.page-template-template-home-php .featured-posts article.hentry {
|
|
margin: 0 0;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
.page-template-template-home-php .featured-posts article.hentry {
|
|
margin-bottom: 3em;
|
|
}
|
|
}
|
|
.page-template-template-home-php .featured-posts h3.entry-title {
|
|
font-size: 1.375rem;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
7.3 Home Content
|
|
--------------------------------------------------------------*/
|
|
.home-content .home-content-right {
|
|
text-align: center;
|
|
padding-top: 1em;
|
|
}
|
|
.home-content .home-content-right h3 {
|
|
margin-bottom: 1em;
|
|
}
|
|
.home-content .home-content-right p {
|
|
margin-bottom: 3em;
|
|
}
|
|
.home-content .home-content-right .button {
|
|
text-align: center;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
8.0 Forms
|
|
--------------------------------------------------------------*/
|
|
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
|
|
background-color: #EEEEEE;
|
|
border: none;
|
|
box-shadow: none;
|
|
background-clip: padding-box;
|
|
/* stops bg color from leaking outside the border: */
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
html input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"] {
|
|
background-color: #e8554e;
|
|
color: #FFFFFF;
|
|
padding: 0.35em 1.5em;
|
|
border: none;
|
|
font-size: 16px;
|
|
font-style: italic;
|
|
background-clip: padding-box;
|
|
/* stops bg color from leaking outside the border: */
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-o-transition: 0.2s;
|
|
-ms-transition: 0.2s;
|
|
-moz-transition: 0.2s;
|
|
-webkit-transition: 0.2s;
|
|
transition: 0.2s;
|
|
}
|
|
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button[type="submit"]:hover {
|
|
background-color: #555555;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
9.0 Content
|
|
--------------------------------------------------------------*/
|
|
.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;
|
|
}
|
|
|
|
.blog .format-aside .entry-title,
|
|
.archive .format-aside .entry-title {
|
|
display: none;
|
|
}
|
|
|
|
.comment-content a {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.bypostauthor {
|
|
display: block;
|
|
}
|
|
|
|
.site-content {
|
|
margin-top: 4.5em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
9.1 Posts
|
|
--------------------------------------------------------------*/
|
|
article.hentry {
|
|
margin: 0 0 8em 0;
|
|
}
|
|
article.sticky {
|
|
padding: 4em;
|
|
background-color: #f7fbff;
|
|
background-clip: padding-box;
|
|
/* stops bg color from leaking outside the border: */
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
article h1 a, article h2 a, article h3 a, article h4 a, article h5 a {
|
|
color: #666666;
|
|
}
|
|
article hr {
|
|
margin: 2.25rem 0 2.1875rem;
|
|
}
|
|
article .featured-image img {
|
|
width: 356px;
|
|
float: left;
|
|
border: 1px solid #EFEFEF;
|
|
margin-right: 1.875rem;
|
|
margin-bottom: 1.875rem;
|
|
background-clip: padding-box;
|
|
/* stops bg color from leaking outside the border: */
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
|
|
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
|
|
-o-transition: 0.2s;
|
|
-ms-transition: 0.2s;
|
|
-moz-transition: 0.2s;
|
|
-webkit-transition: 0.2s;
|
|
transition: 0.2s;
|
|
}
|
|
article .featured-image img:hover {
|
|
opacity: 0.8;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
article .featured-image img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
article .entry-header {
|
|
margin-bottom: 2.75em;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
article .entry-header {
|
|
text-align: center;
|
|
}
|
|
}
|
|
article .entry-content:after {
|
|
clear: none;
|
|
}
|
|
article .entry-content li {
|
|
margin-bottom: 1em;
|
|
}
|
|
article .entry-footer {
|
|
margin: 1em 0;
|
|
}
|
|
article .entry-footer .left {
|
|
background-color: #efefef;
|
|
padding: 0.2em 2em;
|
|
background-clip: padding-box;
|
|
/* stops bg color from leaking outside the border: */
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
article .entry-footer .left i {
|
|
color: #d5d5d5;
|
|
padding: 0.25em 0.25em;
|
|
-o-transition: 0.2s;
|
|
-ms-transition: 0.2s;
|
|
-moz-transition: 0.2s;
|
|
-webkit-transition: 0.2s;
|
|
transition: 0.2s;
|
|
}
|
|
article .entry-footer .left i:hover {
|
|
color: #e8554e;
|
|
}
|
|
article .entry-footer .right {
|
|
color: #d5d5d5;
|
|
}
|
|
article .entry-footer .cat-links, article .entry-footer .tags-links {
|
|
margin-right: 1em;
|
|
}
|
|
article table td, article table tr th {
|
|
padding: 1.5em;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
article table td, article table tr th {
|
|
padding: 0.5em;
|
|
}
|
|
}
|
|
article table tr th, article table tr td {
|
|
font-size: 1.1rem;
|
|
font-weight: normal;
|
|
}
|
|
article table tr th {
|
|
color: #555555;
|
|
font-weight: bold;
|
|
}
|
|
article table tr td {
|
|
color: #777777;
|
|
}
|
|
article table .even {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* Post Nav Links */
|
|
.nav-links .nav-previous {
|
|
float: left;
|
|
}
|
|
.nav-links .nav-next {
|
|
float: right;
|
|
}
|
|
|
|
/* Single */
|
|
.single article {
|
|
margin: 0 0 4em 0;
|
|
}
|
|
.single article .author.vcard .fn {
|
|
font-weight: normal;
|
|
}
|
|
.single article .entry-footer {
|
|
margin-top: 3em;
|
|
}
|
|
.single article .entry-footer .right {
|
|
padding: 0.5em 0;
|
|
color: #666666;
|
|
}
|
|
|
|
.post-navigation {
|
|
margin: 0 0 3em 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
9.2 Blog Page
|
|
--------------------------------------------------------------*/
|
|
.more-link {
|
|
font-style: italic;
|
|
display: inline-block;
|
|
}
|
|
|
|
.blog_page_titles {
|
|
text-align: center;
|
|
margin-bottom: 6em;
|
|
}
|
|
.blog_page_titles h2 {
|
|
font-size: 2.625rem;
|
|
font-weight: normal;
|
|
}
|
|
.blog_page_titles h3 {
|
|
font-size: 1rem;
|
|
color: #888888;
|
|
font-weight: normal;
|
|
width: 35%;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
.blog_page_titles h3 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
|
|
.blog_page_titles h3 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
9.3 404 Page
|
|
--------------------------------------------------------------*/
|
|
.error-404 header, .error-404 .page-content p {
|
|
text-align: center;
|
|
}
|
|
.error-404 .search-form {
|
|
margin-top: 5em;
|
|
}
|
|
.error-404 .large-3 {
|
|
margin-top: 5em;
|
|
}
|
|
.error-404 .large-3 h2 {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
9.4 Archive Page
|
|
--------------------------------------------------------------*/
|
|
.search .page-header, .archive .page-header {
|
|
margin: 0 0 5em 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
9.5 Full Width
|
|
--------------------------------------------------------------*/
|
|
.page-template-template-full-php h2 {
|
|
text-align: center;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
9.6 Contact Page
|
|
--------------------------------------------------------------*/
|
|
.contact-form label {
|
|
margin: 1.5em 0 0.25em 0 !important;
|
|
font-size: 1.125rem;
|
|
color: #666666;
|
|
}
|
|
.contact-form input[type="text"], .contact-form input[type="email"] {
|
|
width: 500px !important;
|
|
height: 4em;
|
|
}
|
|
.contact-form textarea {
|
|
height: 20em !important;
|
|
width: 100% !important;
|
|
margin-bottom: 2em !important;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
10.0 Comments
|
|
--------------------------------------------------------------*/
|
|
.comments-area h4.comments-title {
|
|
margin: 2em 0;
|
|
}
|
|
.comments-area ol {
|
|
list-style: none;
|
|
margin-left: 0;
|
|
}
|
|
.comments-area ol .children {
|
|
margin-left: 80px;
|
|
}
|
|
|
|
.comment {
|
|
margin-top: 40px;
|
|
}
|
|
.comment img.avatar {
|
|
display: block;
|
|
float: left;
|
|
height: 60px;
|
|
margin: 0 20px 0 0;
|
|
width: 60px;
|
|
background-clip: padding-box;
|
|
/* stops bg color from leaking outside the border: */
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
.comment .comment-content {
|
|
background-color: #F6F6F6;
|
|
background-clip: padding-box;
|
|
/* stops bg color from leaking outside the border: */
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
padding: 2.5rem;
|
|
}
|
|
.comment .comment-meta-header cite {
|
|
margin-right: 1em;
|
|
font-weight: bold;
|
|
color: #555555;
|
|
}
|
|
.comment .comment-meta-header .comment-meta {
|
|
font-size: 0.875rem;
|
|
}
|
|
.comment .comment-meta-header .comment-reply-link {
|
|
float: right;
|
|
font-size: 1rem;
|
|
font-style: italic;
|
|
}
|
|
|
|
.comment-respond {
|
|
margin: 3em 0;
|
|
}
|
|
.comment-respond h3.comment-reply-title {
|
|
font-size: 1.25rem;
|
|
}
|
|
.comment-respond .comment-form-comment label {
|
|
display: none;
|
|
}
|
|
.comment-respond .logged-in-as {
|
|
font-size: 0.875rem;
|
|
}
|
|
.comment-respond textarea {
|
|
background-color: #F6F6F6;
|
|
}
|
|
.comment-respond #cancel-comment-reply-link {
|
|
float: right;
|
|
position: relative;
|
|
top: 2.5em;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
11.0 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 {
|
|
display: none;
|
|
}
|
|
|
|
.widget-area aside {
|
|
margin-bottom: 4.5em;
|
|
}
|
|
|
|
h1.widget-title {
|
|
font-size: 1rem;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
/* Search Widget */
|
|
.search-form input[type="search"] {
|
|
height: 2.8125rem;
|
|
}
|
|
|
|
footer .search-form input[type="search"] {
|
|
background-color: #464646;
|
|
}
|
|
|
|
/* Archive, Categories, pages, Meta, Comments, Posts Widget */
|
|
.widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul {
|
|
color: #bebebe;
|
|
list-style: none;
|
|
}
|
|
.widget_archive li:before, .widget_categories li:before, .widget_pages li:before, .widget_meta li:before, .widget_recent_comments li:before, .widget_recent_entries li:before {
|
|
font-family: 'FontAwesome';
|
|
content: "";
|
|
margin: 0 15px 0 -15px;
|
|
}
|
|
|
|
/* RSS Widget */
|
|
.widget_rss ul {
|
|
list-style: none;
|
|
margin-left: 0;
|
|
}
|
|
.widget_rss li {
|
|
margin-bottom: 2em;
|
|
}
|
|
.widget_rss .rssSummary {
|
|
margin: 2em 0;
|
|
}
|
|
|
|
/* Tags Widget */
|
|
.widget_tag_cloud {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.widget_tag_cloud a {
|
|
background-color: #e8554e;
|
|
color: #FFFFFF;
|
|
padding: 0.35em 1.5em;
|
|
float: left;
|
|
margin-right: 0.35em;
|
|
margin-bottom: 0.35em;
|
|
font-size: 16px !important;
|
|
font-style: italic;
|
|
background-clip: padding-box;
|
|
/* stops bg color from leaking outside the border: */
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-o-transition: 0.2s;
|
|
-ms-transition: 0.2s;
|
|
-moz-transition: 0.2s;
|
|
-webkit-transition: 0.2s;
|
|
transition: 0.2s;
|
|
}
|
|
.widget_tag_cloud a:hover {
|
|
background-color: #555555;
|
|
}
|
|
|
|
/* Recent Entries Widget */
|
|
.widget_recent_entries .post-date {
|
|
font-style: italic;
|
|
display: block;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
/* Calendar Widget */
|
|
.widget_calendar table caption {
|
|
margin-bottom: 0.75em;
|
|
font-size: 1.2em;
|
|
color: #555555;
|
|
}
|
|
.widget_calendar table td, .widget_calendar table tr th {
|
|
padding-top: 1em;
|
|
padding-bottom: 1em;
|
|
}
|
|
.widget_calendar table tr th, .widget_calendar table tr td {
|
|
font-size: 1.1rem;
|
|
font-weight: normal;
|
|
}
|
|
.widget_calendar table tr th {
|
|
color: #555555;
|
|
}
|
|
.widget_calendar table tr td {
|
|
color: #777777;
|
|
}
|
|
|
|
/* Footer Font Awesome Icons */
|
|
footer .textwidget a i {
|
|
color: #FFFFFF;
|
|
padding-left: 0.5em;
|
|
font-size: 1.25rem;
|
|
}
|
|
footer .textwidget a:hover i {
|
|
color: #e8554e;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
12.0 Footer
|
|
--------------------------------------------------------------*/
|
|
.footer-wrap {
|
|
background-color: #303030;
|
|
margin-top: 8em;
|
|
}
|
|
|
|
footer {
|
|
margin: 4em 0 0 0;
|
|
font-size: 1rem;
|
|
}
|
|
footer p, footer a {
|
|
font-size: 1rem;
|
|
}
|
|
footer .large-4 {
|
|
margin-top: 6em;
|
|
margin-bottom: 6em;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
footer .large-4 {
|
|
text-align: center;
|
|
margin-top: 2em;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
footer .site-info {
|
|
color: #555555;
|
|
font-size: 1rem;
|
|
font-style: italic;
|
|
}
|
|
@media only screen and (max-width: 40em) {
|
|
footer .site-info {
|
|
text-align: center;
|
|
}
|
|
}
|
|
footer .widget {
|
|
margin-bottom: 3em;
|
|
}
|
|
footer .widget li {
|
|
margin-bottom: 0.75em;
|
|
}
|
|
footer .widget-title {
|
|
color: #FFFFFF;
|
|
}
|