/*
Theme Name: Senses-lite-enfant
Description: theme enfant DedansDehorsDesignBois
Author: Stéphane Bibloque
Template: senses-lite
(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
/*
TABLE OF CONTENTS
----------------------------------------------------------------
1.0 Normalize
2.0 Layout
3.0 Elements
3.1 Tables
3.2 Blockquotes
3.3 Links
3.4 List Styles
4.0 Typography
5.0 Alignments
6.0 Content
6.1 Posts and pages
6.2 Blog Layouts
6.3 Single
6.4 Aside Post Format
6.5 Quote Post Format
6.6 Image Post Format
6.7 Comments
7.0 Sidebar wrappers
7.1 Sidebars
7.2 Widgets
7.3 Calendar Widget
7.4 Search Widget
7.5 Widgets with Lists
7.6 Tag Cloud
7.7 Custom Widget Styles
8.0 WP Custom Header Image
9.0 Media
10.0 Attachment Page
11.0 Author Bio and Page
12.0 Error Page
13.0 Search Page
14.0 Form Styling
15.0 Navigation
15.1 Primary Menu
15.2 Top Social Menu
15.3 Bottom Social Menu
15.4 Pagination
15.5 Footer Menu
15.6 Go to Top Button
16.0 Infinite scroll
17.0 Accessibility
18.0 Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
01 Normalize
--------------------------------------------------------------*/
html {
font-size: 100%; /* Default browser 16px */
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
box-sizing: border-box;
}
body {
margin: 0;
font-size: 0.875rem;
line-height: 1.6;
color: #fff;
background-color: #303030; /* Fallback for when there is no custom background color defined. */
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
.clearfix:before,
.clearfix: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,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
/*--------------------------------------------------------------
02 Layout
--------------------------------------------------------------*/
#page {
width: 100%;
margin: 0 auto;
background-color: #f3f3f3;
color: #656565;
}
#page.boxed1920 {
max-width: 1920px;
margin: 24px auto;
}
#page.boxed1600 {
max-width: 1600px;
margin: 24px auto;
}
#page.boxed1400 {
max-width: 1400px;
margin: 24px auto;
}
#page.boxed1200 {
max-width: 1200px;
margin: 24px auto;
}
#masthead {
background-repeat:no-repeat;
background-size:auto;
background-position: center;
position: relative;
z-index:9999;
}
#masthead:before {
content: '';
background-color: #fff;
opacity: 0.75;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.site-header {
position: relative;
z-index:3;
}
.site-branding {
margin: 20px 0;
}
.site-logo {
text-align: center;
}
.site-logo #logo {
display: inline-block;
}
.site-description {
max-width: 80%;
margin: auto;
}
.site-footer {
margin-bottom: 20px;
padding: 0 1.5%;
text-align: center;
background-color: #303030;
color: #cdd4c9;
}
.site-info {
margin-bottom: 20px;
color: #b5b5b5;
font-size: 0.75rem;
}
#bottom-wrapper {
background-color: #919d74;
border-bottom: 16px solid #555c43;
color: #F1F5E7;
padding: 16px 10px;
}
#masthead {
background-color: #fff;
}
#content {}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
/*--------------------------------------------------------------
3.1 Tables
--------------------------------------------------------------*/
table {
width: 100%;
margin-bottom: 20px;
border-collapse: separate;
border-spacing: 0;
text-align: left;
}
table thead th,
table thead td {
color: #222;
background: #e6e6e6;
}
caption, th {
font-size: 0.813rem;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
}
th, td {
padding: 8px 12px;
}
tr:nth-child(odd) {
background-color: #f5f5f5;
}
/*--------------------------------------------------------------
3.2 Blockquotes
--------------------------------------------------------------*/
blockquote {
margin: 1.5em;
}
blockquote p {
border-left: 5px solid #d4bea5;
color: #999;
padding: 0 18px;
font-family: "Georgia";
font-size: 1rem;
line-height: 1.4;
font-style: italic;
}
/*--------------------------------------------------------------
3.3 Links
--------------------------------------------------------------*/
a,
a:visited {
color: #af9870;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #a76526;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.site-title a,
.site-title a:visited {
color: #303030;
}
#sidebar-left li a,
#sidebar-left li a:visited,
#sidebar-right li a,
#sidebar-right li a:visited {
color: #909090;
}
#sidebar-left li a:hover,
#sidebar-right li a:hover {
color: #a76526;
}
/*--------------------------------------------------------------
3.4 List Styles
--------------------------------------------------------------*/
ul,
ol {
margin: 0 0 1.5rem 3rem;
padding:0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 2rem;
}
.textwidget ul {
margin-left: 2rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5rem 1rem;
}
/*--------------------------------------------------------------
4.0 Typography
--------------------------------------------------------------*/
.site-title {
padding: 10px 0;
font-family: "Old Standard TT",Georgia,Serif;
font-size: 2.5rem;
line-height: 1;
text-align: center;
}
.site-description {
line-height: 1.2;
font-size: 0.913rem;
text-align: center;
font-style: italic;
color: #969696;
}
p {
margin: 1.125rem 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Old Standard TT", "Times New Roman", serif;
clear: both;
margin: 12px 0;
font-weight: 400;
line-height: 1.2;
letter-spacing: -1px;
color: #353535;
}
h1 {
font-size: 1.75rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.375rem;
}
h4 {
font-size: 1.250rem;
}
h5 {
font-size: 1.063rem;
}
h6 {
font-size: 1rem;
}
h5, h6 {
letter-spacing:normal;
}
.page-title {
font-size: 2.25rem;
}
.page-title,
.single .entry-title {
font-weight:700;
}
.widget-title {
font-size: 1.438rem;
}
#sidebar-footer .widget-title {
font-size: 1.25rem;
margin: 0;
color: #fff;
}
#sidebar-footer p {
margin: 6px 0;
}
/* Text alignment */
.text-left,
.text-center,
.text-right,
.text-justify {
display:block;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
/* Text transform */
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform:capitalize;
}
/* Text Font weight */
.text-light {
font-weight:300;
}
.text-semibold {
font-weight:600;
}
.text-bold {
font-weight:700;
}
.text-xbold {
font-weight:800;
}
/* Typography Elements */
dfn,
cite,
em,
i {
font-style: italic;
}
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;
}
/*--------------------------------------------------------------
5.0 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;
}
.alignnone {
margin: 0 0 20px;
}
/*--------------------------------------------------------------
6.0 Content
--------------------------------------------------------------*/
#content {}
.archive .page-header {
margin-bottom: 50px;
padding: 0;
}
.archive .page-header.text-center {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}
/*--------------------------------------------------------------
6.1 Posts and Pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.sticky-wrapper {
margin: auto;
position: relative;
}
.featured {
display: inline-block;
margin-bottom: 6px;
padding: 4px 18px 3px;
font-size: 0.75rem;
line-height: 1;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #919d74;
color: #fff;
}
.featured-image-wrapper {
margin: 0 auto 1.5rem;
text-align: center;
}
.featured-image-wrapper img {
display: inline-block;
}
.hentry {
margin: 0 0 2rem;
}
.page .hentry {
margin: 0;
}
.entry-title {
margin: 0.5rem 0;
font-size: 1.5rem;
line-height: 1;
font-weight: 400;
}
.entry-title,
.entry-title a {
color: #353535;
}
.entry-title a:hover {
color: #9ca867;
}
.entry-meta,
.entry-meta a {
color: #9e9e9e;
}
.entry-meta a:hover {
color: #9ca867;
}
.byline,
.updated:not(.published) {
display: none;
}
.byline,
.single .byline,
.group-blog .byline,
.comments-link,
.entry-format,
.entry-meta .edit-link {
display: inline;
margin-left: 9px;
}
.single .entry-format {
margin: 0 9px 0 0;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0;
}
.page .entry-footer,
.masonry-style .entry-footer,
.grid .entry-footer {
margin: 0;
}
.entry-footer {
margin: 32px 0;
clear: both;
font-size: 0.813rem;
}
.cat-links,
.tags-links {
display: block;
text-transform: uppercase;
}
.entry-footer a {
text-transform: none;
font-weight:400;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.post-date {
display: block;
font-size: 0.813rem;
position: relative;
}
.post-date span {
display: inline-block;
padding: 0;
position: relative;
}
.more-link-wrapper {
margin: 1.25rem 0;
}
.more-link,
.more-link:visited {
background-color:transparent;
color: #D4A257;
font-size: 0.813rem;
letter-spacing: 1px;
text-transform: uppercase;
}
.more-link:hover {
color: #656565;
}
/*--------------------------------------------------------------
6.2 Blog Layouts
--------------------------------------------------------------*/
/* Top Featured centered*/
.top-featured-center .entry-header{
text-align: center;
}
.top-featured-center .entry-summary {
max-width: 900px;
margin: auto;
text-align: center;
}
.top-featured-center .featured-image-wrapper img {
margin: auto;
}
/* Top Featured Right Sidebar and Top Featured Left Sidebar */
.top-featured-left .entry-header,
.top-featured-left .entry-summary,
.top-featured-right .entry-header,
.top-featured-right .entry-summary {
text-align: left;
}
.top-featured-left .entry-title,
.top-featured-right .entry-title {
display: block;
margin: 5px 0;
}
.top-featured-left .featured-image-wrapper,
.top-featured-right .featured-image-wrapper {
margin: 0 0 2rem;
text-align: left;
}
/*--------------------------------------------------------------
6.3 Single
--------------------------------------------------------------*/
.single .entry-header {
text-align: left;
}
/*--------------------------------------------------------------
6.4 Aside Post Format
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
.aside-wrapper {
padding: 1.125rem 1.125rem 0;
}
.format-aside {
background-color: #fff;
}
.top-featured-center .format-aside {
text-align: center;
}
.single .format-aside {
background-color: transparent;
}
/*--------------------------------------------------------------
6.5 Quote Post Format
--------------------------------------------------------------*/
.format-quote blockquote,
.format-quote .entry-footer {
margin:0;
padding:0;
text-align: center;
}
.format-quote {
background-color: #aaae98;
}
.format-quote .featured-image {
background-size: cover;
background-position:center;
}
.format-quote-overlay {
width:100%;
height: 100%;
margin: auto;
background-color:rgba(0,0,0,0.30);
}
.format-quote .entry-title {
display: block;
text-align: center;
margin: 0;
}
.quote-wrapper {
padding: 60px 40px;
}
.format-quote .entry-title,
.format-quote p,
.format-quote a {
color: #fff;
}
.quote-wrapper p {
font-family: Arial, Helvetica, Arial, sans-serif;
font-size: 0.938rem;
font-style: italic;
margin-bottom: 0;
padding:0;
border: none;
}
.format-quote cite {
font-size: 0.75rem;
display: block;
margin-top: 5px;
}
.format-quote cite:before {
content: "\2014 \2009";
}
.single .format-quote {
background-color: transparent;
}
.single .format-quote .entry-title,
.single .format-quote p,
.single .format-quote a {
color: inherit;
}
.single .format-quote .entry-title,
.single .format-quote blockquote,
.single .format-quote .entry-footer {
text-align: left;
}
.single blockquote p {
border: none;
font-family: inherit;
font-size: inherit;
font-style: normal;
padding:0;
}
/*--------------------------------------------------------------
6.6 Image Post Format
--------------------------------------------------------------*/
.format-image .featured-image {
padding: 60px 20px;
background-size: cover;
background-position:center;
}
.format-image .post-date span {
background: none;
}
.format-image {
text-align: center;
color: #fff;
}
.format-image .post-date,
.format-image .more-link,
.format-image .more-link:visited {
color: #d8d8d8;
}
.format-image .entry-title,
.format-image .post-date {
text-align: center;
}
.single-format-image .entry-title {
text-align: left;
}
.format-image .entry-title a,
.grid .format-image .entry-title a {
color: #c9d6a3;
}
.format-image .entry-title a:hover,
.format-image .more-link:hover,
.grid .format-image .entry-title a:hover,
.format-image .entry-meta a:hover {
color: #fff;
}
.format-image-overlay {
width:80%;
margin: auto;
padding: 30px;
background-color:rgba(0,0,0,0.40);
}
.format-image .more-link-wrapper {
margin: 5px auto;
}
.format-image .entry-footer {
margin:0;
}
.single-format-image .right-column .format-image,
.single-format-image .left-column .format-image,
.single-format-image .format-image {
color: #6e6e6e;
text-align: left;
}
.grid .format-image {
color: #6e6e6e;
}
/*--------------------------------------------------------
6.7 Comments
--------------------------------------------------------*/
.comments-title {
font-size: 1.25rem;
}
.comments-title span {
font-style: italic;
}
.comment-wrapper p {
margin: 0 0 1.5rem;
}
.comment-info p {
margin-bottom: 14px;
}
.comment-list{
list-style: none;
position: relative;
z-index: 2;
padding: 0;
margin: 16px 0 0;
}
.comment-list li{
display: inline-block;
position: relative;
width: 100%;
}
.comment-list > li{
margin: 12px 0 0;
}
.comment-wrapper {
margin: 10px 0 0;
}
.comment-wrapper .avatar {
float: left;
margin: 0 16px 0 0;
border-radius: 50%;
}
.comment {
padding: 6px 0 0;
}
.comment-meta {
margin-bottom: 6px;
min-height: 50px;
}
.comment-metadata {
line-height: 1.2;
font-size: 0.75rem;
float: left;
font-style: italic;
font-family: verdana, sans-serif;
}
.comment-info .fn {
font-size: 1rem;
font-style: normal;
}
.comment-info .fn a {
color: #616161;
}
.comment-edit-link,
.comment-reply-link {
margin-left: 8px;
}
.comment-reply-link {
font-weight: 600;
}
.logged-in-as {
margin: 10px 0;
font-style: italic;
}
.comment-wrapper .form-submit {
margin: 0 0 20px;
}
.comment-list li ul.children {
margin: 0;
padding: 0 0 0 40px;
}
#respond h3 {
margin: 0 0 15px 0;
}
#respond h3.comment-reply-title{
margin:0;
font-weight: 600;
}
#respond small {
display: block;
margin: 0;
position: relative;
}
.comment .comment-respond{
margin-top: 40px;
}
#respond textarea,
#respond input[type='text'] {
position: relative;
width:100%;
margin: 0 0 15px 0;
padding: 10px 17px;
outline: 0;
resize: none;
font-family: inherit;
font-size: inherit;
line-height: 18px;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#respond textarea {
padding: 15px 17px;
}
#respond textarea {
margin: 0 0 12px;
}
.comment-form {
display: inline-block;
margin: 0 0 40px;
width: 100%;
padding:0;
}
.comment-form form p.form-submit,
.comment p.form-submit {
margin: 0;
}
.comment-reply-login {
margin-left: 10px;
}
.comment-form form p.form-submit .success p{
margin: 10px 0 0;
}
.comment-form form p.logged-in-as{
margin: 0 0 17px;
font-size: 12px;
font-weight: 400
}
#cancel-comment-reply-link {
margin: 0px;
display: inline-block;
width: 100%;
font-size: 1.25rem;
font-weight: 600;
}
.comment blockquote {
display: block;
background: #fff;
padding: 7px 20px 7px 45px;
margin: 0 0 20px;
position: relative;
font-size: 0.875rem;
line-height: inherit;
font-style: italic;
}
.comment blockquote p {
margin: 0;
}
.comment blockquote:before {
content: "\201C"; /*Unicode for Left Double Quote*/
font-family: Georgia, serif;
font-size: 3rem;
font-weight: 600;
color: #838383;
position: absolute;
left: 10px;
top: -8px;
}
/*--------------------------------------------------------------
7.0 Sidebar wrappers
--------------------------------------------------------------*/
#Decommenter la ligne pour diminuer le padding des titres et mettre à 10 padding
feature-top-wrapper,
feature-bottom-wrapper {
padding: 10px 10px;
}
/*--------------------------------------------------------------
Banner Captions
--------------------------------------------------------------*/
.banner-caption {
width: 90%;
/*z-index: 2;*/
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
padding: 10px 20px;
background-color: rgba(0,0,0,0.30);
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: Serif;
font-size: 1.5rem;
line-height: 1.4;
font-style: italic;
color: #fff;
letter-spacing: 1px;
}
.banner-caption-content-title {
margin-bottom: 0;
}
.banner-caption span {
display: block;
font-family: arial, helvetica, sans-serif;
font-style: normal;
font-size: 0.75rem;
text-transform: uppercase;
}
/*--------------------------------------------------------------
7.1 Sidebars
--------------------------------------------------------------*/
#banner {
position: relative;
}
#sidebar-breadcrumbs .widget {
font-size: 0.75rem;
font-style: italic;
}
#sidebar-content-top,
#sidebar-content-bottom {
padding: 20px 0;
}
#sidebar-bottom {
padding: 16px 0;
line-height: 1.3;
}
#sidebar-footer {
max-width: 900px;
margin: 16px auto;
}
/*--------------------------------------------------------------
7.2 Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
#sidebar-left .widget,
#sidebar-right .widget {
margin: 0 0 3em;
}
/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}
#banner .widget {
margin: 0;
}
#bottom-sidebars p {
margin-bottom: 0;
}
#footer-sidebar p {
margin: 0;
font-size: 0.813rem;
}
/*--------------------------------------------------------
7.3 Calendar Widget
--------------------------------------------------------*/
.widget_calendar caption {
background-color: #303030;
margin-bottom: 1px;
padding: 5px 3px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
.widget_calendar th {
background-color: #e2e3e4;
border-left: 1px solid rgba(0, 0, 0, 0);
color: #333;
text-align: center;
font-weight: bold;
}
.widget_calendar tbody, .widget_calendar thead {
border: 1px solid #e2e3e4;
}
.widget_calendar tbody td {
background-color: #fcfdfd;
border-left: 1px solid rgba(0, 0, 0, 0);
border-top: 1px solid rgba(0, 0, 0, 0);
text-align: center;
}
.widget_calendar tbody td:first-child {
border-left: none;
}
.widget_calendar tbody td#today {
background-color: #f3f3f3;
font-weight: bold;
}
.widget_calendar tbody td#today a {
color: #fff;
}
.widget_calendar tfoot {
background-color: #e2e3e4;
}
#wp-calendar tfoot td {
padding: 3px 0 3px 10px;
text-transform: uppercase;
font-size: 11px;
}
/*--------------------------------------------------------
7.4 Search Widget
--------------------------------------------------------*/
.widget .widget-title {
margin-bottom: 12px;
}
.widget .input-search {
border: 1px solid #ebebeb;
margin: 12px 0 6px;
width: 100%;
background-color: #fff;
}
.widget .button-search {
width: 100%;
text-align: center;
border: 0;
}
.widget .button-search:hover {
background-color: #303030;
}
.widget .button-search {
background-color: #888;
}
/*--------------------------------------------------------
7.5 Widgets with Lists
--------------------------------------------------------*/
.widget_archive a,
.widget_categories a,
.widget_links a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.widget_recent_comments a,
.widget_recent_entries a {
border: 0;
}
.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
list-style: none;
margin: 0;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
border-top: 1px solid #e6e6e6;
padding: 0.5rem 0;
}
#sidebar-bottom .widget_archive li,
#sidebar-bottom .widget_categories li,
#sidebar-bottom .widget_links li,
#sidebar-bottom .widget_meta li,
#sidebar-bottom .widget_nav_menu li,
#sidebar-bottom .widget_pages li,
#sidebar-bottom .widget_recent_comments li,
#sidebar-bottom .widget_recent_entries li {
border-color: #b9bbb2;
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
border-top: 0;
padding-top: 0;
}
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child {
padding-bottom: 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
border-top: 1px solid #e6e6e6;
margin: 0.5rem 0 0 0.8em;
padding-top: 0.5rem;
}
#sidebar-bottom .widget_categories .children,
#sidebar-bottom .widget_nav_menu .sub-menu,
#sidebar-bottom .widget_pages .children {
border-color: #b9bbb2;
}
.widget_recent_entries .post-date {
display: block;
}
#sidebar-bottom li {
padding: 5px 0;
}
/*--------------------------------------------------------
7.6 Tag Cloud
--------------------------------------------------------*/
.widget .tagcloud a{
margin: 0 3px 5px 0;
color: #686868;
border: 1px solid #d9d9d9;
padding: 0px 16px;
line-height:30px;
height:32px;
display:inline-block;
vertical-align:middle;
font-size:10px !important;
font-weight: 500;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-ms-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
-webkit-transition: border-color .2s ease-in-out;
-moz-transition: border-color .2s ease-in-out;
-ms-transition: border-color .2s ease-in-out;
-o-transition: border-color .2s ease-in-out;
transition: border-color .2s ease-in-out;
}
.widget .tagcloud a:hover {
color: #f3f3f3;
border-color: transparent;
background-color: #303030;
}
#sidebar-bottom .tagcloud a {
text-decoration: none;
border-color: #b9bbb2;
color: #fff;
}
#sidebar-bottom .tagcloud a:hover {
background-color: #303030;
border-color: transparent;
color: #f3f3f3;
}
/* image-caption*/
#sidebar-left .widget-image-caption-box,
#sidebar-right .widget-image-caption-box {
max-width:340px;
margin:auto;
}
.widget-image-caption-box {
position: relative;
}
.widget-image-caption {
width: 90%;
z-index: 2;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
padding: 10px;
background-color: rgba(0,0,0,0.40);
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
}
.widget-image-content-title {
margin-bottom: 0;
}
.widget-image-caption span {
display: block;
margin: 6px 0 0;
font-family: arial, helvetica, sans-serif;
font-style: normal;
font-size: 0.75rem;
text-transform: uppercase;
}
.widget-image-caption .title {
font-family: Serif;
font-size: 1.75rem;
line-height: 1.2;
font-style: italic;
color: #fff;
letter-spacing: 1px;
}
.widget-image-caption .caption {
font-family: arial,helvetica,sans-serif;
font-size: 0.813rem;
color: #f3f3f3;
}
.btn.border {
margin: 16px auto;
border:1px solid #f3f3f3;
background-color: transparent;
font-family: Arial, Helvetica, Sans-serif;
font-style: normal;
}
.btn.border:hover {
background-color: transparent;
}
.widget-image-caption-box img {
margin: auto;
}
/*--------------------------------------------------------------
8.0 WP Custom Header Image
--------------------------------------------------------------*/
.wp-header-image-box {
width: 50%;
z-index: 2;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
padding: 15px;
background-color: rgba(0,0,0,0.30);
color: #fff;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.wp-header-image-box:after {
z-index: -1;
position: absolute;
top: -10px;
left: -10px;
width: calc(100% - -18px);
height: calc(100% - -18px);
border: 1px solid rgba(0,0,0,0.30);
content: "";
}
.wp-header-image-title {
margin: 0;
font-size: 2.5rem;
line-height: 1.2;
font-weight:400;
text-transform: uppercase;
}
.wp-header-image-caption {
font-size: 1.063rem;
text-transform: uppercase;
letter-spacing: 2px;
}
/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border: 0;
vertical-align: middle;
}
img,
.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;/* Adhere to container width. */
height: auto; /* Make sure images are scaled correctly. */
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* WP Gallery up to 9 columns */
.gallery {
width: calc(100% - -30px);
margin: 4% 0;
}
.gallery .gallery-item {
position: relative;
display: inline-block;
margin: 0;
padding: 0 30px 20px 0;
text-align: center;
}
.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 .gallery-caption {
opacity: 0;
position: absolute;
bottom: 30px;
left: 0;
right:0;
margin-right: 30px;
padding: 20px;
background-color: rgba(0, 0, 0, 0.50);
/* lets create animated captions ending at 10px */
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
/* lets create animated captions starting from 0 */
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
/* Thumbnails are too small so lets hide the captions */
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-icon.landscape {
float: left;
}
.wp-caption-text {
color: #fff;
font-size: 0.813rem;
line-height: 1.2;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
.wp-caption {
max-width: 100%;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
/*--------------------------------------------------------
10.0 Attachment Page
--------------------------------------------------------*/
.attachment #content {
padding: 0;
}
.attachment.hentry {
text-align: center;
}
.attachment .page-title {
font-weight: 400;
font-size: 1.75rem;
}
.entry-attachment {
margin-bottom: 30px;
padding: 60px 0;
background: #303030; /* Old browsers */
background: -moz-linear-gradient(left, #303030 0%, #000000 50%, #303030 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#303030), color-stop(50%,#000000), color-stop(100%,#303030)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #303030 0%,#000000 50%,#303030 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #303030 0%,#000000 50%,#303030 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #303030 0%,#000000 50%,#303030 100%); /* IE10+ */
background: linear-gradient(to right, #303030 0%,#000000 50%,#303030 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#303030',GradientType=1 ); /* IE6-9 */
}
.entry-attachment img {
display: inline-block;
border: 20px solid #F3F3F3;
}
.attachment .entry-caption p {
margin: 0;
font-size: 1.125rem;
}
.attachment .entry-content p {
width: 75%;
margin: 20px auto;
}
.single .attachment .entry-header {
text-align: center;
}
/*--------------------------------------------------------
11.0 Author Bio and Page
--------------------------------------------------------*/
.bypostauthor {}
.author-information {
margin-bottom: 50px;
}
.author-avatar {
display: block;
float: none;
}
.author-avatar img {
border-radius: 50%;
}
.author-info {
margin: 50px 0;
padding: 15px;
background-color: #f7f7f7;
}
.author-title {
margin: 0;
font-size: 1.25rem;
display: inline;
}
.author-website {
margin: 7px 0;
font-style: italic;
font-size: 0.813rem;
}
.author-bio {
margin: 6px 0 0;
font-size: 0.813rem;
font-style: italic;
}
.fn {
font-weight: 600;
}
.author-description {
margin: 16px 0 0;
clear: both;
}
.author .author-description {
margin-left: 0;
}
.author-page-header h1,
.author .page-header h2 {
font-size: 1.5rem;
margin: 0;
}
/*--------------------------------------------------------------
12.0 Error Page
--------------------------------------------------------------*/
#error-page {
background-color: #303030;
}
.error-box {
background-color: #919d74;
color: #fff;
padding: 30px;
}
.error404 {
font-size: 12rem;
margin: 0;
padding: 0 20px 20px;
font-family: arial, helvetica, sans-serif;
font-weight: 800;
line-height: 1;
}
.error-title {
font-size: 1.75rem;
margin: 0;
text-transform: uppercase;
padding: 0 20px 0;
line-height: 1;
}
.error-message {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.2;
}
.error-button.btn{
background-color: transparent;
font-size: 1rem;
text-transform: uppercase;
color: #fff;
padding: 6px 20px;
font-weight: 300;
border: 1px solid #afb39c;
}
.error-button.btn:hover {
background-color: #303030;
color: #fff;
border-color: #afb39c;
}
/*--------------------------------------------------------------
13.0 Search Page
--------------------------------------------------------------*/
.page-template-template-search .search-form-wrapper{
margin: 0;
}
.search-form-wrapper {
margin:20px 0;
}
/*--------------------------------------------------------------
14.0 Form Styling
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
}
textarea {
padding-left: 3px;
width: 100%;
}
[role="button"] {
cursor: pointer;
}
.form-control::-moz-placeholder {
padding-top: 2px;
color: #999;
font-size: 0.813rem;
font-style:italic;
opacity: 1;
}
.form-control:-ms-input-placeholder {
padding-top: 2px;
color: #999;
font-size: 0.813rem;
font-style:italic;
}
.form-control::-webkit-input-placeholder {
padding-top: 2px;
color: #999;
font-size: 0.813rem;
font-style:italic;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
/* Begin Forms */
.form-group {
margin-bottom: 10px;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #999;
font-size: 0.75rem;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #d9d9d9;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px ;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select,
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #f9f9f9;
background-image: none;
border: 1px solid #d9d9d9;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus,
.form-control:focus {
background-color: #fff;
border-color: #d3d3d3;
outline: 0;
}
textarea {
height: auto;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-left: 1px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 5px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
/* buttons */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-color: #919d74;
color: #f3f3f3;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 18px 4px;
font-size: 0.813rem;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.42857143;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-ms-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.btn:focus,
.btn:active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.btn:hover,
.btn:focus {
background-color: #303030;
color: #f3f3f3;
text-decoration: none;
}
/* Button size */
.btn-lg {
padding: 8px 24px 7px;
font-size: 1.125rem;
line-height: 1.3333333;
}
.btn-sm {
padding: 3px 14px;
font-size: 0.75rem;
line-height: 1.5;
}
.btn-xs {
padding: 0 12px;
font-size: 0.688rem;
line-height: 1.5;
}
/* Button colour */
button.dark,
input[type="button"].dark,
input[type="submit"].dark,
input[type="reset"].dark,
.btn.dark {
background-color: #303030;
}
button.dark:hover,
input[type="button"].dark:hover,
input[type="submit"].dark:hover,
input[type="reset"].dark:hover,
.btn.dark:hover {
background-color: #a0a0a0;
}
/*--------------------------------------------------------------
15.0 Navigation
--------------------------------------------------------------*/
#site-navigation {
min-height: 50px;
border-top: 1px solid #efefef;
border-bottom: 1px solid #e5e5e5;
text-transform: uppercase;
/*background-color: #f8f8f8;*/
color: #000;
letter-spacing: 1px;
}
/*--------------------------------------------------------------
15.1 Primary Menu
--------------------------------------------------------------*/
.main-navigation {
font-weight: 400;
}
.navigation .col-md-12 {
padding:0;
}
.main-navigation.toggled-on ul {
list-style: none;
margin: 0;
padding: 0;
text-align:left;
}
.toggled-on li {
border-top: 1px solid #424242;
}
.main-navigation.toggled-on a,
.main-navigation.toggled-on li.home a {
display: block;
padding: 4px 12px;
background-color: #303030;
text-decoration: none;
color: #fff;
}
.main-navigation.toggled-on a:hover { }
.main-navigation.toggled-on ul a { width: auto; }
.main-navigation.toggled-on ul a { padding-left: 1.250rem; }
.main-navigation.toggled-on ul ul a { padding-left: 2.50rem; }
.main-navigation.toggled-on ul ul ul a { padding-left: 3.750rem; }
.main-navigation.toggled-on ul ul ul ul a { padding-left: 5rem; }
.main-navigation.toggled-on ul ul ul ul ul a { padding-left: 6.250rem; }
.main-navigation .nav-menu {
display: none;
}
.main-navigation.toggled-on .nav-menu {
display: block;
background-color: #303030;
padding: 20px 0;
}
.toggle-container {
display: block;
text-align: center;
}
#masthead .col-md-8 {
padding: 0;
}
/* Mobile menu button */
.menu-toggle {
display: block;
margin: auto;
border: 0;
cursor: pointer;
overflow: hidden;
position: relative;
font-size: 0.813rem;
letter-spacing: 1px;
text-align: center;
width: 100%;
height: 50px;
background-color: #919d74;
color: #f3f3f3;
}
.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
color: #f3f3f3;
background-color: #555c43;
outline: 0 dotted;
}
@media (min-width: 992px) {
.main-navigation .menu-toggle {
display: none;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding:0;
float: none;
}
.main-navigation ul.nav-menu {
display: block;
}
.main-navigation li {
border: 0;
display: inline-block;
height: 3rem;
line-height: 3rem;
position: relative;
text-transform: uppercase;
}
.main-navigation li a {
display: inline-block;
padding: 0 0.5rem;
white-space: nowrap;
text-decoration: none;
color: #222;
}
.main-navigation li.home a {
color: #222;
}
.main-navigation li.menu-item-has-children > a:after{
font-family: 'FontAwesome';
content: "\f107";
margin-left: 4px;
margin-top: 0;
position: relative;
}
/* Submenus */
.main-navigation ul.sub-menu li.menu-item-has-children > a:after {
font-size: 11px;
margin-left: 0.5rem;
font-family: 'FontAwesome';
content: "\f105";
float: right;
margin-top: 3px;
position: relative;
}
.main-navigation li li > a {
text-transform: initial;
font-size: 0.875rem;
color: #727679;
}
.main-navigation ul ul {
background-color: #f8f8f8;
border-bottom: 5px solid #919d74;
-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.25);
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.25);
float: left;
margin: 0 0 0 -7px;
padding: 8px 0 16px;
position: absolute;
top: 48px;
left: -999rem;
z-index: 1000;
display:none;
}
.main-navigation ul ul ul {
left: -999rem;
top: -6px;
}
.main-navigation li li {
border: 0;
display: block;
height: auto;
line-height: 1.1;
text-align: left;
}
.main-navigation ul ul a,
.main-navigation li li li a {
padding: 0.5rem 1rem;
white-space: normal;
width: 240px;
}
.main-navigation li a:hover {}
.main-navigation li li:hover > a,
.main-navigation li li.focus > a,
.main-navigation ul ul a:hover,
.main-navigation ul ul li.focus > a {}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
right: auto;
left:0;
display:block;
-webkit-animation: zoomIn .3s ease-in ;
-moz-animation: zoomIn .3s ease-in;
animation: zoomIn .3s ease-in;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
right: auto; /* reset the default positioning */
left: 100%; /* this makes the submenu fly out to the right */
}
.main-navigation li.home a:hover,
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
color: #CCA257;
}
.home.current-menu-item a {
background: none;
}
.main-navigation li li a {
-moz-transition: padding-right .3s ease-in-out;
-o-transition: padding-right .3s ease-in-out;
-webkit-transition: padding-right .3s ease-in-out;
transition: padding-right .3s ease-in-out;
}
.main-navigation li li a:hover {
padding-right: 20px;
}
.main-navigation ul,
.main-navigation.header-centered ul {
text-align: center;
}
}
/*--------------------------------------------------------------
15.3 Bottom Social Menu
--------------------------------------------------------------*/
.bottom-social-menu {
margin: 20px 0;
text-align: center;
}
.social-icons {
height: 32px;
margin: 0;
padding: 0;
text-align: center;
list-style: none;
}
.social-icons li {
display: inline-block;
margin: 1px;
text-align: center;
}
.social-icons a {
display: inline-block;
height: 32px;
position: relative;
width: 32px;
font-family: "FontAwesome";
background-color: #444;
color: #fff;
text-align: center;
border-radius:50%;
-webkit-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-ms-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
.social-icons a:hover {
text-decoration: none;
background-color: #dcc593;
color: #fff;
}
.social-icons a:before {
position: absolute;
left: 0;
right:0;
content: "\f013";
font-size: 1rem;
line-height: 2;
}
.social-icons a[href$="/feed/"]:before {
content: "\f09e";
}
.social-icons a[href*="deviantart.com"]:before {
content: "\f1bd";
}
.social-icons a[href*="digg.com"]:before {
content: "\f1a6";
}
.social-icons a[href*="dribbble.com"]:before {
content: "\f17d";
}
.social-icons a[href*="facebook.com"]:before {
content: "\f09a";
}
.social-icons a[href*="flickr.com"]:before {
content: "\f16e";
}
.social-icons a[href*="plus.google.com"]:before,
.social-icons a[href*=".google.com"]:before {
content: "\f0d5";
}
.social-icons a[href*="github.com"]:before {
content: "\f1d3";
}
.social-icons a[href*="instagram.com"]:before {
content: "\f16d";
}
.social-icons a[href*="linkedin.com"]:before {
content: "\f0e1";
}
.social-icons a[href*="pinterest.com"]:before {
content: "\f0d2";
}
.social-icons a[href*="reddit.com"]:before {
content: "\f1a1";
}
.social-icons a[href*="stumbleupon.com"]:before {
content: "\f1a4";
}
.social-icons a[href*="tumblr.com"]:before {
content: "\f173";
}
.social-icons a[href*="twitter.com"]:before {
content: "\f099";
}
.social-icons a[href*="vimeo.com"]:before {
content: "\f194";
}
.social-icons a[href*="wordpress.com"]:before,
.social-icons a[href*="wordpress.org"]:before {
content: "\f19a";
}
.social-icons a[href="xing.com"]:before {
content: "f168";
}
.social-icons a[href*="youtube.com"]:before {
content: "\f16a";
}
.social-icons a[href*="vk.com"]:before {
content: "\f189";
}
.social-icons a[href^="mailto:"]:before {
content: "\f0e0 ";
}
/*--------------------------------------------------------
15.4 Pagination
--------------------------------------------------------*/
.pagination {
text-align: center;
margin: 30px auto;
}
/* blog home navigation */
#blog-nav {
height: 40px;
}
.post-nav-older,
.post-nav-newer {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
display: inline-block;
position: relative;
}
.post-nav-older {
float: right;
}
.post-nav-newer {
float: left;
}
.post-nav-older:after,
.post-nav-newer:before {
font-family: FontAwesome;
font-size: 0.813rem;
content: "\f101";
margin-left: 5px;
}
.post-nav-newer:before {
content: "\f100";
margin: 0 5px 0 0;
}
/* single post navigation */
.post-navigation {
display: table;
clear: both;
width: 100%;
margin: 32px 0 28px;
}
.post-navigation .nav-previous,
.post-navigation .nav-next,
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
width: 50%;
}
.post-navigation .nav-previous,
.comment-navigation .nav-previous {
float: left;
}
.post-navigation .nav-next,
.comment-navigation .nav-next {
float: right;
text-align: right;
}
.post-navigation .meta-nav {
display: block;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.688rem;
}
.post-navigation .post-title {
font-size: 0.813rem;
}
.comment-navigation {
margin-bottom: 20px;
}
.comment-navigation a,
.nav-link {
font-style: italic;
}
.page-links {
margin: 20px 0;
font-style: italic;
}
.single .page-links {
text-align: left;
}
/* attachment nav */
.image-navigation .nav-previous, .image-navigation .nav-next {
display: inline-block;
font-size: 2rem;
}
/*--------------------------------------------------------------
15.5 Footer Menu
--------------------------------------------------------------*/
#footer-menu {
list-style: none;
margin: 5px 0 3px;
padding:0;
text-align: center;
}
#footer-menu li {
display: inline;
}
#footer-menu a {
font-size: 0.813rem;
color: #fff;
}
#footer-menu a:hover {
color: #ccc;
}
#footer-menu li:after {
font-family: Arial, sans-serif;
content: '| ';
margin: 0 2px 0 5px;;
font-size: 0.5rem;
display: inline-block;
vertical-align: middle;
color: #ccc;
}
#footer-menu li:last-child:after {
display: none;
}
/*--------------------------------------------------------------
15.6 Go to Top Button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
right: 20px;
bottom: -45px;
background-color: #000;
border-radius: 50%;
color: #fff;
display: block;
font-size: 22px;
line-height: 35px;
text-align: center;
width: 40px;
height: 40px;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
z-index: 9999;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.back-to-top:hover {
background-color: #565656;
color: #fff;
}
.back-to-top.show {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
bottom : 40px;
}
/*--------------------------------------------------------------
16.0 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;
}
/*--------------------------------------------------------------
17.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: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. */
}
/*--------------------------------------------------------------
18.0 Media Queries
--------------------------------------------------------------*/
@media (min-width: 320px) {
.banner-caption {
display: none;
}
}
@media (max-width: 480px) {
.gallery .gallery-caption {
display: none;
}
}
@media (min-width: 480px) {
.banner-caption {
display:block;
width: 90%;
padding: 10px 10px;
font-size: 1.5rem;
line-height: 1.2;
}
.banner-caption span {
font-size: 0.75rem;
}
}
@media (min-width: 768px) {
.site-title {
font-size: 3rem;
}
.site-description {
max-width: 80%;
}
.col-md-8.top-featured-center {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
h1 {
font-size: 1.875rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
.page-title {
font-size: 2.125rem;
}
.entry-title {
font-size: 1.75rem;
}
.author-description {
margin-left: 110px;
clear: none;
}
.author-avatar {
display: inline-block;
float: left;
}
.banner-caption {
width: 80%;
padding: 20px 10px;
font-size: 2.125rem;
line-height: 1.2;
}
.banner-caption span {
font-size: 1rem;
}
}
@media (min-width: 992px) {
.site-title {
font-size: 4.75rem;
}
.site-description {
max-width: 60%;
}
.banner-caption {
width: 60%;
padding: 30px 10px;
font-size: 2.25rem;
line-height: 1.2;
}
.banner-caption span {
font-size: 1.125rem;
}
}
@media (min-width: 1200px) {
.site-description {
max-width: 50%;
}
.col-md-8.top-featured-center {
width: 100%;
padding-left: 0;
padding-right: 0;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.813rem;
}
h3 {
font-size: 1.625rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
.page-title {
font-size: 2.125rem;
}
.entry-title {
font-size: 2rem;
}
.banner-caption {
width: 40%;
padding: 40px 10px;
font-size: 2.5rem;
line-height: 1.2;
}
.banner-caption span {
font-size: 1.25rem;
}
}
@media (min-width: 1680px) {
.site-description {
max-width: 30%;
}
}