/*
Theme Name: ExodosWP
Theme URI: http://modeltheme.com/mt_exodos/
Description: Exodos - Church WordPress Theme
Version: 1.2
Author: ModelTheme
Author URI: http://modeltheme.com/
Tags: custom-header, custom-menu, featured-images, post-formats, sticky-post
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: exodoswp
Date: 27-APR-2017
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*------------------------------------------------------------------
[Main Theme Stylesheet]
[Table of contents]
1. Reset CSS
2. General styling
3. Buttons
4. Blocks
5. Statistics
6. Boostrap styling
7. Product Page
8. PAGE PRELOADER
-------------------------------------------------------------------*/
/*GENERAL FONTS STYLING*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
font-family: "Lato" !important;
}
html,
body,
blockquote,
blockquote p,
p{
font-family: "Roboto";
}
/* Reset CSS */
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
mark {
background: transparent;
color: #000000;
text-decoration: underline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table, th, td {
border: 1px solid #e6e6e6;
}
td, th {
color: #9aa7af;
padding: 5px !important;
text-align: center;
}
.wp-caption-text,
.page-links,
.post-excerpt.row > th,
.post-excerpt.row > address,
.post-excerpt.row > dl,
.post-excerpt.row > ol,
.post-excerpt.row > ul,
.post-excerpt.row > h1,
.post-excerpt.row > h2,
.post-excerpt.row > h3,
.post-excerpt.row > h4,
.post-excerpt.row > h5,
.post-excerpt.row > h6{
color: #000;
}
/* General styling */
section {
position: relative;
}
section.cover {
background-size: cover;
}
img {
max-width: 100%;
}
.mt-full-screen {
width: 100%;
height: 100%;
}
.mt-half-page {
width: 100%;
height: 50%;
}
.mt-uppercase {
text-transform: uppercase;
}
.mt-blue {
background: #00adf1;
}
p.subtitle {
font-size: 20px;
font-weight: 600;
color: rgba(255,255,255,0.7);
}
.top-margin {
padding-top: 60px;
}
.mediu-margin {
padding-top: 25px;
padding-bottom: 25px;
}
p {
color: rgb(69, 70, 70);
font-size: 18px;
font-weight: 300;
line-height: 1.63043em;
margin: 0 0 12px;
}
.button {
color: #FFF;
font-size: 14px;
font-weight: 400;
display: inline-block;
padding: 10px 20px;
margin: 10px;
}
.button.outline-button {
border: 1px solid #FFFFFF;
}
.button:hover {
text-decoration: none;
color: #FFFFFF;
}
.button.outline-button.mt-blue {
border-color: #00adf1;
color: #FFFFFF;
}
.video-background {
height: 100%;
}
/* Testimonial */
.testimonials-container ul {
list-style: none;
padding: 0;
}
.testimonials-container blockquote {
border: 0 none;
text-align: center;
padding: 40px 0 60px 0;
font-size: 26px;
color: rgba(255,255,255,0.5);
position: relative;
}
.testimonials-container blockquote * {
font-size: 26px;
}
.timeline .post-cotnent-left {
padding-right: 60px;
}
.timeline .post-cotnent-right {
padding-left: 60px;
}
.timeline{
position: relative;
}
.timeline article {
padding-bottom: 40px;
position: relative;
}
.timeline:before {
content: "";
display: block;
width: 4px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: 2px;
background: #00adf1;
}
.timeline article:before {
content: "";
display: block;
position: absolute;
width: 15px;
height: 90px;
background: url("images/timeline-dot.jpg");
left: 50%;
top: 50%;
margin-left: -4px;
margin-top: -45px;
}
body.single-post {
border: 0 none;
}
/* Section: Contact */
.button[type="submit"] {
border-bottom: 4px solid;
color: rgb(255, 255, 255);
font-style: normal;
font-weight: 500;
margin: 0;
padding: 10px;
}
#contact_form .contact_input_holder {
margin-bottom: 15px;
}
.contact_input_holder {
margin-bottom: 20px;
}
.contact_input_holder i {
font-size: 20px;
left: 15px;
opacity: 0.5;
top: 9px;
}
#contact_form input[type="text"]::-webkit-input-placeholder,
#contact_form input[type="text"]:-moz-placeholder,
#contact_form input[type="text"]::-moz-placeholder,
#contact_form input[type="text"]:-ms-input-placeholder,
#contact_form textarea::-webkit-input-placeholder,
#contact_form textarea:-moz-placeholder,
#contact_form textarea::-moz-placeholder,
#contact_form textarea:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.1);
}
#contact_form {
background-color: rgb(242, 245, 248);
overflow: hidden;
padding: 21px 7px;
}
#contact_form .form-control {
border: 1px solid rgba(0, 0, 0, 0.1);
}
/* Boostrap styling */
.btn-default:after {
background: #2c3e50;
height: 100%;
left: 0;
top: 0;
width: 0;
content: "";
position: absolute;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
z-index: -1;
}
.btn-default:hover:after {
width: 100%;
}
.btn-primary:hover{
background: rgba(52, 73, 94,1.0);
}
.navbar {
margin-bottom: 0;
border: 0 none;
border-radius: 0;
}
/* WordPress */
.wp-caption-text{}
.wp-caption{}
.gallery-caption{}
.bypostauthor{}
.alignright{
text-align: right;
}
.alignleft{
text-align: left;
}
.aligncenter {
text-align: center;
}
.clearfix {
clear: both;
}
.form-control {
background-color: #fff;
background-image: none;
border: 2px solid rgba(204, 204, 204, 0.5);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
height: 42px;
line-height: 1.42857;
padding: 6px 40px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
/* buttons */
.mt-top-bar > div {
padding: 20px 0;
}
.mt-top-bar h1.logo {
margin: 0;
}
.list-view .post-thumbnail {
margin-left: 0;
padding-left: 0;
}
.grid-two-columns:nth-child(2n+1) {
clear: left;
}
.grid-three-columns:nth-child(3n+1) {
clear: left;
}
.grid-four-columns:nth-child(4n+1) {
clear: left;
}
.full-width-part {
width: 100%;
}
article.single-post {
padding-bottom: 30px;
}
.single-post {
border-bottom: medium none !important;
}
/* Product Page */
.heading-holder h2,
.heading-holder{
font-size: 18px;
color: #2f383d;
}
.heading-holder h2,
.heading-holder i {
display: block;
}
.heading-holder i {
float: right;
padding: 5px;
color: #e1e1e1;
border: 1px solid #e1e1e1;
margin-top: 10px;
cursor: pointer;
}
.heading-holder h2 {
float: left;
}
.form-holder-addon {
width: 48%;
float:left;
}
.widget-title{
margin-bottom: 15px;
}
.no-margin-head .section-title {
margin-top: 0;
}
.widget-title,
h3#reply-title,
h2.heading-bottom {
font-size: 24px;
margin-top: 10px;
padding-bottom: 5px;
margin-bottom: 25px;
border-bottom: 1px solid #d5dadd;
position: relative;
}
.post_thumbnails_slider{
border-radius: 6px;
-webkit-border-radius: 6px;
overflow: hidden;
}
.widget-title:after,
h3#reply-title:after,
h2.heading-bottom:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -2px;
width: 150px;
height: 3px;
}
/*SINGLE POST*/
.related-posts .post-name a {
color: black;
line-height: 140%;
margin-bottom: 6px;
}
.related-posts .post-author {
opacity: 0.5;
}
.single-post .love-it-wrapper {
display: none;
}
.post-details-bottom {
background: #f7f7f7 none repeat scroll 0 0;
}
.related_blog_details {
background: white none repeat scroll 0 0;
padding: 15px 20px;
}
.single .label-info.edit-t {
background: black none repeat scroll 0 0;
display: block;
float: right;
border-radius: 0;
-webkit-border-radius: 0;
padding: 6px;
}
.single .label-info.edit-t a {
color: #fff;
font-weight: 300;
}
.single .page-links {
background: #f8f7f1 none repeat scroll 0 0;
color: #232331;
padding: 20px;
}
.post-author > a {
display: inline !important;
}
.single-post-tags > span {
background: black none repeat scroll 0 0;
color: white;
padding: 5px 8px;
}
.single-post-tags > a {
border: 1px solid #ededed;
color: #111;
font-weight: 300;
line-height: 33px;
padding: 4px 8px;
text-transform: lowercase;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.single-post-tags > a:hover {
border: 1px solid transparent;
color: white;
}
.single-post .post-categories {
margin-bottom: 5px;
margin-top: 5px;
}
/*PAGE PRELOADER*/
#navbar .sub-menu .menu-item > a {
font-weight: 300;
text-transform: none;
}
.exodoswp_preloader_holder {
background: #ec1d23 none repeat scroll 0 0;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10003;
}
.exodoswp_preloader_holder .loaders {
left: 50%;
position: absolute;
top: 50%;
}
.single article .article-content p {
color: #454646 !important;
margin: 0 0 15px;
}
/*------------------------------------------------------------------
<----------[Master Styles]---------->
-------------------------------------------------------------------*/
/*-----------------------------------------------------------------
[Table of contents]
1. Body
1.1. General styling
2. Elements
2.1. Buttons
2.2. Subscribe form
2.3. Blockquote
2.4. Search input + button
2.5. Contact us
2.6. Back to top button
2. Header
2.1. Header styling
2.2. Navbar styling
2.3. Hero section
3. Portfolio
4. Blocks
5. Testimonial
6. Members
7. Statistics
8. Footer
9. Custom images
10. Sections
10.1. Subscribe
10.2. Contact
10.3. Contact Form
10.4. Portfolio
10.5. Pricing tables
11. Page: Blog
11.1. Sidebar/Widgets
13. 404 Not found page
14. Clients slider
17. Carousel Post
18. Event
19. Banner
21. Members
22. Our Services
24. Sidebar menu
25. Colors Fallback
26. Booking styling
27. Fallback CSS
-------------------------------------------------------------------*/
/*---------------------------------------------*/
/*--- 1. Body ---*/
/*---------------------------------------------*/
/* General styling */
html,body {
height: 100%;
width: 100%;
}
body{
overflow-x: hidden;
}
* {
word-wrap: break-word;
}
a,
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
section {
position: relative;
}
section.cover{
overflow: hidden;
}
img {
max-width: 100%;
height: auto;
}
ol {
padding-left: 30px;
}
figure.gallery-item {
margin: 10px 0;
}
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
border: 1px solid white;
padding: 8px;
background: #f2f2f2;
}
.gallery img:hover {
background: white;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
/*GLOBAL: FONT WEIGHT*/
.post-excerpt,
.breadcrumb,
.single-post-social > div,
.tweet-body,
.article-details .post-author,
.tweet-date,
.top-header,
.author-biography{
font-weight:300;
}
.post-name.post-name-color a{
font-weight:500;
}
/*GLOBAL: BORDER RADIUS*/
.sticky_post i {
color: #92bc15;
font-size: 21px;
padding: 0;
position: relative;
top: -2px;
}
.sticky-posts .post a,
.sticky-posts .post-date,
.modeltheme-content,
.testimonials_slider .testimonial-content,
.tagcloud > a,
.widget_address_social_icons .social-links a,
.single_post_author_details,
.social-sharer > li,
.shortcode_post_content .text_content .post-read-more .post-read-more-button,
footer .contact-details{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
/*GLOBAL: TRANSITION EFFECTS*/
.post-password-form input[type="submit"] {
color: #ffffff;
}
#primary .main-content ul.modeltheme-slider li{
position: unset;
}
.column{
height: auto;
}
p.subtitle {
font-weight: 600;
color: rgba(255,255,255,0.7);
}
.top-margin {
padding-top: 60px;
}
.high-margin {
padding-top: 60px;
padding-bottom: 80px;
}
.bottom-margin {
padding-top: 0;
padding-bottom: 80px;
}
.mediu-margin {
padding-top: 25px;
padding-bottom: 25px;
}
.spacer {
margin-bottom: 50px;
}
.right-border {
padding: 15px;
border-right: 5px solid;
margin-bottom: 10px !important;
}
.left-border {
padding: 15px;
border-left: 5px solid;
margin-bottom: 10px !important;
}
.relative{
position: relative;
}
.absolute{
position: absolute;
}
.fixed{
position: fixed;
}
.no-margin{
margin: 0 !important;
}
.top-no-margin {
padding-bottom: 100px;
padding-top: 0;
}
.bottom-no-margin {
padding-bottom: 0;
padding-top: 60px;
}
.high-padding {
padding: 80px 0;
}
.medium-padding {
padding: 50px 0;
}
.container.high-padding {
padding: 80px 15px;
}
.form-control {
border-color: rgb(0, 173, 241);
border-width: 2px;
color: rgba(85, 85, 85, 0.8);
font-size: 15px;
font-style: italic;
font-weight: 300;
height: auto;
padding: 10px;
}
.video-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 1;
}
.embed-responsive-item{
width: 100%;
}
.block-triangle {
overflow: hidden;
}
.flat-icon {
font-family: 'oxp-demo';
padding:23px 28px;
font-size: 45px;
font-weight: bold;
display: inline-block;
line-height: 100%;
overflow: hidden;
text-transform: uppercase;
margin-right: 15px;
}
/*---------------------------------------------*/
/*--- 2. Elements ---*/
/*---------------------------------------------*/
body .no-margin{
margin-bottom: 0;
}
.text-white ul li,
.text-white .section-title {
color: white;
opacity: 0.9;
}
.img-center{
margin: 0 auto;
display: block;
}
.smartowl_call-to-action h1,
.smartowl_call-to-action h2,
.smartowl_call-to-action h3,
.smartowl_call-to-action h4,
.smartowl_call-to-action h5,
.smartowl_call-to-action h6 {
color: #fff;
}
[class^="hvr-"] {
background: #e1e1e1 none repeat scroll 0 0;
color: #666;
cursor: pointer;
margin: 0;
padding: 1em;
text-decoration: none;
}
@-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.margin-zero{
margin: 0;
}
.btn.margin-zero {
margin: 10px 0;
}
.article-social label {
float: left;
font-size: 18px;
font-weight: 300;
line-height: 37px;
margin-right: 15px;
}
textarea,
input[type="text"],
input[type="button"],
input[type="search"],
input[type="submit"]{
-webkit-appearance: none;
}
.testimonials-container blockquote:before {
content: "\"";
font-family: open sans;
font-size: 200px;
font-style: italic;
left: 15%;
line-height: 200px;
position: absolute;
transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
background: transparent;
}
.testimonials-container blockquote p {
width: 65%;
margin: 0 auto;
}
.testimonials-container blockquote{
background: transparent;
}
.quotes-container blockquote{
background: transparent;
padding: 0;
}
/*
.no-results.not-found {
color: rgb(153, 171, 183);
}
.no-results .search-form {
margin-top: 20px;
}
.search-no-results h2.page-title {
color: #232331;
font-size: 40px;
}
.no-results input[type="submit"] {
border: 0 none;
color: #fff;
display: initial;
padding: 9px 15px;
}
.no-results input {
border: 1px solid rgb(229, 236, 239);
color: rgb(153, 171, 183);
padding: 8px;
}*/
/*Section: Contact us*/
#contact_form textarea.form-control {
height: 140px;
padding: 6px 40px !important;
}
#contact_form2 .alert-success {
background-color: rgb(223, 240, 216);
border: 0 none;
color: rgb(255, 255, 255);
margin-top: 15px;
padding-top: 15px;
text-align: left;
}
.success_message {
color: rgb(0, 173, 241);
display: none;
font-weight: 400;
padding-top: 5px;
text-align: center;
}
textarea.form-control {
height: 140px;
padding: 10px !important;
}
#contact_form2 .form-control {
background-color: #ecf0f1;
border: 1px solid rgba(206, 206, 206, 0.3);
box-shadow: none;
padding: 0 10px;
}
#contact_form2 .contact_label {
color: #333333;
}
#contact_form2 .solid-button.button {
border: medium none;
margin-top: 5px;
text-transform: uppercase;
width: auto;
}
.span-contact i {
bottom: 1px;
color: #48a8a7;
font-size: 25px;
margin-right: 10px;
opacity: 0.6;
position: relative;
text-align: center;
width: 35px;
}
.back-to-top.modeltheme-is-visible > span {
border: 1px solid rgb(255, 255, 255);
height: calc(100% - 20%);
left: 10%;
position: absolute;
top: 10%;
width: calc(100% - 20%);
}
.back-to-top.modeltheme-is-visible:hover {
opacity: 1;
}
.back-to-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 100px;
right: 10px;
z-index: 10;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: url(../images/mt-to-top-arrow.svg) no-repeat center center;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.back-to-top.modeltheme-is-visible, .back-to-top.modeltheme-fade-out, .no-touch .back-to-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.back-to-top.modeltheme-is-visible {
visibility: visible;
opacity: 1;
}
.back-to-top.modeltheme-fade-out {
opacity: .5;
}
.no-touch .modeltheme-top:hover {
background-color: #e86256;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.back-to-top {
right: 20px;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.back-to-top {
height: 60px;
width: 60px;
right: 30px;
bottom: 30px;
}
}
.post-password-form input {
border: 1px solid #e6e6e6;
padding: 7px;
}
.quotes-slider.owl-carousel {
margin-top: 25px;
}
.st-menu-content {
height: 100%;
overflow-y: scroll;
padding: 30px;
position: absolute;
}
#modeltheme-main-head {
width: 100%;
z-index: 200;
clear: both;
border: 0 none;
}
.portfolio-posts .main-content {
margin: 0;
}
.single-portfolio-item .item-description {
height: 100%;
top: 0;
width: 100%;
}
.item-description .holder-top {
height: 50%;
padding: calc(15% - 15px) 15px 15px;
text-align: center;
width: 100%;
opacity: 0;
position: absolute;
top: -50%;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.details-container > div.details-item .amount, .details-container > div.details-item ins {
color: rgb(255, 255, 255);
padding: 1px 5px;
}
.item-description .holder-bottom {
background: none repeat scroll 0 0 rgb(44, 62, 80);
color: rgb(255, 255, 255);
height: 50%;
padding: calc(15% - 30px) 15px 15px;
position: absolute;
text-align: center;
width: 100%;
opacity: 0;
top: 100%;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.single-portfolio-item:hover .holder-top {
opacity: 1;
top: 0;
}
.single-portfolio-item:hover .holder-bottom {
opacity: 1;
top: 50%;
}
.item-description i {
background: none repeat scroll 0 0 rgb(255, 255, 255);
color: rgb(182, 189, 191);
font-size: 19px;
padding: 10px;
width: 40px;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.item-description i:hover {
background: none repeat scroll 0 0 rgb(44, 62, 80);
color: #fff;
}
.holder-top > a:first-child {
margin-right: 4px;
}
.holder-top > a:nth-child(2) {
margin-left: 4px;
}
.item-description .holder-bottom::before {
border-bottom: 15px solid #393939;
border-left: 15px solid rgba(0, 0, 0, 0);
border-right: 15px solid rgba(0, 0, 0, 0);
content: " ";
height: 0;
left: 50%;
margin-left: -15px;
pointer-events: none;
position: absolute;
top: -14px;
width: 0;
}
.item-description .holder-bottom > h5 {
font-size: 15px;
margin: 0;
opacity: 0.5;
}
.item-description .holder-bottom h3 {
margin: 10px 0 15px;
}
.main-content article.single-portfolio-item {
padding: 0;
}
/*---------------------------------------------*/
/*--- 4. Blocks ---*/
/*---------------------------------------------*/
/* Blocks */
.block-icon{
height: 130px;
margin-bottom: 25px;
position: relative;
}
.block-container {
text-align: center;
}
.block-triangle {
width: 80px;
height: 80px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: 0 auto;
position: relative;
top: 25px;
box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 7px #dadbdb;
-webkit-box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 7px #dadbdb;
}
.block-title p {
color: #2f383d;
font-size: 16px;
font-weight: 500;
}
.block-content p {
font-size: 15px;
color: #9aa7af;
font-weight: 300;
}
.block-icon i {
color: #FFFFFF;
font-size: 40px;
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
/* Left Block */
.left-block-container {
margin-bottom: 20px;
}
.left-block-container .block-title p {
text-transform: uppercase;
}
.left-block-container .block-title {
padding-top: 20px;
}
.left-block-container {
border-bottom: 1px solid #dadee1;
}
.left-block-container:last-child {
border-bottom: 0 none;
margin-bottom: 0;
}
.left-block-container:last-child .block-icon {
margin-bottom: 0;
}
/* Filters */
.filters {
list-style: none;
text-align: center;
width: 100%;
}
.filters .filter {
display: inline-block;
}
/*---------------------------------------------*/
/*--- 5. Testimonial ---*/
/*---------------------------------------------*/
.testimonial-img-holder {
width: 100%;
}
.testimonail-content p:last-child{
margin: 0;
}
.testimonail-content p {
color: #ffffff;
}
.testimonial-arrow {
border-left: 20px solid rgb(255, 255, 255);
border-right: 20px solid rgb(255, 255, 255);
border-bottom: 20px solid #485052;
content: "";
height: 30px;
left: 44px;
position: absolute;
top: 100px;
width: 30px;
}
.testimonial-img {
float: left;
margin-bottom: 30px;
overflow: hidden;
transform: none;
-webkit-transform: none;
width: 80px;
}
.testimonial-description {
float: left;
margin-top: -15px;
}
.testimonial-description h4 {
font-weight: 300;
margin-bottom: 0;
}
.testimonial_item .testimonail01-content p {
border-bottom: 1px solid #ddd;
font-style: italic;
padding-bottom: 20px;
}
.testimonail01-content {
float: left;
width: 100%;
}
.testimonial-img img {
display: block;
}
.testimonial-author-job {
left: 125px;
position: absolute;
top: 18px;
}
.author-bio.no-author-pic .avatar.photo {
display: none;
}
.testimonail-content {
border-radius: 5px;
font-style: italic;
font-weight: lighter;
line-height: 170%;
padding: 15px;
background: #485052;
}
.testimonials-container ul {
list-style: none;
padding: 0;
}
.testimonials-container blockquote {
border: 0 none;
text-align: center;
padding: 40px 0 40px 0;
font-size: 26px;
color: rgba(255,255,255,0.5);
position: relative;
margin: 0;
}
.quotes-container blockquote {
border: 0 none;
text-align: center;
padding: 40px 0 40px 0;
font-size: 26px;
color: rgba(255,255,255,0.5);
position: relative;
margin: 0;
}
.testimonial-author {
font-size: 20px;
font-weight: 500;
margin-top: 10px;
}
.testimonial-job {
color: #9aa7af;
font-size: 13px;
font-weight: 400;
}
/*---------------------------------------------*/
/*--- 5. Members ---*/
/*---------------------------------------------*/
.member-container {
position: relative;
}
.member-content {
position: relative;
z-index: 2;
-webkit-transition: all 0.7s; /* For Safari 3.1 to 6.0 */
transition: all 0.7s;
}
.member-container:hover .member-content {
-ms-transform: translateY( -50% ); /* IE 9 */
-webkit-transform: translateY( -50% ); /* Chrome, Safari, Opera */
transform: translateY( -50% );
}
.member-header {
border-bottom: 1px solid;
margin-bottom: 40px;
position: relative;
z-index: 2;
}
.member-header:before,
.member-header:after {
content: "";
display: block;
position: absolute;
bottom: -10px;
width: 1px;
height: 10px;
}
.member-header:before {
left: 0;
}
.member-header:after {
right: 0;
}
.member-header p,
.member-footer p {
font-size: 12px;
text-transform: uppercase;
}
.member-header h4,
.member-footer h4 {
font-size: 16px;
text-transform: uppercase;
}
.member-footer .social {
border-top: 1px solid;
margin-top: 20px;
position: relative;
padding-top: 20px;
}
.member-footer .social:before,
.member-footer .social:after {
content: "";
display: block;
position: absolute;
top: -10px;
width: 1px;
height: 10px;
}
.member-footer .social:before {
left: 0;
}
.member-footer .social:after {
right: 0;
}
.member-footer .social ul {
list-style: none;
padding: 0;
margin: 0;
}
.member-footer .social ul li {
display: inline-block;
}
.member-footer {
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
}
.social ul li i {
font-size: 20px;
color: #bdc0c2;
}
.member-content img {
width: 100%;
}
/*---------------------------------------------*/
/*--- 7. Statistics ---*/
/*---------------------------------------------*/
.aligncenter {
margin: 0 auto;
display: block;
}
.timeline .post-cotnent-left {
padding-right: 60px;
}
.timeline .post-cotnent-right {
padding-left: 60px;
}
.timeline{
position: relative;
}
.timeline article {
padding-bottom: 40px;
position: relative;
}
.timeline:before {
content: "";
display: block;
width: 4px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: 2px;
background: #00adf1;
}
.timeline article:before {
content: "";
display: block;
position: absolute;
width: 15px;
height: 90px;
background: url("../images/timeline-dot.jpg");
left: 50%;
top: 50%;
margin-left: -4px;
margin-top: -45px;
}
/*---------------------------------------------*/
/*--- 10. Sections ---*/
/*---------------------------------------------*/
body .content_element{
margin: 0;
}
body .accordion .accordion_wrapper .ui-state-active .ui-icon{
background-image: url("../images/toggle_close.png");
}
#primary .main-content ul li[role="tab"]:not(.rotate45) {
margin: 0;
}
/* Section: Subscribe*/
body.single-post {
border: 0 none;
}
/* Section: Contact */
/*Contact form 7 Compatibility Style*/
.wpcf7-form .wpcf7-submit {
border: 0 none;
padding: 10px 20px;
color: #fff;
}
.wpcf7-form input, .wpcf7-form textarea {
border: 1px solid #cccccc;
padding: 8px;
}
.wpcf7-form span.wpcf7-not-valid-tip {
font-size: 14px;
font-weight: 300;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
border: 0 none;
color: #ffffff;
margin: 5px 0;
padding: 10px;
}
div.wpcf7-validation-errors {
background: none repeat scroll 0 0 #f1c40f;
}
div.wpcf7-mail-sent-ok {
background: none repeat scroll 0 0 #2ecc71;
}
div.wpcf7-mail-sent-ng {
background: none repeat scroll 0 0 #e74c3c;
}
#contact-us .form-control:focus {
box-shadow: none;
border: 1px solid;
}
#contact-us .form-control {
border: 1px solid #dadee1;
height: auto;
padding: 8px;
}
#contact_form .button[type="submit"] {
border: 0 none;
color: #ffffff;
font-style: normal;
font-weight: 500;
height: auto;
margin: 0;
padding: 10px;
}
label.error {
font-size: 15px;
font-weight: 300;
padding-top: 2px;
}
.single.single-post .high-padding {
padding: 80px 0;
}
/*Contact form style*/
.contact_service .landing_input {
background-color: #f8f7f1;
border: 1px solid #dbdbdb;
border-radius: 2px;
color: #000000;
font-size: 18px;
font-weight: 300;
margin-bottom: 30px !important;
padding: 15px !important;
width: 100%;
}
.contact_service .landing_submit {
border-radius: 2px;
font-size: 18px;
font-weight: initial;
margin-bottom: 30px !important;
padding: 15px 30px !important;
text-transform: uppercase;
margin-left: 20px;
width: auto;
}
.wpcf7-response-output {
clear: both;
text-align: center;
}
/*Section: Portfolio*/
.portfolio-item img {
max-width: 100%;
}
.single .related_portfolios {
margin-top: 65px;
overflow: hidden;
}
.portfolio_thumbnails_slider .owl-controls.clickable .owl-pagination {
bottom: 20px;
position: absolute;
width: 100%;
}
/* Ketchup validator */
.ketchup-error {
display: none !important;
}
/* Boostrap styling */
.table-striped>tbody>tr:nth-child(odd),
.table-hover>tbody>tr:hover,{
background-color: #ecf0f1;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
border-color: #ecf0f1;
}
.thumbnail {
background: transparent;
}
.btn-primary:hover{
background: rgba(52, 73, 94,1.0);
}
.navbar {
margin-bottom: 0;
}
/*---------------------------------------------*/
/*--- 11. Page: Blog ---*/
/*---------------------------------------------*/
.article-content h1,
.article-content h2 {
margin-top: 40px;
line-height: normal;
}
.article-content h3,
.article-content h4 {
margin-top: 30px;
line-height: normal;
}
.article-content h5,
.article-content h6 {
margin-top: 20px;
line-height: normal;
}
.flex {
display: flex;
}
/*list view blog*/
/*blog post category date comment*/
.list-view .no-featured-image {
padding: 30px !important;
}
article.single-post img {
max-width: 112%;
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
nav.comment-navigation {
margin-bottom: 30px;
background: transparent;
}
.comment-navigation .nav-previous > a, .comment-navigation .nav-next > a {
background: #a7d618 none repeat scroll 0 0;
color: #ffffff;
padding: 5px 10px;
}
.comment-navigation h1 {
font-size: 25px;
margin: 0 0 6px;
}
.meta-pipe {
margin: 0 5px;
}
.list-view .post-details .post-category-comment-date a {
font-weight: 300;
}
.list-view .post-details .post-category-comment-date .post-author span {
opacity: 0.6;
}
.list-view .post-details .post-excerpt .more-link {
background: #a7d618 none repeat scroll 0 0;
color: #ffffff !important;
font-size: 15px;
font-style: italic;
line-height: 25px;
margin: 0;
padding: 5px 12px;
}
.list-view .post-thumbnail:hover {
border-right: medium none !important;
}
.list-view .blog_custom {
background: #f7f7f7 none repeat scroll 0 0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
display: flex;
overflow: hidden;
}
.page-links {
clear: both;
width: 100%;
}
.single,
.search.search-results,
.page-template-template-blog,
.archive.category,
.archive.author,
.blog,
.archive.search,
.archive.tag {
}
.list-view .post-category-comment-date .post-categories a,
.list-view .post-category-comment-date .post-author a {
font-weight: 500;
}
.list-view .post-details .post-excerpt p{
font-weight: 300;
}
.list-view .post-category-comment-date,
.list-view .post-details .post-excerpt p,
.list-view .post-details .post-category-comment-date i{
color: #232331 !important;
}
.list-view .post-details .post-name a {
font-size: 25px;
line-height: 1.5em;
}
.blog_heading.heading-bottom {
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin-top: 0;
text-transform: uppercase;
}
.list-view .post-thumbnail {
margin: 0;
padding: 0;
}
.list-view .post-details {
align-self: center;
padding: 23px 30px;
position: relative;
}
.list-view .post-category-comment-date {
font-weight: 300;
margin: 0 0 15px;
opacity: 0.75;
}
.blog_custom:hover {
box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.08);
}
.blog_custom {
transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s; /* For Safari 3.1 to 6.0 */
}
.no_padding {
padding: 0px 15px !important;
}
.shortcode_post_content .featured_image_content {
padding: 0;
}
.missing-featured-image ol {
margin: 0;
}
.header-title-breadcrumb-overlay.missing-featured-image {
padding: 30px;
position: relative;
}
.shortcode_post_content {
border-radius: 5px;
margin-bottom: 30px;
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
.shortcode_post_content .text_content .post-read-more .post-read-more-button {
background-color: rgba(237,237,237,0.4);
color: #fff;
font-size: 17px;
padding: 10px;
overflow: hidden !important;
}
.shortcode_post_content .text_content .post-read-more {
padding: 0;
text-align: center;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content i{
border-radius: 0;
-webkit-border-radius: 0;
margin: 0;
}
.shortcode_post_content .text_content .post-download-icons {
padding: 6px 0;
}
.shortcode_post_content .text_content .post-more-download .post-read-more-button i {
padding-right: 15px;
}
.shortcode_post_content .text_content .post-download-icons i {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
-webkit-border-radius: 50%;
color: black;
float: right;
margin-left: 10px;
padding: 11px;
width: 35px;
height: 35px;
}
.shortcode_post_content .text_content {
padding-bottom: 20px;
padding-top: 20px;
}
.shortcode_post_content .text_content .post-more-download {
margin-top: 22px;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content i {
background: transparent;
border-radius: 0;
color: rgb(255, 255, 255);
margin: 0;
text-align: center;
width: 100%;
}
.list-view .wp-caption.alignnone {
margin: 10px 0;
max-width: 100%;
}
.wp-caption {
font-style: italic;
}
.wp-caption.alignnone {
margin: 15px 0;
max-width: 100%;
}
.alignnone {
margin: 10px 0;
}
.alignright {
float: right;
margin-bottom: 20px;
margin-left: 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
float: right;
margin: 0 0 0 15px;
}
.page .no-padding-top article.type-page{
padding-top: 0;
}
.page article.type-page{
padding: 80px 0;
}
.page .high-padding article.type-page,
.page .no-padding article.type-page{
padding: 0;
}
.page .no-padding-bottom article.type-page{
padding: 80px 0 0;
}
.single-post {
border-bottom: 1px solid rgb(230, 230, 230);
padding-bottom: 30px;
}
.post-type {
color: rgb(51, 51, 51);
}
.post-type i {
margin-right: 10px;
}
.post-thumbnail a {
display: block;
overflow: hidden;
}
.main-content .single-post a:hover .thumbnail-overlay {
opacity: 1;
}
.main-content .single-post .thumbnail-overlay i {
font-size: 25px;
left: calc(50% - 9px);
top: 44%;
}
/*Blog: Pagination*/
.modeltheme-pagination.pagination .page-numbers.current {
background-color: #A7D618;
color: #fff;
}
.container-pagination {
text-align: center;
}
.modeltheme-pagination{
background: transparent;
}
.pagination{
padding: 0 15px;
}
.page-template-template-portfolio .pagination {
padding: 0;
position: relative;
}
.pagination > li > a {
transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
-moz-transition: all 300ms;
-webkit-transition: all 300ms;
color: rgb(144, 157, 165);
}
.pagination > li > a.current,
.pagination > li > a:hover {
background-color: #00ADF1;
color: #fff;
}
.modeltheme-pagination .pagination {
margin: 0;
}
.account-urls > a{
color: #fff;
margin-left: 15px;
position: relative;
}
.account-urls.first > a:first-child{
color: #fff;
margin-left: 0;
}
.account-urls > a::before {
content: "·";
font-size: 28px;
left: -12px;
position: absolute;
top: -9px;
}
.account-urls > a:first-child::before {
content: "";
}
.account-urls > a:hover{
color: rgb(255, 255, 255);
opacity: 0.85;
}
.modeltheme-pagination-holder {
text-align: center;
}
.pagination .page-numbers:hover {
background-color: #A7D618;
color: #fff;
}
.pagination .page-numbers {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
color: #565656;
float: left;
font-size: 19px;
line-height: 1.42857;
margin: 0 5px;
padding: 10px 20px;
position: relative;
text-decoration: none;
transition: all 300ms ease 0s;
-webkit-transition: all 300ms ease 0s;
}
/*Blog: Breadcrumps*/
.modeltheme-breadcrumbs .page-title {
color: #485052;
margin: 8px 0;
opacity: 0.8;
line-height: 150%;
}
.breadcrumb .active {
margin-left: 3px;
}
.breadcrumb a::after {
color: #000;
margin-left: 5px;
opacity: 0.4;
}
.breadcrumb a:hover::before {
opacity: 0.6;
}
.breadcrumb a {
font-weight: bold;
position: relative;
}
.modeltheme-breadcrumbs {
background: rgb(239, 244, 247) none repeat scroll 0 0;
border-bottom: 1px solid rgba(205, 209, 212, 0.7);
padding: 10px 0;
}
.modeltheme-breadcrumbs h2 {
font-weight: 400;
margin: 0;
}
.modeltheme-breadcrumbs .breadcrumb{
background: transparent;
margin: 0;
padding-right: 0;
}
.breadcrumb > li + li::before{
content: "";
padding: 0;
color: #000;
}
.breadcrumb {
color: #ccc;
text-align: right;
}
#disqus_thread {
margin-top: 40px;
}
/*Blog: Content*/
.img-responsive.single-post-featured-img {
min-width: 100%;
}
.sticky-posts.smartowl_shortcode_blog .post {
padding-bottom: 0 !important;
}
.smartowl_shortcode_blog .post-author {
border-bottom: 0 none;
margin: 4px 0 0;
padding-bottom: 0;
}
.sticky-posts .col-md-4.post {
padding-bottom: 26px;
}
.sticky-posts .col-md-4.post:nth-child(3n+1) {
clear: left;
}
.sticky-posts a:hover .thumbnail-overlay{
opacity: 1;
transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
}
.sticky-posts .thumbnail-overlay i {
font-size: 27px;
left: calc(50% - 10px);
top: 45%;
}
.sticky-posts a:hover .post-date {
opacity: 0;
transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
}
.sticky-posts .post-date {
font-size: 14px;
font-weight: 300;
height: 60px;
left: 15px;
margin-top: 0;
opacity: 1;
padding: 2px;
position: absolute;
top: 15px;
width: 60px;
}
.sticky-posts a {
display: block;
}
.sticky-posts .rotate45_back {
display: block;
padding: 0px;
width: 56px;
}
.sticky-posts .rotate45_back1 {
display: block;
padding: 0px;
width: 56px;
}
.sticky-posts .post-date .rotate45_back {
font-size: 22px;
}
.sticky-posts .post-date .rotate45_back1 {
font-size: 16px;
}
.sticky-posts .sticky_post_text_container .post-name a {
color: black;
line-height: 140%;
margin-bottom: 6px;
}
.sticky-posts .sticky_post_text_container .post-name a:hover ,
.sticky-posts .sticky_post_text_container .post-author {
color: rgba(0, 0, 0, 1);
}
.sticky_post_blog_details .post-name {
font-weight: 600;
letter-spacing: 1.5px;
line-height: 40px;
margin: 0;
text-transform: uppercase;
}
.post-name.post-name-color a {
color: #fff;
}
.post-name {
font-weight: 600;
margin: 7px 0;
}
.single .post-name {
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 0 0 6px;
}
.single-post-tags i {
margin-right: 6px;
position: relative;
top: 3px;
}
.single.single-portfolio .post-name {
font-size: 30px;
margin-bottom: 10px;
}
.related-posts .post-name{
font-size: 18px;
}
.related-posts .post-author > a {
color: #000000;
font-weight: 500;
}
.related-posts .post-excerpt {
color: #9aa7af;
font-weight: 300;
margin: 5px 0 0;
}
.post-category-comment-date .post-author {
border-bottom: 0 none;
}
.article-categories a:hover {
color: rgb(181, 185, 189);
}
.post-author-thumbnail {
margin-bottom: 15px;
}
.author-content .post-date {
color: rgb(181, 185, 189);
}
.post-category-comment-date {
margin: 8px 0;
}
.post-excerpt {
color: #fff;
line-height: 150%;
margin: 0;
margin-top: 5px;
}
.comments-area .no-comments {
float: left;
margin-top: 20px;
width: 100%;
overflow: hidden;
}
.submit-comment,
.template_comments {
float: left;
margin-top: 30px;
width: 100%;
}
.comment-form .form-fields {
padding: 0;
}
.comment-form i:not(.fa) {
font-size: 20px;
line-height: 40px;
color: #b5b9bd;
right: 20px;
text-align: center;
top: 0;
width: 34px;
}
#form-allowed-tags {
display: none;
}
/*PINGBACKS AND TRACEBACKS*/
.comments-pingbacks-tracebacks footer {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.single article .article-content .comments-pingbacks-tracebacks li {
list-style: outside none none;
margin-bottom: 30px;
}
.comments-pingbacks-tracebacks time {
color: #a8a8a8;
font-size: 16px;
font-style: italic;
}
.comments-area {
margin-top: 40px;
}
.comment_body > p {
color: rgb(153, 153, 153);
}
.comment_body .reply_button {
color: #999999;
font-style: italic;
opacity: 0.6;
}
.comment_body .reply_button1 {
padding-left: 0;
}
.comment_body .reply_button a {
margin: 0 3px;
}
.author-bio.no-author-pic .author-name {
margin: 0;
}
.comment_body .author_name {
font-size: 17px;
font-weight: 400;
}
.comment-list.comments-area.template_comments.comments {
margin: 0;
}
.comment-respond {
float: left;
margin-bottom: 45px;
margin-top: 40px;
width: 100%;
}
.container.blog-posts {
padding-bottom: 0;
}
.sticky_post_text_container {
border-radius: 7px !important;
-webkit-border-radius: 7px !important;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.sticky_post_text_container .post-author,
.sticky_post_text_container .post-name a {
padding: 0 10px;
}
.sticky-posts .bottom {
padding: 15px;
}
.sticky_post_blog_details {
background: white none repeat scroll 0 0;
padding: 15px 10px;
}
.sticky_post_blog_details .post-author {
opacity: 0.5;
}
/*Blog specific color*/
.text-white .post-name a {
color: rgb(255, 255, 255);
}
.text-white .post-name a:hover {
color: rgba(255, 255, 255, 0.8);
}
.text-white .post-category-comment-date {
color: rgba(255, 255, 255, 0.8);
}
.text-white .post-author {
color: rgba(255, 255, 255, 0.8);
}
.text-white .post-tags a {
color: rgba(255, 255, 255, 1);
}
.text-white .post-comments a {
color: rgba(255, 255, 255, 1);
}
.text-white .post-excerpt p {
color: rgba(255, 255, 255, 0.8);
}
.text-white .more-link {
color: rgba(255, 255, 255, 1);
}
.text-white .more-link:hover {
color: rgba(255, 255, 255, 0.8);
}
/*Blog related posts specific color*/
.related_blog_details {
padding: 15px;
}
.related_blog_custom.text-white .post-excerpt {
color: rgba(255, 255, 255, 0.8);
}
.related_blog_custom.text-white .post-author {
border: medium none;
}
.related_blog_custom.text-white .post-name {
color: rgb(255, 255, 255);
margin: 0;
line-height: normal;
}
.related_blog_custom {
border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
overflow: hidden;
background: #fff;
}
/*Blog: Single blog post page*/
.exodos-title-group .breadcrumb {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
padding: 0;
text-align: left;
}
.exodos-meta-group {
border-bottom: 1px solid #ededed;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.exodos-title-group {
border-bottom: 1px solid #ededed;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.exodos-meta-group .meta-title {
margin: 0;
}
.exodos-meta-group .meta-subtitle {
color: #909292;
font-size: 15px;
font-style: italic;
margin: 0;
}
.exodos-title-group {
margin: 20px 0;
}
.single-post .single-post-article-header {
position: relative;
}
.single-post-tags {
margin-top: 10px;
}
article.single-post .more-link i {
margin-left: 10px;
}
.single-post-holder {
background: rgba(36,38,35, 0.4) none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
top: 0;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
width: 100%;
}
.inside-holder {
padding: 15% 0;
}
.single-post-social > div {
display: inline;
margin: 0 10px;
}
.single-post-social > div > i {
margin: 0 5px;
}
.single-post-holder .single_post_title {
clear: both;
color: white;
display: block;
font-size: 55px;
margin: 0 auto;
}
.single-post-social .single-post-shares {
border: 1px solid;
padding: 10px 15px;
}
.single-post-social {
color: #ffffff;
padding: 30px 0;
}
.single_tax::after {
content: ",";
color: #000;
opacity: 0.5;
}
.single_tax:last-child::after {
content: "";
}
.article-content {
margin-bottom: 20px;
padding-bottom: 20px;
}
.article-footer {
overflow: hidden;
padding: 20px 0;
}
.article-tags-comments .article-comments {
margin: 0;
padding: 0;
}
.article-tags i {
margin-right: 8px;
}
.article-tags-comments {
color: rgb(153, 171, 183);
}
.article-details .post-author {
border-bottom: 0 none;
color: rgb(153, 171, 183);
font-size: 14px;
margin: 4px 0;
padding-bottom: 0;
}
.article-tags-comments {
border-top: 1px solid rgb(229, 236, 239);
border-bottom: 1px solid rgb(229, 236, 239);
color: rgb(153, 171, 183);
margin: 10px 0;
overflow: hidden;
padding: 10px 0;
}
.article-categories > h3 {
color: #9aa7af;
display: inline;
font-size: 16px;
margin: 0;
}
.article-categories i {
margin-right: 3px;
}
.categories {
color: #6d7a83;
display: inline;
font-size: 15px;
width: auto;
}
.article-categories a {
color: rgb(0, 0, 0);
}
.social-sharer li:hover a {
color: #fff;
}
.social-sharer li a {
color: #fff;
display: block;
transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
}
.social-sharer > li.facebook{
background: #3b5999;
}
.social-sharer > li.twitter{
background: #34CBFF;
}
.social-sharer > li.google-plus{
background: #D14836;
}
.social-sharer > li.linkedin{
background: #01669A;
}
.social-sharer > li.reddit{
background: #6FC2FD;
}
.social-sharer > li.tumblr{
background: #2D5770;
}
.social-sharer > li.pinterest{
background: #B30610;
}
.social-sharer > li {
background: none repeat scroll 0 0 #d7dbdd;
display: block;
float: left;
margin: 0 5px 0 0;
padding: 8px 12px;
text-align: center;
width: 40px;
transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
}
.right-side-sharer .article-social {
margin: 0;
}
.right-side-sharer .social-sharer > li {
background: transparent !important;
text-align: left;
width: 100%;
}
.right-side-sharer .social-sharer li a:hover {
color: rgba(0, 0, 0,.75);
}
.right-side-sharer .social-sharer li a {
color: rgba(0, 0, 0, 0.75);
display: inline;
}
.right-side-sharer .social-sharer li a:hover {
color: rgb(0, 0, 0);
}
.article-social {
margin-top: 40px;
}
.social-sharer {
display: inline;
margin: 0;
padding: 0;
}
.article-social > h3 {
display: inline;
float: left;
margin: 0 15px 0 0;
}
.author-bio .author-thumbnail {
margin: 0;
}
.author-thumbnail p {
margin: 0;
}
.author-bio {
background: rgb(167, 214, 24) none repeat scroll 0 0;
margin: 40px 0;
overflow: hidden;
padding: 30px 15px;
}
.author-name {
margin-top: 17px;
padding: 0 15px;
}
.author-name span:first-child {
color: #fff;
}
.author-name span {
color: #232331;
display: block;
font-size: 16px;
font-weight: 300;
width: 100%;
}
.author-job {
color: #9aa7af;
}
.author-biography {
color: #fff;
border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 17px;
font-style: italic;
line-height: 150%;
}
.author-see-more {
border: 1px solid rgb(181, 185, 189);
border-radius: 5px;
color: rgb(181, 185, 189);
display: inline-table;
margin-top: 10px;
font-weight: 300;
font-size: 13px;
padding: 8px 12px;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.author-see-more:hover {
background: rgb(235, 236, 237) none repeat scroll 0 0;
border: 1px solid rgba(0, 0, 0, 0);
color: rgb(0, 0, 0);
font-weight: 300;
}
.author-see-more:hover{
}
.author-links {
right: 15px;
top: 15px;
}
.author-links .rotate45 {
float: left;
margin: 8px 1px 8px 14px;
width: 33px;
}
.author-links .rotate45 a {
color: #ffffff;
display: block;
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.related-posts {
margin: 50px 0;
}
.more-link {
display: block;
float: left;
margin-top: 10px;
}
/*Comments list and form*/
/*List*/
nav.comment-navigation {
background: #ffffff none repeat scroll 0 0;
clear: both;
margin-bottom: 30px;
overflow: hidden;
padding: 30px;
}
.comment-list .comment {
background: #ffffff none repeat scroll 0 0;
margin-bottom: 30px;
}
.nav-previous {
float: left;
}
.nav-next {
float: left;
margin-left: 15px;
text-align: right;
}
nav.comment-navigation:first-child {
display: none;
}
.comments_holder {
background-color: #f7f7f7;
}
#comments .comment_author {
margin: 0;
}
#comments .children {
overflow: auto;
margin: 0;
}
.logged-in .form-comment {
padding: 0;
width: 100%;
}
.author-bio .avatar.photo {
float: left;
}
.avatar.photo{
height: auto;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.comment-meta-inner .author_name {
color: #000000;
font-weight: 600;
}
.reply_button1 a {
background: #333333 none repeat scroll 0 0;
font-size: 12px;
font-weight: 300;
margin: 0 2px 0 0;
padding: 4px 8px;
}
.comment-meta-inner {
background: #f3f3f3 none repeat scroll 0 0;
overflow: hidden;
padding: 30px;
}
.single-post .article-content .avatar.photo {
border-radius: 50%;
-webkit-border-radius: 50%;
}
.single-post .article-content img {
border-radius: 4px;
-webkit-border-radius: 4px;
}
.comments-area .single_comment:first-child {
border-top: 0 none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.single_comment {
border-top: 1px solid rgb(235, 235, 235);
margin-top: 20px;
overflow: auto;
padding-top: 20px;
}
.comment-form textarea {
height: 137px;
}
.comment-form input,
.comment-form textarea {
border: 1px solid #d1d3d6;
padding: 10px;
width: 100%;
}
.comment-form input:focus,
.comment-form textarea:focus {
border: 1px solid #b5b9bd;
}
.comment-form-author {
margin-bottom: 30px;
}
.form-submit {
float: right;
}
.form-submit input {
color: rgb(255, 255, 255);
padding: 8px 15px;
}
.form-submit input[type="submit"] {
border: 0 none;
}
/*Next - Previous posts*/
.prev-next-post {
float: left;
margin-bottom: 70px;
margin-top: 30px;
width: 100%;
}
.prev-next-post .rotate45 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #c1c1c1;
width: 36px;
}
.prev-post, .next-post {
padding: 0;
}
.next-post a, .prev-post a {
display: inline-block;
}
.next-post a i, .prev-post a i {
color: #000000;
font-size: 30px;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
opacity: 0.3;
}
.next-post a i:hover, .prev-post a i:hover {
opacity: 1;
}
/*---------------------------------------------*/
/*--- 11.1. Sidebar/Widgets ---*/
/*---------------------------------------------*/
.single_post_author_details .single_post_social i {
color: #838d8f;
}
.single_post_author_details {
border: 1px solid #f3f3f3;
padding: 30px 15px;
text-align: center;
}
.single_post_author_details .single_post_author_name {
margin: 0;
padding: 20px;
}
.single_post_author_details .single_post_facebook {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #f3f3f3 navy #f3f3f3 #f3f3f3;
border-image: none;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
padding: 0;
}
.single_post_author_details .single_post_facebook a {
display: block;
padding: 10px;
}
.single_post_author_details .single_post_tweeter {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #f3f3f3 navy #f3f3f3 #f3f3f3;
border-image: none;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
padding: 0;
}
.single_post_author_details .single_post_tweeter a {
display: block;
padding: 10px;
}
.single_post_author_details .single_post_instagram {
border: 1px solid #f3f3f3;
padding: 0px;
}
.single_post_author_details .single_post_instagram a {
display: block;
padding: 10px;
}
.single_post_author_details .single_post_author_page a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: navy #f3f3f3 #f3f3f3;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
color: #838d8f;
display: block;
padding: 10px;
}
.textwidget a {
margin-right: 15px;
font-weight: bold;
}
.widget_address_social_icons .social-links > li {
display: inline-table;
height: 30px;
margin-bottom: 3px;
width: 30px;
}
.widget_address_social_icons {
margin-bottom: 30px;
}
.widget_rss li {
color: #9aa7af;
list-style: outside none none;
margin-bottom: 15px;
}
.widget_nav_menu ul {
padding-left: 5px;
}
.widget_rss ul {
padding: 0;
}
.widget select {
max-width: 100%;
padding: 10px;
}
.widget_archive > select {
color: #99abb7;
width: 100%;
}
.widget_categories label,
.widget_archive label {
display: none;
}
.widget_address_social_icons .social-links{
margin: 0;
padding: 0;
}
.widget_address_social_icons .social-links a {
color: rgb(255, 255, 255) !important;
display: block;
height: 40px;
padding: 10px 12px;
text-align: center !important;
width: 40px;
}
/*Calendar widget*/
#wp-calendar {
width: 100%;
}
.search-form input[type="submit"] {
background: #A7D618 none repeat scroll 0 0;
border: 0 none;
color: #ffffff;
padding: 12px 16px;
}
.wp-caption-text {
font-weight: 300;
opacity: 0.6;
padding-top: 4px;
}
.sidebar-content .widget {
float: left;
margin-bottom: 30px;
width: 100%;
}
.sidebar-content .widget-title {
color: #2f383d;
font-weight: 400;
margin-top: 0;
}
.sidebar-content .widget:first-child .widget-title {
margin-top: 0;
}
.no-results.not-found .page-title:last-child {
margin-top: 10px;
}
.widget_search .search-field, .widget_search label {
width: 97%;
}
.search-form .screen-reader-text {
display: none;
}
.widget_search .search-field {
border: 1px solid #e5ecef;
font-style: italic;
font-weight: 400;
padding: 12px;
}
.widget_toggles .panel-body,
.testimonials_slider .testimonial-content span,
.widget_popular_recent_tabs .post-description{
font-weight: 300;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption,
.widget_search .search-field,
.widget_toggles .panel-body,
.testimonials_slider .testimonial-content span,
.widget_popular_recent_tabs .post-description,
.textwidget{
color: #99abb7;
}
/*Tagcloud widget*/
.tagcloud > a:hover{
border-color: transparent;
}
.tagcloud > a {
font-size: 14px !important;
background: transparent !important;
color: rgba(255, 255, 255, 0.9);
display: block;
float: left;
border: 1px solid;
font-weight: 300;
margin-bottom: 6px;
margin-right: 5px;
padding: 6px 12px;
text-decoration: none;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.sidebar-content .tagcloud > a {
background: rgb(51, 51, 51) none repeat scroll 0 0;
color: rgba(35, 35, 49, 0.75);
padding: 5px 10px;
}
.tagcloud > a:hover,
.sidebar-content .tagcloud > a:hover {
color: #fff;
}
/*Widget: accordion*/
.widget_toggles .panel-heading {
padding: 0;
}
.widget_toggles .panel-heading a {
display: block;
padding: 10px 15px;
}
.widget_toggles .panel-heading a.collapsed::after {
content: "\f067";
font-family: 'FontAwesome';
position: absolute;
right: 12%;
}
.widget_toggles .panel-heading a::after {
content: "\f068";
font-family: 'FontAwesome';
position: absolute;
right: 12%;
}
/*Widget: Testimonials slider*/
.testimonials_slider .testimonial-content {
color: #9aa7af;
}
.testimonial-client-details {
margin-top: 15px;
}
.testimonials_slider .testimonial-content:after {
bottom: 28px;
left: 50px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #f1f1f1;
border-width: 13px;
margin-left: -30px;
}
.testimonials_slider .testimonial-content span {
background: none repeat scroll 0 0 #f1f1f1;
display: block;
padding: 15px;
}
/*Elements: Popular Recent posts - tabs*/
.widget_popular_recent_tabs .nav-tabs > li > a{
margin: 0;
text-align: center;
}
.widget_popular_recent_tabs .nav-tabs > li{
width: 50%;
}
.widget_popular_recent_tabs .nav-tabs > li.active {
border-top: 5px solid;
}
.widget_popular_recent_tabs .nav-tabs li.active a {
background: none repeat scroll 0 0 #ffffff;
border: 0 none;
}
.widget_popular_recent_tabs .nav-tabs li a {
background: none repeat scroll 0 0 #ecf0f2;
border-top: 5px solid #ecf0f2;
color: #9aa7af;
outline: medium none;
border-bottom: 0 none;
}
.widget_popular_recent_tabs .widget_body {
border-left: 1px solid #e1e4e7;
border-right: 1px solid #e1e4e7;
border-bottom: 1px solid #e1e4e7;
}
.widget_popular_recent_tabs .tab-content {
padding: 15px;
}
.widget_popular_recent_tabs .recent-post,
.widget_popular_recent_tabs .popular-post {
margin-bottom: 20px;
}
.widget_popular_recent_tabs .recent-post:last-child,
.widget_popular_recent_tabs .popular-post:last-child {
margin-bottom: 0;
}
.widget_popular_recent_tabs .post-title {
font-size: 16px;
margin-top: 5px;
}
.widget_popular_recent_tabs .post-date {
color: #99abb7;
margin-bottom: 5px;
margin-left: 0;
}
.sidebar-content .widget_nav_menu li,
.widget_recent_entries li {
padding-left: 12px;
position: relative;
}
.sidebar-content .widget_nav_menu li::before,
.widget_recent_entries li::before {
content: "";
font-family: 'fontawesome';
left: 0;
margin-right: 8px;
position: absolute;
}
.sidebar-content .widget_nav_menu .menu{
padding: 0;
}
.sidebar-content .widget_nav_menu li{
margin-bottom: 5px;
}
.sidebar-content .widget_nav_menu li,
.sidebar-content .widget_nav_menu a {
display: block;
color: #9aa7af;
width: 100%;
text-align: left;
}
/*Widget: Social Share Icons*/
.tooltip-effect-1 .tooltip-content {
-webkit-transform: translate3d(20px,-10px,0);
transform: translate3d(20px,-10px,0);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.tooltip_share {
display: inline;
position: relative;
z-index: 999;
}
/* Trigger text */
.tooltip-item {
cursor: pointer;
display: inline-block;
font-weight: 700;
}
/* Gap filler */
.tooltip-item::after {
content: '';
position: absolute;
width: 360px;
height: 20px;
bottom: 100%;
left: 50%;
pointer-events: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip_share:hover .tooltip-item::after {
pointer-events: auto;
}
/* Tooltip */
.tooltip-content {
position: absolute;
z-index: 9999;
width: 120px;
left: 50%;
margin: 0;
bottom: 100%;
text-align: left;
font-size: 0.765em;
line-height: 1.4;
box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
background: #2a3035;
opacity: 0;
cursor: default;
pointer-events: none;
}
.tooltip_share:hover .tooltip-content {
pointer-events: auto;
opacity: 1;
-webkit-transform: translate3d(20px, 3px, 0px) rotate3d(0,0,0,0);
transform: translate3d(20px, 3px, 0px) rotate3d(0,0,0,0);
}
/* Arrow */
.tooltip-content::after {
content: '';
top: 100%;
left: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #6CDFEA;
border-width: 10px;
margin-left: -10px;
}
/* Tooltip content*/
.tooltip-text {
color: rgb(255, 255, 255);
display: block;
font-size: 15px;
padding: 0;
overflow: hidden;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a {
float: left;
border-radius: 0;
width: 33.3333%;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.twitter {
background: #6CDFEA;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.twitter:hover {
background: #50d9e6;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.facebook {
background: #3B5998;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.facebook:hover {
background: #344f87;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.google-plus {
background: #E34429;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.google-plus:hover {
background: #d3361b;
}
ul.share-social-links {
display: inline-table;
list-style-type: none;
margin: 0;
padding: 0;
}
footer .sidebar-share-social-links {
overflow: hidden;
text-align: center;
}
.share-social-links li {
float: left;
text-align: center;
border-radius: 4px;
margin-right: 10px;
margin-bottom: 10px;
}
.share-social-links li:hover a {
background: rgb(0, 128, 0) none repeat scroll 0 0;
border: 1px solid rgba(0, 0, 0, 0);
}
.share-social-links li a {
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 50%;
color: rgb(255, 255, 255);
display: block;
font-size: 18px;
height: 60px;
padding: 16px 0;
width: 60px;
}
.widget_social_share {
width: 100%;
display: inline-block;
margin: 10px 0;
}
/*Widget: Categories*/
.sidebar-content .widget_nav_menu > ul,
.widget_recent_entries > ul,
.widget_pages > ul,
.widget_meta > ul,
.widget_archive > ul,
.widget_categories > ul {
list-style: outside none none;
padding-left: 0;
}
.recentcomments::before,
.widget_recent_entries li::before{
content: "\f105";
font-family: fontawesome;
margin-right: 8px;
}
/*Recent posts with thumbnails widget*/
.related-posts.sticky-posts .rotate45_back {
padding: 0;
width: 56px;
}
.related-posts.sticky-posts .rotate45_back1 {
padding: 0;
width: 56px;
}
/*Widgets general rules*/
.left_sidebar h1.widget-title,
.left_sidebar h3.widget-title,
.left_sidebar .widget-title,
.right_sidebar h1.widget-title,
.right_sidebar h3.widget-title,
.right_sidebar .widget-title {
color: #000000;
padding-bottom: 5px;
}
h1.widget-title,
h3.widget-title,
.widget-title {
color: #ffffff;
}
/*---------------------------------------------*/
/*--- 14. Clients slider ---*/
/*---------------------------------------------*/
.col-md-9.main-content .clients-container img {
width: 85%;
}
.clients-container .item > img {
display: block;
margin: 0 auto;
width: 70%;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray;
-webkit-filter: grayscale(100%);
}
.clients-container .item > img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: all 100ms ease-in-out 0s;
-o-transition: all 100ms ease-in-out 0s;
-moz-transition: all 100ms ease-in-out 0s;
-webkit-transition: all 100ms ease-in-out 0s;
-ms-transition: all 100ms ease-in-out 0s;
}
/*REV SLIDER*/
#primary .main-content ul.modeltheme-slider li.single-slide.selected {
position: relative;
}
#primary .main-content ul.modeltheme-slider li.single-slide:before{
display: none;
}
#primary .main-content ul.modeltheme-slider li.single-slide {
position: absolute;
}
.page .modeltheme-slider-wrapper .modeltheme-slider li:before {
display: none;
}
.page .modeltheme-item-info .desc {
opacity: 0.6;
}
.modeltheme-slider-wrapper .modeltheme-slider li {
margin: 0 !important;
}
.masonry_banner.masonry-brick {
width: 45%;
}
.masonry_banners img {
height: auto;
width: 100%;
}
.masonry_banners.banners_column {
overflow: hidden;
}
.banners_column > .col-md-6 {
padding: 0;
}
.masonry_banner {
margin: 2.5px;
margin-bottom: 5px;
}
.sale_banner .sale_banner_holder::before,
.sale_banner .sale_banner_holder::after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.sale_banner .sale_banner_holder::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.sale_banner .sale_banner_holder::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.sale_banner:hover .sale_banner_holder:before,
.sale_banner:hover .sale_banner_holder:after{
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.sale_banner_holder {
border: 1px solid rgba(0, 0, 0, 0);
display: block;
height: 100%;
padding: 20px;
position: absolute;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
text-align: center;
top: 0;
width: 100%;
}
.sale_banner_holder{
border: 0 none;
}
.sale_banner_holder a {
border: 1px solid rgba(255, 255, 255, 0.8);
color: rgb(255, 255, 255);
padding: 10px 15px;
text-transform: uppercase;
}
.banner_holder {
position: absolute;
top: 65%;
width: 93%;
z-index: 1;
}
.categories .category {
display: inline-table;
margin-right: 30px;
}
.categories .category:last-child {
margin-right: 0;
}
.categories_shortcode {
display: block;
width: 90%;
margin: 0 auto;
}
.categories_shortcode .owl-controls {
height: 0;
margin: 0;
position: absolute;
text-align: left;
top: 30%;
width: 100%;
}
.categories_shortcode .owl-controls .owl-buttons {
height: 0;
}
.categories_shortcode h5 {
font-size: 16px;
margin: 5px 0 0;
text-align: center;
text-transform: uppercase;
}
.categories_shortcode .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 0;
}
.categories_shortcode .owl-controls .owl-buttons i {
background-color: #94a1a9;
border-radius: 50%;
height: 25px;
padding: 7px;
width: 25px;
}
.categories_shortcode .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
padding: 0;
}
.categories_shortcode a {
cursor: pointer;
}
.categories_shortcode .category{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray;
-webkit-filter: grayscale(100%);
width: 100%;
}
.categories_shortcode .category img {
display: block;
margin: 0 auto;
text-align: center;
opacity: 0.5;
}
.categories_shortcode .category.active,
.categories_shortcode .category:hover{
filter: none;
-webkit-filter: grayscale(0%);
}
.button.btn-filled:before,
.button.btn-filled:after{
display: none;
}
.button.btn-filled.btn-filled-gray:hover,
.button.btn-filled.btn-filled-gray{
background: #7f8c8d;
color: #fff !important;
}
.button.btn-filled {
padding: 15px 20px !important;
font-size: 17px !important;
}
.button.btn-filled:hover,
.button.btn-filled{
background: white;
}
.form-control,
.button,
.owl-template .owl-controls .owl-buttons div,
#modeltheme-main-head,
#contact_form .button[type="submit"],
#contact-us .form-control,
.search-field,
.btn-lg,
.btn-group-lg>.btn,
.btn,
pre,
.slider_navigation .btn,
.widget_popular_recent_tabs .nav-tabs li a,
.thumbnail,
.widget_toggles .panel-group .panel,
.panel,
.panel-heading{
border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
::i-block-chrome, .widget_search .search-field{
border-radius: 2px !important;
-webkit-border-radius: 2px !important;
}
iframe,
embed,
figure {
max-width: 100%;
}
pre {
background-color: #f9f9f9;
border: 1px solid #e6e6e6;
}
li:hover .hover-components .component a{
background: transparent !important;
}
.parallax-head h1 {
color: #ffffff;
font-size: 70px;
font-weight: bold;
}
.parallax-head h3, .parallax-head h1 {
color: #ffffff;
font-size: 70px;
font-weight: bold;
}
/* CUSTOM CSS for MEGA MENU PLUGIN */
.mega_dropdown li a::before,
.mega_dropdown li a::after {
content: "";
display: none;
}
.mega_dropdown .mega_dropdown{
padding-bottom: 15px !important;
}
/*IS MOBILE*/
.is-mobile .masonry_banner a::before,
.is-mobile .masonry_banner a::after,
.is-mobile .sale_banner .sale_banner_holder::before,
.is-mobile .sale_banner .sale_banner_holder::after{
display: none;
}
.single .header-title-breadcrumb {
display: none;
}
.page .header-title-breadcrumb-overlay{
background: #f8f7f1 none repeat scroll 0 0;
}
.article-header {
margin-bottom: 30px;
}
.header-title-breadcrumb .post-category-date {
font-weight: 300;
}
.single.single-post .wp-post-image {
margin-bottom: 15px;
}
.header-title-breadcrumb-overlay,
.archive.author .header-title-breadcrumb-overlay,
.archive.tag .header-title-breadcrumb-overlay,
.archive.category .header-title-breadcrumb-overlay,
.home .header-title-breadcrumb-overlay,
.search.search-results .header-title-breadcrumb-overlay {
background: #ffffff none repeat scroll 0 0;
}
.header-title-breadcrumb p {
font-style: italic;
margin: 0;
opacity: 0.6;
}
.header-title-breadcrumb-overlay {
border-bottom: 1px solid #e7e3cf;
box-sizing: border-box;
color: #232331;
height: 100%;
padding: 10px 0;
position: relative;
top: 0;
width: 100%;
}
.header-title-breadcrumb-overlay h1 span {
font-size: 25px;
}
.header-title-breadcrumb-overlay h1 {
font-size: 25px;
line-height: 120%;
margin: 4px 0 0;
width: 100%;
}
.header-group .breadcrumb {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
text-align: right;
}
.header-group .breadcrumb li a,
.header-group .breadcrumb li {
font-size: 16px;
}
.header-group .breadcrumb li {
opacity: 0.8;
}
/*---------------------------------------------*/
/*--- 24. Sidebar menu ---*/
/*---------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.comment-form textarea {
height: 134px;
}
}
form#login{
width: 100%;
}
form#login p.status{
display: none;
}
form#login a.lost {
font-size: 15px;
margin-bottom: 7px;
display: block;
}
form#login label {
margin-bottom: 0;
margin-top: 8px;
}
form#login .register_button:hover,
form#login .submit_button:hover{
background: #feaf23;
}
form#login .register_button,
form#login .submit_button {
border: 0 none;
border-radius: 5px;
-webkit-border-radius: 5px;
color: white;
font-weight: 300;
padding: 8px 15px;
background: #FFBA41;
}
#login input[type="password"],
#login input[type="text"] {
border: 1px solid rgb(229, 236, 239);
padding: 8px;
}
/*Button default classes*/
.btn.btn-primary {
background-color: #3498db;
color: #ffffff;
}
.btn.btn-success {
background-color: #2ecc71;
color: #ffffff;
}
.btn.btn-info {
background-color: #03C2FF;
color: #ffffff;
}
.btn.btn-warning {
background-color: #FFBA41;
color: #ffffff;
}
.btn.btn-danger {
background-color: #e74c3c;
color: #ffffff;
}
/* General link styles */
.link {
outline: none;
text-decoration: none;
position: relative;
font-size: 60px;
color: #fff;
display: inline-block;
}
/*JOBS*/
button[data-toggle="modal"] {
padding-right: 25px !important;
background: #A7D618 !important;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
button[data-toggle="modal"]:hover {
background: #00a0db !important;
}
#navbar > p:nth-child(2) {
display: none;
}
/*25. Colors Fallback*/
.navbar-default {
background-color: #232331;
}
/*SERMONS*/
.no-featured-image .post-details-holder {
padding: 0 15px 15px;
}
.exodos-sermon-media .single-sermon-media {
margin-bottom: 15px;
}
article.mt-sermon .single-sermon-media i {
color: #848484;
font-size: 15px;
margin-right: 6px;
}
.single article.mt-sermon .exodos-sermon-media .single-sermon-media {
display: block;
margin-bottom: 30px;
}
article.mt-sermon .exodos-sermon-media .single-sermon-media {
display: inline-table;
margin: 0;
}
article.mt-sermon .blog_custom {
background: #f7f7f7 none repeat scroll 0 0;
border: 1px solid #ededed;
padding: 0;
}
article.mt-sermon .exodos-sermon-inner {
border-top: 1px solid #d3d3d3;
margin-top: 10px;
padding-top: 8px;
width: calc(100% - 30px);
}
article.mt-sermon .post-name {
margin: 15px 0 0;
}
article.mt-sermon .post-name a {
color: #333333;
font-size: 20px;
}
article.mt-sermon .post-category-comment-date {
margin: 0;
}
/*WOOCOMMERCE*/
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
margin: 0;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
text-align: center;
}
.woocommerce .products .star-rating {
display: block;
margin: 0 auto 5px;
}
.woocommerce ul.products li.product h3 {
color: #333333;
font-size: 19px;
padding: 15px;
}
.woocommerce ul.products li.product .onsale {
background: #333333 none repeat scroll 0 0;
border-radius: 4px;
font-size: 13px;
height: auto;
left: auto;
line-height: normal;
margin: 0;
min-height: auto;
min-width: auto;
padding: 5px 10px;
right: 15px;
top: 30px;
width: auto;
}
.woocommerce ul.products li.product a {
margin-bottom: 30px;
text-decoration: none;
}
/*Featured Product*/
.featured_product_shortcode {
border-radius: 10px;
display: flex;
padding: 20px;
}
.featured_product_shortcode .featured_product_details_holder {
align-self: center;
padding: 0 0px;
}
.featured_product_shortcode .featured_product_name a {
font-size: 48px;
font-weight: 900;
line-height: 60px;
}
.featured_product_shortcode .featured_product_categories {
font-weight: 400;
text-transform: uppercase;
}
.featured_product_shortcode .featured_product_price {
font-weight: 100;
}
.featured_product_shortcode .featured_product_price span {
font-weight: 100;
}
.featured_product_shortcode .featured_product_price ins {
text-decoration: none;
}
.featured_product_shortcode .featured_product_description {
margin-bottom: 70px;
margin-top: 25px;
}
.featured_product_shortcode .featured_product_button {
font-weight: 600;
padding: 15px 30px;
text-transform: uppercase;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.featured_product_shortcode .featured_product_button:hover {
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
/*WooCommerce*/
.woocommerce div.product form.cart .variations label {
color: #000000;
font-size: 15px;
font-weight: 700;
line-height: 30px;
}
.woocommerce div.product div.images {
width: 100%;
}
.woocommerce ul.products li.product .price del {
display: inline;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
clear: none !important;
margin: 0 0 50px !important;
padding: 0 15px !important;
position: relative !important;
width: 25%;
}
.woocommerce ul.products {
margin: 0 -15px;
}
.woocommerce nav.woocommerce-pagination {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
body.woocommerce ul.products li.product .onsale {
background: rgb(173, 219, 66) none repeat scroll 0 0;
border-radius: 0;
height: auto;
left: auto;
line-height: 0;
margin: 0;
min-height: auto;
min-width: auto;
padding: 16px;
right: 15px;
top: 0;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
padding: 8px;
width: auto;
}
.woocommerce form .form-row .input-text,
/*DONATIONS*/
.campaign_shortcode .campaign_name {
margin-top: 0;
}
.campaign_shortcode h3 {
font-weight: 300;
}
.campaign_shortcode .campaign_donated .campaign_donated_value {
font-size: 14px;
line-height: 25px;
}
.campaign_shortcode .campaign_donated .goal-amount {
font-size: 14px;
line-height: 25px;
}
.campaign_shortcode .campaign_days_left .campaign_days_left_value {
font-size: 14px;
line-height: 25px;
}
.campaign_shortcode .campaign_name > a {
font-size: 48px !important;
font-weight: 900;
line-height: 60px !important;
}
.campaign_shortcode .campaign_description p {
margin-bottom: 20px;
}
.campaign_shortcode .campaign_procentage.progress {
height: 10px !important;
margin-bottom: 60px !important;
margin-top: 35px;
padding: 0 !important;
}
.campaign_shortcode .campaign_button {
clear: both;
display: block;
font-weight: 600;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.campaign_shortcode .campaign_button:hover {
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
/*THEME DEFAULT COLORS*/
#header {
margin: 0 auto;
}
body .exodoswp_preloader_holder {
background-color: #313131;
}
.is_header_semitransparent .navbar-default {
background: rgba(49, 49, 49, 0.3) none repeat scroll 0 0;
}
.is_header_semitransparent .sticky-wrapper.is-sticky .navbar-default {
background: rgba(49, 49, 49, 0.9) none repeat scroll 0 0;
}
#navbar .menu-item > a {
border-radius: 5;
-webkit-border-radius: 5;
-moz-border-radius: 5;
-ms-border-radius: 5;
}
.breadcrumb a::after {
content: "/";
}
.logo img,
.navbar-header .logo img {
max-width: 300px;
}
div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.page .header-title-breadcrumb-overlay {
background: #f8f7f1 none repeat scroll 0 0;
}
.header-title-breadcrumb-overlay {
border-bottom: 1px solid #e7e3cf;
box-sizing: border-box;
color: #232331;
height: 100%;
padding: 10px 0;
position: relative;
top: 0;
width: 100%;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url("../images/ajax-loader.gif");
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}