/*
Theme Name: Alison
Theme URI: http://www.angrygorilla.us
Author: Angry Gorilla Team
Author URI: http://www.angrygorilla.us
Description: Modern, Creative Wordpress Blog Theme
Version: 1.0.8
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: responsive-layout, three-columns, right-sidebar, full-width-template, featured-images, post-formats, sticky-post, theme-options, translation-ready
Text Domain: alison
*/
/*
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
This files contents are outlined below.
1. Normalize
2. Global Styles
3. Constants
4. Buttons
5. General Layout
6. Header Structure
7. Navigation
8. Search
9. Social Icons
10. Swiper Styling
11. Post Featured Area
12. Home Title Slogan Box
13. Post Type & Layout Styles
14. Masonry Styling
15. List Styling
16. Pagination
17. Load More Animations
18. Footer Styles
19. Widget Styles
20. Comments Styles
21. Archive Pages
22. Search Page
23. Wordpress Core Fixes
24. Contact Form 7
25. Media Element JS
! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
}
body {
margin: 0;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
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: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
-webkit-border-radius:0;
}
button,
input["text"],
textarea {
-webkit-appearance:none;
}
input[type="checkbox"], input[type="radio"] {
vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
select {
background-color#fff;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
textarea:focus, input:focus {
outline: 0;
}
/*-----------------------------------------------------------------------------------*/
/* - Global Styles
/*-----------------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
*, *:before, *:after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
body {
position: relative;
font-family: 'Merriweather', sans-serif;
color:#222;
background-color: #fff;
font-size: 14px;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.mobile-device body {
background-size:auto!important;
background-position:center top!important;
}
p {
line-height:1.8;
}
a {
text-decoration:none;
color:#E87A55;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
h1,h2,h3,h4,h5,h6 {
font-family: "Raleway";
margin: 30px 0 20px;
color:#111;
font-weight: 700;
letter-spacing: 0.5px;
}
p,hr {
margin-bottom:20px;
}
h1 {
font-size:27px;
}
h2 {
font-size:25px;
}
h3 {
font-size:22px;
}
h4 {
font-size:18px;
}
h5 {
font-size:15px;
}
h6 {
font-size:14px;
}
hr {
border:0;
height:0;
border-bottom:1px solid #e5e5e5;
clear:both;
}
blockquote {
margin-bottom: 40px;
margin-top: 40px;
text-align: center;
}
blockquote:before {
font-family: "elegant";
content: "\e057";
font-size: 26px;
font-weight: 400;
position: relative;
top:3px;
color: #222;
}
blockquote p {
font-size:16px;
font-style: italic;
line-height:1.6;
text-align: center;
font-weight: 300;
}
blockquote p:after {
content: "";
display: block;
color:#333;
font-style: normal;
position: relative;
border-bottom: 1px solid #222;
max-width: 50px;
margin: 15px auto;
}
cite {
color:#AAA;
}
ul, ol {
padding-left:30px;
margin-bottom:20px;
}
ul ol, ol ul, ul ul, ol ol {
margin-bottom: 0;
}
ul li, ol li {
margin-bottom:7px;
line-height: 2;
position: relative;
}
.post-entry ul li,
.post-entry ol li {
margin-top: 5px;
margin-bottom: 5px;
}
dl {
line-height: 2;
}
.bypostauthor {}
table { width:100%; margin-bottom:22px; border-collapse:collapse }
td, th { padding: 12px; border-bottom: 1px solid #e5e5e5; }
th { font-weight:bold; font-size:14px; background:#eee;}
tr:hover {
background:#f9f9f9;
}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
button[type="submit"],
input,
select,
textarea {
border: 1px solid #e5e5e5;
padding: 9px;
}
input[type="text"],
input[type="email"],
textarea {
padding: 12px;
font-size: 12px;
font-style: italic;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
.wpcf7 textarea:focus {
border: 1px solid #333;
}
button[type="submit"], input[type="submit"] {
font-family: "Raleway";
font-size: 9px;
font-weight: 400;
padding: 13px 16px;
background-color:#E87A55;
text-transform: uppercase;
color:#fff;
letter-spacing: 2px;
border: none;
position: relative;
top:-1px;
box-shadow:1px 1px 5px rgba(0,0,0,.2);
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
color: #aaa;
}
.search-form-area ::-webkit-input-placeholder, .search-form-area :-moz-placeholder,
.search-form-area ::-moz-placeholder, .search-form-area :-ms-input-placeholder {
color: #ddd
}
/*-----------------------------------------------------------------------------------*/
/* - Constants
/*-----------------------------------------------------------------------------------*/
.vertical-middle {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.pulse {
-webkit-animation: breath 1.5s ease-out infinite;
-moz-animation: breath 1.5s ease-out infinite;
-ms-animation: breath 1.5s ease-out infinite;
animation: breath 1.5s ease-out infinite;
}
.radius img {
border-radius: 100%;
}
@-ms-keyframes breath {
0% { opacity: 0.8;}
50% {opacity: 1.0;}
100% {opacity: 0.8;}
}
@-moz-keyframes breath {
0% {opacity: 0.8;}
50% {opacity: 1.;}
100% {opacity: 0.8;}
}
@-webkit-keyframes breath {
0% {opacity: 0.8;}
50% {opacity: 1.0;}
100% {opacity: 0.8;}
}
@keyframes breath {
0% {opacity: 0.8;}
50% {opacity: 1.0;}
100% {opacity: 0.8;}
}
/*-----------------------------------------------------------------------------------*/
/* - Buttons
/*-----------------------------------------------------------------------------------*/
.btn {
display: inline-block;
padding: 18px 21px;
font-size: 11px;
color: #111;
font-family: "Raleway";
letter-spacing: 1px;
background-color:#fff;
opacity: 0.95;
-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.2);
-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.2);
box-shadow: 1px 2px 5px rgba(0,0,0,.2);
}
.boxed .btn {
padding: 15px 19px;
font-size: 10px;
}
.btn:hover {
color: #fff;
background-color:#E87A55;
}
/*-----------------------------------------------------------------------------------*/
/* - General Layout
/*-----------------------------------------------------------------------------------*/
#wrapper {
position: relative;
z-index: 1;
}
.container {
width:980px;
margin:0 auto;
}
#main-container {
width:100%;
padding:0 0 60px;
}
#main-container .container {
position: relative;
}
.container.sidebar-open #content {
width:625px;
margin-right:30px;
float:left;
}
#sidebar {
position: relative;
width:325px;
float:right;
}
#sidebar-inner {
position: relative;
}
.theiaStickySidebar.hide {
opacity: 0;
}
/*-----------------------------------------------------------------------------------*/
/* - Header Structure
/*-----------------------------------------------------------------------------------*/
#main-header {
position: relative;
padding-top: 0;
}
.sticky-nav #main-header {
padding-top: 57px;
}
#main-top-wrapper {
padding:70px 0;
text-align: center;
position: relative;
}
#logo {
position:relative;
z-index:1;
text-align:center;
}
#logo h1 {
display: inline-block;
margin: 0;
}
#logo h1 a {
font-size: 50px;
color:#222;
padding: 0px 10px;
text-transform: uppercase;
font-weight: bold;
display: block;
line-height: 1;
-webkit-backface-visibility: hidden;
}
#logo h1 a:hover {
opacity: .8
}
/*-----------------------------------------------------------------------------------*/
/* - Navigation
/*-----------------------------------------------------------------------------------*/
.main-navigation-wrapper {
position: relative;
z-index: 100;
height:57px;
width:100%;
text-align: center;
background:#fff;
box-shadow: 0px 1px 7px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 1px 7px rgba(0,0,0,0.10);
-webkit-box-shadow: 0px 1px 7px rgba(0,0,0,0.10);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.sticky-nav .main-navigation-wrapper {
position: fixed;
}
.main-navigation-wrapper:not(.sticky) .sticky-logo{
display: none;
}
.main-navigation-wrapper .sticky-logo {
position: absolute;
left: 25px;
top: 50%;
margin-top: -19px;
z-index: 1;
}
.main-navigation-wrapper .sticky-logo img {
width: auto;
max-height: 38px;
}
.main-navigation-wrapper.sticky {
position: fixed;
top:0;
width:100%;
z-index: 1000;
transform: translate(0, -100%);
-webkit-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.15);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.15);
box-shadow: 1px 1px 10px rgba(0,0,0,.15);
transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
}
.main-navigation-wrapper.sticky.open {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
.wpadminbar-open .main-navigation-wrapper.sticky {
top:32px;
}
.slicknav_menu {
text-align: left;
display:none;
padding:0;
}
.slicknav_btn {
height: 57px;
line-height: 57px;
padding:0;
margin:0 5px;
}
.main-navigation {
display: inline-block;
height: 57px;
}
.menu-mobile {
display: inline-block;
}
.nav-menu {
display: inline-block;
color:#222;
padding: 0;
margin: 0;
}
.nav-menu.add-menu-alert p {
display: inline-block;
line-height: 57px;
margin: 0;
font-size: 11px !important;
text-transform: uppercase;
}
#footer-copyright .nav-menu.add-menu-alert p {
line-height: 33px;
}
.nav-menu > li {
position:relative;
float: left;
margin-bottom: 0;
}
.nav-menu li {
list-style-type: none;
padding:0;
font-family: "Raleway";
letter-spacing: 1px;
text-transform: uppercase;
}
.nav-menu > li:last-child {
margin-right: 0;
}
.nav-menu > li > a {
display: block;
position: relative;
font-size:11px;
font-weight: 500;
color:#111;
letter-spacing: 1px;
line-height:57px;
padding: 0 13px;
}
.main-navigation .nav-menu > li > a {
font-weight: 600;
}
.nav-menu > li.menu-item-has-children > a:after {
content: "\f107";
font-family: "FontAwesome";
display: inline-block;
margin-left: 4px;
font-size:11px;
}
.nav-menu.footer-menu > li > a {
line-height: 1.5;
padding: 0 8px;
font-size: 10px;
margin: 7px 0;
}
#footer-copyright .nav-menu .sub-menu,
#footer-copyright .nav-menu .children {
bottom: 48px;
top: auto;
}
.nav-menu > li > a:hover,
.nav-menu > li:hover > a {
color: #E87A55;
}
.nav-menu li.current_page_item > a, .nav-menu li.current_page_ancestor > a, .nav-menu li.current-menu-item > a {
color:#E87A55;
}
/*** DROPDOWN ***/
.nav-menu .sub-menu .menu-item-has-children > a:after,
.nav-menu .children .menu-item-has-children > a:after {
float: right;
margin-top: -1px;
content: "\f105";
font-family: "FontAwesome";
display: inline-block;
margin-left: 4px;
font-size: 11px;
}
.nav-menu .sub-menu,
.nav-menu .children {
background: #fff;
opacity: 0;
visibility: hidden;
width: 200px;
padding:12px 0;
position: absolute;
z-index:10;
margin:0;
left: 0;
top:57px;
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
text-align: left;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
left: 100%;
top: -12px;
}
.nav-menu ul li {
float: none;
padding:0 20px;
margin:0;
}
.nav-menu li:last-child,
.nav-menu ul li:last-child {
border-bottom:none;
}
.nav-menu .sub-menu a {
position: relative;
display: block;
color: #111;
line-height:1.8;
font-size: 10px;
font-weight: 600;
padding:6px 0;
border-bottom:1px solid transparent;
-o-transition:.25s;
-ms-transition:.25s;
-moz-transition:.25s;
-webkit-transition:.25s;
transition:.25s;
}
.nav-menu .sub-menu > li:last-child > a {
border-bottom: none;
}
.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
color: #E87A55;
}
.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
opacity: 1;
visibility: visible;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.slicknav_menu .slicknav_icon-bar {
color:#222;
}
/*-----------------------------------------------------------------------------------*/
/* - Search
/*-----------------------------------------------------------------------------------*/
.top-search-area {
display: inline-block;
text-align:center;
vertical-align: top;
}
.top-search-area a {
position: absolute;
top: 0;
right: 0;
display: inline-block;
width:46px;
height: 57px;
line-height:57px;
font-size:15px;
color:#333;
border-left: 1px solid #e8e8e8;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.top-search-area a:hover {
color:#333;
background-color: rgba(0,0,0,.05);
}
.search-form-area {
position: absolute;
top:-100px;
left:0;
width: 100%;
-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
body.search-open #wrapper {
padding-top:100px;
}
body.search-open .search-layer {
opacity: 1;
visibility: visible;
}
body.search-open .top-search-area a .fa.fa-search:before{
content: "\f00d";
font-size: 16px;
}
.search-form-area .search-form .search {
width: 100%;
height: 100px;
line-height: 100px;
font-size: 21px;
font-weight: 300;
font-style: italic;
text-align: center;
background:#222;
color:#fff;
border:none;
padding: 0 17px;
}
.search-form {
position: relative;
}
.search-form .search-submit {
width: 30px;
height: 40px;
font-size: 14px;
color:#aaa;
position: absolute;
right: 5px;
top:50%;
margin-top: -20px;
border:none;
background: none;
cursor:pointer;
padding: 0;
box-shadow: none;
-webkit-box-shadow: none;
}
.search-form .search-submit:focus {
outline:none;
}
.search-form-area .search-form .search-submit {
display: none;
right: 8px;
}
/*-----------------------------------------------------------------------------------*/
/* - Social Icons
/*-----------------------------------------------------------------------------------*/
#top-social-items {
position: absolute;
left: 0;
top: 0;
display: inline-block;
text-align: center;
padding:0;
}
#top-social-items-inner {
display: inline-block;
}
#top-social-items a {
display:block;
float: left;
color:#fff;
height: 57px;
width: 38px;
text-align: center;
line-height: 57px;
color:#333;
font-size: 14px;
border-right: 1px solid #e8e8e8;
}
#top-social-items a:hover {
color:#333;
background-color: rgba(0,0,0,.05);
}
/*-----------------------------------------------------------------------------------*/
/* - Swiper Styling
/*-----------------------------------------------------------------------------------*/
.featured-area .vertical-middle {
margin: 0 auto;
position: relative;
z-index: 1;
}
.vertical-middle .vertical-middle-inner {
vertical-align: middle;
display: table-cell;
}
.featured-area[data-slider-type="slider"] .item-header-wrapper {
display: none;
position: relative;
z-index: 3;
padding: 50px 60px;
background-color: rgba(255,255,255,.95);
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
.featured-area[data-slider-type="slider"] .date-author {
display: inline-block;
font-size: 13px;
font-style: italic;
font-family: "Merriweather", sans-serif;
color:#999;
margin-top: 13px;
}
.featured-area[data-slider-type="slider"] .date-author .seperator {
margin: 0 2px;
font-weight: 300;
}
.featured-area[data-slider-type="slider"] .item-header-wrapper .item-postit {
display: inline-block;
margin-bottom:13px;
font-size: 13px;
font-style: italic;
font-family: "Merriweather", sans-serif;
}
.featured-area {
position: relative;
margin-bottom: 60px;
background-color: #fff;
}
.featured-area.boxed {
background-color: transparent;
}
.featured-area .swiper-container {
cursor:move;
cursor:-webkit-grab;
cursor:-moz-grab;
cursor:grab;
background-color: rgb(233, 233, 233);
}
.featured-area .swiper-button-prev-custom,
.featured-area .swiper-button-next-custom {
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.featured-area.boxed .swiper-container-wrapper:hover .swiper-button-prev-custom {
left:-21px;
}
.featured-area.boxed .swiper-container-wrapper:hover .swiper-button-next-custom {
right:-21px;
}
.featured-area[data-slider-type="slider"] .swiper-container .swiper-slide .vertical-middle-inner {
opacity:0;
}
.featured-area[data-slider-type="slider"] .swiper-container .swiper-slide.animated .vertical-middle-inner {
opacity:1;
animation: slide_active .4s ease-in-out;
-webkit-animation: slide_active .4s ease-in-out;
}
@-webkit-keyframes slide_active {
0% { opacity: 0; -webkit-transform:translate(0,10px); }
100% { opacity: 1.0; -webkit-transform:translate(0,0); }
}
@keyframes slide_active {
0% { opacity: 0; transform:translate(0,10px); }
100% { opacity: 1.0; transform:translate(0,0); }
}
.featured-area .swiper-container .swiper-pagination{
opacity: .7;
-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.featured-area .swiper-container:hover .swiper-pagination {
opacity: 1;
}
.ie9 .featured-area .swiper-container {
margin-right: 0;
}
.ie9 .featured-area {
height: 0;
overflow: hidden;
}
.ie9 .featured-area.open {
height: auto;
}
.featured-area .swiper-pagination {
bottom: 30px;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
margin: 0 8px;
}
.featured-area[data-slider-type="slider"] .swiper-pagination .swiper-pagination-bullet {
position: relative;
width: 10px;
height: 10px;
background:rgba(255,255,255,.4);
opacity: 1;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.05);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.05);
box-shadow: 1px 1px 10px rgba(0,0,0,.05);
-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.featured-area[data-slider-type="slider"] .swiper-pagination .swiper-pagination-bullet:after {
content: "";
position: absolute;
left:-3px;
top:-3px;
right: -3px;
bottom:-3px;
border-radius: 100%;
border: 1px solid #fff;
opacity: .3;
}
.featured-area[data-slider-type="slider"] .swiper-pagination .swiper-pagination-bullet:hover {
background:rgba(255,255,255,1);
}
.featured-area[data-slider-type="slider"] .swiper-pagination .swiper-pagination-bullet-active {
background:rgba(255,255,255,1);
}
.featured-area .swiper-slide {
position: relative;
float: left;
width: 100%;
}
.featured-area .swiper-slide .click-overlay {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:10;
}
.featured-area[data-slider-type="slider"] .container {
position: relative;
}
.featured-area .swiper-slide.dark {
background-color:#fff;
}
.featured-area .swiper-slide img {
display: block;
width:100%;
height:auto;
}
.featured-area .feat-author, .featured-area .feat-cat-date {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}
.featured-area .feat-author {
font-size: 12px;
margin-bottom: 0;
}
.featured-area .feat-cat-date {
font-size: 11px;
margin:0;
}
.featured-area[data-slider-type="slider"] .feat-author:after {
right:-7px;
}
.featured-area[data-slider-type="slider"] .feat-author:before {
left:-7px;
}
.dark .btn {
background-color:#222;
color: #fff;
}
.dark .btn:hover {
background-color: #E87A55;
}
.featured-area[data-slider-type="slider"] .slider-item h2:after {
content: "";
display: block;
width: 30px;
height: 1px;
background-color:#fff;
margin: 16px auto 0;
}
.featured-area[data-slider-type="slider"] .slider-item h2:after {
width:30px;
background-color:#fff;
display: none;
}
.featured-area[data-slider-type="slider"] .dark .slider-item h2:after {
background-color:#333;
}
.featured-area[data-slider-type="slider"], .featured-area[data-slider-type="slider"] .feat-cat-date a {
color:#999;
}
.featured-area[data-slider-type="slider"] .slider-item {
position: relative;
height: 525px;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.featured-area[data-slider-type="slider"] .slider-item:after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom:0;
background-color: rgba(0,0,0,.2);
opacity: 0;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
transition:all .3s;
}
.featured-area[data-slider-type="slider"] .slider-item:hover:after {
opacity: 1;
}
.featured-area[data-slider-type="slider"] .slider-item .format-icon {
position: absolute;
top:-27px;
left: 50%;
margin-left: -27px;
width: 55px;
height: 55px;
font-size: 20px;
line-height: 61px;
margin-bottom: 0;
text-align: center;
background-color: #E87A55;
color:#fff;
border-radius: 100%;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
}
.featured-area[data-slider-type="slider"] .slider-item .container {
height: 100%;
padding: 0 2%;
}
.featured-area[data-slider-type="slider"] .slider-item h2 {
margin:0 0 15px;
}
.featured-area[data-slider-type="slider"] .slider-item h2,
.featured-area[data-slider-type="slider"] .slider-item h2 a {
font-size: 24px;
font-family:"Raleway";
font-weight: 700;
letter-spacing: 1px;
max-width: 480px;
color:#222;
text-transform: uppercase;
line-height: 1.4em;
margin: 0 auto;
}
.featured-area .slider-item h2 a:hover {
opacity: .8;
}
.featured-area .slider-item .btn-wrapper {
margin-top: 27px;
}
.featured-area .slider-item .continue-btn {
display: inline-block;
text-transform: uppercase;
text-shadow:none;
position: relative;
-o-transition: all .2s;
-ms-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
transition:all .2s;
}
.featured-area .slider-item .continue-btn:hover {
padding-right: 35px;
}
.featured-area .slider-item .continue-btn:after {
position: absolute;
display: inline-block;
font-family: "FontAwesome";
content: "\f178";
color: #fff;
font-size: 10px;
font-style: normal;
padding-left: 8px;
opacity: 0;
-o-transition: all .2s;
-ms-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
transition: all .2s;
padding-top: 3px;
}
.featured-area .slider-item .continue-btn:hover:after {
opacity: 1;
}
.swiper-pagination {
display: none;
}
.swiper-pagination.show {
display: block;
}
.featured-area .swiper-button-prev-custom,
.featured-area .swiper-button-next-custom {
position: absolute;
top:50%;
margin-top: -50px;
width: 42px;
height: 100px;
line-height: 106px;
text-align: center;
background-color: #fff;
z-index: 99;
cursor: pointer;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
.featured-area .swiper-button-prev-custom:hover,
.featured-area .swiper-button-next-custom:hover {
background-color: #111
}
.featured-area .swiper-button-prev-custom i,
.featured-area .swiper-button-next-custom i {
font-size: 22px;
color:#000;
}
.featured-area .swiper-button-prev-custom:hover i,
.featured-area .swiper-button-next-custom:hover i {
color:#fff;
}
.featured-area .swiper-button-prev-custom {
left:-26px;
}
.featured-area .swiper-button-next-custom {
right:-26px;
}
.featured-area.full .swiper-button-prev-custom {
left:25px;
}
.featured-area.full .swiper-button-next-custom {
right:25px;
}
/*-----------------------------------------------------------------------------------*/
/* - Featured Posts Area
/*-----------------------------------------------------------------------------------*/
.featured-posts-container {
position: relative;
margin-bottom: 50px;
}
.featured-post-wrapper {
padding: 0 0 20px;
}
.featured-post-wrapper .side-image {
-o-transition: opacity .3s;
-ms-transition: opacity .3s;
-moz-transition: opacity .3s;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.featured-post-wrapper:hover .side-image {
opacity: 0.6;
}
.featured-post-wrapper .side-image:hover {
opacity: 1;
}
.featured-posts-container h3 {
position: relative;
margin-top: 0;
text-align: center;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
}
.featured-posts-container h3 span {
position: relative;
z-index: 1;
display: inline-block;
background-color: #fff;
margin-top: -44px;
padding: 12px 15px;
color: #222;
font-weight: 700;
letter-spacing: 2px;
font-size: 14px;
}
.featured-posts-container h3:before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 100%;
border-top:1px solid #e5e5e5;
}
.featured-posts ul {
list-style-type: none;
padding: 0;
margin: 0;
margin-right: -14px;
margin-left: -14px;
}
.featured-posts ul li {
display: inline-block;
width: 25%;
margin-bottom: 0;
padding-right:14px;
text-align: center;
padding-left:14px;
vertical-align: top;
}
.featured-posts .featured-thumb {
position: relative;
margin-bottom: 15px;
}
.featured-posts .featured-thumb a {
display: block;
}
.featured-posts .featured-thumb img {
display: block;
width: 100%;
height: auto;
opacity: .9;
}
.featured-posts h4 {
margin-top: 5px;
margin-bottom: 0;
}
.featured-posts h4 a {
color: #111;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.6;
display: block;
text-transform: uppercase;
}
.featured-posts .post-date {
font-size: 12px;
font-style: italic;
color: #999;
margin-top: 3px;
}
/*-----------------------------------------------------------------------------------*/
/* - Home Title Slogan Box
/*-----------------------------------------------------------------------------------*/
.layout-title {
max-width:450px;
margin: 10px auto 0;
text-align:center;
}
.layout-title p:last-of-type {
margin-bottom: 0;
}
.layout-title img {
margin-bottom: 15px;
}
.layout-title h3 {
font-size: 12px;
letter-spacing:1px;
font-weight: 700;
text-transform: uppercase;
margin-top: 0;
line-height: 1.6;
margin-bottom:10px;
}
.layout-title .sub-title {
font-size: 12px;
color: #999;
display: block;
font-style: italic;
}
.layout-title .layout-text {
margin-top: 15px;
color:#333;
font-size: 13px;
}
.layout-title .layout-link {
font-size: 18px;
}
.layout-title .layout-link:hover {
opacity: .7;
}
/*-----------------------------------------------------------------------------------*/
/* - Post Type & Layout Styles
/*-----------------------------------------------------------------------------------*/
body:not(.single) .post, .single .post-entry, .single .post-entry-bottom, .post-share, #content .page, .post-author, .related-posts, .post-comments {
max-width: 860px;
margin-right: auto;
margin-left: auto;
}
.post.article-item {
position: relative;
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #e5e5e5;
}
.post.article-item:last-of-type {
margin-bottom: 0;
}
.single .post.article-item {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.masonry-layout .post-item.article-item .item {
padding: 0;
margin-bottom: 0;
background-color: #f5f5f5;
}
.featured {
display: block;
position: absolute;
top: -8px;
left: 0;
width: 36px;
height: 40px;
line-height: 44px;
text-align: center;
color: #fff;
background-color: #E87A55;
font-size: 16px;
text-transform: uppercase;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.masonry-layout .post .featured {
left:20px;
top:0;
}
.list-container .post .featured {
top:0;
}
/*** Post Header ***/
.post-header {
margin-bottom:35px;
text-align:center;
}
.single .post-header {
margin-top: 0;
}
.post-header .cat {
display:inline-block;
margin-bottom:0;
font-family: "Merriweather";
font-weight:400;
}
.cat a {
color:inherit;
}
.cat a:hover {
text-decoration:none;
opacity:.7;
}
.format-icon {
display: inline-block;
font-size: 22px;
margin-bottom: 10px;
color:#111;
}
.format-icon .elegant-mic {
font-size: 22px;
}
.post-header h1, .post-header h2 {
width: 80%;
margin: 0 auto;
}
.post-header h1:after, .post-header h2:after{
content:"";
width: 100%;
height: 7px;
display: block;
margin-top: 12px;
background:url(assets/img/dots.svg) center center no-repeat;
opacity: .4;
}
.post-header h1 a, .post-header h2 a, .post-header h1, .post-header h2 {
font-size:26px;
color:#111;
font-family:"Raleway";
font-weight:700;
letter-spacing: 2px;
line-height: 1.4em;
text-transform: uppercase;
margin-bottom:0;
max-width: 90%;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition: .3s;
}
.single .container:not(.sidebar-open) .post-header h1 a, .single .container:not(.sidebar-open) .post-header h2 a,
.single .container:not(.sidebar-open) .post-header h1 , .single .container:not(.sidebar-open) .post-header h2 {
font-size: 34px;
}
.post-header h2 a:hover {
opacity:.7;
}
.post-header h1 strong, .post-header h2 strong {
font-weight:700;
}
.post-header h1 em, .post-header h2 em {
font-style:italic;
}
.post-header .date-author {
display: inline-block;
font-family: "Merriweather";
margin-top: 14px;
color:#999;
}
.post-header .date-author p {
display: inline-block;
padding: 0 10px;
margin: 0;
font-size:13px;
font-style: italic;
}
.post-header .date-author .seperator {
font-size: 10px;
color:#999;
}
/*** Post Entry ***/
.post-entry {
position: relative;
}
.post-entry a:hover {
opacity:.7;
}
.format-link .post-entry a:hover,
.format-quote .post-entry a:hover {
opacity: 1;
}
.masonry .post-entry {
padding: 10px 30px 30px;
}
.masonry .format-link .post-entry,
.masonry .format-quote .post-entry {
padding: 0;
}
.post-entry .wp-caption a:hover,
.post-entry .gallery .gallery-item a:hover {
opacity: .9;
}
.post-entry img {
max-width:100%;
height:auto;
}
.post-entry p {
margin-bottom:20px;
}
.post-entry p:after {
clear: both;
}
.post-entry .post-entry-text p:last-child {
margin-bottom: 0;
}
.post-entry a.more-link {
display: none;
}
.post-entry-bottom {
padding-top: 30px;
text-align: center;
}
.post-entry-bottom a.custom-more-link {
display:inline-block;
font-size: 9px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "Raleway";
padding: 16px 19px 16px 21px;
border:2px solid #111;
color:#111;
margin-bottom: 20px;
}
.animative-btn,.animative {
position: relative;
z-index: 1;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.animative-btn {
font-family: "Raleway";
}
.animative-btn:hover {
color:#fff !important;
}
.animative-btn:after,.animative:after {
content: '';
position: absolute;
z-index: -1;
width: 0%;
height: 100%;
top: 0;
left: 0;
background: #111;
-moz-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
-webkit-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
}
.animative-btn:hover:after, .animative:hover:after{
width: 100%;
}
.animative .item-postit, .animative h2 a, .animative .date-author{
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.animative:hover .item-postit, .animative:hover h2 a, .animative:hover .date-author,
.animative.reverse a, .animative.reverse a:before {
color:#fff !important;
}
.animative.reverse p, .animative.reverse p:before, .animative.reverse p:after, .format-link .animative.reverse a,
.format-link .animative.reverse a:before, .format-link .animative.reverse a:after, .animative.reverse cite, .animative.reverse p a {
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.animative.reverse:hover p, .animative.reverse:hover p:before, .format-link .animative.reverse:hover a:before,
.format-link .animative.reverse:hover a, .animative.reverse:hover p a,
.animative.reverse:hover cite {
color:#111 !important;
}
.animative.reverse:after {
background: #fff;
}
.animative.reverse:hover p:after, .format-link .animative.reverse:hover a:after {
background-color: #111;
}
.animative.reverse p:after {
background: #fff;
}
/*** Post Features ***/
.post-featured-item {
margin-bottom:35px;
position: relative;
text-align: center;
}
.post-featured-item .post-featured-item-inner {
position: relative;
display: inline-block;
max-width: 100%;
}
.post-featured-item.format-standard {
text-align:center;
}
.post-featured-item .arrow-bg {
display: block;
content:"";
width: 26px;
height: 12px;
position: absolute;
top:0;
left:50%;
margin-left: -13px;
background:url(assets/img/arrow.svg) center center no-repeat;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.masonry-layout .post-featured-item {
margin-bottom: 10px;
}
.masonry-layout .post-featured-item .arrow-bg {
display: none;
}
.post-featured-item a {
display: block;
}
.post-featured-item img {
display: block;
max-width:100%;
height:auto;
margin: 0 auto;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.post-featured-item a img {
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.post-featured-item a img:hover {
opacity:.9;
}
.post-featured-item .custom-caption,
.fotorama .fotorama__caption__wrap {
display: inline-block;
font-family: "Raleway";
letter-spacing: 1px;
font-size:10px;
text-transform: uppercase;
color:#fff;
position: absolute;
bottom:0;
left:0;
right: 0;
text-align: center;
line-height: 1.6;
background-color:rgba(0,0,0,.75);;
padding:16px 14px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.masonry-layout .post-featured-item .custom-caption,
.masonry-layout .fotorama .fotorama__caption__wrap{
display: none;
}
.fotorama.fotorama--fullscreen .fotorama__caption {
margin-bottom: 20px;
text-align: center;
}
.fotorama.fotorama--fullscreen .fotorama__caption__wrap {
position: static;
display: inline-block;
}
.post-featured-item.gallery-post .item .custom-caption,
.post-featured-item.gallery-post .fotorama__caption__wrap {
opacity: 0;
transform: translateY(100%);
-wbebkit-transform: translateY(100%);
}
.post-featured-item.gallery-post .item:hover .custom-caption,
.post-featured-item.gallery-post .fotorama__stage__frame:hover .fotorama__caption__wrap {
opacity: 1;
transform: translateY(0);
-wbebkit-transform: translateY(0);
}
.post-featured-item.gallery-post .fotorama__nav-wrap {
position: absolute;
bottom: 0;
}
.post-featured-item.gallery-post .fotorama__stage__frame {
background-color: #F6F6F6;
}
.post-featured-item.gallery-post .justified-gallery {
white-space: nowrap;
}
.post-featured-item.gallery-post .justified-gallery .item {
display: inline-block;
margin-bottom: 0;
padding:0;
}
.post-featured-item.video-post .video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.post-featured-item.video-post .video-wrapper.embed iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.post-featured-item.video-post .video-wrapper .mejs-container.mejs-video {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}
.post-featured-item.video-post .video-wrapper .mejs-poster {
background-size: cover;
}
.post-featured-item.video-post .video-wrapper .mejs-layer {
width: 100%;
height: 100%;
}
.post-featured-item.video-post .video-wrapper .mejs-inner,
.post-featured-item.video-post .video-wrapper .mejs-layers {
height: 100%;
}
.post-featured-item.video-post .video-wrapper .mejs-fullscreen-button {
position: relative;
right: 4px;
}
.post-featured-item.audio-post iframe {
width: 100%;
}
/*** Post Formats ***/
.format-link .post-entry {
background-color:#222;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.format-link .post-entry {
text-align: center;
}
.format-link .post-entry p {
margin: 0;
line-height: 1;
letter-spacing: -1px;
}
.format-link .post-entry a {
font-size: 16px;
font-family: "Raleway";
font-style: normal;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: 600;
color:#fff;
display: block;
line-height: 1.6;
padding: 70px 50px;
margin: 0 50px;
}
.masonry-layout .format-link.item .post-entry p {
text-align: left;
}
.masonry-layout .format-link .post-entry a {
margin: 0;
font-size: 15px;
line-height: 1.8;
}
.format-link .post-entry a:before {
content: "\e01a";
font-family: "Elegant";
display: block;
color:#fff;
font-size: 25px;
margin-bottom: 10px;
font-style: normal;
font-weight: normal;
}
.masonry-layout .format-link .post-entry a:before {
font-size: 17px;
}
.format-link .post-entry a:after {
content: "";
width: 15%;
min-width: 40px;
display: block;
margin: 20px auto 0;
height: 1px;
background-color:rgba(255,255,255,.15)
}
.format-quote .post-entry {
background-color:#222;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.format-quote .post-entry:hover a {
color:#fff;
}
.format-quote .post-entry {
text-align: center;
}
.format-quote .post-entry blockquote {
padding: 70px 50px;
margin: 0 50px;
}
.format-quote .post-entry blockquote:before {
display: none;
}
.masonry-layout .format-quote .post-entry blockquote {
margin: 0;
}
.format-quote .post-entry blockquote cite {
font-size: 13px;
font-family: "Merriweather", sans-serif;
font-style: italic;
letter-spacing: 1px;
display: block;
color:rgba(255,255,255,1);
margin-top: 15px;
text-transform: none;
}
.masonry-layout .format-quote .post-entry blockquote cite {
font-size: 11px;
margin-top: 10px;
}
.format-quote .post-entry blockquote p {
font-size: 16px;
font-family: "Raleway";
font-style: normal;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: 600;
color:#fff;
margin: 0;
line-height: 1.6;
}
.masonry-layout .format-quote .post-entry blockquote p {
font-size: 15px;
line-height: 1.8;
text-align: left;
}
.format-quote .post-entry blockquote p:before {
font-family: "elegant";
content: "\e057";
top: -6px;
left: -5px;
}
.format-quote .post-entry blockquote p:before {
display: block;
font-size: 30px;
margin-bottom: 10px;
top: 0;
left: 0;
color:#fff;
font-style: normal;
font-weight: normal;
}
.masonry-layout .format-quote .post-entry blockquote p:before {
font-size: 21px;
}
.format-quote .post-entry blockquote p:after {
content: "";
width: 15%;
min-width: 40px;
display: block;
margin: 20px auto 0;
height: 1px;
top: 0;
left: 0;
background: rgba(255,255,255,.15);
border:none;
}
.masonry-layout .format-quote .post-entry blockquote p:after,
.masonry-layout .format-link .post-entry a:after {
margin: 16px 0 0;
}
/*** Like Comment Buttons ***/
.like-comment-buttons-wrapper {
display: block;
text-align: center;
}
.like-comment-buttons {
display: inline-block;
}
.like-comment-buttons-wrapper .like-comment-buttons:before {
content: "";
display: block;
width: 20px;
height: 1px;
background-color: #111;
margin: 0 auto 20px;
}
.masonry-item-footer .like-comment-buttons-wrapper .like-comment-buttons:before {
display: none;
}
.masonry-layout .like-comment-buttons {
position: relative;
right: -7px;
padding-top: 0;
margin-top: 0;
border-top: none;
}
.like-comment-buttons a {
color:#333;
font-size: 13px;
font-weight: 700;
font-family: "Raleway";
text-transform: uppercase;
}
.like-comment-buttons a i {
vertical-align: middle;
}
.like-comment-buttons a:hover {
color:#E87A55;
}
.like-comment-buttons .jm-post-like {
display: inline-block;
text-align: left;
padding-right:5px;
}
.jm-post-like .loader {
font-size: 12px;
position: relative;
top:-1px;
-webkit-animation: spin 4s infinite linear;
animation: spin 4s infinite linear;
}
.masonry-item-footer .like-comment-buttons .jm-post-like .loader {
font-size: inherit;
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
/*** Post Share ***/
.post-share {
position: relative;
text-align: center;
padding-top: 55px;
border-top:1px solid #e5e5e5;
margin-top: 55px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.post-share .post-share-inner {
display: inline-block;
}
.post-share ul {
text-align: center;
list-style-type: none;
padding:0;
margin: 0;
transition: .3s;
-webkit-transition: .3s;
transition-delay:0;
-webkit-transition-delay:0;
}
.post-share .share-item {
display: inline-block;
margin: 0;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.post-share .share-main.share-box {
width: 39px;
height: 39px;
line-height: 39px;
font-size: 15px;
z-index: 1;
vertical-align: baseline;
}
.post-share:hover .share-item {
visibility: visible;
opacity: 1;
transform: translateX(0);
-webkit-transform: translateX(0);
}
.post-share a {
display:inline-block;
margin: 0 -1px;
text-align: center;
}
.share-box{
width:27px;
height:27px;
background:rgba(0,0,0,.2);
display:inline-block;
line-height:27px;
font-size: 12px;
margin:0 1px;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
transition:.3s;
-webkit-transition:.3s;
}
.share-box {
margin: 0 0 0 3px;
background-color:rgba(0,0,0,.7);
}
.post-share .share-box {
height: 33px;
width: 33px;
text-align: center;
line-height: 35px;
color:#fff;
font-size:12px;
background: #333;
color: #fff;
display: inline-block;
border-radius: 100%;
margin: 0 2px;
}
.share-box:hover,.post:hover .share-box:hover {
background:#E87A55;
}
/*** Post author ***/
.post-author {
position:relative;
text-align: center;
margin-top:55px;
padding-top:55px;
font-weight: 300;
border-top: 1px solid #e5e5e5;
}
.post-author.author-content p {
font-weight: 300;
}
.author-img {
max-width: 100%;
height: auto;
margin-bottom:20px;
}
.author-img img {
border-radius:100%;
margin: 0;
}
.author-content {
overflow:hidden;
}
.author-content h5 {
margin-top: 0;
margin-bottom: 10px;
}
.author-content h5 a {
font-family: "Raleway", serif;
font-size:24px;
font-style: italic;
margin-bottom:8px;
color:#111;
display:block;
}
.author-content p {
margin:0 auto 15px;
font-size: 14px;
max-width: 700px;
font-style: italic;
}
.author-content .author-social {
display: inline-block;
height: 33px;
width: 33px;
text-align: center;
line-height: 35px;
color:#fff;
font-size:12px;
background: #333;
color: #fff;
display: inline-block;
border-radius: 100%;
margin: 0 1px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.author-content .author-social:hover {
background-color:#E87A55;
}
/*** Post related ***/
.related-posts {
margin-top: 55px;
padding-top: 55px;
border-top: 1px solid #e5e5e5;
overflow:hidden;
}
.related-posts .related-posts-inner {
margin-top: 20px;
}
.box-title-area .title {
font-size:14px;
font-family: "Raleway";
font-weight: 700;
margin: 0 0 15px;
padding-bottom: 6px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}
.box-title-area .title:after {
content: "";
width: 100%;
height: 7px;
display: block;
margin-top: 15px;
background: url(assets/img/dots.svg) center center no-repeat;
opacity: .4;
}
.related-posts .item {
width: 31%;
display: inline-block;
margin-right:3.5%;
text-align: center;
vertical-align: top;
}
.related-posts .item:nth-child(3n) { margin-right:0; }
.related-posts .item img {
margin-bottom:6px;
width:100%;
height:auto;
}
.related-posts .item a:hover {
opacity:.9;
}
.related-posts .item h3 {
font-size:12px;
text-transform: uppercase;
font-weight: 700;
line-height: 1.6;
margin: 5px auto 0;
letter-spacing: 1px;
}
.related-posts .item h3 em {
font-style: normal;
}
.related-posts .item h3 a {
color:#222;
}
.related-posts .item h3 a:hover {
opacity:.8;
}
.related-posts .item span.date {
font-size: 12px;
font-style: italic;
color: #999;
}
/** Post tags ***/
.post-tags {
font-size: 13px;
margin-bottom: 20px;
}
.post-tags em:before {
font-family: "FontAwesome";
content: "\f02c";
display: inline-block;
font-size: 14px;
margin-right: 3px;
font-style: normal;
margin-top: 1px;
}
.post-tags a {
font-style: italic;
}
/*** Post Pagination ***/
.post-pagination.pagination {
max-width: 860px;
margin: 30px auto 0;
padding-top: 30px;
border-top: 1px solid #e5e5e5;
}
/*-----------------------------------------------------------------------------------*/
/* - Masonry Styling
/*-----------------------------------------------------------------------------------*/
.masonry-container #content,
.masonry-container #sidebar {
opacity: 0;
visibility: hidden;
transition:opacity 500ms ease-in-out, visibility 500ms ease-in-out;
-webkit-transition:opacity 500ms ease-in-out, visibility 500ms ease-in-out;
}
.masonry-container.open #content,
.masonry-container.open #sidebar {
opacity: 1;
visibility: visible;
}
.masonry-layout {
margin: 0 -20px;
padding: 0;
}
.masonry-layout .post-item {
margin-bottom: 0;
}
.masonry-layout .post-item {
float: left;
display: inline-block;
vertical-align: top;
width: 33.3333333333333333%;
padding:0 20px 48px 20px;
line-height: 1.2em;
}
.container.sidebar-open .masonry-layout .post-item {
width:50%;
}
.masonry-layout .post-item .item h2 {
margin-top: 0;
margin-bottom:20px;
text-align: center;
padding: 0;
line-height: 1;
}
.masonry-layout .post-item .item h2 a {
font-size: 15px;
color: #222;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.masonry-layout .post-item .item h2 a:hover {
opacity:.7;
}
.masonry-layout .post-item .item p {
margin-bottom:6px;
font-size: 12px;
text-align: justify;
}
.masonry-layout .post-item .item .date {
font-size: 12px;
font-style: italic;
color: #999;
margin-top: 10px;
}
.masonry-layout .fotorama__caption {
display: none;
}
.masonry-item-footer {
margin-top: 20px;
padding-top: 17px;
border-top: 1px solid #e5e5e5;
}
.sub-meta-container {
width:70%;
float: left;
position: relative;
top:2px;
font-size: 12px;
font-style: italic;
color: #999;
}
.comment-like-container {
width: 30%;
float: right;
position: relative;
top:5px;
}
.masonry-layout .comment-like-container {
top:0;
}
.comment-like-container .like-comment-buttons-wrapper {
margin-top: 2px;
text-align: right;
}
.masonry-item-footer .like-comment-buttons a {
font-size:13px;
margin: 0 0 0 2px;
}
/*-----------------------------------------------------------------------------------*/
/* - List Styling
/*-----------------------------------------------------------------------------------*/
body:not(.single) .list-layout .post {
max-width: 100%;
}
.list-layout .post-featured-item {
float: left;
width: 360px;
margin-right: 30px;
margin-bottom: 0;
}
.list-layout .post.has-post-thumbnail .post-entry-wrapper {
float: right;
width: 590px;
}
.sidebar-open .list-layout .post-featured-item {
width: 225px;
}
.sidebar-open .list-layout .post.has-post-thumbnail .post-entry-wrapper {
width: 370px;
}
.list-layout .post-featured-item .arrow-bg {
display: none;
}
.list-layout .post.format-quote .post-entry-wrapper,
.list-layout .post.format-link .post-entry-wrapper {
float: none!important;
width: 100%!important;
}
.list-layout .post-header {
text-align: left;
margin-bottom: 5px;
}
.list-layout .post-header h2 {
width: 100%;
margin: 0;
padding: 0;
text-align: left;
line-height: 1;
}
.list-layout .post-header h2 a {
font-size: 24px;
color: #222;
letter-spacing: 2px;
font-weight: 700;
text-transform: uppercase;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.sidebar-open .list-layout .post-header h2 a {
font-size: 20px;
}
.list-layout .post-header h2 a:hover {
opacity:.7;
}
.list-layout .post .post-entry-text p {
margin-top: 20px;
font-size: 13px;
}
.list-layout .post.format-quote p,
.list-layout .post.format-link p {
text-align: center;
}
.list-layout .post-header .date-author {
margin-top: 5px;
}
.list-layout .post-header .date-author p {
padding: 0;
font-size: 13px;
}
.list-layout .post-header .date-author {
font-style: italic;
color: #999;
}
.list-layout .post-header h2:after {
display: none;
}
.list-layout .post-entry-bottom a.custom-more-link {
float: left;
margin-bottom: 0;
}
.list-layout .like-comment-buttons-wrapper {
float: right;
line-height: 36px;
}
.list-layout .like-comment-buttons-wrapper .like-comment-buttons:before {
display: none;
margin: 0;
}
/*-----------------------------------------------------------------------------------*/
/* - Pagination
/*-----------------------------------------------------------------------------------*/
.pagination {
margin-top: 45px;
}
.masonry-container .pagination {
margin-top: 0;
}
.full-container .pagination {
max-width: 860px;
margin: 45px auto 0;
}
.pagination a {
display: inline-block;
border:2px solid #111;
font-weight: 700;
padding: 14px 22px;
font-size: 9px;
color: #111;
letter-spacing: 2px;
text-transform: uppercase;
}
.pagination a:hover {
color:#fff;
}
.pagination a .fa {
font-size: 14px;
position: relative;
top:1px;
}
.pagination .newer {
float:left;
}
.pagination .newer .fa {
margin-right: 3px;
}
.pagination .older .fa {
margin-left: 3px;
}
.pagination .older {
float:right;
}
.pagination.load-more {
display: none;
position: relative;
z-index: 1;
text-align: center;
}
.pagination.load-more a:hover {
-o-transition: all .2s;
-ms-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
transition: all .2s;
}
.pagination.load-more.show {
display: block;
}
.pagination.load-more a {
display: block;
text-align: center;
}
.pagination.load-more p {
margin: 0;
display: inline-block;
}
.pagination.load-more .loading {
width: 120px;
}
.pagination.load-more .loading .text {
display: none;
}
.pagination.load-more .animative-btn.loading:after {
background-color: #fff!important;
}
.pagination.load-more .animative-btn.loading:hover {
color: #111!important;
}
.@-moz-keyframes throbber-loader {
0% {
background: #333;
}
10% {
background: #ddd;
}
40% {
background: #333;
}
}
@-webkit-keyframes throbber-loader {
0% {
background: #333;
}
10% {
background: #ddd;
}
40% {
background: #333;
}
}
@keyframes throbber-loader {
0% {
background: #333;
}
10% {
background: #ddd;
}
40% {
background: #333;
}
}
.throbber-loader {
display: none;
margin-bottom: -3px!important;
}
.pagination.load-more .loading .throbber-loader {
display: inline-block;
}
/* :not(:required) hides these rules from IE9 and below */
.throbber-loader:not(:required) {
-moz-animation: throbber-loader 2000ms 300ms infinite ease-out;
-webkit-animation: throbber-loader 2000ms 300ms infinite ease-out;
animation: throbber-loader 2000ms 300ms infinite ease-out;
background: #333;
position: relative;
text-indent: -9999px;
width: 5px;
height: 1.5em;
margin: 0 1.6em;
}
.throbber-loader:not(:required):before, .throbber-loader:not(:required):after {
background: #333;
content: '\x200B';
display: inline-block;
width: 5px;
height: 1.5em;
position: absolute;
top: 0;
}
.throbber-loader:not(:required):before {
-moz-animation: throbber-loader 2000ms 150ms infinite ease-out;
-webkit-animation: throbber-loader 2000ms 150ms infinite ease-out;
animation: throbber-loader 2000ms 150ms infinite ease-out;
left: -1.2em;
}
.throbber-loader:not(:required):after {
-moz-animation: throbber-loader 2000ms 450ms infinite ease-out;
-webkit-animation: throbber-loader 2000ms 450ms infinite ease-out;
animation: throbber-loader 2000ms 450ms infinite ease-out;
right: -1.2em;
}
/*-----------------------------------------------------------------------------------*/
/* - Load More Animations
/*-----------------------------------------------------------------------------------*/
.post-list.masonry .article-item[class*="page-"] {
opacity: 0;
}
.post-list .article-item.animate {
opacity: 1!important;
transform: translateY(50px);
animation: fallPerspective .4s ease forwards;
-webkit-animation: fallPerspective .4s ease forwards;
}
@-webkit-keyframes fallPerspective {
100% { transform: translateY(0px); opacity: 1; }
}
@keyframes fallPerspective {
100% { transform: translateY(0px); opacity: 1; }
}
/*-----------------------------------------------------------------------------------*/
/* - Footer Styles
/*-----------------------------------------------------------------------------------*/
#footer-social {
background:#f2f2f2;
padding:40px 0;
text-align:center;
}
#footer-social a {
margin:0 15px;
color:#999;
}
#footer-social a:first-child {
margin-left:0;
}
#footer-social a:last-child {
margin-right:0;
}
#footer-social a i {
height:28px;
width:28px;
text-align:center;
line-height:28px;
background:#666;
color:#fff;
border-radius:50%;
margin-right:5px;
font-size:14px;
}
#footer-social a:hover {
text-decoration:none;
color:#000;
}
#footer-social a:hover > i {
background:#000;
}
/********************************/
/*** Footer logo ***/
/********************************/
#footer-widget-area {
background:#111;
padding:80px 0;
color:#ccc;
line-height: 1.8;
}
#footer-widget-area p, .footer .recentcomments a, .footer a, .footer .widget li, .footer .widget a {
color:#fff;
}
#footer-widget-area p i {
font-size:14px;
margin:0 5px 0 7px;
}
#footer-widget-area .widget-columns {
width:30%;
margin-right:5%;
float:left;
}
#footer-widget-area .four-column .widget-columns {
width: 22.375%;
margin-right:3.5%;
}
#footer-widget-area .widget-columns.last,
#footer-widget-area .four-column .widget-columns.last {
margin-right:0;
}
#footer-widget-area .widget .about-widget .widget-link {
border-top: none;
color:#fff;
margin-top: 0px;
}
#footer-widget-area .widget .about-widget .widget-link:hover {
color:#E87A55;
}
/********************************/
/*** Footer Copyright ***/
/********************************/
#footer-copyright {
position: relative;
padding:18px 0;
background:#fff;
text-align:center;
}
#footer-copyright p {
font-size:10px;
margin: 7px 0;
font-family: "Raleway";
letter-spacing: 1px;
text-transform: uppercase;
}
#footer-copyright p i {
color:#E87A55;
}
.goto-top {
display: inline-block;
position: fixed;
bottom: 20px;
right: 20px;
padding: 6px 12px;
background-color: #E87A55;
color: #fff;
border-radius: 100%;
width: 40px;
height: 40px;
line-height: 28px;
font-size: 17px;
opacity: 0;
visibility: hidden;
-ms-transform: translate(0,5px); /* IE 9 */
-webkit-transform: translate(0,5px); /* Safari */
transform: translate(0,5px);
}
.goto-top.on {
opacity: 1;
visibility: visible;
-ms-transform: translate(0,0); /* IE 9 */
-webkit-transform: translate(0,0); /* Safari */
transform: translate(0,0);
}
/*-----------------------------------------------------------------------------------*/
/* - Widgets
/*-----------------------------------------------------------------------------------*/
#widget-area {
overflow:hidden;
margin-bottom:60px;
border-top:1px solid #e5e5e5;
padding-top:70px;
}
.widget {
margin-bottom:25px;
font-size: 12px;
line-height: 1.7;
}
.widget:last-child {
margin-bottom: 0;
}
#sidebar .widget {
margin-bottom:60px;
position: relative;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
#sidebar .widget:last-child {
margin-bottom:0;
}
#sidebar img {
max-width:100%;
height:auto;
display: block;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
#sidebar iframe {
max-width:100%!important;
}
#sidebar iframe[src*='player.vimeo.com'], #sidebar iframe[src*='youtube.com'] {
height:auto;
}
.widget .about-widget p:first-child {
margin-top: 0;
}
.widget .about-widget p:last-child, .widget.widget_text p:last-child {
margin-bottom: 0;
}
.about-widget a:not(.widget-link), .widget_text a {
color:#E87A55;
}
.widget .about-widget .widget-link {
position: relative;
display: inline-block;
color:#111;
font-size: 9px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
font-family: "Raleway";
padding: 11px 13px 10px 14px;
border: 2px solid #111;
margin-top: 16px;
line-height: 1;
}
.widget-title {
font-family: "Raleway";
font-size:11px;
margin-top: 0;
margin-bottom:22px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
font-weight: 600;
}
#sidebar .widget-title {
background-color: #fff;
margin-top: -44px;
padding: 11px 15px;
color:#222;
font-weight: 600;
letter-spacing: 1px;
font-size: 10px;
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
#sidebar .widget {
padding: 25px;
background-color: #f5f5f5;
}
#sidebar .widget.widget_latest_tweets_widget {
padding: 30px;
background-color: #222;
}
.widget.widget_latest_tweets_widget li, .widget.widget_latest_tweets_widget a {
display: inline-block;
}
#sidebar .widget.widget_latest_tweets_widget li, #sidebar .widget.widget_latest_tweets_widget a {
color:#fff;
}
#sidebar .widget.widget_latest_tweets_widget a:hover {
opacity: .5;
}
#sidebar .widget.widget_latest_tweets_widget .widget-title {
background-color: #e87a55;
color:#fff;
}
#alternate-widget-area {
padding: 40px 0 0;
}
#alternate-widget-area .widget-title {
font-size: 13px;
font-weight: 700;
margin-bottom: 35px;
}
#alternate-widget-area .widget-title:after {
background: url(assets/img/dots.svg) center center no-repeat;
display: block;
}
.widget-title span {
display: inline-block;
}
.widget li, .widget a {
color:#111;
}
.widget a:hover {
color:#E87A55;
}
.widget ul {
padding: 0;
margin: 0;
}
.widget ul li {
margin: 0 0 11px;
padding: 0 0 11px;
border-bottom:1px solid #e8e8e8;
list-style-type: none;
}
#footer-widget-area .widget ul li {
border-bottom:1px solid rgba(255,255,255,.05);
}
.widget ul li:last-child {
margin-bottom:0;
padding-bottom:0;
border-bottom:none !important;
}
#footer-widget-area .widget-title, #footer-widget-area .widget-title span {
background: none;
}
#footer-widget-area .widget-title {
color:#fff;
margin-top: 0;
font-size: 13px;
text-align: left;
margin-bottom: 18px;
font-weight: 600;
padding: 0;
}
#footer-widget-area .widget-title:after {
display: none;
}
/*** Search widget ***/
.search-form .search {
border: 1px solid #ddd;
color:#111;
letter-spacing:0;
}
.search-form .search:focus { outline:none; }
/** searchbar for widget ***/
.widget .search-form .search {
width:100%;
}
/*** About Widget ***/
#sidebar .about-widget {
text-align: center;
}
.about-widget .img {
margin-bottom: 20px;
}
.about-widget img {
margin: 0 auto;
max-width:100%;
height:auto;
display: block;
}
/** Text Widget **/
.widget_text img {
max-width: 100%;
height: auto;
}
/** Instagram widget support **/
.instag ul.thumbnails > li {
width:32% !important;
}
.instag ul.thumbnails > li img:hover {
opacity:.8;
}
.instag ul li {
margin:0;
padding-bottom:0;
border-bottom:none;
}
.pllexislider ul li {
margin:0;
padding-bottom:0;
border-bottom:none;
}
.pllexislider .slides > li > a:focus {
outline: none;
}
.jr-insta-thumb .thumbnails {
padding: 0 !important;
overflow: hidden;
}
.jr-insta-slider .jr-insta-thumb .thumbnails > li {
vertical-align:bottom;
float: left;
}
.jr-insta-thumb .thumbnails > li img {
display: block;
border-right:3px solid transparent;
border-bottom:3px solid transparent;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
#alternate-widget-area .jr-insta-thumb .thumbnails > li a img {
border: none;
width: 100%;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(50%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(50%);
-ms-filter: grayscale(50%);
-o-filter: grayscale(50%);
filter: grayscale(50%);
}
#alternate-widget-area .jr-insta-thumb .thumbnails > li a:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.jr-insta-slider a img {
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.jr-insta-slider a:hover img {
opacity: .9;
}
.widget .pllexislider .pllex-control-paging li a {
width: 9px;
height: 9px;
}
.widget .pllexislider .pllex-control-paging li a {
background:rgba(255,255,255,.7);
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.1);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.1);
box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}
.widget .pllexislider .pllex-control-paging li a:hover, .widget .pllexislider .pllex-control-paging li a.pllex-active, .widget .pllexislider .pllex-control-paging li a {
box-shadow: none !important;
border: none !important;
}
.widget .pllexislider .pllex-control-paging li a:hover, .widget .pllexislider .pllex-control-paging li a.pllex-active {
background:rgba(255,255,255,1);
}
.widget .pllexislider .pllex-direction-nav .pllex-next:before, .widget.pllexislider .pllex-direction-nav .pllex-prev:before,
.widget .pllexislider .pllex-direction-nav .pllex-prev:before, .widget.pllexislider .pllex-direction-nav .pllex-prev:before {
font-size: 13px;
padding: 5px 6px;
}
.jr-insta-datacontainer {
font-size: 10px;
text-transform: uppercase;
}
.pllexislider-normal ul li .jr-insta-datacontainer {
margin-top: 10px !important;
}
/*** MailChimp widget ***/
.widget.widget_mc4wp_widget .mc4wp-form {
margin-top: 0;
margin-bottom: 0;
}
.mc4wp-form button, .mc4wp-form input[type=button], .mc4wp-form input[type=submit] {
width: 100%;
}
.mc4wp-form label {
display: block;
font-size: 13px;
font-style: italic;
text-align: center;
margin-bottom: 14px!important;
}
.mc4wp-form p {
margin-top: 0;
margin-bottom: 10px;
}
.mc4wp-form p:last-of-type {
margin-bottom: 0;
}
/*** Tagcloud widget ***/
.widget .tagcloud a {
font-size:9px !important;
font-family: "Raleway";
letter-spacing:1px;
text-transform:uppercase;
margin-right:5px;
margin-bottom:7px;
display:inline-block;
text-decoration: none;
font-weight: 600;
padding: 7px 10px 6px;
background: #fff;
color: #111;
}
#footer-widget-area .widget .tagcloud a {
background-color:rgba(255,255,255,.05);
color:#fff;
}
.widget .tagcloud a:hover, #footer-widget-area .widget .tagcloud a:hover {
border-color: transparent;
background:#E87A55;
color:#fff;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
.widget_categories .cat-item {
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
line-height: 1.5;
letter-spacing: 1px;
font-family: "Raleway";
}
/*** Facebook LikeBox ***/
.fb-like-box-container {
width: 100%;
height: auto;
}
/*** Flickr Widget ***/
.zframe-flickr-wrap-ltr a img {
margin: 0;
width: 25%;
height: auto;
border-right: 8px solid transparent;
border-bottom: 8px solid transparent;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.zframe-flickr-wrap-ltr a:hover img {
opacity: .9;
}
/*** Archieve Category widget ***/
.widget_categories .screen-reader-text,
.widget_archive .screen-reader-text{
display: none;
}
.widget_categories select.postform,
.widget_archive select {
width: 100%;
}
.widget_categories select.postform option,
.widget_archive select {
padding: 5px;
}
/*** Calender widget ***/
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 12px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #999; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td a { font-weight:400; color:#222; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar thead th { padding-bottom: 10px; text-align: center; }
/*** Latest Posts w/ Thumbs widget ***/
.widget.gorilla_recent_post_with_thumbs_widget ul li {
margin-bottom: 15px;
padding-bottom: 15px;
line-height: 1.7;
position: relative;
}
.widget.gorilla_recent_post_with_thumbs_widget ul li:last-child,
#footer-widget-area .widget.gorilla_recent_post_with_thumbs_widget ul li:last-child,
.widget.widget_recent_comments ul li:last-child,
#footer-widget-area .widget.widget_recent_comments ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget.gorilla_recent_post_with_thumbs_widget .thumb.size_50_50 {
float: left;
}
.widget.gorilla_recent_post_with_thumbs_widget .thumb.size_50_50,
.widget.gorilla_recent_post_with_thumbs_widget img {
width: 62px;
height: 62px;
border-radius:100px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.widget.gorilla_recent_post_with_thumbs_widget a:hover img {
opacity: .9;
}
.widget.gorilla_recent_post_with_thumbs_widget .recent_post_text {
display: block;
padding-left:80px;
padding-top: 7px;
}
.widget.gorilla_recent_post_with_thumbs_widget .recent_post_text a {
font-size: 11px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
line-height: 1.5;
letter-spacing: 1px;
font-family: "Raleway";
}
.widget.gorilla_recent_post_with_thumbs_widget .recent_post_text .post-date {
display: block;
font-size: 12px;
font-style: italic;
color: #999;
}
/** WIDGET ITEMS **/
.widget ul.side-newsfeed li {
list-style-type:none;
margin-top:15px;
padding-top:23px;
margin-left:0;
border:none;
}
.widget ul.side-newsfeed li .side-item .side-image {
margin-bottom:15px;
position: relative;
display: block;
}
.widget ul.side-newsfeed li .side-item .side-image a .format-icon {
position: absolute;
z-index: 1;
top: -25px;
left: 50%;
margin-left: -25px;
width: 50px;
height: 50px;
font-size: 17px;
line-height: 54px;
margin-bottom: 0;
text-align: center;
background-color: #E87A55;
color: #fff;
border-radius: 100%;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
}
.widget ul.side-newsfeed li .side-item .side-image a:hover img {
opacity: .9;
}
.widget ul.side-newsfeed li .side-item .side-image img {
width:100%;
height:auto;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.side-item .side-item-text {
overflow:hidden;
text-align: center;
}
.side-item .side-image .side-item-category {
position: absolute;
bottom: 15px;
left:0;
width: 100%;
text-align: center;
}
.side-item .side-image .side-item-category-inner {
display: inline-block;
padding: 4px 10px;
background: #fff;
font-weight: 600;
color: #111;
font-family: "Raleway";
letter-spacing: 1px;
font-size: 9px;
text-transform: uppercase;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
box-shadow: 1px 1px 10px rgba(0,0,0,0.1)
}
.widget ul.side-newsfeed li .side-item .side-item-text h4 {
width: 90%;
margin: 0 auto;
}
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {
color:#111;
font-size:12px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.6;
display: block;
text-transform: uppercase;
-webkit-backface-visibility:hidden;
}
.widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover {
opacity: .7;
}
.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
font-size:12px;
font-style: italic;
color: #999;
margin-top: 3px; }
/** Social Widget **/
.widget-social-links {
position: relative;
}
#sidebar .widget-social-links {
text-align:center;
padding: 0 20px;
}
.widget-social-links a {
display: inline-block;
margin: 0 -1px 3px 0;
}
.widget-social-links a:first-child {
margin-left:0;
}
.widget-social-links a:last-child {
margin-right:0;
}
.widget-social-links a span {
height: 35px;
width: 35px;
text-align: center;
line-height: 36px;
color:#fff;
margin:0 2px 0 0;
font-size:12px;
background: #333;
color: #fff;
display: inline-block;
border-radius: 100%;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
#sidebar.widget-social-links a span {
margin:0 2px;
}
.widget_recent_entries ul li {
padding-bottom: 10px;
margin-bottom: 10px;
}
#sidebar .widget_recent_entries li {
text-align: center;
border-color: transparent;
}
#sidebar .widget_recent_entries li:after {
content: "";
display: block;
width: 100%;
margin: 0 auto;
height: 7px;
margin-top: 12px;
background: url(assets/img/dots-short.svg) center center no-repeat;
opacity: .4;
}
.widget_recent_entries a {
font-size: 11px;
display: block;
text-transform: uppercase;
font-weight: 600;
line-height: 1.6;
letter-spacing: 1px;
font-family: "Raleway";
}
.widget_recent_entries .post-date {
display: block;
font-size: 12px;
line-height: 1.6;
font-style: italic;
color: #999;
}
#footer-widget-area .widget-social-links a span {
background:rgba(255,255,255,.05);
}
.widget-social-links a:hover {
text-decoration:none;
color:#000;
}
.widget-social-links a:hover > span,
#footer-widget-area .widget-social-links a:hover > span{
color: #fff;
background:#E87A55;
}
/** Widget Advertisemnent **/
.advertisement-widget ul li {
width: 100%;
margin-right: 0;
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.advertisement-widget ul.double li {
margin-right: 4%;
width: 48%;
float: left;
}
.advertisement-widget ul.double li:last-child {
margin-right: 0;
}
.advertisement-widget ul li a {
display: block;
font-size: 0;
}
.advertisement-widget ul li img {
width: 100%;
height: auto;
}
/** Widget menu **/
.widget .sub-menu,
.widget_pages .page_item ul {
margin-top: 10px;
padding-left: 25px;
}
.widget .sub-menu a,
.widget_pages .page_item ul a{
font-style: italic;
}
/** Widget Tweets **/
#sidebar .widget .latest-tweets {
text-align: center;
}
.widget .latest-tweets ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-color: transparent;
}
.widget .latest-tweets ul li:after {
content: "";
display: block;
width: 100%;
margin: 0 auto;
height: 7px;
margin-top: 12px;
background: url(assets/img/dots-short.svg) center center no-repeat;
opacity: .2;
}
.widget .latest-tweets ul li:last-child:after {
display: none;
}
.widget p.tweet-text {
font-size: 13px;
display: block;
line-height: 1.6;
font-family: "Raleway";
}
.widget p.tweet-text:before {
content: "\f099";
font-family: "FontAwesome";
font-size: 15px;
font-style: normal;
display: block;
margin-bottom: 4px;
}
.widget .latest-tweets p {
margin: 5px 0;
}
.latest-tweets li p:last-child {
margin-bottom:0;
}
#sidebar .tweet-details a {
display: block;
font-size: 12px;
line-height: 1.6;
font-style: italic;
color: #999 !important;
}
/*-----------------------------------------------------------------------------------*/
/* - Comments Styles
/*-----------------------------------------------------------------------------------*/
.post-comments {
margin-top:55px;
padding-top:55px;
border-top: 1px solid #e5e5e5;
}
.comments {
margin-top: 10px;
margin-bottom:40px;
}
.comment {
list-style-type: none;
padding: 0;
}
.post-comments .box-title-area {
margin-bottom: 25px;
}
.comment-item {
border-bottom:1px dotted #ddd;
padding-bottom:40px;
margin-bottom:40px;
}
.comment-item .author-img {
float:left;
margin-right:20px;
}
.comment-item .author-img img {
border-radius:50%;
}
.comment-item .comment-text {
overflow:hidden;
}
.comment-item .comment-text p {
font-size: 13px;
}
.comment-item .comment-text span.author {
margin-top: 3px;
}
.comment-item .comment-text span.author, .comment-item .comment-text span.author a {
display:inline-block;
font-size:13px;
line-height: 1.3;
font-weight: bold;
margin-bottom:2px;
color:#222;
font-family: "Raleway";
letter-spacing: 1px;
text-transform: uppercase;
}
.comment-item .comment-text span.author a:hover {
opacity: .7;
}
.comment-item .comment-text span.date {
display:block;
font-size: 12px;
font-style: italic;
color: #999;
margin-bottom:20px;
}
.comment-item .comment-text em {
font-size:13px;
margin-bottom:-14px;
display:block;
color:orange;
letter-spacing:1px;
color:#db6169;
}
.comment-item .comment-text em i {
font-size:14px;
color:#f3bd00;
}
.post-comments span.reply a {
float:left;
font-size:12px;
color:#111;
margin-right:8px;
}
.post-comments span.reply a:hover {
opacity:.5;
}
.post-comments ul.children {
margin: 0 0 0 8px;
}
.post-comments ul.children li:before {
display: none;
}
.post-comments ul.children li.comment-item {
margin:0 0 8px 0;
}
li.pingback {
list-style-type: none;
}
li.pingback .comment-item .author-img {
display: none;
}
/** Reply **/
#respond h3 {
font-size:14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom:30px;
margin: 0;
}
#respond h3 a {
color:#000;
display:inline-block;
}
#respond h3 small a {
text-transform:none;
font-family: "Merriweather", sans-serif;
font-size:12px;
font-weight: 400;
letter-spacing: normal;
color:#111;
margin-left:7px;
float: right;
position: relative;
top:10px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
#respond h3 small a:hover {
opacity:.5;
}
.comment-notes {
font-style: italic;
font-size: 13px;
}
#respond label {
display: block;
font-size:11px;
font-weight: 700;
font-family: "Raleway";
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 7px;
}
#respond input:focus {
outline:none;
}
#respond .comment-form-url {
margin-bottom:10px;
}
#respond textarea {
width:100%;
height:120px;
line-height: 1.6;
}
#respond input[type="text"], #respond input[type="email"] {
width: 100%;
}
#respond textarea:focus {
outline:none;
}
#respond p[class*="comment-form"] {
position: relative;
width: 50%;
}
#respond span.wpcf7-not-valid-tip {
display: block;
position: absolute;
top: 1px;
right: 0;
font-size: 11px;
background: #222;
color: #fff;
padding: 4px 12px;
}
#respond #submit {
position: relative;
display: inline-block;
font-size: 9px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "Raleway";
padding: 15px 21px 15px 23px;
margin-top: 16px;
line-height: 1;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;
}
.mc4wp-form input[type=submit] {
background-color: #222;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;
}
#respond #submit:hover,.mc4wp-form input[type=submit]:hover {
opacity: .8;
}
#respond .form-allowed-tags {
font-size: 12px;
}
.form-submit {
margin-bottom: 0;
}
.comments #respond {
margin-bottom:30px;
}
#respond p {
margin: 15px 0;
}
#respond p.comment-form-comment {
width: 100%;
margin-top: 20px;
}
/*-----------------------------------------------------------------------------------*/
/* - Archive Pages
/*-----------------------------------------------------------------------------------*/
.page-introduce-title {
margin: 0;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
}
.page-introduce-title .search-query {
color: #E87A55;
font-weight: bold;
}
.archive-title-area {
position: relative;
padding:65px 0 55px;
text-align:center;
margin: 15px auto 70px;
background-color: #f5f5f5;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
box-shadow:inset 0px 0 25px rgba(0,0,0,.05);
-webkit-box-shadow:inset 0px 0 25px rgba(0,0,0,.05);
}
.archive-title-area h1 {
margin-bottom: 0;
}
.archive-title-area .format-icon {
position: absolute;
top:-24px;
left: 50%;
margin-left: -24px;
width: 48px;
height: 48px;
font-size: 17px;
line-height: 52px;
text-align: center;
background-color: #E87A55;
color: #fff;
border-radius: 100%;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
margin-bottom: 20px;
}
/*-----------------------------------------------------------------------------------*/
/* - Search Page
/*-----------------------------------------------------------------------------------*/
.search.search-no-results #main-container{
padding: 0 0 80px;
margin: 0;
text-align: center;
}
.search.search-no-results #content {
max-width: 600px;
}
.search.search-no-results .entry-content {
margin-bottom: 35px;
}
.search.search-no-results .entry-content h1 {
margin-top: 0;
}
.search.search-no-results .entry-content p {
font-size: 18px;
font-weight: 300;
color: #111;
margin-top: 0;
}
.search.search-no-results .search-form .search {
width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/* - Wordpress Core Fixes
/*-----------------------------------------------------------------------------------*/
.alignnone {
margin: 3px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 30px auto;
}
.alignright {
float: right;
margin: 3px 0 20px 20px;
}
.alignleft {
float: left;
margin: 3px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 3px 0 20px 20px;
}
a img.alignnone {
margin: 3px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 3px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
text-align: center;
margin: 30px 0;
}
.wp-caption.alignnone {
margin: 3px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 3px 20px 20px 0;
}
.wp-caption.alignright {
margin: 3px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-style: italic;
color:#999;
margin: 10px 15px 0;
}
/*** WordPress gallery style ***/
.gallery {
margin-top:30px !important;
margin-bottom: 30px !important;
}
.gallery .gallery-item {
margin:0 !important;
position: relative;
padding-right: 6px;
padding-bottom: 6px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.gallery .gallery-item a {
display: block;
}
.gallery:hover .gallery-item {
opacity: .8;
}
.gallery:hover .gallery-item:hover {
opacity: 1;
}
.gallery .gallery-caption {
font-size:11px;
font-family: "Raleway";
letter-spacing: 1px;
line-height: 1;
text-transform: uppercase;
text-align: left;
color:#fff;
position: absolute;
bottom:6px;
left:0;
right: 6px;
padding:12px 15px;
background-color: rgba(0,0,0,.75);
opacity: 0;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.05);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.05);
box-shadow: 1px 1px 10px rgba(0,0,0,.05);
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.gallery.gallery-columns-3 .gallery-caption{
font-size:9px;
}
.gallery .gallery-item:hover .gallery-caption{
opacity: 1;
}
.gallery .gallery-icon img{
border: none !important;
width: 100%;
display: block;
}
.gallery .gallery-icon img:hover {
}
/*-----------------------------------------------------------------------------------*/
/* - Contact Form 7
/*-----------------------------------------------------------------------------------*/
.wpcf7 input, .wpcf7 select {
width: 50%;
}
.wpcf7 textarea {
width:100%;
}
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
width: auto;
margin-top: -1px;
}
div.wpcf7 {
overflow:hidden;
}
.wpcf7 p.gorilla_input {
float:left;
margin-right:19px;
}
.wpcf7 p.gorilla_message {
clear:both;
}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
border: 1px solid #e5e5e5;
background: #fcfcfc ;
padding: 9px;
font-size: 13px;
color: #111;
letter-spacing: 0;
margin-top: 3px;
}
.wpcf7 p {
margin:15px 0 0;
}
.wpcf7 .wpcf7-submit {
background:#e87a55;
padding:13px 20px;
color:#FFF;
letter-spacing:2px;
font-size:10px;
outline: none;
text-transform:uppercase;
cursor:pointer;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
display:block;
border:none;
width:auto;
box-shadow:1px 1px 5px rgba(0,0,0,.2);
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);
}
.wpcf7 .wpcf7-submit:hover {
opacity:.8;
}
div.wpcf7-response-output {
margin: 0;
padding: 15px;
border: 1px solid #111;
color:#111;
}
/*** 404 ***/
.error-404 {
text-align:center;
padding: 50px 0;
}
body.error404 {
background:#f8f8f8;
}
.error-404 h1 {
font-size:40px;
font-weight:400;
margin: 0;
}
/*** Image Attachement **/
.entry-attachment img {
max-width: 100%;
height: auto;
}
.entry-caption p {
margin: 0;
line-height: 1;
}
/*-----------------------------------------------------------------------------------*/
/* - Media Element JS
/*-----------------------------------------------------------------------------------*/
.mejs-container .mejs-controls {
height: 34px;
}
.mejs-controls .mejs-button button {
margin: 9px 6px;
}
.mejs-container .mejs-controls .mejs-time {
padding: 12px 2px 0;
}
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
height: 3px;
}
.mejs-controls div.mejs-time-rail {
padding-top: 10px;
}
.mejs-controls .mejs-offscreen {
display: none !important;
}
.mejs-container {
background-color: rgba(0,0,0,.8);
}
.mejs-container .mejs-controls {
background: rgba(0,0,0,.8);
}
.masonry-layout .mejs-overlay-button {
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
background-size:cover;
}
.mejs-overlay-error {
display:none;
}
.masonry-layout .mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -50px;
}
.mejs-overlay-button {
opacity: .5;
display: none;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
top:15px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background-color:#E87A55;
}
/* Facebook */
.fb-page > span {
max-width: 100%;
}
/* Fixes */
div:not(.sharedaddy) .post-entry ul li:before {
display: none;
}
.jr-insta-thumb ul.thumbnails:before,
.jr-insta-thumb ul.thumbnails:after {
content: " ";
display: table;
}
.jr-insta-thumb ul.thumbnails:after {
clear: both;
}
/* PhotoSwipe */
.pswp__top-bar {
background-color: transparent;
}
.pswp__top-bar .pswp__button, .pswp__top-bar .pswp__counter {
background-color: rgba(0, 0, 0, 0.5);
}
.pswp__caption, .pswp__caption__center {
text-align: center;
font-family: "Raleway",sans-serif;
}
.pswp__caption {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
background-color: transparent;
}
.pswp__caption__center {
display: inline-block;
font-family: "Raleway";
letter-spacing: 1px;
font-size: 10px;
text-transform: uppercase;
color: #fff;
text-align: center;
line-height: 1.3;
background-color: rgba(0,0,0,.75);
padding: 14px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
img#wpstats {
display: none !important;
}