Jonathan Duane
asked on
BG appearing and then disappaear after a second
hi guys i am trying to set a bg on this page
http://www.classichits.ie/5-aussie-characters-we-miss-on-telly/
i have tried to set this but its not working
body {
-moz-text-size-adjust: none;
background: rgba(0, 0, 0, 0) url("http://www.classichits.ie/wp-content/uploads/2017/04/Fosters_4fm_SiteSkins_1920x1080-1.jpg") no-repeat;
color: #000;
font-family: "proxima_novalight",Arial,
font-size: 19px;
line-height: 24px;
overflow-x: hidden;
}
http://www.classichits.ie/5-aussie-characters-we-miss-on-telly/
i have tried to set this but its not working
body {
-moz-text-size-adjust: none;
background: rgba(0, 0, 0, 0) url("http://www.classichits.ie/wp-content/uploads/2017/04/Fosters_4fm_SiteSkins_1920x1080-1.jpg") no-repeat;
color: #000;
font-family: "proxima_novalight",Arial,
font-size: 19px;
line-height: 24px;
overflow-x: hidden;
}
Snarf0001
Your first div after that, ".container" is specifically setting it's background to white, hiding the body image behind it.
ASKER
do you know what CSS file is doing that?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
ok i have removed that and its still showing?
You sure? I still see it in the file:
ASKER
?@charset "UTF-8";
/***************************************
Theme Name: htmag
Theme URI: http://www.favothemes.com/themes/htmagazine/
Author: the favothemes team
Author URI: http://www.favothemes.com
Description: Modern fully Responsive WordPress Magazine Theme!
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, theme-options, translation-ready
Text Domain: htmag
***************************************/
/*--------------------------------------------------------------
==** TABLE OF CONTENTS: **==
----------------------------------------------------------------
1.0 General
2.0 Header
2.1 Top Menu
2.2 Main menu
2.3 Mega Menus
2.4 Search Buttons + Random Article
2.5 Social icons
2.6 Newsticker
2.7 readcrumbs
3.0 Container
4.0 Content
4.1 author box
4.2 Related Posts
4.3 Social-bar
5.0 NEWS BOX
5.1 Box Module
5.2 Grid List
5.3 Video Box
5.4 News In Pictures
6.0 Sidebar & Widgets
6.1 Tabs Widget
6.2 Subsribe Widget
6.3 Ads Widget
6.4 Archive Widget, Categories Widget & Pages Widget
6.5 Widget Racent posts
6.6 Widget Slider
6.7 Top Ten
6.8 Social Counter Widget
6.9 Others Widgets
7.0 Pagees Templates
7.1 404 Error Page
7.2 Page & Singlepost
7.3 Contact Page
7.4 sitemap page
7.5 Timeline
8.0 COMMENTS STYLE
9.0 review-box
9.1 Review (radial progress)
10.0 Post Format
11.0 Pagenation
11.1 Post Navigation
12.0 Slideshow
12.1 Owl Carousel
12.2 Elastic Slideshow
12.3 Flexslider
13.0 Tooltip
14.0 Footer
15.0 Dark Skin
16.0 Shortcodes
17.0 lightbox3 (prettyPhoto)
--------------------------------------------------------------*/
/*======================================================================================
========================================================================================*/
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
/* Links ---------------------- */
a img {
border: none;
}
a {
color: #333333;
text-decoration: none;
line-height: inherit;
}
a:hover {
color: #ef2748;
}
a:focus {
color: #ef2748;
}
p a, p a:visited {
line-height: inherit;
}
/* Misc ---------------------- */
.left {
float: left;
}
.right {
float: right;
}
.hide {
display: none;
}
.hide-override {
display: none !important;
}
.highlight {
background: #ffff99;
}
#googlemap img, object, embed {
max-width: none;
}
#map_canvas embed {
max-width: none;
}
#map_canvas img {
max-width: none;
}
#map_canvas object {
max-width: none;
}
/* Reset for strange margins by default on <figure> elements */
figure {
margin: 0;
}
/* Base Type Styles Using Modular Scale ---------------------- */
p {
font-family: inherit;
font-weight: normal;
line-height: 1.8;
margin-bottom: 17px;
}
p.lead {
font-size: 15px;
line-height: 1.6;
margin-bottom: 17px;
}
aside p {
font-size: 11px;
line-height: 1.35;
font-style: italic;
}
/*
h1, h2, h3, */
h4, h5, h6 {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
color: #585858;
text-rendering: optimizeLegibility;
line-height: 1.1;
margin-bottom: 12px;
margin-top: 12px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #6f6f6f;
line-height: 0;
}
hr {
border: solid #dddddd;
border-width: 1px 0 0;
clear: both;
margin: 22px 0 21px;
height: 0;
}
.subheader {
line-height: 1.3;
color: #6f6f6f;
font-weight: 300;
margin-bottom: 17px;
}
em, i {
font-style: italic;
line-height: inherit;
}
strong, b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 60%;
line-height: inherit;
}
code {
font-weight: bold;
background: #ffff99;
}
/* Lists ---------------------- */
/*
ul, ol, dl { font-size: 12px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }
*/
ul li ul, ul li ol {
margin-left: 20px;
margin-bottom: 0;
}
ul.square, ul.circle, ul.disc {
margin-left: 17px;
}
ul.square {
list-style-type: square;
}
ul.square li ul {
list-style: inherit;
}
ul.circle {
list-style-type: circle;
}
ul.circle li ul {
list-style: inherit;
}
ul.disc {
list-style-type: disc;
}
ul.disc li ul {
list-style: inherit;
}
ul.no-bullet {
list-style: none;
}
ul.large li {
line-height: 21px;
}
ol {
margin-left: 40px;
}
ol li ul, ol li ol {
margin-left: 30px;
margin-bottom: 0;
}
/* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
/* Black prints faster: h5bp.com/s */
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
/* Don't show links for images, or javascript/internal links */
pre, blockquote {
border: 1px solid #999999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
/* h5bp.com/t */
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
.hide-on-print {
display: none !important;
}
.print-only {
display: block !important;
}
.hide-for-print {
display: none !important;
}
.show-for-print {
display: inherit !important;
}
}
/* Requires globals.css */
/* Standard Forms ---------------------- */
form {
margin: 0 0 19.41641px;
}
.row form .row {
margin: 0 -6px;
}
.row form .row .column, .row form .row .columns {
padding: 0 6px;
}
.row form .row.collapse {
margin: 0;
}
.row form .row.collapse .column, .row form .row.collapse .columns {
padding: 0;
}
label {
font-size: 16px;
color: #4d4d4d;
cursor: pointer;
display: block;
font-weight: 500;
margin-bottom: 3px;
}
label.right {
float: none;
text-align: right;
}
label.inline {
line-height: 30px;
margin: 0 0 12px 0;
}
.prefix, .postfix {
display: block;
position: relative;
z-index: 2;
text-align: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
height: 30px;
line-height: 29px;
}
a.button.prefix, a.button.postfix {
padding-left: 0;
padding-right: 0;
text-align: center;
}
span.prefix, span.postfix {
background: #f2f2f2;
border: 1px solid #cccccc;
}
.prefix {
left: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
overflow: hidden;
}
.postfix {
right: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
background-color: white;
font-family: inherit;
border: 1px solid #cccccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-size: 14px;
margin: 0 0 12px 0;
padding: 5px 15px;
height: 30px;
width: 100%;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
font-size: 17px;
padding: 4px 6px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
background: #fafafa;
border-color: #b3b3b3;
}
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
background-color: #ddd;
}
textarea {
height: auto;
}
select {
width: 100%;
}
/* Fieldsets */
fieldset {
border: solid 1px #dddddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 12px;
margin: 18px 0;
}
fieldset legend {
font-weight: bold;
background: white;
padding: 0 3px;
margin: 0;
margin-left: -3px;
}
/* Errors */
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
border-color: #c60f13;
background-color: rgba(198, 15, 19, 0.1);
}
.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
outline-color: #f5797c;
}
.error label, label.error {
color: #c60f13;
}
.error small, small.error {
display: block;
padding: 6px 4px;
margin-top: -13px;
margin-bottom: 12px;
background: #c60f13;
color: #fff;
font-size: 10px;
font-weight: bold;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
/* Custom Forms ---------------------- */
form.custom { /* Custom input, disabled */
}
form.custom span.custom {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: 2px;
border: solid 1px #cccccc;
background: white;
}
form.custom span.custom.radio {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
}
form.custom span.custom.checkbox:before {
content: "";
display: block;
line-height: 0.8;
height: 14px;
width: 14px;
text-align: center;
position: absolute;
top: 0;
left: 0;
font-size: 14px;
color: #fff;
}
form.custom span.custom.radio.checked:before {
content: "";
display: block;
width: 8px;
height: 8px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
background: #222222;
position: relative;
top: 3px;
left: 3px;
}
form.custom span.custom.checkbox.checked:before {
content: "\00d7";
color: #222222;
}
form.custom div.custom.dropdown {
display: block;
position: relative;
width: auto;
height: 28px;
margin-bottom: 9px;
margin-top: 2px;
}
form.custom div.custom.dropdown ul {
overflow-y: auto;
max-height: 200px;
}
form.custom div.custom.dropdown a.current {
display: block;
width: auto;
line-height: 26px;
min-height: 28px;
padding: 0;
padding-left: 6px;
padding-right: 38px;
border: solid 1px #dddddd;
color: #141414;
background-color: white;
white-space: nowrap;
}
form.custom div.custom.dropdown a.selector {
position: absolute;
width: 27px;
height: 28px;
display: block;
right: 0;
top: 0;
border: solid 1px #dddddd;
}
form.custom div.custom.dropdown a.selector:after {
content: "";
display: block;
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: #aaaaaa transparent transparent transparent;
position: absolute;
left: 50%;
top: 50%;
margin-top: -2px;
margin-left: -5px;
}
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: #222222 transparent transparent transparent;
}
form.custom div.custom.dropdown.open ul {
display: block;
z-index: 10;
}
form.custom div.custom.dropdown.small {
width: 134px !important;
}
form.custom div.custom.dropdown.medium {
width: 254px !important;
}
form.custom div.custom.dropdown.large {
width: 434px !important;
}
form.custom div.custom.dropdown.expand {
width: 100% !important;
}
form.custom div.custom.dropdown.open.small ul {
width: 134px !important;
}
form.custom div.custom.dropdown.open.medium ul {
width: 254px !important;
}
form.custom div.custom.dropdown.open.large ul {
width: 434px !important;
}
form.custom div.custom.dropdown.open.expand ul {
width: 100% !important;
}
form.custom div.custom.dropdown ul {
position: absolute;
width: auto;
display: none;
margin: 0;
left: 0;
top: 27px;
margin: 0;
padding: 0;
background: white;
background: rgba(255, 255, 255, 0.95);
border: solid 1px #cccccc;
}
form.custom div.custom.dropdown ul li {
color: #555555;
font-size: 11px;
cursor: pointer;
padding: 3px;
padding-left: 6px;
padding-right: 38px;
min-height: 18px;
line-height: 18px;
margin: 0;
white-space: nowrap;
list-style: none;
}
form.custom div.custom.dropdown ul li.selected {
background: #cdebf5;
color: black;
}
form.custom div.custom.dropdown ul li.selected:after {
content: "\2013";
position: absolute;
right: 10px;
}
form.custom div.custom.dropdown ul li:hover {
background-color: #cdebf5;
color: black;
}
form.custom div.custom.dropdown ul li:hover:after {
content: "\2013";
position: absolute;
right: 10px;
color: #a3dbec;
}
form.custom div.custom.dropdown ul li.selected:hover {
background: #cdebf5;
cursor: default;
color: black;
}
form.custom div.custom.dropdown ul li.selected:hover:after {
color: black;
}
form.custom div.custom.dropdown ul.show {
display: block;
}
form.custom .custom.disabled {
background-color: #dddddd;
}
/* Correct FF custom dropdown height */
@-moz-document url-prefix() {
form.custom div.custom.dropdown a.selector {
height: 28px;
}
}
.lt-ie9 form.custom div.custom.dropdown a.selector {
height: 28px;
}
/* The Grid ---------------------- */
.row {
margin: 0 auto;
max-width: 1200px;
min-width: 320px;
/* padding-left: 20px;
padding-right: 20px;*/
width: 100%;
}
.row .row {
width: auto;
max-width: none;
min-width: 0;
margin: 0 -12.5px;
}
.row.collapse .column, .row.collapse .columns {
padding: 0;
}
.row .row {
width: auto;
max-width: none;
min-width: 0;
margin: 0 -12.5px;
}
.row .row.collapse {
margin: 0;
}
.sidebar-left {
float: right;
min-height: 1px;
padding: 0 12.5px;
position: relative;
}
/*.column, .columns { float: left; min-height: 1px; padding: 0 12.5px; position: relative; }*/
.column, .columns {
float: left;
min-height: 1px;
position: relative;
}
.half-width-cat {
margin: 0 3% 30px 0;
}
.half-width-cat.cb-last {
margin: 0 0 30px;
}
.row.cat {
margin: 0;
}
.half-width-cat .post-thumbnail {
margin: 0;
box-shadow: 0 0 0 #B5B5B5;
padding: 0;
margin-bottom: 10px;
}
.column.centered, .columns.centered {
float: none;
margin: 0 auto;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
[class*="column"] + [class*="column"].end {
float: left;
}
img {
height: auto;
}
img, object, embed {
max-width: 100%;
}
img {
-ms-interpolation-mode: bicubic;
}
#map_canvas img, .map_canvas img {
max-width: none!important;
}
/* Nicolas Gallagher's micro clearfix */
.row {
*zoom: 1;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
/*------------------------------------------------------------*/
/* = 1.0 General
/*------------------------------------------------------------*/
* {
padding: 0;
margin: 0;
outline: none;
border: 0 none;
}
body {
background: #f1f1f1;
font-family: "Open Sans", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 27px;
word-wrap: break-word;
color: #444444;
position: relative;
-webkit-font-smoothing: antialiased;
}
input, button, select, textarea {
font-family: 'Open Sans';
}
a {
text-decoration: none;
transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
outline: none;
color: #333333;
}
.entry a {
color: #EF2748;
}
h1, h2, h3, h4, h5, h6 {
color: #333333;
line-height: 1.2em;
font-family: inherit;
font-weight: bold;
color: inherit;
text-rendering: optimizelegibility;
}
.clear {
clear: both;
}
blockquote {
background-image: none;
position: relative;
background: #FBFBFB;
color: #494949;
padding: 20px;
border: 0px solid #EF2748;
border-left-width: 4px;
margin: 0;
margin-bottom: 30px;
font-style: normal;
overflow: hidden;
}
.entry blockquote p {
font-style: italic;
font-size: 19px;
line-height: 32px;
margin-bottom: 0;
}
.entry blockquote p strong {
font-weight: 400;
}
.entry code ,.comment-text code {
padding: 2px 4px;
color: #d14;
white-space: nowrap;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
pre {
background-color: transparent;
background-color: rgba(0, 0, 0, 0.01);
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
line-height: 1.2;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 0.8em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.fixe:before, .fixe:after {
display: table;
line-height: 0;
content: "";
}
.fixe:after {
clear: both;
}
.ads-728x90 {
width: 728px;
height: 90px;
overflow: hidden;
}
.inline-list.m0 li {
margin: 0;
}
.clear {
clear: both;
}
.oh {
overflow: hidden;
}
ul, ol, dl {
font-size: 16px;
line-height: 1.6;
margin-bottom: 17px;
list-style-position: outside;
}
/*
ul {
list-style: none;
}
*/
dd {
margin: 0px 1.5em 1.5em;
}
dt {
font-weight: bold;
}
address {
margin-bottom: 1.5em;
}
mark, ins {
background-color: #fff9c0;
text-decoration: none;
}
var, samp, pre {
font-family: Inconsolata, monospace;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.pull-left {
float: left !important;
margin-left: 0 !important;
}
.pull-right {
float: right !important;
margin-right: 0 !important;
}
.four, .row .four {
width: 33% !important;
}
/*------------------------------------------------------------*/
/* = Lazy Loading
/*------------------------------------------------------------*/
.lazy-loading #content .post_img, .lazy-loading .item-image, .lazy-loading #content .big-item-image, .lazy-loading #content .small-item-image, .lazy-loading #content .post_img_left, .lazy-loading #content .post-thumbnail, .lazy-loading .content img, .lazy-loading .post-thumbnail {
opacity: 0;
}
.lazy-loading .item-image.appear, .lazy-loading #content .post_img.appear, .lazy-loading #content .big-item-image.appear, .lazy-loading #content .small-item-image.appear, .lazy-loading #content .post_img_left.appear, .lazy-loading #content .post-thumbnail.appear, .lazy-loading .content img.appear, .lazy-loading .post-thumbnail.appear {
opacity: 1;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.lazy-loading .big-slideshow img, .lazy-loading .mega-menu-block .post-thumbnail img, .lazy-loading .mega-menu-block .post-thumbnail, .lazy-loading .single-post-thumb img {
opacity: 1;
}
/*------------------------------------------------------------*/
/* = 2.0 Header
/*------------------------------------------------------------*/
body > .body_wraper_fulid, body >.body_wraper_fulid_full {
width: 100%;
margin: 0 auto;
}
body > .body_wraper_fixed {
width: 1200px;
margin: 0 auto;
box-shadow: 0px 0px 3px #A4A4A4;
}
body > .body_wraper_fixed .fixed-nav {
width: 1200px;
}
body > header {
width: 100%;
background: #fff;
}
body > .container > header .inner-header {
margin: auto;
padding: 25px 30px;
}
body > .body_wraper_fulid > header .inner-header > .row {
padding: 0px 20px;
}
body > .body_wraper_fulid .row.fulid.full {
margin: 0px auto;
max-width: 100%;
min-width: 320px;
width: 100%;
}
.center #logo, .center .ads-top {
float: none;
text-align: center;
}
#logo .logo.text h1 {
text-align: center
}
#logo .logo h1 a {
font-size: 40px;
font-weight: bold;
display: inherit;
line-height: 28px;
line-height: none
}
#logo .logo.text h1 a {
font-size: 60px;
text-transform: uppercase;
font-family: "Merriweather", Arial, sans-serif;
font-weight: 600;
line-height: 50px;
}
#logo .logo.text h1 span {
font-size: 18px;
line-height: 20px;
}
.ads-top a {
display: block;
line-height: 0;
}
.menu-item-first {
float: left;
padding: 12.5px 40px;
}
.footer_header .menu-item-first {
float: left;
padding: 12.5px 10px;
}
.top-nav .menu-item-first {
padding: 6px 10px;
}
.menu-item-first a {
color: #fff;
font-weight: bold;
}
.header-wraper.style2 .menu-item-first a {
color: #333;
}
/*------------------------------------------------------------*/
/* = 2.1 Top Menu
/*------------------------------------------------------------*/
.top-nav {
background: #2B2D31;
height: 40px;
padding: 0px 30px;
}
.top-nav .menu-alert {
float: left;
color: #666;
padding: 8px 0;
font-style: italic;
}
.top-nav ul {
float: left;
margin: 0;
}
.top-nav ul li {
position: relative;
display: inline-block;
float: left;
font-size: 14px;
font-weight: bold;
line-height: 37px;
}
.top-nav ul li a {
display: inline-block;
height: 38px;
color: #FFFFFF;
padding: 0 10px;
}
.top-nav ul li:first-child a {
padding-left: 0px;
}
.top-nav ul li a:hover {
color: #ef2748;
}
.top-nav ul ul {
background: #2E2E2E;
display: none;
padding: 0;
position: absolute;
top: 30px;
width: 180px;
z-index: 99999;
float: left;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.top-nav ul ul li {
background: none !important;
border: none !important;
z-index: 99999;
min-width: 180px;
}
.top-nav ul ul ul {
right: auto;
left: 100%;
top: 0;
z-index: 99999;
margin-left: 0 !important;
}
.top-nav ul ul a {
background: none !important;
height: auto !important;
line-height: 1em;
padding: 10px 10px;
width: 160px;
display: block !important;
margin-right: 0 !important;
z-index: 99999;
color: #E7E4E4 !important;
}
.top-nav ul ul li.current-menu-item:after {
display: none;
}
.top-nav ul li:hover > a, .top-nav ul :hover > a, .top-nav ul li.current-menu-item a {
color: #EF2748;
}
.top-nav ul li.current-menu-item:after {
content: " ";
display: block;
width: 0;
height: 0;
position: absolute;
top: 0;
z-index: 2;
right: 45%;
border: 4px solid transparent;
border-top-color: #ef2748;
}
.top-nav ul ul li:hover > a, .top-nav ul ul :hover > a {
color: #DDD8D8 !important;
padding: 10px 5px 10px 15px;
}
.top-nav ul li:hover > ul {
display: block;
}
.top-menu ul li.parent-list a {
padding-right: 18px;
}
.top-menu ul li a .sub-indicator {
border-top-color: #888;
}
.top-menu ul ul li a .sub-indicator {
border-left-color: #888;
}
.inner-header H1 {
line-height: initial;
}
/*------------------------------------------------------------*/
/* = 2.2 Main menu
/*------------------------------------------------------------*/
.header-wraper.style2 .top-nav {
background: #FBFBFB;
border-bottom: 1px solid rgb(236, 240, 241);
box-shadow: none;
}
.header-wraper.style2 .top-nav ul li a {
color: #474747;
}
.header-wraper.style2 .top-nav ul li a:hover {
color: #EF2748;
}
.header-wraper.style2 .menu_wrapper {
border-bottom: 1px solid #ECF0F1;
border-top: 1px solid #ECF0F1;
background: #FFF;
}
.header-wraper.style2 #main-menu > ul > li > a {
color: #4B4B4B;
}
.header-wraper.style2 #main-menu ul li.current-menu-item > a {
color: #EF2748;
background: none;
}
.header-wraper.style2 #main-menu ul li.menu-item-home a {
border-right: 1px solid #ECF0F1;
}
.body_wraper_fulid .header-wraper.style2 #main-menu ul li.menu-item-home a {
border-left: 1px solid #ECF0F1;
}
.header-wraper.style2 #main-menu ul li.current-menu-item a:hover {
background: #EF2748;
}
.header-wraper.style2 #main-menu ul li:hover > a, .header-wraper.style2 #main-menu ul:hover > a {
color: #FFF;
}
.header-wraper.style2 #main-menu ul li.current-menu-parent > a {
color: #FFF;
}
.header-wraper.style2 #main-menu ul li.current-menu-item.menu-item-home:hover > a::before {
color: #FFF;
}
.header-wraper.style2 #main-menu ul li.menu-item-home.current-menu-parent.parent-list > a::before {
color: #FFF;
}
.header-wraper.style2 #main-menu ul li.menu-item-home:hover > a::before {
color: #FFF;
}
.header-wraper.style2 #main-menu ul li.parent-list ul li a {
color: #000;
}
.header-wraper.style2 #main-menu ul li.current-menu-parent ul a {
color: #4B4B4B;
}
.header-wraper.style2 #main-menu ul ul li:hover > a, .header-wraper.style2 #main-menu ul ul:hover > a {
color: #000;
}
.header-wraper.style2 #main-menu .menu-sub-wrap {
background: #fff;
}
.header-wraper.style2 #main-menu ul li ul a {
color: #000;
}
.header-wraper.style2 #main-menu ul ul li, .header-wraper.style2 #main-menu ul ul li:first-child, .header-wraper.style2 #main-menu .post-meta {
border-color: #ECF0F1;
}
.header-wraper.style2 #main-menu .mega-menu-block a {
color: #000;
}
.header-wraper.style2 .search-buttons .search-icon {
background: none;
color: #EF2748;
font-size: 25px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
border-left: 1px solid #ECF0F1;
}
.body_wraper_fulid .header-wraper.style2 .search-buttons .search-icon {
border-right: 1px solid #ECF0F1;
}
.header-wraper.style2 .search-buttons .search-icon:hover {
color: #FFF;
background: none repeat scroll 0% 0% #EF2748;
}
#main-menu ul li:hover a {
color: #fff;
background: #EF2748;
}
#main-menu > ul {
margin: 0;
list-style: none;
}
#main-menu ul {
list-style: none;
}
#main-menu > ul > li > a, #main-menu ul li.parent-list ul li a {
font-family: "Merriweather", Arial, sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.9px;
}
#main-menu a {
-webkit-transition: all .5s ease-in-out !important;
-moz-transition: all .5s ease-in-out !important;
-ms-transition: all .5s ease-in-out !important;
-o-transition: all .5s ease-in-out !important;
transition: all .5s ease-in-out !important;
}
#main-menu > ul > li > a {
display: block;
color: #FFF;
padding: 14px;
line-height: 24px;
}
#main-menu .main-menu {
margin-left: 10px;
}
#main-menu a:hover, #main-menu a.active {
background: #ef2748;
}
.sf-menu li {
float: left;
position: relative;
}
#main-menu ul li:last-child a {
border-right-width: 0;
}
#main-menu ul li i.fa, #mobile-slide ul li i.fa {
margin-right: 5px;
}
#main-menu ul li.menu-item-has-children a, #main-menu ul li.mega-menu a {
padding-right: 20px;
}
#main-menu ul li.parent-list a {
padding-right: 22px;
}
#main-menu ul li a .sub-indicator::before, .top-menu ul li a .sub-indicator::before {
content: "\f107";
font-family: "FontAwesome";
right: 7px;
top: 50%;
position: absolute;
display: inline-block;
right: 5px;
line-height: 2px;
font-size: 18px;
}
#main-menu ul ul li a .sub-indicator::before, .top-menu ul ul li a .sub-indicator::before {
content: "\f105";
font-family: "FontAwesome";
right: 7px;
top: 50%;
position: absolute;
display: inline-block;
right: 5px;
line-height: 2px;
font-size: 18px;
}
#main-menu ul li.current-menu-item .menu-sub-wrap a, #main-menu ul li.current-menu-item .menu-sub-wrap a:hover, #main-menu ul li.current-menu-parent .menu-sub-wrap a, #main-menu ul li.current-menu-parent .menu-sub-wrap a:hover, #main-menu ul li.current_page_parent .menu-sub-wrap a, #main-menu ul li.current_page_parent .menu-sub-wrap a:hover, #main-menu ul li.current-page-ancestor .menu-sub-wrap a, #main-menu ul li.current-page-ancestor .menu-sub-wrap a:hover, #main-menu ul li.current-menu-item .menu-sub-wrap ul, #main-menu ul li.current-menu-parent .menu-sub-wrap ul, #main-menu ul li.current_page_parent .menu-sub-wrap ul, #main-menu ul li.current-page-ancestor .menu-sub-wrap ul {
top: 0;
}
/* SubList Arrow */
#main-menu ul li.menu-item-has-children:after, #main-menu ul li.mega-menu:after {
border-top-color: #ddd;
}
#main-menu ul ul li.menu-item-has-children:after {
border-left-color: #ddd;
}
#main-menu ul ul li.current-menu-item a, #main-menu ul ul li.current-menu-item a:hover, #main-menu ul ul li.current-menu-parent a, #main-menu ul ul li.current-menu-parent a:hover, #main-menu ul ul li.current_page_parent a, #main-menu ul ul li.current_page_parent a:hover, #main-menu ul ul li.current-page-ancestor a, #main-menu ul ul li.current-page-ancestor a:hover {
border-width: 1px !important;
}
/* Remove Arrows from the Sub Sub Menus */
#main-menu ul ul > li.menu-item-has-children:hover > a:after, #main-menu ul ul > li.mega-menu:hover > a:after, #main-menu ul li .mega-menu-block ul.sub-menu:before {
display: none;
}
#main-menu ul > li.current-menu-item.menu-item-has-children:hover > a:after, #main-menu ul > li.current_page_parent.menu-item-has-children:hover > a:after {
top: 45px;
}
.sf-menu ul {
margin: 0 !important;
}
#main-menu ul ul.sub-menu {
width: 220px;
z-index: 2200;
}
#main-menu ul ul ul.sub-menu, #main-menu ul ul li.current-menu-item ul, #main-menu ul ul li.current_page_parent ul, #main-menu ul ul li.current-menu-parent ul, #main-menu ul ul li.current-page-ancestor ul {
top: -2px;
}
#main-menu ul .mega-menu-block ul ul.sub-menu, #main-menu ul .mega-menu-block ul li.current-menu-item ul, #main-menu ul .mega-menu-block ul li.current_page_parent ul, #main-menu ul .mega-menu-block ul li.current-menu-parent ul, #main-menu ul .mega-menu-block ul li.current-page-ancestor ul {
top: 0;
}
#main-menu .menu-sub-wrap {
display: none;
padding: 0;
position: absolute;
z-index: 2000;
border-top: 2px solid #EF2748;
background: #2E2E2E;
color: #999;
-webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
}
#main-menu ul li.current-menu-item ul, #main-menu ul li.current-menu-parent ul, #main-menu ul li.current_page_parent ul, #main-menu ul li.current-page-ancestor ul {
top: 52px;
}
#main-menu ul ul li, #main-menu ul ul li:first-child {
background: none !important;
width: 100%;
border: 0 none;
border-bottom: 1px solid #333;
font-size: 12px;
height: auto !important;
margin: 0 !important;
}
#main-menu ul ul ul, #main-menu ul li .mega-menu-block ul.sub-menu {
border-top: 0 none;
}
#main-menu ul ul li:first-child, #main-menu ul li.current-menu-item ul li:first-child, #main-menu ul li.current_page_parent ul li:first-child, #main-menu ul li.current-menu-parent ul li:first-child {
border-top: 0 none !important;
}
#main-menu ul ul ul {
right: auto;
left: 100%;
top: 0;
z-index: 210;
}
#main-menu ul ul a, #main-menu .mega-menu-block a {
border: 0 none;
background: none !important;
height: auto !important;
line-height: 1.4em;
padding: 7px 15px;
display: block;
margin-right: 0;
z-index: 210;
color: #ccc;
font-size: 12px;
}
#main-menu .mega-menu-block .mega-menu-content .mega-small-item ul li a:hover {
color: #EF2748;
}
#main-menu .mega-menu-block .mega-menu-content .post-box-title a:hover {
color: #EF2748;
}
#main-menu .mega-menu-block h3.post-box-title a {
font-size: 14px;
text-transform: capitalize;
}
#main-menu .mega-menu-block h2.post-box-title a {
font-size: 18px;
}
#main-menu .mega-menu-block .post-thumbnail a {
line-height: 0 !important;
}
#main-menu .mega-menu-block a.mega-menu-link {
padding: 0;
margin: 10px 0;
}
#main-menu ul li.current-menu-item ul a, #main-menu ul li.current_page_parent ul a, #main-menu ul li.current-menu-parent ul a, #main-menu ul li.current-page-ancestor ul a {
color: #eee;
}
/* Top Level links */
#main-menu ul li:hover > a, #main-menu ul:hover > a {
color: #FFF;
}
/* Sub Level links */
#main-menu ul ul li:hover > a, #main-menu ul ul:hover > a {
color: #FFF;
padding-left: 20px;
padding-right: 5px;
}
#main-menu ul li:hover > ul, #main-menu ul li:hover > .mega-menu-block {
display: block;
-webkit-animation: fadeInDown .2s ease-in;
-moz-animation: fadeInDown .2s ease-in;
animation: fadeInDown .2s ease-in;
}
#main-menu ul li.current-menu-item a, #main-menu ul li.current-menu-item a:hover, #main-menu ul li.current-menu-parent a, #main-menu ul li.current-menu-parent a:hover, #main-menu ul li.current-page-ancestor a, #main-menu ul li.current-page-ancestor a:hover {
background: none repeat scroll 0% 0% #EF2748;
}
#main-menu ul li.menu-item-home a {
text-indent: -9999px;
width: 50px;
}
#main-menu ul li.menu-item-home > a:before {
font-family: 'FontAwesome';
content: "\f015";
text-indent: 0;
font-size: 40px;
line-height: 40px;
position: absolute;
left: 7px;
top: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#main-menu ul li.menu-item-home:after {
display: none;
}
#main-menu ul li.menu-item-home ul li a, #main-menu ul ul li.menu-item-home a, #main-menu ul li.menu-item-home ul li a:hover {
background-color: transparent !important;
text-indent: 0;
background-image: none !important;
height: auto !important;
width: auto;
}
/*------------------------------------------------------------*/
/* = 2.3 Mega Menus
/*------------------------------------------------------------*/
#main-menu ul li.mega-menu .mega-menu-block {
width: 1200px;
left: -10px;
padding: 20px;
}
#main-menu ul li.mega-menu .mega-menu-block img {
max-width: 100%;
height: auto;
}
#main-menu ul li.mega-menu .post-thumbnail, #main-menu ul li.mega-menu .post-thumbnail a {
margin: 0;
padding: 0;
}
/* Mega Links */
#main-menu ul li.mega-menu.mega-links .mega-menu-block .sub-menu-columns-item {
-webkit-animation: none;
-moz-animation: none;
animation: none;
}
#main-menu li.mega-menu.mega-links .mega-menu-block ul li.mega-link-column {
float: left;
border: 0 none;
margin-bottom: 10px;
padding-right: 25px;
width: 50%;
}
#main-menu li.mega-menu.mega-links .mega-menu-block ul li.mega-link-column:after {
display: none;
}
#main-menu ul li.mega-menu.mega-links a.mega-links-title {
padding: 10px;
display: block;
font-size: 14px;
margin-bottom: 10px;
}
#main-menu li.mega-menu.mega-links .mega-menu-block ul li.mega-link-column a .sub-indicator {
display: none;
}
/* Mega Links 3 columns */
#main-menu li.mega-menu.mega-links.mega-links-3col .mega-menu-block ul li.mega-link-column {
width: 33.333%;
}
/* Mega Links 4 columns */
#main-menu li.mega-menu.mega-links.mega-links-4col .mega-menu-block ul li.mega-link-column {
width: 25%;
}
/* Mega Links 5 columns */
#main-menu li.mega-menu.mega-links.mega-links-5col .mega-menu-block ul li.mega-link-column {
width: 20%;
}
/* Mega Categories */
#main-menu ul li.mega-menu.mega-cat .mega-menu-block {
padding: 0;
}
#main-menu .mega-cat-wrapper {
clear: both;
}
#main-menu ul ul.sub-menu.mega-sup-cat-links {
width: 100%;
margin: 10px 0;
}
#main-menu ul li.mega-menu.mega-cat .mega-sup-cat-links li {
float: left;
width: 29.333333%;
margin: 0 2% !important;
}
#main-menu ul li.mega-menu.mega-cat .mega-sup-cat-links li ul li {
float: none;
width: 100%;
margin: 0 !important;
}
.mega-cat-sub-categories {
float: left;
width: 20%;
padding-top: 20px;
}
#main-menu ul li.cat-active a {
background: #222 !important;
}
.header-wraper.style2 #main-menu ul li.cat-active a {
background: #fff !important;
}
#main-menu .mega-cat-content-tab {
display: none;
overflow: hidden;
}
#main-menu .mega-cat-content-tab a {
cursor: default;
}
#main-menu .mega-cat-content-tab.already-loaded a {
cursor: pointer;
}
#main-menu .mega-cat-content {
float: left;
padding: 20px;
padding-right: 0;
}
#main-menu .mega-cat-content.mega-cat-sub-exists {
background: #222;
width: 80%;
position: relative;
}
.header-wraper.style2 #main-menu .mega-cat-content.mega-cat-sub-exists {
background: #fff;
}
#main-menu ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post {
float: left;
padding-right: 20px;
width: 25%;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
#main-menu ul li.mega-menu.mega-cat .mega-menu-block .already-loaded .mega-menu-post {
opacity: 1;
}
#main-menu ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post a {
border: 0 none;
padding: 0;
}
/* Clear */
#main-menu ul ul.sub-menu.mega-sup-cat-links:after {
content: ' ';
display: block;
clear: both;
}
/* Mega Featured - Recent */
#main-menu .mega-box-recent-list {
width: 25%;
margin-right: 3%;
float: left;
}
#main-menu .mega-recent-post {
float: left;
width: 37%;
margin-right: 3%;
}
#main-menu ul li.mega-menu.mega-box-recent .mega-menu-block .mega-recent-post a {
border: 0 none;
padding: 0;
}
#main-menu .mega-small-item {
float: left;
width: 60%;
}
#main-menu ul .mega-small-item li {
width: 50% !important;
float: left !important;
padding: 5px 0 !important;
margin-bottom: 6px !important;
}
#main-menu .menu-item-has-children .mega-small-item {
width: 32%;
}
#main-menu ul .menu-item-has-children .mega-small-item li {
width: 100% !important;
float: none !important;
overflow: hidden;
}
#main-menu .mega-menu-block .mega-small-item a.mega-menu-link {
display: inline;
margin-top: 0;
}
#main-menu ul li.mega-menu .mega-menu-block .mega-small-item .post-thumbnail {
margin: 0px 10px 10px 0px;
float: left;
}
#main-menu ul li.mega-menu .mega-menu-block .mega-small-item .post-thumbnail img {
max-width : 100px;
height: auto;
}
#main-menu .post-meta {
border-bottom: 1px solid #333;
border-top: 1px solid #333;
margin-bottom: 0px;
}
#main-menu .mega-small-item .post-meta {
border-bottom: none;
border-top: none;
margin-top: 0;
}
#main-menu .post-meta i::before {
font-size: 15px;
}
/*
#main-menu .icon-time {
margin-right: 10px;
}
*/
/*== fixed-nav ==*/
body.admin-bar .fixed-nav {
top: 27px;
}
.fixed-nav {
box-shadow: 0 5px 3px rgba(0, 0, 0, 0.1);
position: fixed;
top: -5px;
width: 1200px;
width: 100%;
z-index: 999;
}
/**
* Off Canvas Mobile menu
* -----------------------------------------------------------------------------
*/
#mobile-slide {
background: #212121;
position: absolute;
display: none;
left: 0;
top: 0;
z-index: 999;
height: 100%;
width: 80%;
min-width: 250px;
color: #A1A1A1;
box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.2);
-webkit-transform: translate3d(-101%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.ie9 #mobile-slide {
display: none
}
#mobile-nav {
border-top: 1px solid #2D2D2D;
display: block
}
#mobile-nav.mobile-hide-icons i.fa {
display: none;
}
#mobile-slide #mobile-nav .mega-menu-block {
padding: 0 !important;
background: transparent !important;
min-height: inherit !important;
}
#mobile-slide #mobile-nav ul ul, #mobile-slide #mobile-nav .sub-menu-columns-item {
display: none;
background: #212121;
}
#mobile-slide #mobile-nav li {
list-style: none;
position: relative;
float: none;
}
#mobile-slide #mobile-nav ul li.menu-item-has-children i.mobile-arrows {
position: absolute;
top: 0;
right: 0;
padding: 13px;
border-left: 1px solid #333;
margin: 0;
cursor: pointer;
display: block;
}
#mobile-slide #mobile-nav ul li.menu-item-has-children i.mobile-arrows:hover {
color: #FFF;
}
#mobile-slide #mobile-nav a {
color: #ccc;
display: block;
font-family: "Merriweather", Arial, sans-serif;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.5px;
line-height: 21px;
padding: 10px 0px 10px 20px;
border-bottom: 1px solid #2D2D2D;
}
#mobile-slide #mobile-nav a:hover {
background: #111;
color: #FFF;
}
#mobile-slide #mobile-nav ul ul a {
font-size: 14px;
padding-left: 30px
}
#mobile-slide #mobile-nav ul ul ul a {
font-size: 12px;
padding-left: 40px
}
#mobile-slide #mobile-nav ul ul ul a {
padding-left: 50px
}
#mobile-slide #mobile-nav ul ul ul ul a {
padding-left: 60px
}
/* open and Close the SlideOut panel */
.ms-opening .body_wraper_fixed, .ms-opening .body_wraper_fulid {
left: 80%;
}
.ms-opening #mobile-nav {
display: block;
}
.body_wraper_fixed, #mobile-slide, .body_wraper_fulid {
-webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease;
-moz-transition: -moz-transform 500ms ease, opacity 500ms ease;
-o-transition: -o-transform 500ms ease, opacity 500ms ease;
transition: transform 500ms ease, opacity 500ms ease;
}
.ms-opening .body_wraper_fixed, .ms-opening .body_wraper_fulid {
left: 0 !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
#navbar_toggle {
box-sizing: border-box;
display: none;
width: 60px;
height: 52px;
top: 10px;
left: 0;
z-index: 4;
float: left;
}
#navbar_toggle:before, #navbar_toggle:after, #navbar_toggle span {
background: #fff;
content: '';
display: block;
width: 30px;
height: 5px;
position: absolute;
left: 15px;
}
.header-wraper.style2 #navbar_toggle:before, .header-wraper.style2 #navbar_toggle:after, .header-wraper.style2 #navbar_toggle span {
background: #000;
}
#navbar_toggle:before {
top: 14px;
}
#navbar_toggle span {
top: 24px;
}
#navbar_toggle:after {
top: 34px;
}
/* navbar_toggle animation */
#navbar_toggle:before, #navbar_toggle:after, #navbar_toggle span {
-webkit-transition: none 0.5s ease 0.5s;
transition: none 0.5s ease 0.5s;
-webkit-transition-property: transform, top, bottom, left, opacity;
transition-property: transform, top, bottom, left, opacity;
}
#navbar_toggle.nav-opening:before, #navbar_toggle.nav-opening:after {
top: 20px;
}
#navbar_toggle.nav-opening span {
left: -50px;
opacity: 0;
}
#navbar_toggle.nav-opening:before {
transform: rotate( 45deg );
}
#navbar_toggle.nav-opening:after {
transform: rotate( -45deg );
}
.ms-opening .body_wraper_fixed, .ms-opening .body_wraper_fulid {
-webkit-transform: translate3d(80%, 0, 0);
-moz-transform: translate3d(80%, 0, 0);
-ms-transform: translate3d(80%, 0, 0);
-o-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
}
.ms-opening #mobile-slide {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
/*------------------------------------------------------------*/
/* = 2.4 Search Buttons + Random Article
/*------------------------------------------------------------*/
/* Random Article Button */
a.random-article {
background: #494949;
width: 51px;
height: 52px;
display: block;
float: right;
margin: 0 0 0 10px;
color: #FFF;
}
a.random-article:before {
font-size: 30px;
width: 50px;
line-height: 51px;
}
a.random-article:hover {
background-color: #EF2748;
color: #fff;
}
.favoicon-shuffle:before {
content: '\f074';
}
option {
padding: 0 4px;
}
/*== Search Buttons ==*/
.search-buttons {
float: right;
width: 52px;
height: 52px;
}
.search-buttons .search-icon {
position: absolute;
display: inline-block;
font-size: 32px;
color: #FFF;
padding: 0px 11px;
line-height: 50px;
height: 52px;
width: 52px;
background: none repeat scroll 0% 0% rgb(239, 39, 72);
}
.search-buttons.active .search-icon::before {
content: "\f00d";
font-family: FontAwesome;
}
.search-buttons a.search-icon::before {
content: "\f002";
font-family: FontAwesome;
}
.search-buttons .search-icon:hover {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}
.search-buttons .search {
position: absolute;
right: 0px;
top: 2px;
padding: 15px 8px 8px;
background: #F7F7F7;
border-bottom: 1px solid #F3F3F3;
border-left: 1px solid #F3F3F3;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
opacity: 0;
visibility: hidden;
}
.search-buttons .search {
background: #EF2748;
border: 0px none;
top: 52px;
width: 100%;
}
.search-buttons.active .search {
visibility: visible;
opacity: 1;
padding-top: 8px;
z-index: 2;
}
.search-buttons input[type="text"] {
height: 50px;
margin: 0;
font-size: 20px;
}
.search-buttons form {
margin: 0;
}
.search-buttons .search-submit {
display:none;
}
/* Search */
.search-block {
height: 37px;
overflow: hidden;
float: right;
margin-left: 5px;
position: relative;
}
.search-block input {
height: 37px;
}
.search-block:after {
content: " ";
display: block;
width: 0;
height: 0;
position: absolute;
top: 14px;
z-index: 2;
right: 30px;
border: 4px solid transparent;
border-right-color: #ef2748;
}
.search-block #s {
background: #FFF;
float: right;
font: normal 11px tahoma;
padding: 9px 12px 8px 12px;
width: 90px;
color: #C5C5C5;
border: 0 none;
border-left: 1px solid #ececec;
-o-transition: width .7s, color .4s;
-webkit-transition: width .7s, color .4s;
-moz-transition: width .7s, color .4s;
transition: width .7s, color .4s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 37px;
}
.search-block #s:focus {
color: #000;
width: 150px;
}
.search-block .search-button {
background: #ef2748;
cursor: pointer;
float: right;
height: 37px;
width: 30px;
display: block;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none !important;
padding: 0;
}
.search-block .search-button:active {
top: 0;
}
.search-block:hover .search-button, .search-block:hover #s {
opacity: 1;
color: #444;
}
.search-block button.search-button:before {
font-size: 18px;
width: 30px;
height: 30px;
line-height: 28px;
color: #FFF;
}
/*------------------------------------------------------------*/
/* = 2.5 Social icons
/*------------------------------------------------------------*/
.social-icons a {
display: inline-block;
line-height: 0;
margin: 1px;
overflow: hidden;
position: relative;
}
/*
.social-icons a i {
font-size: 13px;
height: 24px;
line-height: 24px;
width: 24px;
}
*/
.social-icons a i.social_icon-facebook {
background: none repeat scroll 0 0 #3C5B9B;
}
.social-icons.icon-16 a i {
font-size: 16px;
}
.social-footer {
float: right;
}
.social-footer .social-icons {
padding: 5px !important;
}
.social-footer .social-icons a {
padding: 0px 5px;
}
.social-footer .social-icons.icon-15 a i {
font-size: 20px;
background: none;
opacity: 0.4;
}
.social-footer .social-icons.icon-15 a i:hover {
opacity: 1;
}
.social-icons.icon-12 a i {
font-size: 12px;
width: 20px;
height: 20px;
line-height: 20px !important;
border-radius: 0;
}
.social-icons.icon-12 a {
margin: 0;
}
.social-icons.icon-32 a i.social_icon-facebook:hover {
color: #FFFFFF;
}
.social-header {
float: right;
margin-left: 10px;
line-height: 16px;
}
.social-header .social-icons.icon-16 a i {
font-size: 16px;
}
.social-header .social-icons a i {
width: 26px;
height: 26px;
line-height: 26px !important;
}
.social-icons {
line-height: 0 !important;
padding: 0 !important;
position: relative;
}
.social-header .social-icons {
padding: 5px 0px !important;
}
.social-icons a {
display: inline-block;
overflow: hidden;
line-height: 0;
}
.author-social {
display: block;
margin-top: 10px !important;
}
.social-icons a i {
font-size: 15px;
color: #FFF;
display: block;
text-align: center;
overflow: hidden;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
width: 29px;
height: 29px;
line-height: 28px !important;
line-height: inherit;
}
.social-icons a i.icon-home {
background: #4e5462;
}
.social-icons a i.social_icon-facebook {
background: #3c5b9b;
}
.social-icons a i.social_icon-twitter {
background: #00aced;
}
.social-icons a i.social_icon-rss {
background: #fd9f13;
}
.social-icons a i.social_icon-google {
background: #c20907;
}
.social-icons a i.social_icon-pinterest {
background: #cb2027;
}
.social-icons a i.social_icon-myspace {
background: #2e9fdf;
}
.social-icons a i.social_icon-dribbble {
background: #d97aa5;
}
.social-icons a i.social_icon-linkedin {
background: #91c9db;
}
.social-icons a i.social_icon-evernote {
background: #8ac979;
}
.social-icons a i.social_icon-flickr {
background: #db97be;
}
.social-icons a i.social_icon-youtube {
background: #cc3333;
}
.social-icons a i.social_icon-skype {
background: #38c3f2;
}
.social-icons a i.social_icon-digg {
background: #4ea1d9;
}
.social-icons a i.social_icon-reddit {
background: #7fc1d7;
}
.social-icons a i.social_icon-delicious {
background: #5a91de;
}
.social-icons a i.social_icon-stumbleupon {
background: #e36644;
}
.social-icons a i.social_icon-tumblr {
background: #4e7da2;
}
.social-icons a i.social_icon-vimeo {
background: #87d3e0;
}
.social-icons a i.social_icon-blogger {
background: #fbc95d;
}
.social-icons a i.social_icon-wordpress {
background: #dddcdc;
}
.social-icons a i.social_icon-yelp {
background: #c64947;
}
.social-icons a i.social_icon-lastfm {
background: #c35252;
}
.social-icons a i.social_icon-grooveshark {
background: #2ab8ed;
}
.social-icons a i.social_icon-xing {
background: #639d71;
}
.social-icons a i.social_icon-posterous {
background: #e7c16f;
}
.social-icons a i.social_icon-deviantart {
background: #95a595;
}
.social-icons a i.social_icon-openid {
background: #fb915d;
}
.social-icons a i.social_icon-behance {
background: #18ace3;
}
.social-icons a i.social_icon-instagram {
background: #336699;
}
.social-icons a i.social_icon-paypal {
background: #4ea1d9;
}
.social-icons a i.social_icon-spotify {
background: #6fcb57;
}
.social-icons a i.social_icon-viadeo {
background: #9ec7d5;
}
.social-icons a i.social_icon-googleplay {
background: #ce5452;
}
.social-icons a i.social_icon-forrst {
background: #64bb8d;
}
.social-icons a i.social_icon-vk {
background: #568bb0;
}
.social-icons a i.social_icon-appstore {
background: #cdcccb;
}
.social-icons a i.social_icon-amazon {
background: #f0b22e;
}
.social-icons a i.social_icon-soundcloud {
background: #f35839;
}
.social-icons.icon-16 a i:hover {
background: #FFF;
}
.social-icons.icon-16 a i.icon-home:hover {
color: #4e5462;
}
.social-icons.icon-16 a i.social_icon-facebook:hover {
color: #3c5b9b;
}
.social-icons.icon-16 a i.social_icon-twitter:hover {
color: #359bed;
}
.social-icons.icon-16 a i.social_icon-rss:hover {
color: #fd9f13;
}
.social-icons.icon-16 a i.social_icon-google:hover {
color: #d44132;
}
.social-icons.icon-16 a i.social_icon-pinterest:hover {
color: #cb2027;
}
.social-icons.icon-16 a i.social_icon-myspace:hover {
color: #2e9fdf;
}
.social-icons a i.social_icon-dribbble:hover {
color: #d97aa5;
}
.social-icons.icon-16 a i.social_icon-linkedin:hover {
color: #91c9db;
}
.social-icons.icon-16 a i.social_icon-evernote:hover {
color: #8ac979;
}
.social-icons.icon-16 a i.social_icon-flickr:hover {
color: #db97be;
}
.social-icons.icon-16 a i.social_icon-youtube:hover {
color: #f16361;
}
.social-icons.icon-16 a i.social_icon-skype:hover {
color: #38c3f2;
}
.social-icons.icon-16 a i.social_icon-digg:hover {
color: #4ea1d9;
}
.social-icons.icon-16 a i.social_icon-reddit:hover {
color: #7fc1d7;
}
.social-icons.icon-16 a i.social_icon-delicious:hover {
color: #5a91de;
}
.social-icons.icon-16 a i.social_icon-stumbleupon:hover {
color: #e36644;
}
.social-icons.icon-16 a i.social_icon-tumblr:hover {
color: #4e7da2;
}
.social-icons.icon-16 a i.social_icon-vimeo:hover {
color: #87d3e0;
}
.social-icons.icon-16 a i.social_icon-blogger:hover {
color: #fbc95d;
}
.social-icons.icon-16 a i.social_icon-wordpress:hover {
color: #dddcdc;
}
.social-icons.icon-16 a i.social_icon-yelp:hover {
color: #c64947;
}
.social-icons.icon-16 a i.social_icon-lastfm:hover {
color: #c35252;
}
.social-icons.icon-16 a i.social_icon-grooveshark:hover {
color: #2ab8ed;
}
.social-icons.icon-16 a i.social_icon-xing:hover {
color: #639d71;
}
.social-icons.icon-16 a i.social_icon-posterous:hover {
color: #e7c16f;
}
.social-icons.icon-16 a i.social_icon-deviantart:hover {
color: #95a595;
}
.social-icons.icon-16 a i.social_icon-openid:hover {
color: #fb915d;
}
.social-icons.icon-16 a i.social_icon-behance:hover {
color: #18ace3;
}
.social-icons.icon-16 a i.social_icon-instagram:hover {
color: #c8c5b3;
}
.social-icons.icon-16 a i.social_icon-paypal:hover {
color: #4ea1d9;
}
.social-icons.icon-16 a i.social_icon-spotify:hover {
color: #6fcb57;
}
.social-icons.icon-16 a i.social_icon-viadeo:hover {
color: #9ec7d5;
}
.social-icons.icon-16 a i.social_icon-googleplay:hover {
color: #ce5452;
}
.social-icons.icon-16 a i.social_icon-forrst:hover {
color: #64bb8d;
}
.social-icons.icon-16 a i.social_icon-vk:hover {
color: #568bb0;
}
.social-icons.icon-16 a i.social_icon-appstore:hover {
color: #cdcccb;
}
.social-icons.icon-16 a i.social_icon-amazon:hover {
color: #f0b22e;
}
.social-icons.icon-16 a i.social_icon-soundcloud:hover {
color: #f35839;
}
/*------------------------------------------------------------*/
/* = 2.6 Newsticker
/*------------------------------------------------------------*/
/* liScroll styles */
.container_12 {
max-width: 1200px;
height: 40px;
background-color: #FBFBFB;
margin: 20px 30px 0 30px;
}
.grid_7, .grid_2 {
display: inline;
float: left;
position: relative;
height: inherit;
}
.container_12 .grid_7 {
width: 80%;
}
.newsticker {
padding: 0;
margin: 0 0;
position: relative;
z-index: 0;
list-style: none;
}
.newsticker {
padding-left: 80px;
}
.newsticker h2 {
margin: 0;
font-size: 16px;
line-height: 40px;
font-family: "Merriweather", Arial, sans-serif;
font-weight: normal;
}
/*
.newsticker h2 a {
font-size: 12px;
text-transform: uppercase;
}
*/
.newsticker .tickertime {
font-size: 12px;
color: #EF2748;
}
#ticker01 {
display: none;
margin: 0!Important;
}
/* liScroll styles */
.tickercontainer {
width: 100%;
height: 40px;
margin: 0;
padding: 0;
overflow: hidden;
}
.tickercontainer .mask {
position: relative;
left: 10px;
top: 0;
width: 100%;
height: 40px;
overflow: hidden;
}
ul.newsticker {
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left;
margin: 0 15px 0 0;
padding: 0;
}
.newstickertitle span {
background: none repeat scroll 0 0 #ef2748;
color: #FFFFFF;
display: block;
float: left;
font-family: "Merriweather", Arial, sans-serif;
font-size: 18px;
margin-right: 15px;
padding: 10px;
position: relative;
height: inherit;
line-height: 20px;
text-transform: capitalize;
font-weight: 700;
letter-spacing: 1px;
}
.newstickertitle i {
color: #2F88D6;
font-size: 30px;
position: absolute;
right: -9px;
top: 0;
}
/*------------------------------------------------------------*/
/* = 2.7 readcrumbs
/*------------------------------------------------------------*/
.breadcrumbs {
line-height: 1;
margin-bottom: 20px
}
.breadcrumbs a, .breadcrumbs .current, .breadcrumbs .delim {
color: #999;
font-weight: bold;
font-size: 12px;
}
.breadcrumbs .delim {
font-size: 15px;
}
.breadcrumbs .home-page, .breadcrumbs .current, .breadcrumbs .prev-page {
position: relative;
padding: 0px 10px 0px 10px;
display: inline-block;
}
.breadcrumbs .home-page .icon-home {
margin-right: 5px;
}
/*------------------------------------------------------------*/
/* = 3.0 Container
/*------------------------------------------------------------*/
.container .menu_wrapper {
background: #2B2D31;
}
.container .menu_wrapper .row {
position: relative;
}
.container .menu_wrapper {
margin: 0 auto;
}
.container .inner-container {
width: 100%;
margin: 35px auto 0 auto;
padding-left: 30px;
padding-right: 30px;
}
.inner-container.big-scroller .box-module {
margin-bottom: 0px;
}
.inner-container.bottom-scroller {
margin-top: 0px;
}
.post-container {
overflow: hidden;
}
.post-container .entry-header {
margin-bottom: 20px;
}
.entry-header h1 {
margin: 7px 0;
}
.post-container .entry {
margin-bottom: 30px;
padding: 0px 10px;
overflow: hidden;
}
.entry p, .widget-about p {
font-size: 16px;
line-height: 26px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
margin-bottom: 30px;
}
.post-excerpt p {
font-size: 16px;
line-height: 26px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin-bottom: 20px;
line-height: 1.2em;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
/* font-weight: normal;*/
}
.comment-text h1, .comment-text h2, .comment-text h3, .comment-text h4, .comment-text h5, .comment-text h6 {
margin-bottom: 20px;
line-height: 1.2em;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
/* font-weight: normal;*/
}
.entry h1 {
font-size: 3em;
line-height: 1.2em;
margin-top: 30px;
margin-bottom: 25px;
}
.entry h2 {
font-size: 2.7em;
margin-top: 30px;
margin-bottom: 20px;
}
.entry h3 {
font-size: 2em;
margin-top: 20px;
}
.entry h4 {
font-size: 1.8em;
margin-top: 20px;
margin-bottom: 16px;
}
.entry h5 {
font-size: 1.6em;
margin-top: 20px;
margin-bottom: 10px
}
.entry h6 {
font-size: 1.5em;
margin-top: 20px;
margin-bottom: 10px
}
.entry ul, #comments ul {
/* list-style: disc;*/
margin-left: 20px;
line-height: 1.8;
}
.post-container .post-tag {
margin: 10px;
}
.post-container .post-tag span {
font-size: 15px;
font-weight: 600;
margin-right: 5px;
vertical-align: middle;
text-transform: uppercase;
}
h1.post-title {
margin: 10px 0 10px 0;
color: #000000;
font-family: "Merriweather", Arial, sans-serif;
font-size: 30px;
font-style: normal;
line-height: 40px;
text-transform: capitalize;
font-weight: 700;
}
/* Search Bar */
.search-bar {
margin: 10px 10px 0 0;
}
.search-bar input[type="text"] {
float: left;
height: auto;
line-height: normal;
background: #9a9a9a;
width: 120px;
font-size: 11px;
padding: 5px 10px;
border: none;
color: #2e2e2e;
border-radius: 0;
margin: 0 !important;
box-shadow: none;
outline: none;
}
.search-bar input[type="submit"] {
float: right;
background: url(images/search-icon.png) no-repeat center center;
border: none;
width: 25px;
height: 25px;
margin-left: 10px;
}
/*------------------------------------------------------------*/
/* = 4.0 Content
/*------------------------------------------------------------*/
.content {
width: auto;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: max-width 5s;
-moz-transition: max-width .5s;
-webkit-transition: max-width .5s;
-o-transition: max-width .5s;
overflow: hidden;
}
#content {
margin-bottom: 30px;
}
.page-title, .cat-page-title {
color: #333;
font-size: 30px;
margin-right: 10px;
line-height: 1.5em;
text-transform: uppercase;
font-family: "Merriweather", sans-serif;
font-weight: 600;
letter-spacing: 1.5px;
}
.cat-page-title {
float: left;
}
.page-header {
overflow: hidden;
padding: 5px 0;
margin-bottom: 25px;
border-top: 1px solid #F3F3F3;
border-bottom: 1px solid #F3F3F3;
}
.cat-title {
font-family: "Merriweather", Arial, sans-serif;
font-size: 15px;
text-transform: uppercase;
line-height: normal;
font-weight: normal;
color: #fff;
margin: 0px;
padding: 9px 14px 8px 42px;
background: #ef2748 url(images/cat-icon.png) no-repeat 5px center;
}
.cat-title a {
color: #fff;
}
.post {
margin-bottom: 20px;
}
.post-image img {
min-width: 100%;
}
.single-post-thumb .loop-image img, .single-post-thumb img {
max-height: 400px;
width: 100%;
}
.layout-full .single-post-thumb .loop-image img, .layout-full .single-post-thumb img {
max-height: 556px;
}
.post-meta {
font-family: "Open Sans", Arial, sans-serif;
font-size: 14px;
line-height: 24px;
color: #999;
margin-bottom: 15px;
border-bottom: 1px solid #F3F3F3;
border-top: 1px solid #F3F3F3;
padding: 5px 0;
text-transform: capitalize;
letter-spacing: 0.7px;
}
.post-meta a, span.date a {
color: #999;
}
.post-meta .date, .post-meta .author, .post-meta .comments, .post-meta .cat-post, .post-meta .post-views {
margin-right: 10px;
}
.post-meta .date i:before, .post-meta .author i:before, .post-meta .comments i:before, .post-meta .cat-post i:before, .post-meta .post-views i:before {
font-size: 14px;
margin-right: 5px;
}
.ads-middle {
border: 1px solid #dbdbdb;
background: #f5f5f5;
padding: 20px;
text-align: center;
}
/*------------------------------------------------------------*/
/* = 4.1 Author Box
/*------------------------------------------------------------*/
.author-box-info {
clear: both;
}
.author-bio {
clear: both;
overflow: hidden;
padding: 15px 5px;
border-bottom: 1px solid #f2f2f2;
}
.page-header .author-bio {
margin: 20px 0px 20px 0px;
}
.author-box-info .author-title {
margin-bottom: 30px;
overflow: hidden;
border-bottom: 1px solid #EEE;
}
.author-title h3 {
padding-bottom: 10px;
border-bottom: 3px solid #EF2748;
float: left;
position: relative;
font-size: 16px;
margin: 0px;
text-transform: uppercase;
}
.author-box-info .post-listing {
background-color: #FBFBFB;
clear: both;
position: relative;
border-width: 1px;
border-style: solid;
border-color: #F3F3F3;
padding: 20px;
overflow: hidden;
}
.author-box-info {
margin-bottom: 50px;
}
.author-box-info .block-head h3 a {
color: #FFF;
}
.authors-wrap {
margin-bottom: 40px;
}
ul.authors-wrap {
list-style: none;
}
.author-avatar {
float: left;
margin-right: 20px;
}
.author-social {
margin-top: 10px;
}
.author-name, .author-name a {
margin-bottom: 10px;
font-size: 16px;
line-height: 22px;
font-weight: 600;
}
.author-name h3 span {
margin-right: 30px;
}
.author-description {
font-size: 16px;
line-height: 26px;
}
ul.authors-wrap li {
background-color: #FBFBFB;
clear: both;
position: relative;
border-width: 1px;
border-style: solid;
border-color: #F3F3F3;
padding: 20px;
overflow: hidden;
margin-bottom: 30px;
}
/*------------------------------------------------------------*/
/* = 4.2 Related Posts
/*------------------------------------------------------------*/
#related_posts {
clear: both;
}
#related_posts .post-listing {
margin-bottom: 20px;
position: relative;
margin-left: -10px;
margin-right: -10px;
}
#related_posts .scroller {
margin-bottom: 20px;
}
#related_posts li {
background: url(images/sidebar-bullet.png) no-repeat left 8px;
padding: 0 12px 10px 0;
line-height: 18px;
overflow: hidden;
}
#related_posts li:hover {
margin-right: 5px;
}
#related_posts .related-item {
float: left;
width: 33.3%;
height: 100%;
padding: 0px 10px 20px 10px;
}
#related_posts .related-item:nth-child(3n+3), #related_posts .post-listing.full .related-item:nth-child(3n+3) {
margin-right: 0;
}
#related_posts .related-item:nth-child(3n+1) {
clear: both;
}
#related_posts .related-item .post-thumbnail {
margin: 0 0 10px 0;
background: #000000;
}
/*------------------------------------------------------------*/
/* = 4.3 Social Bar
/*------------------------------------------------------------*/
.social-badges {
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
overflow: hidden;
}
.social-badges .ui-share-popup {
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
display: block;
width: 310px;
overflow: hidden;
height: 40px;
}
.social-badges .ui-share-row {
display: block;
position: relative;
z-index: 1;
height: 40px;
}
.social-badges .ui-share-row .sharing-link:first-child {
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px;
border-radius: 4px 0px 0px 4px;
}
.social-badges .ui-share-row .sharing-link:last-child {
-moz-border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 0px;
border-radius: 0px 4px 4px 0px;
}
.social-badges .ui-share-row+.ui-share-row {
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
z-index: 0;
top: -40px;
}
.ie8 .social-badges .ui-share-row .sharing-link {
overflow: hidden;
}
.ie8 .social-badges .ui-share-row .sharing-link .label, .ie8 .social-badges .ui-share-row .sharing-link .count {
display: inline-block;
float: right;
height: 40px;
}
.ie8 .social-badges .ui-share-row .sharing-link .label {
width: 65px;
margin-left: 17px;
}
.ie8 .social-badges .ui-share-row .sharing-link .count {
width: 30px;
}
.social-badges.show-more {
height: 80px;
}
.social-badges.show-more .ui-share-popup {
height: 80px;
}
.social-badges.show-more .ui-share-row .sharing-link:first-child {
-moz-border-radius: 4px 0px 0px 0px;
-webkit-border-radius: 4px;
border-radius: 4px 0px 0px 0px;
}
.social-badges.show-more .ui-share-row .sharing-link:last-child {
-moz-border-radius: 0px 4px 0px 0px;
-webkit-border-radius: 0px;
border-radius: 0px 4px 0px 0px;
}
.social-badges.show-more .ui-share-row+.ui-share-row {
top: 0px;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.social-badges.show-more .ui-share-row+.ui-share-row .sharing-link:first-child {
-moz-border-radius: 0px 0px 0px 4px;
-webkit-border-radius: 0px;
border-radius: 0px 0px 0px 4px;
}
.social-badges.show-more .ui-share-row+.ui-share-row .sharing-link:last-child {
-moz-border-radius: 0px 0px 4px 0px;
-webkit-border-radius: 0px;
border-radius: 0px 0px 4px 0px;
}
.social-badges .sharing-link {
font-style: normal;
font-variant: normal;
text-decoration: none;
font-size: 12px;
color: #fff !important;
letter-spacing: 0.03125rem;
-webkit-font-smoothing: antialiased;
-moz-transition: background-color 0.25s ease-out;
-o-transition: background-color 0.25s ease-out;
-webkit-transition: background-color 0.25s ease-out;
transition: background-color 0.25s ease-out;
display: inline-block;
position: relative;
width: 25%;
height: 40px;
line-height: 40px;
font-weight: bold;
padding: 0px 5px;
float: left;
}
.social-badges i {
vertical-align: middle;
padding-right: 5px;
margin-right: 5px;
border-right: 1px solid rgba(255, 255, 255, 0.3);
display: inline-block;
line-height: inherit;
width: 30px;
text-align: center;
}
.social-badges i::before {
font-size: 20px;
}
.social-badges .sharing-link.facebook {
background-color: #3b579d;
}
.social-badges .sharing-link.facebook:hover {
background-color: #617dc4;
}
.social-badges .sharing-link.twitter {
background-color: #08acee;
}
.social-badges .sharing-link.twitter:hover {
background-color: #4ac7f9;
}
.social-badges .sharing-link.comments {
background-color: #454e5c;
}
.social-badges .sharing-link.comments:hover {
background-color: #667388;
}
.social-badges .sharing-link.more {
background-color: #2f343b;
text-align: center;
}
.social-badges .sharing-link.more:before {
display: none;
}
.social-badges .sharing-link.more:hover {
background-color: #515a66;
color: #fff !important;
}
.social-badges .sharing-link.more.is-active {
background-color: #D8272D;
}
.social-badges .sharing-link.more.is-active:hover {
background-color: #e4686c;
}
.social-badges .sharing-link.more.is-active:hover {
background-color: #D8272D;
}
.social-badges .sharing-link.googleplus {
background-color: #d84e44;
}
.social-badges .sharing-link.googleplus:hover {
background-color: #e58a83;
}
.social-badges .sharing-link.linkedin {
background-color: #1c7db2;
}
.social-badges .sharing-link.linkedin:before {
top: 9px;
}
.social-badges .sharing-link.linkedin:hover {
background-color: #3aa6e0;
}
.social-badges .sharing-link.stumbleupon {
background-color: #ea5037;
}
.social-badges .sharing-link.stumbleupon:before {
top: 10px;
}
.social-badges .sharing-link.stumbleupon:hover {
background-color: #f18d7c;
}
.social-badges .sharing-link.email {
background-color: #2f343b;
}
.social-badges .sharing-link.email:before {
left: 50%;
margin-left: -10px;
}
.social-badges .sharing-link.email:hover {
background-color: #515a66;
}
.social-badges .sharing-link.print {
background-color: #2f343b;
}
.social-badges .sharing-link.print:before {
display: none;
}
.social-badges .sharing-link.print:hover {
color: #fff !important;
background-color: #515a66;
}
.social-badges.wide {
overflow: visible;
/*background-color: #FBFBFB;*/
border-color: #F3F3F3;
border-width: 1px 0px;
border-style: solid;
padding: 10px;
margin-bottom: 50px;
}
.social-badges.wide .share-mask {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 398px;
position: relative;
overflow: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.social-badges.wide .share-mask.active {
width: 724px;
}
.social-badges.wide .share-wrapper {
width: 724px;
overflow: hidden;
}
.social-badges.wide .sharing-link {
position: relative;
width: 109px
}
.social-badges.wide .label {
position: relative;
right: 24px
}
.social-badges.wide .count {
position: absolute;
display: inline-block;
right: 0;
top: 0;
width: 34px;
text-align: center
}
.social-badges.wide .comments .label {
right: 12px
}
.social-badges.wide .stumbleupon .label {
right: 14px
}
.social-badges.wide .print .label {
right: 0;
text-align: center;
width: 100%;
display: inline-block
}
.social-badges.wide .more {
position: relative;
-moz-border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 0px;
border-radius: 0px 4px 4px 0px;
overflow: hidden;
min-width: 70px;
width: 70px;
right: 0px;
position: absolute
}
.social-badges .sharing-link.more.is-active {
font: 0px/0 a !important;
text-indent: -999em;
color: transparent !important;
text-shadow: none !important;
}
.social-badges .sharing-link.more.is-active::after {
content: "\f00d";
font-family: FontAwesome;
font-size: 14px;
font-size: 25px;
color: #fff;
line-height: 1.5em;
height: auto;
width: auto;
left: 0px;
}
.social-badges.wide .more:after {
position: absolute;
display: block;
height: 20px;
width: 20px;
left: 0px;
top: 0px;
}
.social-badges.wide .more::after {
content: "\f105";
font-family: FontAwesome;
font-size: 14px;
}
.social-badges.wide .more:after {
left: auto;
right: 2px
}
.social-badges.wide.show-more {
height: 40px
}
.comments-share {
padding: 20px 0;
border-top: 1px solid #DFE2E5;
border-bottom: 1px solid #DFE2E5;
text-align: center;
margin-bottom: 20px
}
.comments-share .social-badges, .comments-share .ui-button-comments {
margin: 0 3px !important;
display: inline-block;
vertical-align: top
}
.social-badges.wide.cat-share .share-mask {
border-radius: 0px;
width: 100%;
}
.social-badges.wide.cat-share .share-wrapper {
width: 100%;
}
.social-badges.wide.cat-share .sharing-link {
width: 61px;
text-align: center;
}
.social-badges.wide.cat-share i {
padding-right: 0px;
margin-right: 0px;
border-right: none;
}
.cat-share .more {
display: none;
}
/*------------------------------------------------------------*/
/* = 5.0 NEWS BOX
/*------------------------------------------------------------*/
.box-container {
width: 100%;
}
.pre-text, .post-text {
width: 100%;
}
.box-container a {
text-decoration: none;
}
h2.post-blog-title, h2.post-box-title, h2.item-title {
line-height: 28px;
font-size: 18px;
font-family: "Merriweather", Arial, sans-serif;
text-transform: capitalize;
font-weight: 700;
}
h2.post-blog-title a, h2.post-box-title a, h2.item-title a {
transition: all ease-in-out 0.3s !important;
-webkit-transition: all ease-in-out 0.3s !important;
}
.big-item h2.post-box-title, h2.post-blog-title.full {
font-size: 30px;
text-transform: capitalize;
font-family: "Merriweather", Arial, sans-serif;
font-weight: 700;
line-height: 40px;
}
.post-blog-title {
margin-bottom: 10px;
}
h3.post-blog-title a {
font-size: 18px;
line-height: normal;
}
.post_img {
position: relative;
}
.post_img.full_thumb {
margin-bottom: 15px;
}
.caption-cat {
position: absolute;
left: 0;
top: 10px;
}
.caption-cat a {
color: #FFFFFF;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 20px;
background: #ef2748;
padding: 5px 10px;
text-transform: uppercase;
-webkit-transition: all .6s ease-in-out !important;
-moz-transition: all .6s ease-in-out !important;
-ms-transition: all .6s ease-in-out !important;
-o-transition: all .6s ease-in-out !important;
transition: all .6s ease-in-out !important;
}
.caption-cat a:hover {
color: #fff;
background: #111 !important;
text-decoration: none;
}
.box-container .small-item-list .small-item-description {
word-wrap: break-word;
}
.box-container .big-item-wrap {
float: left;
width: 56%;
margin-right: 4%;
overflow: hidden;
}
.box-container.theme5 .big-item-wrap {
float: none !important;
width: 100%;
overflow: hidden;
}
.box-module.theme5 {
width: 48%;
float: left;
margin-right: 4%;
}
.box-module.theme5 {
clear: none;
}
.box-module.theme5.last-column {
margin-right: 0;
}
.box-container .big-item-wrap.big-item-wrap-content {
width: 100%;
margin-right: 0;
}
.box-container .big-item-wrap .big-item-image {
margin: 0 0px 20px 0;
padding: 0;
overflow: hidden;
position: relative;
}
.box-container .big-item-wrap .big-item-image img {
width: 100%;
max-width: 100%;
box-shadow: #000 0em 0em 0em;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.box-container img:hover {
opacity: 0.5;
filter: alpha(opacity=80);
box-shadow: #000 0em 0em 0em;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.box-container .big-item-wrap .big-item-image a {
float: none;
display: block;
}
.box-container .big-item-wrap .big-item-title {
margin-bottom: 10px;
}
.box-container .big-item-wrap .big-item-title a {
font-size: 18px;
font-weight: bold;
}
.box-container .big-item-wrap .big-item-datetime {
color: #B7B7B7;
font-weight: normal;
margin-bottom: 10px;
}
.box-container .big-item-wrap .big-item-readmore {
text-align: right;
}
.box-container .small-item-list {
float: left;
margin: 0;
padding: 0;
width: 40%;
overflow: hidden;
}
.box-container.theme5 .small-item-list {
float: left;
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
.box-container .small-items-container .small-item-wrap {
margin: 0px 0px 15px;
overflow: hidden;
border-bottom: 1px solid #EBE8E8;
padding-bottom: 15px;
}
.box-container .small-items-container div.small-item-wrap:last-child {
margin: 0px;
padding-bottom: 0px;
border-bottom: none;
}
.box-container .item-tags .tags span a {
display: inline-block;
}
.box-container .small-items-container .small-item-wrap .small-item-image {
margin: 0px 15px 0px 0px;
float: left;
padding: 0;
overflow: hidden;
position: relative;
}
.small-item-datetime i:before {
margin-right: 5px;
}
.box-container.theme4 .small-items-container .small-item-wrap .small-item-image {
margin: 5px 10px 0 0;
}
.box-container .small-items-container .small-item-wrap .small-item-image a {
float: left;
display: block;
}
.box-container .small-items-container .small-item-wrap .small-item-image img {
float: left;
max-width: inherit;
width: 100%;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
transition: all 0.6s linear;
}
h3.post-box-title {
font-family: "Merriweather", Arial, sans-serif;
font-size: 16px;
text-transform: capitalize;
line-height: 23px;
font-weight: normal;
}
h3.post-box-title a {
transition: all ease-in-out 0.3s !important;
-webkit-transition: all ease-in-out 0.3s !important;
}
/*
.box-container .small-items-container .small-item-wrap .small-item-title {
padding: 0px 0px 8px;
}
*/
.box-container.theme4 .small-items-container .small-item-wrap .small-item-title {
margin: 0;
}
.box-container.theme1 .small-items-container .small-item-wrap {
clear: both;
}
.box-container.theme2 .small-items-container .small-item-wrap {
clear: both;
}
.box-container.theme5 .small-items-container .small-item-wrap {
clear: both;
}
/* for theme2 */
.box-container.theme2 .big-item-wrap .big-item-readmore a {
float: right;
}
.box-container.theme2 .small-item-wrap {
border-bottom: solid 1px #f0f0f0;
padding-bottom: 7px;
margin-bottom: 5px;
}
.box-container.theme2 .small-item-wrap .small-item-title {
background: url(../images/list-style.png) left center no-repeat;
}
.box-container.theme2 .small-item-wrap .small-item-title, .box-container.theme2 .small-item-wrap .small-item-datetime, .box-container.theme2 .small-item-wrap .small-item-description, .box-container.theme2 .small-item-wrap .small-item-tags {
padding: 0 0 0 13px;
}
.box-container.theme2 .small-item-wrap .small-item-tags {
margin-bottom: 3px;
}
.box-container.theme3 .big-item-wrap {
float: none;
margin: 0 0 10px 0;
clear: both;
}
.box-container.theme3 .big-item-wrap .big-item-image {
float: left;
margin-right: 2%;
}
.box-container.theme3 .small-item-list {
clear: both;
float: none;
width: 100%;
}
.box-container.theme3 .small-items-container {
padding: 0;
}
.box-container.theme3 .small-items-container .small-item-wrap {
float: left;
overflow: hidden;
}
/******************css for column theme3**************************/
.box-container.theme3 .small-items-container .small-item-wrap.column-1 {
float: left;
width: 100%;
}
.box-container.theme3 .small-items-container .small-item-wrap.column-2 {
float: left;
width: 49%;
margin-right: 2%;
}
.box-container.theme3 .small-items-container .small-item-wrap.column-3 {
float: left;
width: 47%;
margin-right: 3%;
}
.box-container.theme3 .small-items-container .small-item-wrap.column-4 {
float: left;
width: 23.5%;
margin-right: 2%;
}
.box-container.theme3 .small-items-container .small-item-wrap.column-5 {
float: left;
width: 18.4%;
margin-right: 2%;
}
.box-container.theme3 .small-items-container .small-item-wrap.column-6 {
float: left;
width: 15%;
margin-right: 2%;
}
/******************css for column theme3**************************/
.box-container.theme3 .small-items-container .small-item-wrap.item-last {
margin-right: 0;
clear: right;
}
.box-container.theme3 .small-items-container .small-item-wrap .small-item-image {
margin: 0 10px 5px 0;
float: left;
}
.box-container:after, .big-item-image:after, .small-item-image:after, .small-items-container:after, .box-container.theme3 .big-item-wrap:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.box-container, .big-item-image, .small-item-image, .small-items-container, .frontpage.theme3 .big-item-wrap {
display: block;
}
.box-container.theme3 .big-item-wrap {
width: 100%;
}
/* Post Thumbnail */
.post-thumbnail {
margin: 0 15px 10px 2px;
position: relative;
line-height: 0;
overflow: hidden;
}
.post-thumbnail img {
max-width: inherit;
width: 100%;
}
.post_img_left {
float: left;
position: relative;
margin-right: 30px;
}
.post_img_left, .post_img {
display: block;
line-height: 0;
overflow: hidden;
}
.post_img_left a, .post_img a, .big-item-image a, .big-item-image a, .small-item-image a, .post-thumbnail a, .item-image a, .owl-item .item > a {
display: block;
}
.post_img_left a:hover, .post_img a:hover, .big-item-image a:hover, .big-item-image a:hover, .small-item-image a:hover, .post-thumbnail a:hover, .item-image a:hover, .owl-item:hover .item-image a, .owl-item:hover .item > a, .block_item:hover .item-image a {
background: #000;
}
.post_img img, .big-item-image img, .item-image img, .post-thumbnail img, .owl-item img, post-thumbnail {
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.post_img:hover img, .post_img_left:hover img, .post-thumbnail:hover img, .big-item-image:hover img, .item-image:hover img, .owl-item:hover img, .block_item:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.post_img_left a:hover img, .post_img a:hover img, .post-thumbnail a:hover img, .big-item-image a:hover img, .small-item-image a:hover img, .item-image a:hover img, .owl-item a:hover img, .owl-item:hover img, .block_item:hover img {
opacity: 0.5 !important;
}
.item-list .post-thumbnail {
float: left;
margin-bottom: 0;
}
.banner-box {
text-align: center;
}
.banner-box a {
display: block;
line-height: 0;
}
/*
.post_wrapper {
border-top: 1px solid #E9E9E9;
padding: 20px 0px;
}
*/
.post_wrapper {
padding-bottom: 20px;
border-bottom: 1px solid #E9E9E9;
margin-bottom: 30px;
}
.post_wrapper:first-child {
padding-top: 0;
border-top: 0;
}
.big-item .big-item-container {
margin-bottom: 40px;
}
.big-item-container .big-item-image {
overflow: hidden;
position: relative;
line-height: 0;
margin-bottom: 20px;
}
.big-item-container .big-item-image img {
width: 100%;
}
.blog_style2 {
min-height: 188px;
}
.post_wrapper .post_img img {
width: 100%;
box-shadow: #000 0em 0em 0em;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.post_wrapper.blog_style2 .post_img_left img {
max-width: 260px;
box-shadow: #000 0em 0em 0em;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.post_wrapper .post_img_left img {
max-width: 350px;
box-shadow: #000 0em 0em 0em;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.blog_style2 .caption-cat a, .list-grid-3 .caption-cat a {
font-size: 16px;
line-height: 16px;
}
.blog_style1 .big-item-porc-review .big-item-score-title {
line-height: 20px;
}
/*------------------------------------------------------------*/
/* = 5.1 Box Module
/*------------------------------------------------------------*/
.box-module {
clear: both;
overflow: hidden;/*margin-bottom: 30px;*/
}
.box-module ul {
margin-bottom: 0;
}
.box-module-title {
padding: 3px 0;
overflow: hidden;
}
.box-module-title h2 {
color: #5E5E5E;
float: left;
margin-right: 10px;
font-size: 22px;
font-family: BebasNeueRegular, arial, Georgia, serif;
}
.box-module-title h2 a {
color: #5E5E5E;
}
.box-module-title h2 a:hover {
color: #000;
}
.box-module li.first-news .inner-content {
padding: 20px;
overflow: hidden;
}
.post-meta {
color: #aaa;
margin: 7px 0;
overflow: hidden;
}
.post-meta a {
color: #aaa;
}
.post-meta a:hover {
border-bottom: 1px #000 dotted;
color: #000;
text-decoration: none;
}
.post-meta .stars-small {
float: left;
margin: -1px 10px 0 0;
}
a.more-link {
font-weight: bold;
}
.small-item-datetime {
margin-top: 5px;
}
/*------------------------------------------------------------*/
/* = 5.2 Grid List
/*------------------------------------------------------------*/
.block-grid.list-grid-2> .column:nth-child(2n+1) {
clear: both;
}
.block-grid.list-grid-3> .column:nth-child(3n+1) {
clear: both;
}
.block-grid {
overflow: hidden;
clear: both;
}
.block-grid article {
padding: 0px 15px 20px 15px;
margin-bottom: 20px;
}
.block-grid article .post-excerpt p {
margin-bottom: 0px;
}
.block-grid article.column:last-child {
float: left;
}
/*
.block-grid h2.post-box-title {
min-height: 50px;
}
*/
.block-grid img {
width: 100%;
}
.block-grid .post_img {
margin-bottom: 20px;
}
.column.half {
width: 50%;
}
.column.one-third {
width: 33.3333%;
}
.posts-list.masonry {
position: relative;
margin-left: -15px;
margin-right: -15px;
}
/*------------------------------------------------------------*/
/* = 5.3 Video Box
/*------------------------------------------------------------*/
.video-box .news-box-title {
background: none repeat scroll 0% 0% #111;
border-bottom: 2px solid #D90000;
text-align: center;
margin-bottom: 0px;
}
.video-box .news-box-title h2 {
float: none;
background: none;
}
.video-box .news-box-title h2 {
color: #FFF;
font-size: 30px;
line-height: 40px;
}
.video-box a, .video-box .big-item-description {
color: #FFF;
}
.big-video-column h2.post-box-title a, .big-video-column a.more-link {
color: #FFF;
}
.video-box li {
overflow: hidden;
margin-bottom: 25px;
position: relative;
}
.video-box .small-item-title {
position: absolute;
bottom: 20px;
padding: 5px 20px;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.9s ease-in 0s;
-moz-transition: all 0.9s ease-in 0s;
-o-transition: all 0.9s ease-in 0s;
-ms-transition: all 0.9s ease-in 0s;
transition: all 0.9s ease-in 0s;
}
.video-box li:hover .small-item-title {
opacity: 1;
}
.video-box h3.post-box-title a {
color: #ffffff;
}
.video-box li:last-child {
margin-bottom: 0px;
}
.video-box .video-wrap {
padding: 20px;
background: #111;
}
.video-box .big-video-column {
width: 70%;
float: left;
margin-bottom: 0;
padding-right: 25px;
}
.video-box.box-module li.big-video-column .post-thumbnail {
margin-bottom: 20px;
}
.video-box .big-video-column iframe, .video-box .big-video-column embed {
height: 301px;
}
.video-box.box-module li .post-thumbnail {
margin: 0;
padding: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: none repeat scroll 0% 0% #000;
}
/*
.video-box .post-thumbnail img {
opacity: 0.7;
}
*/
.video-box li:hover .post-thumbnail img {
opacity: 0.3 !important;
}
.video-box .post-meta {
border-color: #333;
}
.video-box p.post-meta a:hover {
color: #fff;
}
.video-box.box-module li .overlay_icon:before {
content: '\f01d';
font-size: 50px;
}
.video-box.box-module li .overlay_icon {
opacity: 1;
top: 50%;
}
.video-box li:hover .overlay_icon {
opacity: .8;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.single-post-video iframe, .single-post-video embed, .video-box .big-video-column iframe, .video-box .big-video-column embed, .google-map iframe {
width: 100%;
}
/*------------------------------------------------------------*/
/* = 5.4 News In Pictures
/*------------------------------------------------------------*/
.pic-box .box-module-content {
padding: 20px 5px 10px;
}
.pic-box li.first-pic {
padding: 0px;
width: 52%;
float: left;
margin-right: 1px;
margin-left: 0px;
}
.pic-box li.first-pic .post-thumbnail {
width: 95%;
}
.pic-box li {
overflow: hidden;
float: left;
padding: 2px;
margin-left: 0;
}
.pic-box li.smal-pic {
width: 11.9%;
}
.pic-box .news-box-title {
margin: 0px;
}
.box-module li.smal-pic .post-thumbnail {
margin: 0;
}
.pic-box.box-module li.first-pic .big-item-image {
position: relative;
margin: 2px;
}
.pic-box .big-item-image a {
color: #FFF;
background: transparent;
}
.pic-box.box-module li .big-item-image {
margin: 0 5px 3px 6px;
}
.prev {
display: inline-block;
text-align: center;
width: 30px;
height: 30px;
line-height: 0;
border-radius: 100%;
cursor: pointer;
font-size: 14px;
font-weight: normal;
float: left;
}
/*===========================================================================*/
[class^="favoicon-"]:before, [class*=" favoicon-"]:before, .search-block .search-button:before, blockquote:before, .rss-cat-icon:before, #twitter-widget li:before, .flex-direction-nav a:before {
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
speak: none;
width: 32px;
height: 32px;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 32px;
font-size: 18px;
-webkit-font-smoothing: antialiased;
-o-transform: scale(1);
text-rendering: optimizelegibility;
text-shadow: none;
}
.news-box-title h2, .block-head h3 {
background: #ef2748;
font-family: "Merriweather", Arial, sans-serif;
color: #FFFFFF;
float: left;
font-size: 18px;
line-height: 28px;
padding: 4px 15px 0px;
margin: 0px;
text-transform: capitalize;
font-weight: 700;
letter-spacing: 1px;
}
.news-box-title, .block-head {
border-bottom: 4px solid #ef2748;
margin-bottom: 25px;
overflow: hidden;
}
.news-box-title h2 a {
color: inherit;
}
/*------------------------------------------------------------*/
/* = 6.0 Sidebar & Widgets
/*------------------------------------------------------------*/
.inner-container.right .sidebar_content {
padding-right: 20px;
width: 67%;
max-width: none;
min-width: 0;
float: left;
min-height: 1px;
position: relative;
margin-right: 0;
}
.inner-container.left .sidebar_content {
width: 67%;
max-width: none;
min-width: 0;
float: right;
min-height: 1px;
padding-left: 30px;
position: relative;
margin-right: 0;
}
#sidebar {
float: right;
padding-left: 20px;
border-left: 1px solid #F3F3F3;
margin-bottom: 30px;
}
.inner-container.full #sidebar {
display: none;
}
.inner-container.left #sidebar {
float: left;
padding-right: 20px;
padding-left: 0px;
border-right: 1px solid #F3F3F3;
border-left: none;
margin-bottom: 30px;
}
#sidebar p {
font-style: normal;
color: #2d2d2d;
font-size: 13px;
}
#sidebar .widget-title {
font-family: 'PT Sans';
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #2e2e2e;
margin: 0 0 15px 0;
}
#sidebar > ul > li {
margin: 0 0 30px 0;
}
#sidebar .widget {
width: 100%;
overflow: hidden;
}
.facebook-box iframe {
width: 100% !important;
}
.google-plus-wid > div, .google-plus-wid > div >iframe {
width: 100% !important;
}
.widget {
clear: both;
margin-bottom: 40px;
overflow: hidden;
}
.widget.latest-posts {
margin-bottom: 20px;
}
.widget ul {
margin-bottom: 0;
font-size: inherit;
}
.widget_archive a,
.widget_categories a,
.widget_links a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.widget_recent_comments a,
.widget_recent_entries a {
border: 0;
}
.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,.login-widget ul {
list-style: none;
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
border-top: 0;
padding-top: 0;
}
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
border-top: 1px solid #F3F3F3;
margin: 0.7667em 0 0 0.8em;
padding-top: 0.7667em;
}
.widget_recent_entries li, .widget_display_forums li, .widget_display_views li, .widget_display_replies li, .widget_display_topics li, .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
border-bottom: 1px solid #F3F3F3;
padding: 8px 0px;
}
.widget_recent_entries .post-date {
display: block;
color: #B0B0B0;
font-size: 11px;
padding-top: 5px;
}
.search-widget form, .search-widget input[type="text"] {
margin: 0;
}
.social-icons.icon-32 a i {
border-radius: 0;
font-size: 30px;
height: 40px;
/* line-height: 38px !important;*/
width: 40px;
}
#sidebar .social-icons.icon-32 a i.social_icon-facebook:hover {
color: #FFFFFF;
}
#sidebar .social-icons:hover a {
opacity: 0.6;
}
#sidebar .social-icons a:hover {
opacity: 1;
}
.widget.social-icons-widget .social-icons {
text-align: center;
}
/*
.widget.social-icons-widget .social-icons a {
margin: 0px;
}
*/
.social-icons.style2 a i {
background: #fff;
color: #000;
border: 1px solid #000;
}
.social-icons.style2 a i:hover {
color: #FFFFFF;
background: #000;
}
.social-icons.style3 a i {
background: #222;
color: #fff;
border: 1px solid #333;
}
.social-icons.style3 a i:hover {
color: #FFFFFF;
background: #000;
}
/*-------------------------------------------------*/
/* = 6.1 Tabs Widget
/*-------------------------------------------------*/
tabs-widget {
width: 298px !important;
padding: 0px !important;
border-top: none;
}
.tabs-widget .tab-links {
margin: 0;
border-bottom: 5px solid #ef2748;
}
.tabs-widget .tab-links li {
float: left;
width: 97px;
margin-left: 4px;
margin-bottom: -1px;
background: #fff;
}
.tabs-widget .tab-links li:first-child {
margin-left: 0px;
width: 96px;
}
.tabs-widget .tab-links li a {
font-family: "Open Sans", Arial, sans-serif;
;
color: #5a5a5a;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
border: 1px solid #d8d8d8;
background: #fff;
border-bottom: none;
padding: 10px 0px;
text-align: center;
display: block;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.tabs-widget .tab-links li.active a {
color: #fff;
background: #ef2748;
border: 1px solid #ef2748;
}
.tabs-widget > div {
clear: both;
display: none;
padding: 20px 10px;
border-top: none;
}
.tabs-widget > div > ul {
margin: 0;
}
.tabs-widget #tab1 {
display: block;
}
.tabs-nav {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
position: relative;
}
.tabs-nav li {
overflow: hidden;
display: inline;
float: left;
margin-bottom: -1px;
text-align: center;
min-width: 25%;
}
.tabs-nav li.active span {
display: inline;
position: relative;
border-style: solid;
border-width: 9px 9px 0px;
border-color: #EF2748 transparent;
bottom: -6px;
}
.tabs-nav li a {
letter-spacing: 0;
outline: none;
padding: 7px 5px;
text-decoration: none;
display: block;
font-size: 15px;
text-align: center;
color: #FFF;
background: #2B2D31;
font-family: "Merriweather", Arial, sans-serif;
text-transform: capitalize;
}
.tabs-nav li a:hover {
}
.tabs-nav a.title:hover {
color: #FFF
}
.tabs-nav li a:hover, .tabs-nav li.active a {
transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
}
.tabs-nav li.active a, .tabs-nav li.active a:hover {
color: #FFF;
background: #EF2748;
}
/* Tab content*/
.tabs-container {
overflow: hidden;
}
.tabs-container .post-thumbnail, .widget-container .post-thumbnail, .footer-widget-container .post-thumbnail, .widget.posts-list .post-thumbnail {
margin: 0px 15px 10px 0px;
float: left;
padding: 0px;
overflow: hidden;
position: relative;
}
.tabs-container .post_list h3, .widget-container .post_list h3, .widget.posts-list li h3, .widget.posts-list .post_list h3 {
margin-bottom: 5px;
}
.widget.posts-list ul li h3 a, .widget .tab-content ul li h3 a, .widget.top-ten h3 a, .widget.latest-posts h3 a {
font-size: 16px;
font-weight: 500;
font-style: normal;
text-transform: capitalize;
}
.tabs-container .post-thumbnail img, .footer-widget-container .post-thumbnail img, .widget.posts-list .post-thumbnail img {
width: 100% !important;
}
.tabs-container .post-thumbnail img, .footer-widget-container .post-thumbnail img, .widget.posts-list .post-thumbnail img {
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.tabs-container .post_list li, .footer-widget-container li, .widget.posts-list li, .widget.top-ten li {
border-bottom: 1px solid #EBE8E8;
float: left;
list-style: none outside none;
margin-bottom: 13px;
padding-bottom: 13px;
width: 100%;
}
.tabs-container .post_list li:last-child, .footer-widget-container li:last-child, .widget.posts-list li:last-child, .widget.top-ten li:last-child {
border: medium none !important;
margin-bottom: 0;
padding-bottom: 0;
}
.tabs-container .post_list p {
margin-bottom: 5px;
}
/*-------------------------------------------------*/
/* = 6.2 Subsribe Widget
/*-------------------------------------------------*/
.widget-newsletter-counter form {
height: 35px;
margin: 0;
overflow: hidden;
}
.widget-newsletter-counter input[type="text"] {
float: left;
border: 1px solid #d8d8d8;
font-size: 15px;
color: #6a6a6a;
width: 100%;
height: 35px;
margin: 0;
line-height: 35px;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
outline: none;
}
.widget-newsletter-counter input[type="submit"] {
float: right;
font-weight: bold;
background: #ef2748;
font-size: 16px;
color: #fff;
height: 35px;
text-align: center;
line-height: 16px;
border: none;
position: relative;
top: -35px;
font-family: "Merriweather", Arial, sans-serif;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
font-style: normal;
padding: 8px;
}
.widget-newsletter-counter .newsletter-description {
margin: 15px 0px 0px;
}
/*-------------------------------------------------*/
/* = 6.3 Ads Widget
/*-------------------------------------------------*/
.ads125, .ads120-60, .ads120-90, .ads120-240, .ads120-600, .ads200-90, .ads250-250, .ads300-250, .ads300-600, .ads320-100, .ads336-280 {
margin-bottom: 0;
text-align: center;
overflow: hidden;
}
.ads125 .ad-cell {
display: inline-block;
margin: 3px 15px 12px 0;
width: 125px;
height: 125px;
}
.ads120-60 .ad-cell {
display: inline-block;
margin: 3px 15px 12px 0;
width: 120px;
height: 60px;
}
.ads120-90 .ad-cell {
display: inline-block;
margin: 3px 15px 12px 0;
width: 120px;
height: 90px;
}
.ads120-240 .ad-cell {
display: inline-block;
margin: 3px 15px 12px 0;
width: 120px;
height: 240px;
}
.ads120-600 .ad-cell {
display: inline-block;
margin: 3px 15px 12px 0;
width: 120px;
height: 600px;
}
.ads160-600 .ad-cell {
display: block;
height: 600px;
margin: 0 auto;
width: 160px;
}
.ads200-90 .ad-cell {
display: block;
margin: 0 auto;
margin-bottom: 12px;
width: 200px;
height: 90px;
}
.ads250-250 .ad-cell {
margin: 0 auto;
width: 250px;
height: 250px;
}
.ads300-250 .ad-cell {
margin: 0 auto;
width: 300px;
height: 250px;
}
.ads300-600 .ad-cell {
margin: 0 auto;
width: 300px;
height: 600px;
}
.ads320-100 .ad-cell {
margin: 0 auto 12px;
width: 320px;
height: 100px;
}
.ads336-280 .ad-cell {
margin: 0 auto;
width: 336px;
height: 280px;
}
li.widget_ads_small li img {
width: 142px;
height: 142px;
}
li.widget_ads_small li:nth-child(2n) {
margin-right: 0px;
}
/*-------------------------------------------------*/
/* = Ads Big Widget
/*-------------------------------------------------*/
li.widget_ads_big > div {
width: 100%;
}
li.widget_ads_big > div img {
min-width: 100%;
}
/*-------------------------------------------------*/
/* = 6.4 Archive Widget, Categories Widget & Pages Widget
/*-------------------------------------------------*/
li.widget_archive > ul, li.widget_categories > ul, li.widget_pages > ul, li.widget_recent_entries > ul, li.widget_recent_comments > ul {
margin-left: 0;
}
li.widget_archive li, li.widget_categories li, li.widget_pages li, li.widget_recent_entries li, li.widget_recent_comments li {
display: block;
color: #b5b5b5;
font-style: italic;
font-weight: bold;
font-size: 11px;
margin-bottom: 10px;
}
li.widget_recent_comments li {
font-style: normal;
margin-bottom: 10px;
}
li.widget_archive li:last-child, li.widget_categories li:last-child, li.widget_pages li:last-child, li.widget_recent_entries li:last-child, li.widget_recent_comments li:last-child {
margin-bottom: 0px;
}
li.widget_archive li a, li.widget_categories li a, li.widget_pages li a, li.widget_recent_entries li a, li.widget_recent_comments li a {
color: #000;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
li.widget_recent_comments li a {
line-height: 20px;
}
li.widget_recent_comments li a.url {
font-weight: bold;
}
li.widget_categories ul.children {
margin: 15px 0 0 20px;
}
footer li.widget_archive li a, footer li.widget_pages li a, footer li.widget_categories li a, footer li.widget_recent_entries li a, footer li.widget_recent_comments li a {
color: #fff;
}
footer li.widget_archive li, footer li.widget_pages li, footer li.widget_categories li, footer li.widget_recent_entries li, footer li.widget_recent_comments li {
color: #909191;
}
/*-------------------------------------------------*/
/* = 6.5 Widget Racent posts
/*-------------------------------------------------*/
.widget .box-wrap .posts-list.masonry {
position: relative;
margin-left: -10px;
margin-right: -10px;
}
.widget .box-wrap .big-column {
margin-bottom: 20px;
overflow: hidden;
}
.widget .box-wrap .block-grid article {
padding: 0px 10px 20px;
margin-bottom: 0px;
}
.widget .box-wrap .block-grid.posts-list article {
width: 100%;
}
.widget .box-wrap .post-thumbnail {
margin: 0;
}
.widget .box-wrap .post-thumbnail::before {
bottom: 0px;
content: "";
display: block;
height: 80%;
width: 100%;
position: absolute;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0% transparent;
}
.widget .box-wrap .title-desc {
color: #EEE;
left: 0px;
right: 0px;
padding: 10px 15px;
bottom: 10px;
position: absolute;
}
.widget .box-wrap .title-desc h2 {
margin-bottom: 10px;
}
.widget .box-wrap .title-desc h3, .widget .box-wrap .title-desc h2 a {
color: #FFF;
}
.widget .box-wrap .title-desc h2 a, .big-column:hover .post-author a {
background: none;
}
.widget .box-wrap .title-desc h3 {
font-size: 13px;
}
.widget .box-wrap :hover .title-desc {
bottom: 10px;
}
.widget .box-wrap .title-desc {
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-ms-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
}
.widget .box-wrap .caption-cat {
bottom: 0px;
top: auto;
}
.widget .box-wrap .big-column .caption-cat {
bottom: auto;
top: 0px;
}
.widget .box-wrap .caption-cat a {
font-size: 14px;
line-height: 16px;
color: #ffffff;
padding: 5px 11px;
}
.widget .box-wrap .block-grid .post_img {
margin-bottom: 8px;
}
.widget .box-wrap .block-grid .post-box-title {
margin-bottom: 5px;
}
/*
.block-grid h3.post-box-title {
min-height: 40px;
}
*/
/*-------------------------------------------------*/
/* = 6.6 Widget Slider
/*-------------------------------------------------*/
.widget-slider .item::before {
bottom: 0px;
content: "";
display: block;
height: 50%;
width: 100%;
position: absolute;
z-index: 1;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0% transparent;
}
.widget-slider .item-title {
position: absolute;
text-align: center;
width: 100%;
bottom: 10px;
z-index: 2;
padding: 10px;
}
.widget-slider .item-title a {
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
color: #FFF;
}
/*-------------------------------------------------*/
/* = 6.7 Top Ten
/*-------------------------------------------------*/
.widget.top-ten li {
position: relative;
}
.widget.top-ten .top-ten-cont {
background: #2B2D31;
border-radius: 100%;
color: #FFF;
float: left;
height: 50px;
width: 50px;
font-size: 33px;
padding: 6px;
text-align: center;
line-height: 38px;
font-family: "Merriweather", Arial, sans-serif;
margin-right: 10px;
letter-spacing: 1px;
}
.widget.top-ten .small-item-wrap {
width: 68%;
overflow: hidden;
}
.widget.top-ten .small-item-wrap h3 {
margin-bottom: 5px;
}
/*-------------------------------------------------*/
/* = 6.8 Social Counter Widget
/*-------------------------------------------------*/
#social-counter-widget.style1 li, #social-counter-widget.style2 li {
width: 31%;
border-width: 0 0 4px 0;
border-color: #FFF;
color: #FFF;
}
#social-counter-widget.style1 li, #social-counter-widget.style2 li {
line-height: 15px;
display: inline-block;
width: 32%;
border: 1px solid #ddd;
border-width: 0 0 1px 0;
}
#social-counter-widget.style2 li {
border-width: 1px 1px 1px;
margin-right: 1px;
}
#social-counter-widget.style1 li, #social-counter-widget.style2 li {
list-style: none!important;
background: transparent !important;
padding-right: 3px;
margin-bottom: 5px;
}
#social-counter-widget.style1 li.facebook-fans a, #social-counter-widget.style2 li.facebook-fans a i, #social-counter-widget.style3 li.facebook-fans a i, #social-counter-widget.style4 li.facebook-fans a {
background-color: #39599f !important;
}
#social-counter-widget.style1 li.rss-subscribers a, #social-counter-widget.style2 li.rss-subscribers a i, #social-counter-widget.style3 li.rss-subscribers a i, #social-counter-widget.style4 li.rss-subscribers a {
background: #F60!important;
}
#social-counter-widget.style1 li.youtube-subs a, #social-counter-widget.style2 li.youtube-subs a i, #social-counter-widget.style3 li.youtube-subs a i, #social-counter-widget.style4 li.youtube-subs a {
background: #CD332D!important;
}
#social-counter-widget.style1 li.twitter-followers a, #social-counter-widget.style2 li.twitter-followers a i, #social-counter-widget.style3 li.twitter-followers a i, #social-counter-widget.style4 li.twitter-followers a {
background: #4099FF!important;
}
#social-counter-widget.style1 li.vimeo-subs a, #social-counter-widget.style2 li.vimeo-subs a i, #social-counter-widget.style3 li.vimeo-subs a i, #social-counter-widget.style4 li.vimeo-subs a {
background: #1ab7ea!important;
}
#social-counter-widget.style1 li.dribbble-followers a, #social-counter-widget.style2 li.dribbble-followers a i, #social-counter-widget.style3 li.dribbble-followers a i, #social-counter-widget.style4 li.dribbble-followers a {
background: #ea4c89!important;
}
#social-counter-widget.style1 li.soundcloud-followers a, #social-counter-widget.style2 li.soundcloud-followers a i, #social-counter-widget.style3 li.soundcloud-followers a i, #social-counter-widget.style4 li.soundcloud-followers a {
background: #f70!important;
}
#social-counter-widget.style1 li.behance-followers a, #social-counter-widget.style2 li.behance-followers a i, #social-counter-widget.style3 li.behance-followers a i, #social-counter-widget.style4 li.behance-followers a {
background: #005cff!important;
}
#social-counter-widget.style1 li.instagram-followers a, #social-counter-widget.style2 li.instagram-followers a i, #social-counter-widget.style3 li.instagram-followers a i, #social-counter-widget.style4 li.instagram-followers a {
background: #3f729b!important;
}
#social-counter-widget.style3 li, #social-counter-widget.style4 li {
background-color: #FFFFFF;
border: 0 none !important;
border-radius: 2px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
clear: both;
display: block;
margin: 1px 1px 5px !important;
overflow: hidden;
}
#social-counter-widget.style3 li a i, #social-counter-widget.style4 li a i {
float: left;
margin: 0;
}
#social-counter-widget.style3 li a {
padding: 5px;
}
#social-counter-widget.style3 li span, #social-counter-widget.style4 li span {
display: inline;
line-height: 50px;
padding: 0 16px 0 50px;
}
#social-counter-widget.style3 li small, #social-counter-widget.style4 li small {
font-size: 80%;
}
#social-counter-widget li a:hover {
background: transparent;
opacity: .8;
}
#social-counter-widget.style1 li a, #social-counter-widget.style1 li a small, #social-counter-widget.style4 li a {
color: #FFF;
}
#social-counter-widget.style1 li a, #social-counter-widget.style2 li a {
text-align: center;
}
#social-counter-widget.style4 li a {
padding: 0;
}
#social-counter-widget.style4 li a i {
border-right: 1px solid;
}
#social-counter-widget li a {
color: #444;
text-decoration: none;
display: block;
overflow: hidden;
opacity: 1;
-moz-transition: none;
-webkit-transition: none;
transition: none;
padding: 0 0 7px;
}
#social-counter-widget.style1 li a i {
display: inline-block;
font-size: 3.75em;
height: 60px;
}
#social-counter-widget li a i {
-moz-transition: none;
-webkit-transition: none;
transition: none;
font-size: 28px;
margin: 8px auto;
width: 50px;
color: #FFF;
height: 50px;
line-height: 50px;
display: block;
text-align: center;
font-style: normal;
}
#social-counter-widget li span {
display: block;
font-size: 21px;
text-align: center;
margin-bottom: 6px;
font-family: Merriweather, sans-serif;
letter-spacing: 1.5px;
min-height:15px;
}
#social-counter-widget li small {
font-size: 12px;
}
#social-counter-widget.style2 li a i {
background: none repeat scroll 0 0 #444444;
border-radius: 50px;
}
/*-------------------------------------------------*/
/* = 6.9 Others Widgets
/*-------------------------------------------------*/
/* = Facebook Box Widget =*/
li.widget_facebook_box iframe {
background: #fff;
border: none;
overflow: hidden;
width: 100%;
height: 258px;
}
/* = Google+ Box Widget = */
li.widget_google_plus > div {
width: 100%;
}
/* = Video Widget =*/
li.widget_video iframe {
width: 100%;
}
/* = RSS Widget = */
li.widget_rss .widget-title > a:first-child {
display: none;
}
li.widget_rss li {
margin-bottom: 15px;
}
li.widget_rss .rsswidget {
display: block;
color: #000;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 18px;
margin-bottom: 5px;
}
li.widget_rss .rss-date {
display: block;
color: #ef2748;
font-size: 11px;
padding: 3px 0 8px 0;
}
li.widget_rss .rssSummary {
line-height: 20px;
color: #2d2d2d;
}
/* = Flicker Widget =*/
.flickr_badge_image {
float: left;
height: 75px;
margin-bottom: 5px;
margin-right: 5px;
width: 75px;
}
ul.image-flickr-widget li img {
opacity: 1;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
}
ul.image-flickr-widget li img:hover {
opacity: 0.4;
}
/* = Search Widget =*/
li.widget_search form {
height: 30px;
margin: 0;
overflow: hidden;
}
li.widget_search input[type="text"] {
float: left;
width: 100%;
height: 28px;
margin: 0;
line-height: 28px;
padding-left: 10px;
border: 0px;
border-radius: 0;
box-shadow: none;
outline: none;
font-size: 11px;
color: #bfbfbf;
border: 1px solid #d8d8d8;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
li.widget_search input[type="submit"] {
float: right;
border: 1px solid #d8d8d8;
width: 31px;
height: 28px;
background: #fff url(images/search-icon-1.png) no-repeat center center;
cursor: pointer;
position: relative;
top: -28px;
}
/* = Twitter Widget =*/
.twitter-widget {
margin-top: -4px;
}
.twitter-widget ul {
margin-left: 0px;
}
.twitter-widget li {
display: block;
margin-top: 20px;
padding-left: 30px;
background: url(images/twitter-icon.png) no-repeat left 7px;
}
#sidebar .twitter-widget li {
display: block;
margin-top: 20px;
padding-left: 0;
}
.twitter-widget li:first-child {
margin-top: 0px;
}
.twitter-widget p {
color: #fff;
}
#sidebar .twitter-widget p {
color: #6d6d6d;
}
.twitter-widget a {
color: #ef2748 !important;
}
#sidebar .twitter-widget a {
color: #000;
}
/* = Text Widget =*/
.textwidget p {
color: #6d6d6d;
font-size: 13px;
line-height: 20px;
margin-top: -5px;
}
footer .textwidget p {
color: #fff;
line-height: 22px;
}
.textwidget img {
float: left;
margin: 5px 15px 10px 0;
}
/* = Tag Cloud Widget =*/
.widget_tag_cloud .tagcloud a, .post-tag a, .tabs-wrap.tagcloud a {
font-size: 14px !important;
font-weight: bold;
padding: 5px 7px;
background: #FBFBFB;
margin: 0 6px 6px 0;
border-radius: 3px;
transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-webkit-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: #F3F3F3;
}
.widget_tag_cloud .tagcloud a:hover, .post-tag a:hover, .tabs-wrap.tagcloud a:hover {
background: #ef2748;
color: #fff;
border-color: transparent
}
.tagcloud a {
float: left;
}
/* = news-pic Widgets =*/
.widget.news-pic .post-thumbnail {
float: left;
margin: 3px 4px;
}
/* = About Me Widgets =*/
.widget-about {
text-align: center;
}
.widget .widget-about .widget-about-img, .widget .widget-about h3, .widget .widget-about p {
margin: 0px 0px 20px;
}
.widget .widget-about h3 {
font-size: 20px;
font-family: "Merriweather", Arial, sans-serif;
font-weight: 600;
line-height: 28px;
text-transform: uppercase;
}
.widget-about p {
font-size: 16px !important;
}
/*-------------------------------------------------*/
/* = 7.0 Pagees Templates
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* = 7.1 404 Error Page
/*-------------------------------------------------*/
.entry .error_404 p {
font-size: 250px;
color: #ef2748;
font-weight: normal;
line-height: normal;
font-family: "Merriweather", Arial, sans-serif;
letter-spacing: 1px;
}
.error_404 {
text-align: center;
}
.content.error404 {
margin-bottom: 40px;
}
.error_right {
margin: 0 0 2em;
padding-top: 50px;
}
.error_right h1 {
font-size: 3em;
margin-bottom: 0.2em;
color: #434343;
font-family: "Merriweather", Arial, sans-serif;
letter-spacing: 1px;
}
.error_right h2:after {
background: none repeat scroll 0 0 #ef2748;
content: "";
display: inline-block;
height: 5px;
margin-left: 5px;
width: 100%;
}
.error_right h2 {
color: #434343;
font: 24px/32px Open Sans;
}
.error_right h2 {
margin-bottom: 15px;
overflow: hidden;
white-space: nowrap;
}
.error404 .search-widget {
padding: 20px 0px;
}
/*-------------------------------------------------*/
/* = 7.2 Page & Singlepost
/*-------------------------------------------------*/
.featured-img {
display: block;
margin-bottom: 17px;
}
.featured-img img {
width: 100%;
}
.singlepost p {
line-height: 25px;
}
.line {
clear: both;
float: left;
border-top: 1px solid #e4e4e4;
width: 100%;
height: 0px;
margin: 10px 0 20px 0;
}
.singlepost .post-meta {
float: left;
margin-right: 25px;
}
/*-------------------------------------------------*/
/* = 7.3 Contact Page
/*-------------------------------------------------*/
.contact-form input[type="text"].error, .contact-form textarea.error {
color: #d84c4c;
}
.contact-form input[type="text"], .contact-form textarea {
border-radius: 0;
box-shadow: none;
outline: none;
width: 300px;
font-family: 'PT Sans';
color: #878787;
font-size: 11px;
padding: 6px 10px;
border: 1px solid #d8d8d8;
margin-bottom: 12px;
}
.contact-form input[type="text"] {
margin-left: 15px;
}
.contact-form.comment input[type="text"] {
width: 195px !important;
}
.pull-center .contact-form.comment input[type="text"] {
width: 301px !important;
margin-left: 16px;
}
.pull-center .contact-form input[type="text"] {
width: 460px!important;
}
.contact-form input[type="text"]:first-child {
margin-left: 0 !important;
}
.contact-form textarea {
height: 120px;
min-height: 120px;
}
.contact-form input[type="submit"] {
float: right;
font-weight: bold;
font-size: 12px;
color: #fff;
border: none;
padding: 8px 25px;
background: #ef2748;
cursor: pointer;
}
input[type="submit"] {
transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-webkit-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
}
input[type="submit"]:hover {
cursor: pointer;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.message {
clear: both;
float: left;
max-width: 200px;
height: 40px;
line-height: 42px;
overflow: hidden;
font-size: 11px;
}
.message.error {
color: #d84c4c;
}
.message.success {
color: #619d21;
}
#map {
margin: 15px 0 25px 0;
}
/*-------------------------------------------------*/
/* = Contact Form
/*-------------------------------------------------*/
.wpcf7-submit, .wpcf7-clear {
border-radius: 3px;
padding: 9px 20px;
background: #151515;
color: #fff;
border: none;
font-size: 16px;
text-shadow: none;
}
.wpcf7-clear {
float: right;
}
.wpcf7-submit:hover {
background: #151515;
color: #fff;
}
.wpcf7-form p.field {
position: relative;
overflow: hidden;
margin-bottom: 15px;
vertical-align: top;
}
.wpcf7-form p.field input {
margin: 0;
padding: 6px 6px 7px 6px;
width: 100%;
height: 35px;
line-height: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-form p.field input[type="file"] {
position: relative;
cursor: pointer;
height: 25px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.wpcf7-form textarea {
overflow: auto;
margin: 0;
padding: 6px 6px 7px 6px;
width: 100%;
height: 200px;
line-height: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
resize: none;
overflow: auto;
}
.wpcf7-form .submit-wrap {
margin: 0;
padding: 0;
}
.wpcf7-form .submit-wrap input {
margin-right: 10px;
}
span.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-not-valid-tip {
position: absolute;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
padding: 4px 6px !important;
width: auto !important;
height: auto !important;
background: #F2DEDE !important;
border: 1px solid #DDD !important;
color: #B94A48 !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.wpcf7-response-output {
margin: 20px 0 !important;
padding: 8px 35px 8px 14px !important;
border: 1px solid #DDD !important;
background-color: #FCF8E3;
color: #C09853;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.wpcf7-validation-errors {
background-color: #F2DEDE !important;
border-color: #DDD !important;
color: #B94A48 !important;
}
div.wpcf7-mail-sent-ok {
background: #DFF0D8 !important;
border: 1px solid #DDD !important;
color: #468847 !important;
}
.row-fluid [class*="span"] {
box-sizing: border-box;
display: block;
float: left;
margin-left: 2.5641%;
min-height: 30px;
width: 100%;
}
/*-------------------------------------------------*/
/* = 7.4 Sitemap Page
/*-------------------------------------------------*/
.sitemap {
overflow: hidden;
margin-bottom: 20px;
}
.sitemap li {
list-style-position: inside;
list-style-type: square;
margin-bottom: 10px;
padding-left: 15px;
}
.sitemap .one_fourth h2, .sitemap .one_half h2 {
margin-bottom: 10px;
border-bottom: 1px solid #d5d5d5;
padding: 10px 0px 10px 0px;
}
/*-------------------------------------------------*/
/* = 7.5 Timeline page
/*-------------------------------------------------*/
.timeline-head {
margin: 0px 15px 0px 2px;
font-size: 16px;
padding: 12px 22px 11px;
background-color: #333333;
color: #fff;
display: inline-block;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}
ul.timeline {
border-left: 1px solid #dadada;
padding: 20px 10px 30px 20px;
margin: 0px 0px 0px 40px;
}
ul.timeline li {
list-style-type: none;
padding-left: 70px;
position: relative;
margin-bottom: 8px;
}
ul.timeline li span {
left: 0;
position: absolute;
display: inline-block;
color: #999;
}
/*-------------------------------------------------*/
/* = 8.0 COMMENTS STYLE
/*-------------------------------------------------*/
#comments-title {
overflow: hidden;
margin-bottom: 20px;
border-bottom: 1px solid #EEE;
}
#comments-title h3 {
padding-bottom: 10px;
border-bottom: 3px solid #EF2748;
float: left;
position: relative;
font-size: 16px;
margin: 0;
}
li.comment .comment-box {
border: 1px solid #F3F3F3;
background: #FBFBFB;
position: relative;
transition: border 0.3s linear;
-webkit-transition: border 0.3s linear;
-moz-transition: border 0.3s linear;
-o-transition: border 0.3s linear;
-ms-transition: border 0.3s linear;
}
li.comment .comment-box .avatar {
margin-left: 0;
position: absolute;
left: -18px;
top: 25px;
border: 1px solid #ddd;
padding: 5px;
background: #fff;
}
li.comment .comment-box h5 {
font-size: 1.2em;
color: #444;
font-weight: bold;
margin-top: 1em;
margin-bottom: 0;
clear: none;
}
li.comment .comment-box h5 > a {
font-weight: bold;
}
li.comment .comment-box>* {
margin-left: 65px;
margin-right: 30px;
}
li.comment .datetime {
color: #B7B7B7;
font-size: 12px;
font-weight: 600;
margin-top: 5px;
margin-bottom: 10px;
}
li.comment .datetime .date {
margin-right: 8px;
border-right: 1px solid #ddd;
padding-right: 10px;
}
.commentlist .reply a {
position: absolute;
bottom: 0;
right: 0;
background: #E3E3E3;
padding: 3px 10px;
font-size: 12px;
}
.commentlist .reply a:hover {
background: #333;
color: #FFF;
text-shadow: 0 1px 1px #000;
}
ol.commentlist .children {
position: relative;
list-style: none;
border-left: 1px solid #ddd;
margin-left: 25px;
margin-top: -10px;
padding-top: 25px;
padding-left: 40px;
}
ol.commentlist .children:before {
position: absolute;
top: 80px;
left: 0;
content: '';
width: 15px;
height: 1px;
border-bottom: 1px solid #ddd;
}
#comments .children li.comment {
margin: 0 0 20px;
}
ol.commentlist {
margin-bottom: 40px;
list-style: outside none none;
}
.the-comment {
margin-bottom: 15px;
}
/*== comments-navigation ==*/
.comments-navigation {
border-top: 1px solid rgba(51, 51, 51, 0.1);
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
color: rgba(51, 51, 51, 0.7);
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
overflow: hidden;
padding: 15px 0px;
}
.comment-edit-link {
margin-left: 1em;
}
.comment-notes {
font-size: 16px;
line-height: 26px;
}
.commentlist li.pingback {
border-bottom: 1px solid #EEE;
padding: 5px 10px;
margin-bottom: 15px;
}
.commentlist li p {
margin-bottom: 10px;
}
#respond label {
display: block;
margin-bottom: 5px;
}
#respond .required {
color: #FF4B33;
font-weight: bold;
}
#respond input[type="text"], #respond textarea {
display: block;
font-family: inherit;
font-size: 14px;
padding: 10px;
border: 1px solid #ECECEC;
margin-bottom: 20px;
box-shadow: none;
border-radius: 0;
}
#respond input {
box-sizing: border-box;
padding: 10px 15px;
height: 100%;
}
#respond input, #respond textarea {
display: block;
width: 40%;
clear: both;
float: none;
}
#respond textarea {
width: 100%;
height: 220px;
padding: 10px 15px;
box-sizing: border-box;
}
#respond #submit, .button-primary {
padding: 9px 20px;
color: #fff;
background: #151515;
font-family: "Merriweather", Arial, sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: none;
width: inherit;
margin-bottom: 17px;
}
#respond #submit:hover, .button-primary:hover {
opacity: 0.9 !important;
}
#respond h3 {
margin-top: 50px;
margin-bottom: 20px;
font-size: 20px;
text-transform: uppercase;
padding-bottom: 10px;
}
/*-------------------------------------------------*/
/* = 9.0 Review Box
/*-------------------------------------------------*/
.review-box-header {
border-bottom: 4px solid #333;
font-size: 20px;
padding: 10px 0 6px;
margin-bottom: 3px;
margin-top: 0;
}
.review-box-header h3 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 20px;
font-family: "Merriweather", Arial, sans-serif
}
#rating-box {
color: #000;
margin: 30px 0;
}
.review-criteria {
font-size: 1.5em;
padding: 5px 0 8px;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.review-criteria > div {
overflow: hidden;
}
#rating-box.floated .review-criteria {
padding: 5px 10px 8px;
}
#rating-box.floated .review-box-header {
padding: 10px 10px 6px;
}
.percentage-digits {
float: right;
font-weight: 600;
white-space: nowrap;
}
.rating-bar {
height: 20px;
background-color: #f5f5f5;
}
.rating-bar .bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #EF2748;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-moz-transition: width .6s ease;
-ms-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.review-summary {
background-color: #F2F2F2;
position: relative;
color: #FFF;
margin-top: 20px;
}
.review-summary .rw-summary p {
padding: 10px;
margin-bottom: 0;
}
.review-summary .rw-summary {
font-size: 11px;
margin-right: 141px;
min-height: 194px;
}
.review-summary .rw-overall {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 140px;
max-height: 188px;
min-height: 194px;
}
.review-summary .rw-overall, .review-criteria, .rw-user-rating-wrapper .score, .rw-overall-titles, .rw-user-rating-wrapper {
font-family: "Merriweather", Arial, sans-serif;
}
.review-summary .rw-overall, span.criteria-percentage {
background: #ef2748;
}
.review-summary .rw-overall:after {
content: "";
display: block;
height: 300px;
}
.review-summary .rw-overall-titles {
display: block;
background: #000;
text-align: center;
font-size: 16px;
padding: 3px 0 5px;
}
.review-summary p {
color: #000;
}
.review-summary .rw-overall-number {
font-size: 8.5rem;
line-height: 8rem;
display: block;
padding-top: 10px;
text-align: center;
min-height: 140px;
max-height: 140px;
}
.review-summary .rw-overall-number small {
font-size: 32px;
font-size: 2rem;
}
.review-summary .rw-overall-number.percent {
font-size: 6em;
margin-bottom: -16px;
}
.review-summary .rw-overall-number.points {
margin-bottom: -16px;
}
.review-summary .rw-overall-number.stars {
padding-top: 0px;
margin-bottom: -34px;
font-size: 8rem;
line-height: 10rem;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.review-summary .rw-overall-number.points {
margin-bottom: -15px;
/* This works only in Safari and Google Chrome */;
}
}
.review-summary #rw-overall-stars-overlay {
margin: auto;
position: relative;
z-index: 100;
width: 97px;
height: 18px;
display: block;
background: url("images/star-sprite.png") scroll transparent no-repeat;
background-position: 0px -20px;
padding: 1px 0;
}
.review-summary #rw-overall-stars-color {
position: absolute;
top: 0px;
left: 0px;
height: 18px;
display: block;
background: url("images/star-sprite.png") scroll transparent no-repeat;
}
#rating-box.stars .review-criteria {
position: relative;
background: none repeat scroll 0 0 #F2F2F2;
margin-bottom: 2px;
}
#rating-box.stars .criteria-description {
padding-left: 10px;
}
.rw-user-rating-wrapper {
font-size: 15px;
height: 80px;
margin-top: 1px;
position: relative;
color: #FFFFFF;
}
.rw-user-rating-desc {
display: block;
padding: 9px 10px;
margin-right: 141px;
background: black;
min-height: 80px;
}
.rw-user-rating-wrapper .count {
color: rgba(255, 255, 255, 0.5);
display: inline-block;
font-size: 12px;
padding-top: 7px;
right: 0;
top: 80px;
}
.rw-user-rating-right {
background: #000;
padding: 9px 10px;
min-height: 80px;
position: absolute;
right: 0;
top: 0;
width: 140px;
}
.rw-user-rating-wrapper .score {
color: #E6E6E6;
font-size: 32px;
position: absolute;
right: 0;
text-align: center;
width: 140px;
}
.rw-user-rating-wrapper .points:after {
/*content: " P";*/
font-size: 2rem;
}
.rw-user-rating-wrapper .percent:after {
/*content: " %";*/
font-size: 1rem;
}
#rating-box span.criteria-stars-color {
right: 20px;
}
.rw-user-rating-wrapper span.criteria-stars-color {
top: 50px;
}
span.criteria-stars-color {
background: url("images/star-sprite.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
height: 18px;
position: absolute;
right: 10px;
top: 11px;
width: 97px;
}
.rw-user-rating-wrapper span.criteria-stars-overlay {
}
span.criteria-stars-overlay {
background: url("images/star-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 18px;
left: 0;
position: absolute;
top: 0;
}
#rating-box.floated {
border: 1px solid #CCCCCC;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
float: left;
margin-bottom: 10px;
margin-right: 20px;
width: 50%;
}
#sidebar #rating-box.floated {
float: left;
margin-bottom: 10px;
margin-right: 0;
width: 100%;
margin: 0 0;
}
/*====== stars_no_active */
.stars_no_active {
background: url("images/star-sprite.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
height: 18px;
position: absolute;
right: 10px;
width: 97px;
}
.stars_active {
background: url("images/star-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 18px;
left: 0;
position: absolute;
top: 0;
}
.star_rating_sm_no_active {
background: url("images/star-sprite-sm.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
height: 18px;
position: absolute;
width: 60px;
}
.star_rating_sm_active {
background: url("images/star-sprite-sm.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 18px;
left: 0;
position: absolute;
top: 0;
}
.star_rating_no_active {
background: url("images/star-sprite.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
height: 18px;
position: absolute;
width: 97px;
}
.star_rating_active {
background: url("images/star-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 18px;
left: 0;
position: absolute;
top: 0;
}
.star_rating {
margin: 7px 0;
padding: 5px 0;
}
.big-item-porc-review .big-porc-review-bg {
height: 100%;
left: 0;
opacity: 0.9;
position: absolute;
top: 0;
width: 100%;
border-radius: 50%;
}
.big-item-porc-review .big-porc-review-bg, .big-item-porc-review .big-item-score {
display: block;
}
.big-porc-review-bg {
border: 6px solid;
}
.big-item-porc-review .big-item-score {
font-family: "Merriweather", Arial, sans-serif;
font-size: 24px;
height: 70px;
line-height: 70px;
color: #FFFFFF;
letter-spacing: 1px;
position: relative;
}
.big-item-porc-review .big-item-score-title {
display: inline-block;
font-size: 12px;
color: #F0F0F0;
letter-spacing: 1px;
position: relative;
text-transform: uppercase;
padding: 7px 0 0;
font-family: "Merriweather", Arial, sans-serif;
}
.block-grid .big-item-porc-review .big-item-score-title {
padding: 15px 0 0;
}
.big-item-image .big-item-review {
height: 20px;
margin: 10px;
width: 104px;
position: absolute;
right: 0;
top: 0;
}
.big-item-porc-review {
height: 70px;
width: 70px;
position: absolute;
top: 5px;
right: 5px;
text-align: center;
border-radius: 100%;
background-color: #000;
}
.block-grid:hover .big-item-porc-review {
opacity: 1;
}
.blog_style2 .big-item-porc-review, .list-grid-3 .big-item-porc-review {
height: 55px;
width: 55px;
}
.blog_style2 .big-item-porc-review .big-item-score, .list-grid-3 .big-item-porc-review .big-item-score {
font-size: 22px;
height: 30px;
line-height: 30px;
}
.blog_style2 .big-item-porc-review .big-item-score-title, .list-grid-3 .big-item-porc-review .big-item-score-title {
font-size: 10px;
}
/*-------------------------------------------------*/
/* = 9.1 Review (radial progress)
/*-------------------------------------------------*/
.radial-progress {
margin: 10px;
width: 80px;
height: 80px;
background: rgba(0, 0, 0, 0.25);
border-radius: 50%;
position: absolute;
top: 0px;
right: 5px;
}
.radial-progress .circle .mask, .radial-progress .circle .fill, .radial-progress .circle .shadow {
width: 80px;
height: 80px;
position: absolute;
border-radius: 50%;
}
.radial-progress .circle .mask, .radial-progress .circle .fill {
-webkit-transition: transform 1s ease 0s;
-moz-transition: transform 1s ease 0s;
-ms-transition: transform 1s ease 0s;
-o-transition: transform 1s ease 0s;
transition: transform 1s ease 0s;
}
.radial-progress .circle .mask .fill {
clip: rect(0px, 40px, 80px, 0px);
background-color: #EF2748;
}
.radial-progress .circle .mask {
clip: rect(0px, 80px, 80px, 40px);
}
.radial-progress .inset {
width: 60px !important;
height: 60px !important;
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0px 0px -30px !important;
background: #26272B;
border-radius: 50%;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75), 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75), 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75), 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
}
.radial-progress .inset {
text-align: center;
line-height: 60px;
}
.radial-progress .big {
font-size: 35px;
line-height: 55px;
color: #fff;
font-family: "Merriweather", Arial, sans-serif;
}
.radial-progress .little {
font-size: 15px;
color: #D7D7D7;
}
.small-item-review {
position: absolute;
top: 0px;
right: 0px;
line-height: 1.8;
}
.small-item-review span {
font-family: "Merriweather", Arial, sans-serif;
top: 0px;
right: 0px;
color: #FFF;
background-color: #EF2748;
float: right;
font-weight: bold;
font-size: 18px;
line-height: 36px;
padding: 0px 4px;
width: 38px;
height: 38px;
text-align: center;
}
.big-item-review {
height: 20px;
height: 20px;
width: 105px;
position: absolute;
right: 0;
top: 0;
border-radius: 50px;
background: rgba(0, 0, 0, 0.4);
padding: 0px 5px;
margin: 10px;
}
.ads-bottom, .ads-post {
line-height: 0;
margin: 30px auto 30px;
position: relative;
text-align: center;
clear: both;
}
/*------------------------------------------------------------*/
/* = 10.0 Post Format
/*------------------------------------------------------------*/
.big-item-image .ht_audio:before, .post_img_left .ht_audio:before, .post_img .ht_audio:before, .small-item-image .ht_audio:before, .post-thumbnail .ht_audio:before, .item-image .ht_audio:before {
content: "\f028";
}
.big-item-image .ht_map:before, .post_img_left .ht_map:before, .post_img .ht_map:before, .small-item-image .ht_map:before, .post-thumbnail .ht_map:before, .item-image .ht_map:before {
content: "\f041";
}
.big-item-image .ht_thumb:before, .post_img_left .ht_thumb:before, .post_img .ht_thumb:before, .small-item-image .ht_thumb:before, .post-thumbnail .ht_thumb:before, .item-image .ht_thumb:before {
content: "\f0f6";
}
.big-item-image .ht_video:before, .post_img_left .ht_video:before, .post_img .ht_video:before, .small-item-image .ht_video:before, .post-thumbnail .ht_video:before, .item-image .ht_video:before {
content: "\f01d";
}
.big-item-image .ht_gallery:before, .post_img_left .ht_gallery:before, .post_img .ht_gallery:before, .small-item-image .ht_gallery:before, .post-thumbnail .ht_gallery:before, .item-image .ht_gallery:before {
content: "\f03e";
}
.big-item-image .ht_quote:before, .post_img_left .ht_quote:before, .post_img .ht_quote:before, .small-item-image .ht_quote:before, .post-thumbnail .ht_quote:before, .item-image .ht_quote:before {
content: "\f10e";
}
.big-item-image .ht_status:before, .post_img_left .ht_status:before, .post_img .ht_status:before, .small-item-image .ht_status:before, .post-thumbnail .ht_status:before, .item-image .ht_status:before {
content: "\f11a";
}
.big-item-image .ht_link:before, .post_img_left .ht_link:before, .post_img .ht_link:before, .small-item-image .ht_link:before, .post-thumbnail .ht_link:before, .item-image .ht_link:before {
content: "\f08e";
}
.big-item-image:hover .overlay_icon, .post_img_left:hover .overlay_icon, .post_img:hover .overlay_icon, .post-thumbnail:hover .overlay_icon, .item-image:hover .overlay_icon {
opacity: 1;
font-style: normal;
font-weight: normal;
font-size: 30px;
text-decoration: none;
top: 50%;
}
.single-audio {
bottom: 7px;
position: absolute;
background: rgba(0 , 0, 0 , .6);
width: 100%;
padding: 10px 0;
}
.single-post-audio {
min-height: 56px;
position: relative;
}
.small-item-image:hover .overlay_icon {
font-style: normal;
font-weight: normal;
font-size: 26px;
opacity: 1;
text-decoration: none;
top: 50%;
z-index: 999;
}
.overlay_icon {
font-family: "FontAwesome";
border-radius: 7%;
color: #FFF;
cursor: pointer;
font-size: 20px;
font-style: normal;
font-weight: normal;
height: 30px;
left: 50%;
line-height: 30px;
margin-left: -20px;
margin-top: -10px;
opacity: 0;
position: absolute;
text-align: center;
text-decoration: none;
top: 30%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 30px;
z-index: 2;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
}
.small-item-datetime .post-author, .small-item-datetime .post-date, .small-item-datetime .meta-cat {
margin-right: 10px;
}
.icon-user::before {
content: "\f007";
font-family: FontAwesome;
font-style: normal;
}
.icon-time::before {
content: "\f017";
font-family: FontAwesome;
font-style: normal;
}
.icon-comments:before {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
}
.icon-eye-open::before {
content: "\f06e";
font-family: FontAwesome;
font-style: normal;
}
.icon-book::before {
content: "\f02d";
font-family: FontAwesome;
font-style: normal;
}
.icon-home::before {
content: "\f015";
font-family: FontAwesome;
font-style: normal;
}
.w-search, .widget_search form {
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.w-search .w-search-field {
margin-bottom: 0;
}
.w-search .w-search-field, .widget_search .search_text, .post-password-form label input, .log-username input[type="text"] {
border: 1px solid #CCCCCC;
color: #999999;
font-size: 20px;
height: 45px;
outline: medium none;
padding: 10px 20px 10px 80px;
box-shadow: none;
width: 100%;
-webkit-transition: background 0.35s ease 0s;
-moz-transition: background 0.35s ease 0s;
-ms-transition: background 0.35s ease 0s;
-o-transition: background 0.35s ease 0s;
transition: background 0.35s ease 0s;
}
.post-password-form label {
color: #999;
display: block;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.post-password-form label input {
padding: 10px 20px;
}
.post-password-form input[type="submit"] {
padding: 9px 20px;
color: #FFF;
background: #151515 none repeat scroll 0% 0%;
font-family: "Merriweather", Arial, sans-serif;
letter-spacing: 1px;
font-size: 13px;
letter-spacing: 0.3px;
text-transform: uppercase;
border-radius: 3px;
border: medium none;
width: inherit;
margin-bottom: 17px;
}
.w-search .search-submit, .widget_search #search_submit {
background: none repeat scroll 0 0 #ef2748;
border: 0 none;
color: #FAFAFA;
font-size: 28px;
height: 45px;
left: 0;
outline: medium none;
position: absolute;
top: 0;
-webkit-transition: background 0.35s ease 0s;
-moz-transition: background 0.35s ease 0s;
-ms-transition: background 0.35s ease 0s;
-o-transition: background 0.35s ease 0s;
transition: background 0.35s ease 0s;
width: 45px;
}
.w-search .search-submit:hover, .widget_search #search_submit:hover {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}
.icon-search::before {
content: "\f002";
font-family: FontAwesome;
font-style: normal;
line-height: 40px;
}
.more-link-wrap {
display: inline-block;
}
.more_button {
height: 30px;
display: inline-block;
line-height: 29px;
margin-top: 10px;
}
.Classic .more_button {
display: inherit;
text-align: center;
margin-bottom: 10px;
height: auto;
line-height: 45px;
}
.Classic .more_button a {
font-size: 16px;
padding: 10px;
}
.more_button a {
background-color: #ef2748;
border-radius: 3px;
color: #FFF;
font-size: 13px;
line-height: 16px;
padding: 6px;
font-weight: bold;
}
.more_button a:hover {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
color: #FFFFFF;
text-decoration: none;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}
/*-------------------------------------------------*/
/* = 11.0 Pagenation
/*-------------------------------------------------*/
/* Component: Pagination */
.post-pagination {
padding-top: 20px;
border-top: 1px solid #F3F3F3;
overflow: hidden;
}
.post-pagination>.page-links-title {
border: 0;
color: #707070;
color: rgba(51,51,51,0.7);
height: auto;
margin: 0;
padding-right: 0.5em;
width: auto;
}
.post-pagination .page-numbers, .post-pagination a, .post-pagination > .page-link {
color: #2e2e2e;
padding: 6px 12px;
background: #f3f3f3;
line-height: 35px;
border: 1px solid #F3F3F3;
font-size: 15px;
}
.post-pagination .current, .post-pagination a:hover, .post-pagination > .page-link {
color: #fff;
background: #EF2748;
border-color: #EF2748;
text-decoration: none;
}
.pagenation {
border-top: 1px solid #e4e4e4;
padding: 20px 0 0 0;
margin: 10px 0 30px 0;
}
.pagenation li {
float: left;
background: #ef2748;
margin-left: 4px;
border-radius: 3px;
}
.pagenation li.active {
background: #535353;
}
.pagenation li:first-child {
margin-left: 0;
}
.pagenation li a {
display: block;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 4px 11px;
}
.pagenation li:not(.active):hover {
opacity: 0.90;
-moz-opacity: 0.90;
filter: alpha(opacity=90);
}
.pagination {
clear: both;
font-size: 14px;
margin: 15px 0 15px;
overflow: hidden;
width: 100%;
}
.pagination span, .pagination a {
color: #333;
font-weight: 600;
display: inline-block;
margin: 0 10px 0 0;
padding: 6px 15px;
}
.pagination span, .pagination a:hover {
background: #ef2748;
color: #fff;
}
.pagination a {
}
.pagination a {
border: 1px solid #E3E3E3;
/* background: #f4f3f4; */
color: #828282;
display: inline-block;
margin: 0 10px 0 0;
padding: 6px 15px;
}
/*-------------------------------------------------*/
/* = 11.1 Post Navigation
/*-------------------------------------------------*/
.nav-previous {
float: left;
}
.nav-next {
float: right;
}
.post-navigation-link {
clear: both;
margin-bottom: 50px;
overflow: hidden;
line-height: 1.2em;
}
.post-navigation-link div {
display: block;
width: 48%;
position: relative;
font-size: 15px;
font-weight: bold;
color: #999;
text-transform: capitalize;
font-family: Merriweather;
line-height: 25px;
}
.post-previous {
float: left;
padding-left: 50px;
}
.post-next {
float: right;
text-align: right;
padding-right: 50px;
}
.post-navigation-link div span {
display: block;
font-size: 80%;
color: #999;
margin-bottom: 5px;
}
.post-navigation-link div a:after {
position: absolute;
color: #ccc;
font-size: 55px;
margin-top: -6px;
height: 50px;
line-height: 22px;
top: 50%;
}
.post-previous a:after {
content: "\f104";
font-size: 30px;
left: 0;
font-family: FontAwesome;
}
.post-next a:after {
content: "\f105";
font-size: 30px;
right: 0;
font-family: FontAwesome;
}
.post-previous a:hover:after, .post-next a:hover:after {
color: #ef2748;
}
.load-more {
position: relative;
text-align: center;
float: left;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding: 13px 20px;
box-sizing: content-box;
margin: 0px -20px;
display: block !important;
}
.load-more a {
background-color: #EF2748;
border-radius: 4px;
font-size: 14px;
line-height: 22px;
color: #FFF;
text-align: center;
display: inline-block;
padding: 10px 20px;
}
.load-more a:focus {
color: #FFF;
}
.load-more a:hover {
cursor: pointer;
color: #FFF;
text-decoration: none;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}
#infscr-loading {
position: absolute;
left: 50%;
bottom: 0;
z-index: 9999;
text-align: center;
}
a.icon-rss {
float: right;
display: block;
color: #ef2748;
font-size: 30px;
line-height: 1.5em;
}
.icon-rss::before {
font-family: "FontAwesome";
content: "\f09e";
}
.cat-desc {
padding: 15px 0;
}
.post_wrapper.half-width-cat .post_img img {
width: 100%;
}
.wp-video, .mejs-video, .mejs-inner, .wp-video-shortcode, .mejs-overlay, .mejs-poster, .mejs-layer, .mejs-mediaelement .me-plugin, .mejs-mediaelement embed {
width: 100% !important;
}
.layout-full .wp-video, .layout-full .mejs-video, .layout-full .wp-video-shortcode, .layout-full .mejs-overlay, .layout-full .mejs-poster, .layout-full .mejs-layer, .layout-full .mejs-mediaelement .me-plugin, .layout-full .mejs-mediaelement embed {
height: 555px !important;
}
.mejs-poster {
background-size: cover !important;
}
.video_frame, .audio_frame, .gallery-post-slider {
margin-bottom: 20px;
}
/*------------------------------------------------------------*/
/* = 12.0 Slideshow
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* = 12.1 Owl Carousel
/*------------------------------------------------------------*/
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/*-------------------------------------------------*/
/* = owl-carousel
/*-------------------------------------------------*/
.main-slideshow {
margin-bottom: 40px;
overflow: hidden;
}
.bigslider .main-slideshow {
margin-bottom: 0px;
}
/**************************/
.bigslider.grid .main-slideshow.style2 .big-slideshow {
float: left;
padding-right: 20px;
width: 69%;
}
.bigslider .main-slideshow.style2 .big-slideshow {
float: none;
padding-right: 0px;
width: 100%;
}
.bigslider .main-slideshow.style2 .block_right {
float: left;
width: 31%;
}
.bigslider .main-slideshow.style2 .block_right .block_item {
margin-bottom: 20px;
overflow: hidden;
position: relative;
min-height: 1px;
max-height: 182.33px;
}
.bigslider .block_right .block_item img {
width: 100%;
}
.bigslider .main-slideshow.style2 .block_right .block_item:last-child {
margin-bottom: 0px;
}
.bigslider .main-slideshow.style2 .block_right .item-image {
overflow: hidden;
position: relative;
line-height: 0;
}
.bigslider .main-slideshow.style2 .block_right .item-entry {
width: 100%;
position: absolute;
left: 0px;
z-index: 2;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
padding: 10px 15px;
line-height: 1.2;
bottom: 0px;
}
.block_right .item-title a, .bigslider .main-slideshow.style2 .block_right .post-excerpt {
z-index: 2;
color: #FFF;
position: relative;
}
.bigslider .main-slideshow.style2 .block_right .item-entry.des {
bottom: -85px;
}
.main-slideshow.style2 .block_right .block_item:hover .item-entry {
bottom: 0px;
}
.main-slideshow.style2 .block_right .item-image::before {
bottom: 0px;
content: "";
display: block;
height: 80%;
width: 100%;
position: absolute;
z-index: 1;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0% transparent;
}
.main-slideshow.style2 .block_right .item-title {
font-size: 20px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
font-weight: 700;
margin-bottom: 5px;
padding-bottom: 0px;
border-bottom: medium none;
}
.inner-container .bigslider {
overflow: hidden;
}
.owl-carousel .item {
margin: 3px;
}
.owl-carousel .item img {
display: block;
width: 100%;
height: auto;
}
.big-carssol {
overflow: hidden;
}
.owl-carousel .owl-prev:before {
content: "\f104";
font-size: 20px;
}
.owl-carousel .owl-next:before {
content: "\f105";
font-size: 20px;
}
.big-slideshow:hover .owl-prev, .owl-carousel.scroller.middle:hover .owl-prev, #carousel:hover .owl-prev, .owl-carousel.widget-slider:hover .owl-prev {
opacity: 0.7;
left: 10px;
visibility: visible;
}
.big-slideshow:hover .owl-next, .owl-carousel.scroller.middle:hover .owl-next, #carousel:hover .owl-next, .owl-carousel.widget-slider:hover .owl-next {
opacity: 0.7;
right: 10px;
visibility: visible;
}
.big-slideshow .owl-prev, .big-slideshow .owl-next, .owl-carousel.scroller.middle .owl-prev, .owl-carousel.scroller.middle .owl-next, #carousel .owl-prev, #carousel .owl-next, .owl-carousel.widget-slider .owl-prev, .owl-carousel.widget-slider .owl-next {
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
filter: alpha(opacity=0);
position: absolute;
top: 50%;
margin-top: -20px;
color: #fff;
padding: 0 12px;
width: 50px;
height: 50px;
overflow: hidden;
text-align: center;
}
.owl-theme.widget-slider .owl-controls .owl-nav div {
margin-top: -20px;
padding: 0 8px;
}
.big-slideshow .owl-prev:before, .big-slideshow .owl-next:before, #carousel .owl-prev:before, #carousel .owl-next:before, .owl-carousel .owl-prev:before, .owl-carousel .owl-next:before, .owl-carousel.widget-slider .owl-prev:before, .owl-carousel.widget-slider .owl-next:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 40px;
font-size: 50px;
text-align: center;
}
.big-slideshow .owl-prev, .owl-carousel.scroller.middle .owl-prev, #carousel .owl-prev, .owl-carousel.widget-slider .owl-prev {
left: 50px;
}
.big-slideshow .owl-next, .owl-carousel.scroller.middle .owl-next, #carousel .owl-next, .owl-carousel.widget-slider .owl-next {
right: 50px;
}
.owl-carousel.scroller .owl-prev:before, .owl-carousel.scroller.middle .owl-prev:before {
content: "\f104";
font-size: 30px;
}
.owl-carousel.scroller .owl-next:before, .owl-carousel.scroller.middle .owl-next:before {
content: "\f105";
font-size: 30px;
}
.owl-carousel .owl-prev:before, .owl-carousel .owl-next:before {
line-height: 32px;
}
.owl-theme.scroller .owl-controls .owl-nav div {
margin-left: 5px;
background: #ef2748;
color: #FFF;
padding: 0px 10px;
overflow: hidden;
display: inline-block;
height: 31px;
width: 31px;
border-radius: 0;
opacity: 1;
margin: 0 0 0 5px;
}
.owl-theme.scroller .owl-controls .owl-nav div:hover {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}
.owl-carousel.scroller .owl-controls .owl-nav {
position: absolute;
right: 0px;
top: -60px;
}
.owl-theme.scroller.middle .owl-controls .owl-nav div {
/*background: none repeat scroll 0% 0% #161616;*/
background: none !important;
color: #FFF;
padding: 0px 8px;
overflow: hidden;
height: 40px;
width: 40px;
border-radius: 50%;
opacity: 0.8;
margin: 0px 0px 0px 5px;
top: 40%;
;
}
.owl-carousel.scroller.middle .owl-prev::before, .owl-carousel.scroller.middle .owl-next::before {
font-size: 50px;
}
.owl-theme.scroller.middle .owl-controls .owl-nav div:hover {
background-image: none !important;
}
.owl-carousel.scroller.middle .owl-controls .owl-nav {
position: inherit;
right: auto;
top: auto;
}
.owl-carousel .item {
margin: 0px;
overflow: hidden;
}
.owl-carousel .owl-item .item .item-info {
margin-top: 10px;
}
.owl-carousel .owl-item .item .item-info .item-title {
font-size: 12px;
margin-bottom: 5px;
font-weight: normal;
border-bottom: 1px solid #F3F3F3;
padding-bottom: 5px;
}
.owl-dots {
position: absolute;
z-index: 3;
bottom: 15px;
text-align: center;
width: 100%;
}
.owl-dots .owl-dot span {
background: #202E37;
border: 2px solid #fff;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
font-size: 0;
display: inline-block;
height: 17px;
margin: 2px;
overflow: hidden;
text-indent: -100%;
vertical-align: middle;
width: 17px;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
margin: 5px 7px;
filter: Alpha(Opacity=50);
opacity: 0.5;
}
.owl-dots .owl-dot.active span {
background: #D90000;
}
/* Styling Pagination*/
.owl-carousel .owl-controls .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */;
}
.owl-carousel .owl-controls .owl-dot.active span, .owl-carousel .owl-controls .owl-dot:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
}
.owl-carousel .owl-item .item-image {
overflow: hidden;
margin-bottom: 20px;
position: relative;
}
.owl-title h2 a {
color: inherit;
}
.owl-title h2 {
color: #FFF;
font-size: 30px;
font-family: "Merriweather", Arial, sans-serif;
text-transform: uppercase;
}
/*
.owl-title h2 a:hover {
color: #EF2748;
}
*/
.owl-title {
position: absolute;
left: 10%;
margin-right: 0px;
margin-left: 2%;
bottom: 25%;
color: #FFF;
opacity: 0.8;
}
.owl-title h2 {
float: left;
padding: 5px;
margin-bottom: 10px;
text-align: left;
border-radius: 10px 0 10px;
}
.owl-title h3 {
clear: both;
font-size: 14px;
line-height: 20px;
color: #FFF;
width: 75%;
background: none repeat scroll 0% 0% #000;
padding: 5px;
border-radius: 0 10px 0;
text-align: left;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.owl-title.active h2, .owl-title.active h3 {
text-align: left;
animation: 300ms linear 300ms normal both 1 running swing;
}
.owl-carousel .owl-item.active .owl-title h2 {
/* animation: 300ms linear 300ms normal both 1 running fadeInUp;*/
animation-name: bounceInLeft;
animation-duration: 1s;
animation-fill-mode: both;
}
.owl-carousel .owl-item.active .owl-title h3 {
animation-name: bounceInRight;
animation-duration: 1s;
animation-fill-mode: both;
}
/***********************************/
.main-slideshow.style2 .owl-item .item::before {
bottom: 0px;
content: "";
display: block;
height: 60%;
width: 100%;
position: absolute;
z-index: 1;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0% transparent;
}
.main-slideshow.style2 .owl-title {
bottom: 5%;
z-index: 3;
left: 2%;
opacity: 1;
padding-right: 40px;
}
.main-slideshow.style2 .owl-title h2 {
background: none;
padding: 0px;
}
.main-slideshow.style2 .caption-cat {
left: 0px;
top: 0px;
/*display: inline-block;*/
margin-bottom: 15px;
position: static
}
.main-slideshow.style2 .owl-title h2 {
font-size: 30px;
text-transform: capitalize;
line-height: 40px;
font-weight: 700;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
}
.owl-title h3 {
width: 100%;
background: none;
}
.owl-title .small-item-datetime {
clear: both;
}
.owl-title .small-item-datetime a {
font-size: 12px;
color: #B7B7B7;
}
.item.spotlight .item-entry {
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 2;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
padding: 10px 15px;
line-height: 1.2;
}
.item.spotlight .item-entry.des {
bottom: -158px;
}
.item.spotlight .item-image {
margin-bottom: 0px;
}
.scroller .owl-item:hover .item.spotlight .item-entry.des {
bottom: -10px;
}
.scroller .owl-item:hover .item.spotlight .item-entry.des {
background-color: #000;
opacity: 0.8;
}
.item.spotlight .item-inner {
position: relative;
overflow: hidden;
}
.item.spotlight .item-title, .item.spotlight .item-title a, .item.spotlight .item-des {
position: relative;
color: #ffffff;
z-index: 2;
}
.item.spotlight .item-des p {
margin-bottom: 0px;
}
.main-slideshow .small-item-datetime, .main-slideshow .small-item-datetime a, .item.spotlight .small-item-datetime, .item.spotlight .small-item-datetime a, .widget .box-wrap .big-column .small-item-datetime a, .widget .box-wrap .big-column .small-item-datetime {
font-weight: 500;
color: #f0f0f0;
font-size: 14px;
display: inherit;
}
.small-item-datetime, .small-item-datetime a {
color: #B7B7B7;
font-weight: normal;
font-size: 14px;
text-transform: capitalize;/*overflow:hidden;*/
}
.item.spotlight .item-image::before {
bottom: 0px;
content: "";
display: block;
height: 80%;
width: 100%;
position: absolute;
z-index: 1;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0% transparent;
}
.item.spotlight .overlay_icon {
display: none;
}
.owl-carousel.scroller .item {
margin: 0px;
}
.item.spotlight .item-title {
font-size: 20px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
font-weight: 700 !important;
}
.owl-carousel.scroller .small-item-datetime {
border-bottom: 1px solid #F3F3F3;
border-top: 1px solid #F3F3F3;
padding: 5px 0px;
margin: 7px 0px;
}
.owl-carousel.scroller .item.spotlight .small-item-datetime {
border-bottom: none;
border-top: 1px none;
padding: 0px;
margin: 0px;
}
.owl-carousel.scroller .item.spotlight .item-title {
margin-bottom: 8px;
padding-bottom: 0px;
border-bottom: none;
}
/*-------------------------------------------------*/
/* = 12.2 Elastic Slideshow
/*-------------------------------------------------*/
.slider-caption {
position: absolute;
width: 100%;
padding: 15px 0;
background: #000;
right: 0;
bottom: 13px;
color: #FFF;
opacity: 0.8;
}
.slider-caption h2 a, .slider-caption h2, .full-width .content .slider-caption h2 {
color: #FFF;
font-size: 35px;
font-family: BebasNeueRegular, arial, Georgia, serif;
}
.slider-caption h2, .slider-caption p {
padding: 0 15px;
}
/*small*/
#content .slider-caption h2 a, .content .slider-caption h2 {
font-size: 22px;
}
#content .ei-slider {
height: 350px;
}
.inner-container .ei-slider ul {
margin-bottom: 0px;
}
#content .ei-slider-loading {
line-height: 375px;
}
#content .ei-title h3 {
font-size: 12px;
line-height: 14px;
width: 435px;
}
#content .ei-title h2 {
font-size: 22px;
}
.ei-slider {
position: relative;
width: 100%;
max-width: 1200px;
height: 556px;
margin: 0 auto 35px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.ei-slider-loading {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 990;
background: #000 url('images/black-loader.gif') no-repeat 50% 48%;
color: #fff;
text-align: center;
line-height: 520px;
}
.ei-slider-large {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
}
.ei-slider-large li {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
height: 100%;
width: 100%;
}
.ei-slider-large li img {
width: 100%;
}
.ei-title {
position: absolute;
right: 10%;
margin-right: 0;
margin-left: 2%;
bottom: 25%;
color: #fff;
opacity: 0.8;
}
.ei-title h2 {
color: #b5b5b5;
font-size: 35px;
font-family: "Merriweather", Arial, sans-serif;
letter-spacing: 1px;
background: #000;
float: right;
padding: 10px;
margin-bottom: 5px;
}
.ei-title h3 {
clear: both;
font-size: 14px;
line-height: 20px;
width: 835px;
background: #000;
padding: 5px;
}
.ei-slider-thumbs {
height: 13px;
margin: 0 auto;
position: relative;
max-width: 100%!important;
}
.ei-title a {
color: #FFF;
}
.ei-title h3 {
color: #fff;
}
.ei-slider-thumbs li {
position: relative;
float: left;
height: 100%;
}
.ei-slider-thumbs li.ei-slider-element {
top: 0;
left: 0;
position: absolute;
height: 100%;
z-index: 10;
text-indent: -9000px;
background: #ef2748;
}
.ei-slider-thumbs li a {
display: block;
text-indent: -9000px;
background: #666;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3), 0 1px 0 1px rgba(255,255,255,0.5);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3), 0 1px 0 1px rgba(255,255,255,0.5);
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3), 0 1px 0 1px rgba(255,255,255,0.5);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover {
background-color: #f0f0f0;
}
.ei-slider-thumbs li img {
position: absolute;
bottom: 50px;
opacity: 0 !important;
z-index: 999;
width: 100%;
max-height: 100px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-box-reflect: below 0px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.3)) );
}
#content .ei-slider-thumbs li img {
max-height: 65px;
}
.ei-slider-thumbs li:hover img {
opacity: 1 !important;
bottom: 13px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*-------------------------------------------------*/
/* = 12.3 Flexslider
/*-------------------------------------------------*/
.flexslider {
position: relative;
}
.flexslider, .flexslider .slides li {
min-width: 100%;
}
.flexslider .slides {
zoom: 1;
margin: 0;
}
.flexslider .slides > li {
display: none;
}
.pull-center .flexslider {
height: 420px;
overflow: hidden;
}
.pull-center .layout-full .flexslider {
height: 620px;
overflow: hidden;
}
.flexslider img {
min-width: 100%;
max-height: 100%;
height: 342px;
}
.pull-center .flexslider img {
min-width: 100%;
max-height: 100%;
height: 100%;
}
/* Caption */
.flex-caption {
position: absolute;
left: 0;
bottom: 0;
font-size: 13px;
padding: 18px 20px;
color: #fff;
height: 100px;
width: 100%;
overflow: hidden;
background: rgba(0,0,0, 0.5);
;
}
.flex-caption .desc {
height: 60px;
overflow: hidden;
}
.flex-caption h1 {
line-height: normal;
margin: 0;
}
.flex-caption a {
color: #ef2748;
margin-bottom: 7px;
font-family: 'PT Sans';
font-size: 18px;
line-height: 20px;
display: block;
}
.flex-caption p {
line-height: 17px;
}
/* Direction Nav */
.flexslider.no-nav .flex-direction-nav {
display: none;
}
.flex-direction-nav {
position: absolute;
left: 0;
top: 50%;
margin: 0;
margin-top: -23px;
right: 0;
height: 46px;
min-width: 100%;
}
.flex-direction-nav li:first-child {
float: left;
}
.flex-direction-nav li {
float: right;
margin-top: 0;
}
.flex-direction-nav a {
display: block;
width: 46px;
height: 46px;
cursor: pointer;
text-indent: -9999px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.flex-direction-nav .flex-next {
background: rgba(0,0,0, 0.5) url(images/slider-next.png) no-repeat center;
}
.flex-direction-nav .flex-prev {
background: rgba(0,0,0, 0.5) url(images/slider-prev.png) no-repeat center;
}
.flex-direction-nav .flex-next:hover {
opacity: 0.8;
}
.flex-direction-nav .flex-prev:hover {
opacity: 0.8;
}
/* Control Nav */
.flex-control-nav {
position: absolute;
top: 17px;
right: 17px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
display: inline;
}
.flex-control-paging li a {
width: 18px;
height: 18px;
display: block;
background: transparent;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border: 3px solid rgba(0,0,0, .5);
}
.flex-control-paging li a.flex-active {
background: #fff;
cursor: default;
}
/*-------------------------------------------------*/
/* = 13.0 Tooltip
/*-------------------------------------------------*/
/*
a.ttip, a.tooldown {
display: inline-block;
}
*/
.tipsy {
font-size: 10px;
position: absolute;
padding: 5px;
z-index: 100000;
}
.tipsy-inner {
background-color: #EF2748;
color: #FFF;
max-width: 200px;
padding: 5px 8px 4px 8px;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 0 2px #EF2748;
-webkit-box-shadow: 0 0 2px #EF2748;
-moz-box-shadow: 0 0 2px #EF2748;
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #EF2748;
}
.tipsy-arrow-n {
border-bottom-color: #EF2748;
}
.tipsy-arrow-s {
border-top-color: #EF2748;
}
.tipsy-arrow-e {
border-left-color: #EF2748;
}
.tipsy-arrow-w {
border-right-color: #EF2748;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
/*-------------------------------------------------*/
/* = 14.0 Footer
/*-------------------------------------------------*/
footer {
clear: both;
position: relative;
margin: 0 !important;
color: #fff;
background-color: #222;
/* border-top: 4px solid #EF2748;*/
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
margin: 0;
}
.footer-container a {
color: #CCCCCC;
}
.footer-container a:hover {
color: #fff;
}
#footer-widget-area, .footer_header {
padding-left: 30px;
padding-right: 30px;
border-bottom: 1px solid #222222;
margin: 0;
overflow: hidden;
position: relative;
}
#footer-widget-area {
padding-top: 30px;
padding-bottom: 30px;
}
.footer_header {
background-color: #000;
}
.footer_logo {
float: left;
padding-right: 20px;
}
.footer_logo H1 a {
font-size: 25px;
font-weight: bold;
line-height: 20px;
display: inherit;/* opacity:0.4;*/
}
.footer_logo H1 a:hover {
/* opacity:1;*/
}
.footer_logo h1 {
margin: 0;
}
.footer-menu {
float: left;
padding: 8px 20px 8px 0;
overflow: hidden;
}
.footer-menu ul {
margin-bottom: 0px;
}
.footer-menu li a, .footer-menu li {
font-family: "Merriweather", Arial, sans-serif;
font-size: 14px;
line-height: 12px;
color: #979C9F;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
letter-spacing: 1.5px;
line-height: 1.5em;
}
.footer-menu li a {
padding: 0px 15px;
}
.footer-menu li + li {
border-left: 1px solid #323537;
}
footer p {
font-family: 'PT Sans';
font-size: 13px;
line-height: 16px;
padding: 10px;
margin: 0;
}
footer .widget-title {
font-family: "Merriweather", Arial, sans-serif;
font-size: 15px;
color: #fff;
font-weight: normal;
text-transform: uppercase;
margin: 0 0 20px 0;
}
.footer-widget-container li {
border-bottom: 1px solid #333 !important;
}
.footer-2 .footer-widgets-box {
width: 48.5%;
}
.footer-3 #footer-first, .footer-4 #footer-second {
width: 33%;
}
.footer-3 #footer-second, .footer-4 #footer-first {
width: 64%;
}
.footer-5 .footer-widgets-box {
width: 31.3%;
}
.footer-widget-container .tagcloud a, .footer-widget-container .post-tag a, .footer-widget-container .tabs-wrap.tagcloud a {
background: #333;
border-width: 0px;
}
.footer-6 #footer-third, .footer-7 #footer-first {
width: 48%;
}
.footer-6 .footer-widgets-box, .footer-7 .footer-widgets-box {
width: 23%;
}
.footer-8 .footer-widgets-box {
width: 22.7%;
}
.footer-1 #footer-first, .footer-2 #footer-second, .footer-3 #footer-second, .footer-4 #footer-second, .footer-5 #footer-third, .footer-6 #footer-third, .footer-7 #footer-third, .footer-8 #footer-fourth {
margin-right: 0;
}
.footer-widgets-box {
float: left;
margin-right: 3%;
}
.footer-widgets-box .footer-widget {
margin-bottom: 10px;
overflow: hidden;
}
.footer-widgets-box div:last-child {
margin-bottom: 0;
}
.footer-widget-title {
padding: 10px 0px;
border-bottom: 1px solid #333;
margin-bottom: 25px;
}
.footer-widget-title h2 {
font-family: "Merriweather", Arial, sans-serif;
font-size: 18px;
color: #FFF;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 1px;
}
.footer-widget ul li h3 a {
font-size: 12px;
}
.footer-copyright {
clear: both;
font-size: 15px;
padding: 10px 20px;
background-color: #000;
color: #CCCCCC;
line-height: 35px;
}
.copyright-left {
float: left;
}
.copyright-right {
float: right;
}
#go-top:before {
color: #FFFFFF;
height: 30px;
line-height: 28px;
width: 30px;
}
.favoicon-up-open:before {
content: "\f077";
}
#go-top {
background: none repeat scroll 0 0 #ef2748;
bottom: -100px;
cursor: pointer;
height: 30px;
overflow: auto;
position: fixed;
right: 10px;
-webkit-transition: all 0.7s ease-in-out 0s;
-moz-transition: all 0.7s ease-in-out 0s;
-o-transition: all 0.7s ease-in-out 0s;
-ms-transition: all 0.7s ease-in-out 0s;
transition: all 0.7s ease-in-out 0s;
width: 30px;
z-index: 2;
}
#go-top:hover {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}
/* Classes needed by Theme Check */
/* Alignment */
.alignnone {
margin: 20px 0;
}
.alignleft {
display: inline;
float: left;
margin: 15px 15px 15px 0px;
}
.alignright {
display: inline;
float: right;
margin: 15px 0 15px 15px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin: 20px auto;
}
.wp-caption {
max-width: 100%;
}
.wp-caption-text {
font-weight: normal;
font-style: italic;
text-align: center;
color: #444;
}
.gallery-caption {
font-weight: normal;
}
.bypostauthor {
font-weight: normal;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.sticky {
}
/*------------------------------------------------------------*/
/* = 15.0 Dark Skin
/*------------------------------------------------------------*/
/*
body.dark_skin .top-nav, body.dark_skin .container .menu_wrapper, body.dark_skin .w-search .search-submit:hover {
background-color: #111111;
}
body.dark_skin, body.dark_skin .review-summary p {
color: #BFBFBF;
}
body.dark_skin a:hover {
color: #EF2748;
}
body.dark_skin .facebook-box {
background-color: rgba(0, 0, 0, 0.4) !important;
}
body.dark_skin > header, body.dark_skin .container, body.dark_skin .breaking-news {
background: #222222;
-moz-box-shadow: 0 0 5px #141414;
-webkit-box-shadow: 0 0 5px #141414;
box-shadow: 0 0 5px #141414;
}
body.dark_skin .breadcrumbs .home-page:after, body.dark_skin .breadcrumbs .current:after, body.dark_skin .breadcrumbs .prev-page:after {
border-left-color: #3c3c3c;
}
body.dark_skin .author-box-info .post-listing, body.dark_skin .social-badges.wide, body.dark_skin li.comment .comment-box, body.dark_skin ul.authors-wrap li {
border-color: #444;
background-color: #333;
}
body.dark_skin .social-badges .sharing-link.more, body.dark_skin .symple-heading span {
background-color: #222;
}
body.dark_skin .author-box-info .author-title, body.dark_skin #related_posts .scroller {
border-color: #444;
}
body.dark_skin blockquote, body.dark_skin .review-summary, body.dark_skin #rating-box.stars .review-criteria, body.dark_skin .tabs-wrap.tagcloud a, body.dark_skin .post-tag a, body.dark_skin .pagination a {
background: #333333;
}
body.dark_skin .widget_tag_cloud .tagcloud a:hover, body.dark_skin .post-tag a:hover, body.dark_skin .tabs-wrap.tagcloud a:hover {
background: #444 !important;
}
body.dark_skin a, body.dark_skin #respond h3, body.dark_skin label, body.dark_skin #rating-box span, body.dark_skin h1, body.dark_skin h2, body.dark_skin h3, body.dark_skin h4, body.dark_skin h5, body.dark_skin h6, body.dark_skin #social-counter-widget li a {
color: #ffffff;
}
body.dark_skin .tabs-widget > div, body.dark_skin .box-module-content, body.dark_skin #sidebar .widget-container, body.dark_skin .post-listing {
border-color: -moz-use-text-color #444 #333;
}
body.dark_skin .top-nav, body.dark_skin .post-meta, body.dark_skin .item-title, body.dark_skin .tabs-container .post_list li, body.dark_skin .footer-widget-container li, body.dark_skin .widget.posts-list li, body.dark_skin .author-bio, body.dark_skin .tabs-container .post_list li, body.dark_skin .footer-widget-container li, body.dark_skin .widget.posts-list li, body.dark_skin .widget.top-ten li, body.dark_skin .owl-carousel.scroller .item .item-title, body.dark_skin .widget_recent_entries li, body.dark_skin .widget_display_forums li, body.dark_skin .widget_display_views li, body.dark_skin .widget_display_replies li, body.dark_skin .widget_display_topics li, body.dark_skin .widget_archive li, body.dark_skin .widget_categories li, body.dark_skin .widget_links li, body.dark_skin .widget_meta li, body.dark_skin .widget_nav_menu li, body.dark_skin .widget_pages li, body.dark_skin .widget_recent_comments li, body.dark_skin .widget_recent_entries li {
border-bottom-color: #333;
}
body.dark_skin #sidebar, body.dark_skin ol.commentlist .children, body.dark_skin ol.commentlist .children::before, body.dark_skin #comments-title, body.dark_skin .sitemap .one_fourth h2, body.dark_skin .sitemap .one_half h2, body.dark_skin ul.timeline {
border-color: #333;
}
body.dark_skin abbr, body.dark_skin acronym {
color: #fff;
}
body.dark_skin .post-meta, body.dark_skin .share-post, body.dark_skin .post_wrapper {
border-top-color: #333;
}
body.dark_skin .container_12, body.dark_skin .share-post {
background-color: #2C2C2C;
}
body.dark_skin .box-container .small-items-container .small-item-wrap, body.dark_skin #social-counter-widget.style1 li, body.dark_skin #social-counter-widget.style2 li {
border-color: #333;
}
body.dark_skin .w-search .w-search-field, body.dark_skin #respond input, body.dark_skin #respond textarea, body.dark_skin #login-form #log, body.dark_skin #login-form #pwd {
border-color: #444;
background: #333;
color: #999;
}
body.dark_skin .w-search .w-search-field:focus, body.dark_skin #respond input:focus, body.dark_skin #respond textarea:focus, body.dark_skin #login-form #log:focus, body.dark_skin #login-form #pwd:focus, body.dark_skin .commentlist .reply a {
background: #222;
border-color: #444;
}
body.dark_skin .commentlist .reply a:hover {
background: #444;
}
body.dark_skin li.comment .comment-box h5 {
color: #ffffff;
}
*/
/*-------------------------------------------------*/
/* = 16.0 Shortcodes
/*-------------------------------------------------*/
/*== Google maps ==*/
.google-map.alignleft {
float: left;
margin-right: 20px;
}
.google-map.alignright {
float: right;
margin-left: 20px;
}
/*== Tooltip ==*/
.post-tooltip {
cursor: pointer;
display: inline-block;
border-bottom: 1px dotted #666;
color: #E36600;
}
/*== Dropcap ==*/
.dropcap {
display: block;
float: left;
margin: 0 8px 0 0;
font-size: 50px;
line-height: 50px;
font-family: Georgia, Arial, "helvetica neue", Helvetica, Verdana, sans-serif;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.dropcap.style-2, .dropcap.style-3 {
border-radius: 30px;
width: 44px;
height: 44px;
line-height: 44px;
color: #fff;
font-size: 30px;
margin: 0px 10px 5px 0px;
background-color: #ef2748;
}
.dropcap.style-3 {
border-radius: 5px !important;
}
/*== Buttons ==*/
.short-button.red, .short-button.orange, .short-button.green, .short-button.gray, .short-button.gold, .short-button.light-green, .short-button.blue, .short-button.violet, .short-button.black, .short-button.white, .short-button.pink, .short-button.purple, .short-button.yellow, .short-button.rosy, .short-button.brown, .short-button.magenta, .short-button.cyan, .short-button.oqean, .short-button.dark-violet, .short-button.light-gray {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 15px;
font-weight: bold;
padding: 12px 36px;
text-decoration: none;
margin: 0 5px 20px;
}
.short-button.small {
font-size: 15px;
padding: 8px 16px;
}
.short-button.big {
font-size: 20px;
padding: 24px 62px;
}
.short-button.red {
-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
box-shadow: inset 0px 1px 0px 0px #f29c93;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
background: -moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
background-color: #fe1a00;
border: 1px solid #d83526;
text-shadow: 1px 1px 0px #b23e35;
}
.short-button.red:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
background: -moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
background-color: #ce0100;
}
.short-button.red:active {
position: relative;
top: 1px;
}
.short-button.orange {
-moz-box-shadow: inset 0px 1px 0px 0px #F0B393;
-webkit-box-shadow: inset 0px 1px 0px 0px #F0B393;
box-shadow: inset 0px 1px 0px 0px #F0B393;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FE5C00), color-stop(1, #CE4C01) );
background: -moz-linear-gradient( center top, #FE5C00 5%, #CE4C01 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE5C00', endColorstr='#CE4C01');
background-color: #FE5C00;
border: 1px solid #D76726;
text-shadow: 1px 1px 0px #b06134;
}
.short-button.orange:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CE4C01), color-stop(1, #FE5C00) );
background: -moz-linear-gradient( center top, #CE4C01 5%, #FE5C00 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CE4C01', endColorstr='#FE5C00');
background-color: #CE4C01;
}
.short-button.orange:active {
position: relative;
top: 1px;
}
.short-button.yellow {
-moz-box-shadow: inset 0px 1px 0px 0px #EED090;
-webkit-box-shadow: inset 0px 1px 0px 0px #EED090;
box-shadow: inset 0px 1px 0px 0px #EED090;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FeAD03), color-stop(1, #CE8A04) );
background: -moz-linear-gradient( center top, #FeAD03 5%, #CE8A04 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FeAD03', endColorstr='#CE8A04');
background-color: #FeAD03;
border: 1px solid #D69F27;
text-shadow: 1px 1px 0px #b08934;
}
.short-button.yellow:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CE8A04), color-stop(1, #FeAD03) );
background: -moz-linear-gradient( center top, #CE8A04 5%, #FeAD03 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CE8A04', endColorstr='#FeAD03');
background-color: #CE8A04;
}
.short-button.yellow:active {
position: relative;
top: 1px;
}
.short-button.rosy {
-moz-box-shadow: inset 0px 1px 0px 0px #F7A6AF;
-webkit-box-shadow: inset 0px 1px 0px 0px #F7A6AF;
box-shadow: inset 0px 1px 0px 0px #F7A6AF;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F16C7C), color-stop(1, #D25E6C) );
background: -moz-linear-gradient( center top, #F16C7C 5%, #D25E6C 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F16C7C', endColorstr='#D25E6C');
background-color: #F16C7C;
border: 1px solid #BA4553;
text-shadow: 1px 1px 0px #CA4B5B;
}
.short-button.rosy:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D25E6C), color-stop(1, #F16C7C) );
background: -moz-linear-gradient( center top, #D25E6C 5%, #F16C7C 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D25E6C', endColorstr='#F16C7C');
background-color: #D25E6C;
}
.short-button.rosy:active {
position: relative;
top: 1px;
}
.short-button.green {
-moz-box-shadow: inset 0px 1px 0px 0px #caefab;
-webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
box-shadow: inset 0px 1px 0px 0px #caefab;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8BF632), color-stop(1, #438D06) );
/* Chrome,Safari4+ */
background: -moz-linear-gradient( center top, #8BF632 5%, #438D06 100% );
/* FF3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8BF632', endColorstr='#438D06');
/* IE6-9 */
background-color: #8BF632;
/* Old browsers */
border: 1px solid #268a16;
color: #306108;
text-shadow: 1px 1px 0px #aade7c;
}
.short-button.green:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #438D06), color-stop(1, #8BF632) );
background: -moz-linear-gradient( center top, #438D06 5%, #8BF632 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#438D06', endColorstr='#8BF632');
background-color: #438D06;
}
.short-button.green:active {
position: relative;
top: 1px;
}
.short-button.blue {
-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
box-shadow: inset 0px 1px 0px 0px #bbdaf7;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
background: -moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
background-color: #79bbff;
border: 1px solid #84bbf3;
text-shadow: 1px 1px 0px #528ecc;
}
.short-button.blue:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
background: -moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
background-color: #378de5;
}
.short-button.blue:active {
position: relative;
top: 1px;
}
.short-button.gray {
-moz-box-shadow: inset 0px 1px 0px 0px #D5D5D5;
-webkit-box-shadow: inset 0px 1px 0px 0px #D5D5D5;
box-shadow: inset 0px 1px 0px 0px #D5D5D5;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #444444) );
/* Chrome,Safari4+ */
background: -moz-linear-gradient( center top, #666666 5%, #444444 100% );
/* FF3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444');
/* IE6-9 */
background-color: #666666;
/* Old browsers */
border: 1px solid #888888;
text-shadow: 1px 1px 0px #595959;
}
.short-button.gray:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #444444), color-stop(1, #666666) );
background: -moz-linear-gradient( center top, #444444 5%, #666666 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666');
background-color: #444444;
}
.short-button.gray:active {
position: relative;
top: 1px;
}
.short-button.light-gray {
-moz-box-shadow: inset 0px 1px 0px 0px #EDEBEB;
-webkit-box-shadow: inset 0px 1px 0px 0px #EDEBEB;
box-shadow: inset 0px 1px 0px 0px #EDEBEB;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C3C3C3), color-stop(1, #8A8A8A) );
/* Chrome,Safari4+ */
background: -moz-linear-gradient( center top, #C3C3C3 5%, #8A8A8A 100% );
/* FF3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C3C3C3', endColorstr='#8A8A8A');
/* IE6-9 */
background-color: #C3C3C3;
/* Old browsers */
border: 1px solid #DCDCDC;
text-shadow: 1px 1px 0px #AFAEAE;
}
.short-button.light-gray:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8A8A8A), color-stop(1, #C3C3C3) );
background: -moz-linear-gradient( center top, #8A8A8A 5%, #C3C3C3 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8A8A8A', endColorstr='#C3C3C3');
background-color: #8A8A8A;
}
.short-button.light-gray:active {
position: relative;
top: 1px;
}
.short-button.white {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #D4D4D4) );
background: -moz-linear-gradient( center top, #ffffff 5%, #D4D4D4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D4D4D4');
background-color: #ffffff;
border: 1px solid #ACABAB;
color: #666666;
text-shadow: 1px 1px 0px #ffffff;
}
.short-button.white:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D4D4D4), color-stop(1, #ffffff) );
background: -moz-linear-gradient( center top, #D4D4D4 5%, #ffffff 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4D4D4', endColorstr='#ffffff');
background-color: #D4D4D4;
}
.short-button.white:active {
position: relative;
top: 1px;
}
.short-button.black {
background: -moz-linear-gradient(center top, #363636 5%, #0D0D0D 100%) repeat scroll 0 0 #363636;
border: 1px solid #494747;
box-shadow: 0 1px 0 0 #7A7277 inset;
text-shadow: 1px 1px 0 #777777;
}
.short-button.black {
-moz-box-shadow: inset 0px 1px 0px 0px #7A7277;
-webkit-box-shadow: inset 0px 1px 0px 0px #7A7277;
box-shadow: inset 0px 1px 0px 0px #7A7277;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #444444), color-stop(1, #1C1C1C) );
background: -moz-linear-gradient( center top, #444444 5%, #1C1C1C 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#1C1C1C');
background-color: #444444;
border: 1px solid #3A3434;
text-shadow: 1px 1px 0px #1D1A1D;
}
.short-button.black:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1C1C1C), color-stop(1, #444444) );
background: -moz-linear-gradient( center top, #1C1C1C 5%, #444444 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C1C1C', endColorstr='#444444');
background-color: #1C1C1C;
}
.short-button.black:active {
position: relative;
top: 1px;
}
.short-button.violet {
-moz-box-shadow: inset 0px 1px 0px 0px #e184f3;
-webkit-box-shadow: inset 0px 1px 0px 0px #e184f3;
box-shadow: inset 0px 1px 0px 0px #e184f3;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd) );
background: -moz-linear-gradient( center top, #c123de 5%, #a20dbd 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd');
background-color: #c123de;
border: 1px solid #a511c0;
text-shadow: 1px 1px 0px #9b14b3;
}
.short-button.violet:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de) );
background: -moz-linear-gradient( center top, #a20dbd 5%, #c123de 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de');
background-color: #a20dbd;
}
.short-button.violet:active {
position: relative;
top: 1px;
}
.short-button.pink {
background: -moz-linear-gradient(center top, #E22092 5%, #FB0696 100%) repeat scroll 0 0 #E22092;
border: 1px solid #BC1176;
box-shadow: 0 1px 0 0 #ed78bd inset;
text-shadow: 1px 1px 0 #b01570;
}
.short-button.pink {
-moz-box-shadow: inset 0px 1px 0px 0px #ed78bd;
-webkit-box-shadow: inset 0px 1px 0px 0px #ed78bd;
box-shadow: inset 0px 1px 0px 0px #ed78bd;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E22092), color-stop(1, #FB0696) );
background: -moz-linear-gradient( center top, #E22092 5%, #FB0696 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E22092', endColorstr='#FB0696');
background-color: #E22092;
border: 1px solid #BC1176;
text-shadow: 1px 1px 0px #b01570;
}
.short-button.pink:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #E22092) );
background: -moz-linear-gradient( center top, #FB0696 5%, #E22092 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FB0696', endColorstr='#E22092');
background-color: #FB0696;
}
.short-button.pink:active {
position: relative;
top: 1px;
}
.short-button.oqean123 {
background: #578faa;
/* Old browsers */
background: -moz-linear-gradient(top, #578faa 0%, #457e99 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #578faa), color-stop(100%, #457e99));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #578faa 0%, #457e99 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #578faa 0%, #457e99 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #578faa 0%, #457e99 100%);
/* IE10+ */
background: linear-gradient(top, #578faa 0%, #457e99 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#578faa', endColorstr='#457e99', GradientType=0 );/* IE6-9 */;
}
.short-button.oqean {
background: -moz-linear-gradient(center top, #0077BE 5%, #045483 100%) repeat scroll 0 0 #0077BE;
border: 1px solid #3B8CBD;
box-shadow: 0 1px 0 0 #88C7ED inset;
text-shadow: 1px 1px 0 #25719E;
}
.short-button.oqean {
-moz-box-shadow: inset 0px 1px 0px 0px #88C7ED;
-webkit-box-shadow: inset 0px 1px 0px 0px #88C7ED;
box-shadow: inset 0px 1px 0px 0px #88C7ED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0077BE), color-stop(1, #045483) );
background: -moz-linear-gradient( center top, #0077BE 5%, #045483 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0077BE', endColorstr='#045483');
background-color: #0077BE;
border: 1px solid #3B8CBD;
text-shadow: 1px 1px 0px #25719E;
}
.short-button.oqean:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #045483), color-stop(1, #0077BE) );
background: -moz-linear-gradient( center top, #045483 5%, #0077BE 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#045483', endColorstr='#0077BE');
background-color: #045483;
}
.short-button.oqean:active {
position: relative;
top: 1px;
}
.short-button.dark-violet123 {
background: #5c57a7;
/* Old browsers */
background: -moz-linear-gradient(top, #5c57a7 1%, #4c4595 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #5c57a7), color-stop(100%, #4c4595));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5c57a7 1%, #4c4595 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5c57a7 1%, #4c4595 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #5c57a7 1%, #4c4595 100%);
/* IE10+ */
background: linear-gradient(top, #5c57a7 1%, #4c4595 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c57a7', endColorstr='#4c4595', GradientType=0 );/* IE6-9 */;
}
.short-button.dark-violet {
-moz-box-shadow: inset 0px 1px 0px 0px #9D9ACB;
-webkit-box-shadow: inset 0px 1px 0px 0px #9D9ACB;
box-shadow: inset 0px 1px 0px 0px #9D9ACB;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5c57a7), color-stop(1, #37326D) );
background: -moz-linear-gradient( center top, #5c57a7 5%, #37326D 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5C57A7', endColorstr='#37326D');
background-color: #5C57A7;
border: 1px solid #666393;
text-shadow: 1px 1px 0px #585493;
}
.short-button.dark-violet:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #37326D), color-stop(1, #5C57A7) );
background: -moz-linear-gradient( center top, #37326D 5%, #5C57A7 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37326D', endColorstr='#5C57A7');
background-color: #37326D;
}
.short-button.dark-violet:active {
position: relative;
top: 1px;
}
.short-button.gold {
-moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
-webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
box-shadow: inset 0px 1px 0px 0px #fce2c1;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
background: -moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
background-color: #ffc477;
border: 1px solid #eeb44f;
text-shadow: 1px 1px 0px #cc9f52;
}
.short-button.gold:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
background: -moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
background-color: #fb9e25;
}
.short-button.gold:active {
position: relative;
top: 1px;
}
.short-button.light-green {
-moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
-webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
box-shadow: inset 0px 1px 0px 0px #c1ed9c;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
background: -moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
background-color: #9dce2c;
border: 1px solid #83c41a;
text-shadow: 1px 1px 0px #689324;
}
.short-button.light-green:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
background: -moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
background-color: #8cb82b;
}
.short-button.light-green:active {
position: relative;
top: 1px;
}
.short-button.brown {
-moz-box-shadow: inset 0px 1px 0px 0px #AC743D;
-webkit-box-shadow: inset 0px 1px 0px 0px #AC743D;
box-shadow: inset 0px 1px 0px 0px #AC743D;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #804000), color-stop(1, #572D02) );
background: -moz-linear-gradient( center top, #804000 5%, #572D02 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#804000', endColorstr='#572D02');
background-color: #804000;
border: 1px solid #754618;
text-shadow: 1px 1px 0px #7B4714;
}
.short-button.brown:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #572D02), color-stop(1, #804000) );
background: -moz-linear-gradient( center top, #572D02 5%, #804000 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#572D02', endColorstr='#804000');
background-color: #572D02;
}
.short-button.brown:active {
position: relative;
top: 1px;
}
.short-button.magenta {
-moz-box-shadow: inset 0px 1px 0px 0px #CB6B95;
-webkit-box-shadow: inset 0px 1px 0px 0px #CB6B95;
box-shadow: inset 0px 1px 0px 0px #CB6B95;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A9014B), color-stop(1, #6E0332) );
background: -moz-linear-gradient( center top, #A9014B 5%, #6E0332 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9014B', endColorstr='#6E0332');
background-color: #A9014B;
border: 1px solid #A82961;
text-shadow: 1px 1px 0px #a6205b;
}
.short-button.magenta:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6E0332), color-stop(1, #A9014B) );
background: -moz-linear-gradient( center top, #6E0332 5%, #A9014B 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E0332', endColorstr='#A9014B');
background-color: #6E0332;
}
.short-button.magenta:active {
position: relative;
top: 1px;
}
.short-button.cyan {
-moz-box-shadow: inset 0px 1px 0px 0px #A4FAFA;
-webkit-box-shadow: inset 0px 1px 0px 0px #A4FAFA;
box-shadow: inset 0px 1px 0px 0px #A4FAFA;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #04FAFA), color-stop(1, #058989) );
background: -moz-linear-gradient( center top, #04FAFA 5%, #058989 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04FAFA', endColorstr='#058989');
background-color: #04FAFA;
border: 1px solid #2FAAAA;
text-shadow: 1px 1px 0px #A6205B;
}
.short-button.cyan:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #058989), color-stop(1, #04FAFA) );
background: -moz-linear-gradient( center top, #058989 5%, #04FAFA 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#058989', endColorstr='#04FAFA');
background-color: #058989;
}
.short-button.cyan:active {
position: relative;
top: 1px;
}
.short-button.purple {
-moz-box-shadow: inset 0px 1px 0px 0px #984E98;
-webkit-box-shadow: inset 0px 1px 0px 0px #984E98;
box-shadow: inset 0px 1px 0px 0px #984E98;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9A199A), color-stop(1, #800080) );
background: -moz-linear-gradient( center top, #9A199A 5%, #800080 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9A199A', endColorstr='#800080');
background-color: #9A199A;
border: 1px solid #610761;
text-shadow: 1px 1px 0px #6E0B6E;
}
.short-button.purple:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #800080), color-stop(1, #9A199A) );
background: -moz-linear-gradient( center top, #800080 5%, #9A199A 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800080', endColorstr='#9A199A');
background-color: #800080;
}
.short-button.purple:active {
position: relative;
top: 1px;
}
/*== Liste Style ==*/
ul.favo-list.type-line li:first-child {
margin-top: 0;
padding-top: 0;
border: medium none;
box-shadow: none;
}
ul.favo-list.type-line li {
border-top: 1px solid #F0F0F0;
font-size: 13px;
list-style: none outside none !important;
margin-top: 7px;
padding-top: 7px;
}
ul.favo-list.type-line, ul.favo-list.type-star {
list-style: none outside none !important;
margin: 0 !important;
padding: 0 !important;
}
ul.favo-list.type-star > li:first-child {
margin-top: 0;
}
.post-entry ul li {
line-height: 25px;
list-style: disc inside none;
}
ul.favo-list.type-star li {
background: url("admin/shortcode/images/list/star.png") no-repeat scroll left center rgba(0, 0, 0, 0);
font-size: 13px;
list-style: none outside none !important;
margin-top: 5px;
padding: 3px 0 0 25px;
}
ul.favo-list.type-yes li:before, ul.favo-list.type-no li:before, ul.favo-list.type-star li:before {
content: ' ';
display: inline-block;
float: left;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
height: 18px;
margin-left: -25px;
margin-right: 0;
text-decoration: inherit;
width: 18px;
}
ul.favo-list.type-yes li:before {
color: #6EAD18 !important;
content: '\f00c';
}
ul.favo-list.type-star li:before {
color: #FBD925 !important;
content: '\f005';
}
ul.favo-list.type-no li:before {
color: #EF4E41 !important;
content: '\f00d';
}
ul.favo-list.type-yes > li:first-child, ul.favo-list.type-no > li:first-child {
margin-top: 0;
}
ul.favo-list.type-yes li, ul.favo-list.type-no li {
list-style: none outside none !important;
margin-top: 5px;
padding: 3px 0 0 25px;
}
ul.favo-list.type-bullet li {
list-style: none outside none !important;
}
.bullet-list > li:before, .type-bullet > li:before {
background: none repeat scroll 0 0 #6EAD18;
}
.bullet-list {
counter-reset: section;
list-style: none outside none;
margin: 0;
}
.bullet-list > li:before, .type-bullet > li:before {
background: none repeat scroll 0 0 #666666;
border-radius: 20px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4) inset;
color: #FFFFFF;
content: counter(section, decimal);
counter-increment: section;
float: left;
font-size: 11px;
font-weight: bold;
height: 20px;
line-height: 19px;
margin: 0 10px 15px -30px;
text-align: center;
width: 20px;
}
.bullet-list, .type-bullet, .link-list, .map-list, .arrow-list {
float: left;
overflow: hidden;
width: 95%;
margin-right: 20px;
margin-bottom: 20px;
}
.bullet-list li, .type-bullet, .link-list li, .map-list li, .arrow-list li {
color: #4d4d4d;
padding-left: 30px;
display: block;
min-height: 24px;
line-height: 24px;
}
.favo-list.type-bullet {
counter-reset: section;
}
.bullet-list li {
background: url(images/bullet-style.png) no-repeat left center;
}
/*== Divider ==*/
div.divider {
border-top: 1px solid #E6E6E6;
border-color: #E0DEDE;
clear: both;
display: block;
font-size: 1px;
height: 1px;
line-height: 0;
margin: 30px 0;
overflow: hidden;
}
div.divider.double {
height: 8px;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
}
div.divider.dashed {
border-top: 2px dashed #EEE;
}
div.divider.dotted {
border-top: 3px dotted #EEE;
}
div.divider.sep-stripe {
background: url('images/texture.png') repeat scroll 0% 0% transparent;
height: 10px;
border-top: none;
}
.symple-heading-double-line {
height: 40px !important;
line-height: 40px !important;
padding: 0px !important;
border-bottom: medium none;
background: url('images/double-line.png') repeat-x scroll center center transparent;
}
.symple-heading.text-align-left span {
padding-right: 15px;
}
.symple-heading span {
background: none repeat scroll 0% 0% #FFF;
}
.symple-heading-double-line {
line-height: 40px !important;
}
.content .entry iframe {
max-width: 100%;
}
.single-video iframe {
width: 100%;
}
/*== Columns ==*/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
float: left;
margin-right: 4%;
position: relative;
}
.one_half {
width: 48%;
}
.one_third {
width: 30.66%;
}
.two_third {
width: 65.33%;
}
.one_fourth {
width: 22%;
}
.three_fourth {
width: 74%;
}
.one_fifth {
width: 16.8%;
}
.two_fifth {
width: 37.6%;
}
.three_fifth {
width: 58.4%;
}
.four_fifth {
width: 67.2%;
}
.one_sixth {
width: 13.33%;
}
.five_sixth {
width: 82.67%;
}
.entry .last {
margin-right: 0 !important;
clear: right;
}
.entry-page .last {
clear: right;
margin-right: 0 !important;
}
/*== Toggle ==*/
ul.toggle-box {
margin: 0;
list-style: none;
padding: 0;
}
ul.toggle-box li {
margin-bottom: 10px;
}
ul.toggle-box li h3.toggle-box-head {
padding: 5px 8px;
margin: 0;
line-height: 22px;
overflow: hidden;
cursor: pointer;
font-size: 13px;
background-color: #FBFBFB;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe5e5e5', GradientType=0);
border: 1px solid #ddd;
}
ul.toggle-box li h3.toggle-box-head span {
background-color: rgba(255,255,255,0.5);
color: #999;
height: 34px;
width: 38px;
float: right;
margin: -6px -10px;
display: block;
text-align: center;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
border-left: 1px solid #E2E2E2;
}
ul.toggle-box li h3.toggle-box-head span:before {
content: "\f077";
font-family: FontAwesome;
display: block;
vertical-align: middle;
font-size: 14px;
font-weight: normal;
margin-top: 5px;
}
ul.toggle-box li h3.toggle-box-head i {
font-size: 14px;
margin-right: 5px;
}
ul.toggle-box li h3.toggle-box-head.active {
color: #333;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
ul.toggle-box li h3.toggle-box-head.active span {
-webkit-border-radius: 0 4px 0 0;
-moz-border-radius: 0 4px 0 0;
border-radius: 0 4px 0 0;
}
ul.toggle-box li h3.toggle-box-head.active span:before {
content: "\f078";
}
ul.toggle-box li h3.toggle-box-head:hover {
color: #333;
background: #EFEFEF;
}
ul.toggle-box li .toggle-box-content {
padding: 20px;
border: 1px solid #ddd;
border-top: none;
-webkit-box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
-moz-box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
/*== accordion ==*/
ul.favo-accordion {
margin: 0;
list-style: none;
padding: 0;
}
ul.favo-accordion li.accordion-group {
border: 1px solid #d5d5d5;
margin-bottom: 5px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
}
ul.favo-accordion li.accordion-group h3.accordion-heading {
padding: 5px 8px;
margin: 0;
line-height: 22px;
cursor: pointer;
font-size: 13px;
background-color: #FBFBFB;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe5e5e5', GradientType=0);
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
ul.favo-accordion li.accordion-group h3.accordion-heading .fa-plus-circle {
text-align: left;
}
ul.favo-accordion li.accordion-group h3.accordion-heading .fa-plus-circle:before {
font-size: 14px;
}
ul.favo-accordion li.accordion-group h3.accordion-heading.active {
color: #333;
}
.fa-plus-circle:before {
content: "\f055";
}
ul.favo-accordion li.accordion-group h3.accordion-heading.active .fa-shorticon:before {
content: "\f056";
}
[class^="fa-"], [class*=" fa-"] {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
margin-right: 5px;
}
ul.favo-accordion li.accordion-group h3.accordion-heading.active .fa-plus-circle:before {
content: "\f056";
}
ul.favo-accordion li.accordion-group h3.accordion-heading:hover {
color: #333;
background: #EFEFEF;
}
ul.favo-accordion li.accordion-group .accordion-inner {
border-top: 1px solid #D5D5D5;
background: #fff;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
-moz-box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
padding: 20px;
}
/*== tabs ==*/
div.favo-tabs ul.nav-tabs {
list-style: none;
margin: 0 5px;
padding: 0 5px;
border-bottom: none;
border-bottom: 1px solid #ddd;
}
div.favo-tabs ul.nav-tabs li {
overflow: hidden;
max-width: 25%;
padding: 0;
float: left;
}
.nav-tabs > li {
margin-bottom: -1px;
}
div.favo-tabs ul.nav-tabs li a {
margin-right: 5px;
padding: 8px 25px;
display: block;
border: 1px solid #ddd;
background: #F7F6F6;
font-size: 13px;
color: #666;
font-weight: bold;
line-height: 20px;
text-transform: capitalize;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
div.favo-tabs ul.nav-tabs li a:hover {
color: #000;
}
div.favo-tabs ul.nav-tabs li a.active {
border-bottom-color: #fff;
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
div.favo-tabs div.tab-content {
padding: 10px 5px;
overflow: visible;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #E5E5E5;
border-top: none;
margin: 0 5px;
}
div.favo-tabs div.tab-content > div {
display: none;
}
div.favo-tabs div.tab-content > div.active {
display: block;
}
div.favo-tabs[class*="style"] ul.nav-tabs {
margin: 0 5px;
border-bottom: 3px solid #85B24E;
}
div.favo-tabs[class*="style"] ul.nav-tabs li {
margin-bottom: 0;
}
div.favo-tabs[class*="vertical"] ul.nav-tabs li {
max-width: 300px;
}
div.favo-tabs[class*="style"] ul.nav-tabs li a {
padding: 8px 25px;
}
div.favo-tabs[class*="style"] ul.nav-tabs li a.active {
border-color: #7BA543;
border-bottom-color: #85B24E;
background: #85B24E;
color: #fff;
text-shadow: none;
}
div.favo-tabs[class*="style"] div.tab-content {
padding: 20px;
border: 1px solid #E5E5E5;
border-top: none;
margin: 0 5px;
}
div.favo-tabs.style-blue ul.nav-tabs {
border-bottom-color: #61A5CA;
}
div.favo-tabs.style-blue ul.nav-tabs li a.active {
background: #61A5CA;
border-color: #61A5CA;
}
div.favo-tabs.style-black ul.nav-tabs {
border-bottom-color: #626262;
}
div.favo-tabs.style-black ul.nav-tabs li a.active {
background: #626262;
border-color: #626262;
}
div.favo-tabs.style-red ul.nav-tabs {
border-bottom-color: #E02C26;
}
div.favo-tabs.style-red ul.nav-tabs li a.active {
background: #E02C26;
border-color: #E02C26;
}
div.favo-tabs.style-orange ul.nav-tabs {
border-bottom-color: #ef2748;
}
div.favo-tabs.style-orange ul.nav-tabs li a.active {
background: #ef2748;
border-color: #ef2748;
}
div.favo-tabs.vertical {
margin-left: 120px;
clear: both;
}
div.favo-tabs.vertical ul.nav-tabs {
float: left;
width: 120px;
margin-left: -120px;
border: none;
padding: 0;
}
div.favo-tabs.vertical ul.nav-tabs li {
float: none;
margin-bottom: 10px;
display: block;
overflow: visible;
}
div.favo-tabs.vertical ul.nav-tabs li a {
margin: 0;
padding: 6px 10px;
border: none;
text-align: left;
background: none;
position: relative;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
overflow: visible;
border: 1px solid #ddd;
background: #F7F6F6;
}
div.favo-tabs.vertical ul.nav-tabs li a.active {
background: #606060;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
div.favo-tabs.vertical ul.nav-tabs li a.active:before {
border-bottom: 17px solid transparent;
border-left: 17px solid #606060;
border-top: 17px solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
top: -1px;
right: -16px;
}
div.favo-tabs.vertical div.tab-content {
width: 100%;
border: none;
padding: 20px 20px 20px 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 -1px;
border: 1px solid #E5E5E5;
}
div.favo-tabs.vertical.style-green ul.nav-tabs li a.active {
background: #85B24E;
}
div.favo-tabs.vertical.style-green ul.nav-tabs li a:before {
border-left: 15px solid #85B24E;
}
div.favo-tabs.vertical.style-blue ul.nav-tabs li a.active {
background: #61A5CA;
}
div.favo-tabs.vertical.style-blue ul.nav-tabs li a:before {
border-left: 15px solid #61A5CA;
}
div.favo-tabs.vertical.style-red ul.nav-tabs li a.active {
background: #E02C26;
}
div.favo-tabs.vertical.style-red ul.nav-tabs li a:before {
border-left: 15px solid #E02C26;
}
div.favo-tabs.vertical.style-orange ul.nav-tabs li a.active {
background: #ef2748;
}
div.favo-tabs.vertical.style-orange ul.nav-tabs li a:before {
border-left: 15px solid #ef2748;
}
/* == lightbox ==*/
ul.thumbnails > li {
margin-bottom: 10px !important;
}
#favo-lightbox:after {
background: -moz-element(#favo-lightbox);
}
#favo-lightbox1:after {
background: -moz-element(#favo-lightbox1);
}
#favo-lightbox2:after {
background: -moz-element(#favo-lightbox2);
}
#favo-lightbox3:after {
background: -moz-element(#favo-lightbox3);
}
#favo-lightbox4:after {
background: -moz-element(#favo-lightbox4);
}
#favo-lightbox5:after {
background: -moz-element(#favo-lightbox5);
}
#favo-lightbox6:after {
background: -moz-element(#favo-lightbox6);
}
#favo-lightbox7:after {
background: -moz-element(#favo-lightbox7);
}
.favo-lightbox {
margin: 0 20px 20px 0;
z-index: 5;
overflow: hidden;
display: block;
}
.favo-lightbox.image-left {
float: left;
}
.favo-lightbox.image-right {
float: right;
margin: 0 0 20px 20px;
}
.favo-lightbox.no-border {
padding: 0;
border: none;
}
.favo-lightbox.image-none {
margin: 0 0 10px;
display: inline-block;
}
.favo-lightbox.border {
padding: 5px;
background: #FCFCFC;
border: 1px solid #ddd;
}
.favo-lightbox.borderInner {
position: relative;
z-index: 1;
}
.favo-lightbox.borderInner .transparent-border {
position: absolute;
content: "";
top: 0;
border: 5px solid rgba(0,0,0,0.2);
z-index: 2;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.favo-lightbox.shadow {
box-shadow: 0 15px 10px -13px rgba(0,0,0,0.5);
}
.favo-lightbox.reflect {
height: 100%;
position: relative;
z-index: 1;
overflow: visible;
}
.favo-lightbox.reflect:after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
mask: url("./images/mask.svg#light");
opacity: 0.8;
pointer-events: none;
transform: scaleY(-1);
}
.favo-lightbox a {
min-height: 80px;
min-width: 80px;
margin: 0;
padding: 0;
border: none;
width: auto;
display: block;
position: relative;
left: auto;
top: auto;
right: auto;
overflow: hidden;
z-index: 1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.favo-lightbox a h3.img-title {
position: absolute;
bottom: -10%;
left: 0;
width: 100%;
padding: 8px 10px;
margin: 0;
font-size: 12px;
color: #eee;
opacity: 0;
filter: alpha(opacity=0);
line-height: 18px;
background: rgba(0,0,0,0.6);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.favo-lightbox a:hover h3.img-title {
bottom: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.favo-lightbox a img {
width: 100%;
}
/*== Gallery ==*/
.gallery {
margin: 0px auto 30px;
overflow: hidden;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery .gallery-item img {
background: #FFF;
padding: 2px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0 0 2px #B5B5B5;
-moz-box-shadow: 0 0 2px #b5b5b5;
-webkit-box-shadow: 0 0 2px #B5B5B5;
-webkit-transition: all .40s;
-moz-transition: all .40s;
-o-transition: all .40s;
transition: all .40s;
width: 88%;
height: auto;
}
.gallery .gallery-item a:hover img {
box-shadow: 0 0 2px #666;
-moz-box-shadow: 0 0 2px #666;
-webkit-box-shadow: 0 0 2px #666;
opacity: 0.6;
margin: -5px 0 5px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery img {
border: 0 none !important;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
margin: 0 0 12px;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none;
}
.gallery br + br {
display: none;
}
.attachment img {
display: block;
margin: 0 auto;
}
.row-fluid .span4 {
width: 31.59%;
*width: 31.59%;
}
.row-fluid {
width: 100%;
display: inline-table;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
/*-------------------------------------------------*/
/* = 17.0 lightbox (prettyPhoto)
/*-------------------------------------------------*/
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
div.pp_default .pp_gallery ul li a {
background: url("./images/prettyPhoto/default/default_thumb.png") repeat scroll center center #F8F8F8;
border: 1px solid #AAAAAA;
}
.pp_default .ppt {
color: #fff;
text-align: center;
display: none;
font-size: 145%;
margin: 0 0 5px 15px;
z-index: 9999;
}
.pp_default .pp_top {
height: 13px;
}
.pp_default .pp_top .pp_left {
background: url(./images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}
.pp_default .pp_top .pp_middle {
background: url(./images/prettyPhoto/default/sprite_x.png) top left repeat-x;
}
.pp_default .pp_top .pp_right {
background: url(./images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
}
.pp_default .pp_content_container {
background: #fff;
padding: 10px;
border: 5px solid #262626;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
position: relative;
}
.pp_default .pp_content_container .pp_content {
min-height: 40px;
overflow: hidden;
}
.pp_default .pp_content_container .pp_content .pp_fade {
display: none;
}
.pp_default .pp_content_container .pp_content .pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
background: url(./images/prettyPhoto/default/loader.gif) center center no-repeat;
}
.pp_default .pp_content_container .pp_content .pp_expand, .pp_default .pp_content_container .pp_content .pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 10px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
background: url(./images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
cursor: pointer;
height: 28px;
width: 28px;
}
.pp_default .pp_content_container .pp_content .pp_expand:hover, .pp_default .pp_content_container .pp_content .pp_contract:hover {
background: url(./images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
}
.pp_default .pp_content_container .pp_content .pp_contract {
background: url(./images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
cursor: pointer;
height: 28px;
width: 28px;
}
.pp_default .pp_content_container .pp_content .pp_contract:hover {
background: url(./images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
}
.pp_default .pp_content_container .pp_content .pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_default .pp_content_container .pp_content .pp_hoverContainer a.pp_next {
background: url(./images/prettyPhoto/default/sprite_next.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
.pp_default .pp_content_container .pp_content .pp_hoverContainer a.pp_next:hover {
background: url(./images/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer;
}
.pp_default .pp_content_container .pp_content .pp_hoverContainer a.pp_previous {
background: url(./images/prettyPhoto/default/sprite_prev.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
.pp_default .pp_content_container .pp_content .pp_hoverContainer a.pp_previous:hover {
background: url(./images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
}
.pp_default .pp_content_container .pp_content .pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_default .pp_content_container .pp_content .pp_gallery .pp_arrow_previous, .pp_default .pp_content_container .pp_content .pp_gallery .pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
left: auto;
position: static;
background: url(./images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
height: 20px;
margin: 4px 0 0;
width: 20px;
}
.pp_default .pp_content_container .pp_content .pp_gallery .pp_arrow_next {
background-position: -82px -3px;
left: 52px;
}
.pp_default .pp_content_container .pp_content .pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_default .pp_content_container .pp_content .pp_gallery div ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_default .pp_content_container .pp_content .pp_gallery div ul li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_default .pp_content_container .pp_content .pp_gallery div ul li a {
border: 1px rgba(0,0,0,0.3) solid;
display: block;
float: left;
height: 30px;
overflow: hidden;
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pp_default .pp_content_container .pp_content .pp_gallery div ul li a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.pp_default .pp_content_container .pp_content ul li a {
background: url("./images/prettyPhoto/default/default_thumb.png") repeat scroll center center #F8F8F8;
border: 1px solid #AAAAAA;
display: block;
width: 50px;
}
.pp_default .pp_content_container .pp_content .pp_details {
margin: 10px 0 5px;
position: relative;
float: left;
}
.pp_default .pp_content_container .pp_content .pp_details .pp_nav {
clear: none;
height: 30px;
position: relative;
width: 110px;
float: left;
}
.pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_play, .pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_pause {
height: 30px;
width: 30px;
float: left;
margin-right: 4px;
text-indent: -10000px;
background: url(./images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
}
.pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_play {
height: 30px;
width: 30px;
}
.pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_play:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_pause {
background-position: -51px -29px;
}
.pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_pause:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_arrow_previous, .pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
background: url(./images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
height: 20px;
margin: 4px 0 0;
width: 20px;
}
.pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_arrow_previous:hover, .pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_arrow_next:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.pp_default .pp_content_container .pp_content .pp_details .pp_nav .pp_arrow_next {
background-position: -82px -3px;
left: 52px;
}
.pp_default .pp_content_container .pp_content .pp_details .pp_nav .currentTextHolder {
color: #999;
font-family: Georgia;
font-size: 95%;
font-style: italic;
left: 75px;
line-height: 25px;
margin: 0;
padding: 0 0 0 10px;
position: absolute;
top: 2px;
}
.pp_default .pp_content_container .pp_content .pp_details .pp_description {
font-size: 95%;
font-weight: 700;
margin: 5px 50px 5px 0px;
height: 30px;
margin: 5px 50px 5px 15px;
display: inline-block;
}
.pp_default .pp_content_container .pp_content .pp_details .pp_close {
display: block;
line-height: 22px;
position: absolute;
right: 0;
text-indent: -10000px;
top: 0;
background: url(./images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
cursor: pointer;
height: 30px;
width: 30px;
}
.pp_default .pp_content_container .pp_content .pp_details .pp_close:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.pp_default .pp_bottom {
height: 13px;
}
.fv_row-fluid {
margin-bottom: 35px;
}
.fv_row-fluid [class*="fv_col-sm"] {
display: block;
min-height: 1px;
float: left;
position: relative;
padding-right: 15px;
padding-left: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fv_row-fluid .sidebar_content.left {
padding-right: 20px;
border-right: 1px solid #F3F3F3;
}
.fv_row-fluid .sidebar_content.right {
padding-left: 20px;
border-left: 1px solid #F3F3F3;
}
.fv_row-fluid .sidebar.right {
padding-left: 20px;
}
.fv_row-fluid .sidebar.left {
padding-right: 20px;
}
.fv_col-sm-12 {
width: 100%;
}
.fv_col-sm-11 {
width: 91.66666666666667%;
}
.fv_col-sm-10 {
width: 83.33333333333334%;
}
.fv_col-sm-9 {
width: 75%;
}
.fv_col-sm-8 {
width: 66.66666666666667%;
}
.fv_col-sm-7 {
width: 58.333333333333336%;
}
.fv_col-sm-6 {
width: 50%;
}
.fv_col-sm-5 {
width: 41.66666666666667%;
}
.fv_col-sm-4 {
width: 33.333333333333336%;
}
.fv_col-sm-3 {
width: 25%;
}
.fv_col-sm-2 {
width: 16.666666666666668%;
}
.fv_col-sm-1 {
width: 8.333333333333334%;
}
.wpb_column > .wpb_wrapper > :last-child {
margin-bottom: 0px;
}
.socialSharing {
position: absolute;
z-index: 22;
opacity: 0;
}
article:hover .socialSharing {
opacity: 1;
}
.socialSharing {
top: 70%;
width: 100%;
text-align: center;
}
.socialSharing.socialBar.samll {
top: 70%;
width: 100%;
text-align: center;
}
.socialSharing {
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.singleButton {
float: none;
margin-right: 5px;
display: inline-block;
}
.singleButton {
width: 60px;
}
.socialBar.samll .singleButton {
width: 45px;
}
.singleButton .social-button a {
background: transparent;
}
.singleButton .social-button a i {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease
}
.singleButton .social_icon-facebook {
background-color: #39599F !important;
}
.singleButton .social_icon-twitter {
background-color: #00ACED !important;
}
.singleButton .social_icon-google {
background-color: #C20907 !important;
}
.singleButton .social_icon-email {
background-color: #2964BF !important;
}
.singleButton .social-button a i {
height: 45px;
position: relative;
width: 45px;
border-radius: 100%;
top: 0px;
left: 0px;
color: #FFF;
display: block;
font-size: 24px;
line-height: 45px;
text-align: center;
}
.socialBar.samll .singleButton .social-button a i {
height: 35px;
width: 35px;
font-size: 18px;
line-height: 35px;
}
.singleButton .social-button a i:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.socialBar.samll .singleButton .social-button a i:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.vc_row.boxed {
margin: 0px auto 35px auto;
max-width: 1200px;
min-width: 320px;
width: 100%;
}
.row.fulid.full .bigslider .main-slideshow.style2 .block_right .block_item {
max-height: 192.33px;
}
/* Tables ---------------------- */
table {
background: #fff;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin: 0 0 18px;
border: 1px solid #dddddd;
}
table thead, table tfoot {
background: #f5f5f5;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
display: table-cell;
font-size: 12px;
line-height: 18px;
text-align: left;
}
table thead tr th, table tfoot tr td {
padding: 8px 10px 9px;
font-size: 12px;
font-weight: bold;
color: #222;
}
table thead tr th:first-child, table tfoot tr td:first-child {
border-left: none;
}
table thead tr th:last-child, table tfoot tr td:last-child {
border-right: none;
}
table tbody tr.even, table tbody tr.alt {
background: #f9f9f9;
}
table tbody tr:nth-child(even) {
background: #f9f9f9;
}
table tbody tr td {
color: #333;
padding: 9px 10px;
vertical-align: top;
border: none;
}
/* Alerts ---------------------- */
.alert-box {
border-style: solid;
border-width: 1px;
display: block;
font-weight: normal;
margin-bottom: 2rem;
position: relative;
padding: 2rem;
font-size: 16px;
transition: opacity 300ms ease-out;
background-color: #2ba6cb;
border-color: #258faf;
color: white;
}
.alert-box .close {
font-size: 3rem;
padding: 9px 6px 4px;
line-height: 0;
position: absolute;
top: 10%;
margin-top: -0.6875rem;
right: 0.25rem;
color: #333333;
opacity: 0.3;
}
.alert-box.round .close {
top: 50%;
}
.alert-box .close:hover, .alert-box .close:focus {
opacity: 0.5;
}
.alert-box.radius {
border-radius: 10px;
}
.alert-box.round {
border-radius: 1000px;
}
.alert-box.alignright {
float: right;
margin-left: 20px;
}
.alert-box.alignleft {
float: left;
margin-right: 20px;
}
.alert-box.success {
background-color: #D7F4AE;
border-color: #B3E866;
color: #4F4F4F;
}
.alert-box.success .favoicon-boxicon:before {
content: '\f00c';
color: #71ac22
}
.alert-box.alert {
background-color: #c60f13;
border-color: #aa0d10;
color: white;
}
.alert-box.success .favoicon-boxicon:before {
content: '\f00c';
color: #78b428
}
.alert-box.error {
background-color: #fac6bd;
border-color: #f78f7e;
color: #4F4F4F;
}
.alert-box.error .favoicon-boxicon:before {
content: '\f00d';
color: #ff2100
}
.alert-box.secondary {
background-color: #e9e9e9;
border-color: #c8c8c8;
color: #4f4f4f;
}
.alert-box.warning {
background-color: #f9cd98;
border-color: #F9B566;
color: #4F4F4F;
}
.alert-box.warning .favoicon-boxicon:before {
content: '\f056';
color: #FF2100
}
.alert-box.download {
background-color: #CCFA8A;
border-color: #c0fa6c;
color: #4F4F4F;
}
.alert-box.download .favoicon-boxicon:before {
content: '\f0ed';
color: #2d9d06
}
.alert-box.note {
background-color: #fdfca2;
border-color: #fcfb7e;
color: #4F4F4F;
}
.alert-box.note .favoicon-boxicon:before {
content: '\f0eb';
color: #e3cb04
}
.alert-box.info {
background-color: #a0d3e8;
border-color: #74bfdd;
color: #4f4f4f;
}
.alert-box.info .favoicon-boxicon:before {
content: '\f05a';
color: #046DE4
}
.alert-box.alert-close {
opacity: 0;
}
.alert-box .favoicon-boxicon:before {
font-size: 60px;
height: 60px;
line-height: 60px;
margin: 0;
width: 60px;
}
.alert-box .favoicon-boxicon {
float: left;
margin-left: -70px;
}
.alert-box div.box-inner-block {
min-height: 50px;
padding-left: 60px;
}yeah i have uploaded this version, in wordpress maybe some sort of caching?
Ah, misunderstood you. Yes, quite possible there's caching on it, not an expert on wordpress.
Could be either WP, or server caching depending on how it's setup.
Could be either WP, or server caching depending on how it's setup.
Seems fine to me.