/*
Theme Name: MagOne
Theme URI: https://sneeit.com/magone-newspaper-and-magazine-wordpress-theme/
Author: Tien Nguyen
Author URI: https://sneeit.com/category/wordpress/themes/
Description: Mag One - All In One Magazine WordPress Theme
Version: 6.2
License:
- GNU General Public License v2 or later
License URI:
- http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-lang.feed.widget.three .item-contentuage-support, sticky-post, translation-ready, gray, custom-background, full-width-template
Text Domain: magone
This theme, like WordPress, is licensed under the GPL.
*/
/*Default Customizer CSS*/
.m1-wrapper{width:1010px}#content{width:69%}.main-sidebar{width:31%}a{color: #FF3D00;}a:hover {color: #FF3D00;}.color {color: #FF3D00;}.border {border-color: #FF3D00;}.bg {background-color: #FF3D00;}.main-menu {border-top: 1px solid #FF3D00;}.main-menu ul.sub-menu li:hover > a {border-left: 2px solid #FF3D00;}.main-menu .menu-item-mega > .menu-item-inner > .sub-menu {border-top: 2px solid #FF3D00;}.main-menu .menu-item-mega > .menu-item-inner > .sub-menu > li li:hover a {border-left: 1px solid #FF3D00;}.main-menu ul.sub-menu li:hover > a, .main-menu .menu-item-mega > .menu-item-inner > .sub-menu, .main-menu .menu-item-mega > .menu-item-inner > .sub-menu > li li:hover a {border-color: #FF3D00!important;}.header-social-icons ul li a:hover {color: #FF3D00;}.owl-dot.active {background: #FF3D00;}.main-sidebar .widget.follow-by-email .follow-by-email-submit {background: #FF3D00;}#footer .widget.social_icons li a:hover {color: #FF3D00;}#footer .follow-by-email .follow-by-email-submit {background: #FF3D00;}.feed.widget .feed-widget-header {border-color: #FF3D00;}.feed.widget.box-title h2.widget-title {background: #FF3D00;}.social_counter {color: #FF3D00}.social_counter .button {background: #FF3D00}body{color:#000000}body{background-color:#efefef}.m1-wrapper, a.comments-title.active{background:#efefef}.header-bg{background-color:#ffffff;}#header-content, #header-content span, #header-content a {color: #000000}.main-menu ul.menu > li > a{color:#777777}.main-menu ul.menu > li:hover > a{color:#000000}.main-menu {background:#ffffff}.main-menu ul.menu > li.current-menu-item > a {color:#ffffff}.main-menu ul.menu li ul.sub-menu li > a{color:#cccccc}.main-menu ul.menu li ul.sub-menu li:hover > a{color:#ffffff}.main-menu ul.sub-menu,.main-menu .menu-item-mega-label .menu-item-inner{background:#333}body{background-attachment:scroll}body{font:normal normal 14px "Roboto", sans-serif}h1.post-title{font:normal normal 40px "Roboto", sans-serif}.feed-widget-header .widget-title{font:normal normal 20px "Roboto", sans-serif}.main-sidebar .widget > h2, .main-sidebar .feed-widget-header, .main-sidebar .feed-widget-header h2{font:normal normal 14px "Roboto", sans-serif}
/*REQUIRED BY WORDPRESS*/
.wp-caption{max-width:100%;}
.wp-caption-text{
font-size: 0.9em;
font-style: italic;
color: #666;
text-align: center;
}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignright{float: right;margin: 5px 0 0 1em;}
.alignleft{float: left;margin: 5px 1em 0 0;}
.aligncenter{display: block;margin: auto;text-align: center;}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
.m1-wrapper {max-width: 100%;margin: auto;}
/*FRAMEWORKS*/
/*basic*/
* {
word-wrap: break-word;
white-space: normal;
}
body {
position: relative;
margin: 0;
padding: 0;
}
a {
cursor: pointer;
}
a img {
border: none;
}
/*override system*/
.section, .widget {
margin: 0;
padding: 0;
display: block;
}
/*layout*/
.clear {
display: block;
clear: both;
float: none;
}
.inb {
display: -moz-inline-stack;
display: inline-block;
*display: inline;
zoom: 1;
}
.table {
display: table;
width: 100%;
}
.tr {
display: table-row;
width: 100%;
}
.td {
display: table-cell;
vertical-align: middle;
}
/*user interface*/
.wide {
margin: auto;
width: 96.1%;
}
img, iframe, object {
max-width: 100%;
}
.embed-vimeo iframe,
iframe[src*="vimeo"],
iframe[src*="youtu"]{
max-height: 320px!important;
}
img {
height: auto;
}
.hide, #admin-section {
display: none;
}
.natural-thumbnail,
.item-thumbnail {
overflow: hidden;
display: block;
z-index: 9;
width: 100%;
position: relative;
}
.item-thumbnail .item-thumbnail-resize-portrait {/*height larger than width*/
display: block;
width: 100%;
height:1100%;
margin-top: -500%;
vertical-align: middle;
}
.item-thumbnail .item-thumbnail-resize-landscape {/*width larger than height*/
display: block;
width: 1100%;
height: 100%;
margin-left: -500%;
text-align: center;
}
.item-thumbnail img {
position: relative;
display: inline-block;
height: auto;
width: auto;
max-width: 9999px;
max-height: 9999px;
padding: 0!important;
*display:block;
zoom: 1;
}
.item-thumbnail .item-thumbnail-resize-portrait img {
height: auto!important;
width: 100%!important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.item-thumbnail .item-thumbnail-resize-landscape img {
height: 100%!important;
width: auto!important;
}
.natural-thumbnail img {
display: block;
height: auto;
width: 100%;
}
.content-template h2,
.content-template h2,
.content-template h3,
.content-template h4 {
margin: 1em 0 0.5em 0;
}
.content-template ul,
.content-template ol {
margin: 0.5em 0 1.5em 0;
}
span.widget-item-control {
position: absolute;
right: 0;
bottom: 0;
}
.content-template {
font-weight: normal;
line-height: 1.5em;
padding: 5px 0 0 0;
}
.content-template iframe {
display: block;
margin: 1em auto;
}
.post-ads iframe {
margin: auto;
}
/*CSS3*/
.shad, .shadow, .shd, .sd {
box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
}
.circle, .cir {
-o-border-radius: 100%;
-ms-border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.rad2 {
-o-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
/*EXTERNAL CSS*/
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
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;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
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 {
width: 100%;
}
.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 .owl-carousel {
display: block
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1
}
/*http://projects.lukehaas.me/css-loaders*/
.loader:before,
.loader:after,
.loader {
border-radius: 50%;
width: 2.5em;
height: 2.5em;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: loading_dots 1.8s infinite ease-in-out;
animation: loading_dots 1.8s infinite ease-in-out;
}
.loader {
font-size: 10px;
margin: 80px auto;
position: relative;
text-indent: -9999em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loader:before {
left: -3.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader:after {
left: 3.5em;
}
.loader:before,
.loader:after {
content: '';
position: absolute;
top: 0;
}
@-webkit-keyframes loading_dots {
0%, 80%, 100% {
box-shadow: 0 2.5em 0 -1.3em rgba(125,125,125,0.5)
}
40% {
box-shadow: 0 2.5em 0 0 rgba(125,125,125,0.5);
}
}
@keyframes loading_dots {
0%, 80%, 100% {
box-shadow: 0 2.5em 0 -1.3em rgba(125,125,125,0.5);
}
40% {
box-shadow: 0 2.5em 0 0 rgba(125,125,125,0.5);
}
}
/*YOUR CUSTOM CSS HERE*/
.white {
background: white;
}
.m1-wrapper {
padding: 0 0 30px 0;
}
/*header*/
#header {
position: relative;
z-index: 29;
padding: 20px 0 0 0;
}
#header.has-top-menu {
padding-top: 0;
}
.solid-wrapper .header-layout-default#header,
.solid-wrapper .header-layout-logo-top#header{
padding-top: 0;
}
#header-section {
position: relative;
z-index: 999;
}
.solid-wrapper #header-section {
box-shadow: none;
}
#header-wide .widget {
margin: 30px 0 0 0;
}
#header-content {
height: 100%;
position: relative;
margin: 0;
clear: both;
width: 100%;
float: none;
}
.main-menu-toggle {
float: left;
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}
#search-toggle {
float: right;
}
.header-button {
display: block;
}
.header-button .inner {
line-height: 20px;
padding: 20px 20px 0 0;
display: block;
}
.main-menu-toggle .inner {
padding-left: 20px;
}
.header-button .inner > span {
color: #999;
font-size: 10px;
line-height: 20px;
vertical-align: text-bottom;
}
.header-button:hover .inner span,
.header-button.active .inner span {
color: black
}
.header-button .inner i.fa {
font-size: 20px;
line-height: 20px;
}
#header .toggle-button .arrow {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom-width: 5px;
border-bottom-style: solid;
position: absolute;
left: 40px;
bottom: 0;
display: none;
}
#header .toggle-button.active .arrow {
display: block;
}
.blog-title {
float: left;
font-size: 26px;
font-weight: normal;
margin: 15px 20px 0 0;
max-width: 50%;
}
.top-page-wrapper .widget * {
max-width: 100%;
}
.top-page-wrapper.auto-height .widget *{
max-width: none;
}
.header-layout-default .blog-title img {
border-left: 1px solid #ddd;
padding: 0 0 0 20px;
}
#top-page-logo .blog-title {
float: none;
margin: 0;
padding: 0;
border: none;
max-width: 100%;
height: auto;
}
#top-page-logo .blog-title img {
max-height: none!important;
}
.top-page-wrapper.auto-height {
padding-bottom: 10px;
}
.top-page-wrapper.auto-height .section#top-page .widget {
min-width: 50%;
float: right;
}
.section.header-wide .widget {
margin-top: 30px;
}
#header.header-layout-logo-top .header-button,
#header.header-layout-logo-mid .header-button {
height: 40px;
line-height: 40px;
}
#header.header-layout-logo-top .header-button .inner,
#header.header-layout-logo-mid .header-button .inner{
padding-top: 10px;
padding-bottom: 10px;
}
#header.header-layout-logo-top #header-content,
#header.header-layout-logo-mid #header-content {
height: 40px;
}
#header.header-layout-logo-top .header-social-icons ul li,
#header.header-layout-logo-mid .header-social-icons ul li {
height: 35px;
line-height: 35px;
}
#header.header-layout-logo-top .top-bar,
#header.header-layout-logo-mid .top-bar {
border-bottom: 1px solid #DDD;
margin: 0 0 10px 0;
}
#header.header-layout-logo-top .blog-title,
#header.header-layout-logo-mid .blog-title {
width: 100%;
text-align: center;
}
#header.header-layout-logo-mid .blog-title {
padding: 10px 0;
}
#header.header-layout-logo-top .td .blog-title,
#header.header-layout-logo-mid .td .blog-title {
text-align: left;
}
#header.header-layout-logo-top .td .header-ads,
#header.header-layout-logo-mid .td .header-ads {
max-width: 728px;
float: right;
}
#header.header-layout-logo-mid .top-bar .header-social-icons {
float: left;
}
#header.header-layout-logo-mid .top-bar #search-toggle {
height: 35px;
}
#header.header-layout-logo-mid .top-bar #search-toggle .inner {
padding: 0;
line-height: 40px;
}
#header.header-layout-logo-mid .top-bar .header-social-icons ul li {
height: 35px;
line-height: 35px;
}
#header.header-layout-logo-mid {
padding-top: 0;
}
#header.header-layout-logo-mid #header-content {
display: none;
}
#header.header-layout-logo-mid .top-page-wrapper {
padding-bottom: 10px;
}
/*full width header*/
#header .m1-wrapper {
padding: 0;
}
.full-width-header #header {
padding: 0;
box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
}
.full-width-header #header div#header-section {
box-shadow: none;
}
.full-width-header .header-layout-logo-top .top-page-wrapper.auto-height {
padding: 10px 0 0 0;
}
/* TOP MENU */
/* top menu layout*/
#header.header-layout-logo-mid .top-bar.has-menu .header-social-icons {
float: right;
}
#header.header-layout-logo-mid .top-menu {
float: left;
z-index: 9999;
}
/*MENUS*/
body.logged-in .menu-item-show-when-logged-out {
display: none!important;
}
.menu-item-show-when-logged-in {
display: none!important
}
body.logged-in .menu-item-show-when-logged-in {
display: block!important;
}
/*top menu effect*/
.top-menu {
position: relative;
z-index: 99999;
}
.top-menu .menu .arrow {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
float: right;
display: inline-block;
margin: 16px 0 0 5px;
font-size: 11px!important;
}
.top-menu .sub-menu .arrow {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
margin: 15px -10px 0 10px;
}
.top-menu .menu a {
position: relative;
}
.top-menu ul {
margin: 0;
padding: 0;
}
.top-menu ul.menu li {
display: block;
font-size: 13px;
font-weight: normal;
padding: 0;
}
.top-menu ul.sub-menu li a {
font-weight: normal;
}
.top-menu ul.sub-menu li {
position: relative;
font-size: 13px;
}
.top-menu ul.menu li a {
padding: 0 20px;
display: block;
height: 36px;
line-height: 36px!important;
text-decoration: none;
color: #777;
}
.top-menu > ul.menu > li > a {
font-size: 12px;
padding: 0 30px 0 0;
}
.top-menu ul.menu li:hover > a {
color: black;
}
.top-menu ul.menu > li > a {
position: relative;
font-weight: 500;
}
.top-menu ul.menu > li:hover > a {
background: #eee;
}
.top-menu ul.menu > li.menu-item-has-children > a {
padding-right: 30px;
}
.top-menu ul.menu > li > a .arrow {
position: absolute;
top: 0;
right: 15px;
}
.top-menu ul.menu > li {
float: left;
height: 36px;
line-height: 36px;
}
.top-menu .menu-item-inner {
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-ms-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.top-menu ul.sub-menu {
min-width: 180px;
background: #333;
position: absolute;
top: 100%;
display: none;
}
.top-menu li:hover > .menu-item-inner {
visibility:visible;
opacity:1;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-o-transition-delay:0s;
-ms-transition-delay:0s;
}
.top-menu li:hover > .menu-item-inner > ul.sub-menu,
.top-menu li.menu-item-mega:hover > .menu-item-inner ul.sub-menu{
display: block;
}
.top-menu ul.sub-menu li:hover a {
color: #eee;
background: rgba(0,0,0,0.1);
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.top-menu ul.sub-menu li:hover > a {
color: white;
}
.top-menu ul.menu li ul.sub-menu a {
color: #ccc;
min-height: 40px;
height: auto;
}
.top-menu ul.menu li ul.sub-menu li:hover > a {
color: #fff;
}
.top-menu ul.sub-menu ul.sub-menu {
top: 0;
left: 100%;
}
.top-menu-toggle.header-button {
height: 36px!important;
line-height: 36px!important;
float: left;
}
.top-menu-toggle.header-button .inner {
line-height: 36px!important;
padding: 0!important;
}
.top-menu-toggle.header-button .inner span {
display: inline;
}
.top-menu-toggle * {
color: #666!important;
}
.top-menu-toggle:hover * {
color: #000!important;
}
.top-mobile-menu > .menu {
border-top: 1px solid #ccc;
}
/* MAIN MENU */
.main-menu {
position: relative;
}
.main-menu .menu .arrow {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
float: right;
display: inline-block;
margin: 18px 0 0 5px;
}
.main-menu .sub-menu .arrow {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
margin: 15px -10px 0 10px;
}
.main-menu .menu a {
position: relative;
}
.main-menu ul {
margin: 0;
padding: 0;
}
.main-menu ul.menu li {
display: block;
font-size: 14px;
font-weight: normal;
padding: 0;
}
.main-menu ul.sub-menu li a {
font-weight: normal;
}
.main-menu ul.sub-menu li {
position: relative;
font-size: 13px;
}
.main-menu ul.menu li a {
padding: 0 20px;
display: block;
height: 40px;
line-height: 40px!important;
text-decoration: none;
color: #777;
}
.main-menu > ul.menu > li > a {
font-size: 13px;
}
.main-menu ul.menu li:hover > a {
color: black;
}
.main-menu ul.menu > li > a {
position: relative;
font-weight: 500;
}
.main-menu ul.menu > li:hover > a {
background: #eee;
}
.main-menu ul.menu > li.menu-item-has-children > a {
padding-right: 30px;
}
.main-menu ul.menu > li > a .arrow {
position: absolute;
top: 0;
right: 15px;
}
.main-menu ul.menu > li {
float: left;
height: 40px;
line-height: 40px;
}
.main-menu .menu-item-inner {
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-ms-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.main-menu ul.sub-menu {
min-width: 180px;
background: #333;
position: absolute;
top: 100%;
display: none;
}
.main-menu li:hover > .menu-item-inner {
visibility:visible;
opacity:1;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-o-transition-delay:0s;
-ms-transition-delay:0s;
}
.main-menu li:hover > .menu-item-inner > ul.sub-menu,
.main-menu li.menu-item-mega:hover > .menu-item-inner ul.sub-menu{
display: block;
}
.main-menu > ul.menu > li:hover > .menu-item-inner {
min-height: 40px;
position: relative;
z-index: 9999;
}
.main-menu > ul.menu > li:hover > .menu-item-inner > ul.sub-menu {
top: 0;
}
.main-menu ul.sub-menu li:hover a {
color: #eee;
background: rgba(0,0,0,0.1);
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.main-menu ul.sub-menu li:hover > a {
color: white;
}
.main-menu ul.menu li ul.sub-menu a {
color: #ccc;
min-height: 40px;
height: auto;
}
.main-menu ul.menu li ul.sub-menu li:hover > a {
color: #fff;
}
.main-menu ul.sub-menu ul.sub-menu {
top: 0;
left: 100%;
}
/*mega menu*/
.main-menu li.menu-item-mega:hover .menu-item-inner {
visibility:visible;
opacity:1;
}
.main-menu li.menu-item-mega .menu-item-inner .arrow {
display: none;
}
.main-menu .menu-item-mega > .menu-item-inner > .sub-menu {
width: 100%;
left: 0;
padding: 10px 0;
}
.main-menu .menu-item-mega > .menu-item-inner > .sub-menu > li {
float: left;
width: 25%;
}
.main-menu .menu-item-mega > .menu-item-inner > .sub-menu > li > a {
font-size: 14px;
}
.main-menu .menu-item-mega > .menu-item-inner > .sub-menu > li > .menu-item-inner {
position: static;
border-left: 1px solid #3c3c3c;
margin-left: 20px;
}
.main-menu .menu-item-mega .sub-menu .sub-menu {
position: relative;
left: 0;
}
.main-menu .menu-item-mega:hover .sub-menu a {
background: none;
border-left: none;
}
.main-menu .menu-item-mega .sub-menu .sub-menu a {
font-size: 12px;
margin-left: 15px;
padding: 0px;
}
.main-menu .menu-item-mega > .menu-item-inner > .sub-menu > li li:hover a {
padding-left: 15px;
margin-left: 0;
}
.main-menu li.menu-item-mega-label:hover .menu-item-inner .menu-mega-content {
position: relative;
z-index: 1;
margin-top: -25px;
}
.main-menu .menu-item-mega-label .menu-item-inner {
position: absolute;
left: 0;
width: 100%;
background-color: #333;
padding: 20px 0 20px 0;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item {
float: left;
width: 22.5%;
margin-right: 2%;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item.item-0 {
margin-left: 2%;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content {
margin: 0;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item .item-thumbnail {
height: 160px;
background: black;
padding: 0;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item .item-thumbnail img {
opacity: 1!important;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item .item-thumbnail:hover img {
background: black;
opacity: 0.8!important;
transition:opacity 0.3s linear;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
-ms-transition:opacity 0.3s linear;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item .item-thumbnail i.fa {
visibility: hidden;
opacity: 0;
position: absolute;
color: white;
width: 100%;
text-align: center;
top: 40%;
z-index: 999;
font-size: 1000%;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item .item-thumbnail:hover i.fa {
visibility: visible;
opacity: 1;
font-size: 200%;
transition:visibility 0.3s linear, font-size 0.3s linear, opacity 0.3s linear;
-webkit-transition:visibility 0.3s linear, font-size 0.3s linear, opacity 0.3s linear;
-moz-transition:visibility 0.3s linear, font-size 0.3s linear, opacity 0.3s linear;
-o-transition:visibility 0.3s linear, font-size 0.3s linear, opacity 0.3s linear;
-ms-transition:visibility 0.3s linear, font-size 0.3s linear, opacity 0.3s linear;
}
.main-menu ul.menu li a.item-title {
height: auto;
line-height: 1.5em!important;
padding: 0;
margin: 10px 0 0;
color: #ccc;
font-size: 14px;
font-weight: normal;
}
.main-menu ul.menu li a.item-title:hover {
color: white;
}
.main-menu ul.menu li.menu-item-mega-label.menu-item-has-children > .menu-item-inner > ul.sub-menu {
float: left;
width: 20%;
position: relative;
border-top: none;
padding: 0;
margin-top: -15px;
}
.main-menu ul.menu li.menu-item-mega-label.menu-item-has-children > .menu-item-inner > ul.sub-menu > li {
float: none;
width: 100%;
}
.main-menu ul.menu li.menu-item-mega-label.menu-item-has-children > .menu-item-inner > ul.sub-menu .menu-item-inner {
padding: 0;
width: auto;
}
.main-menu ul.menu li.menu-item-mega-label.menu-item-has-children > .menu-item-inner .menu-mega-content {
float: right;
width: 80%;
}
.solid-wrapper.solid-menu .main-menu {
box-shadow: 1px 1px 10px rgba(0,0,0,0.05), -1px 0 10px rgba(0,0,0,0.08);
}
.main-menu > ul.menu > li.menu-item-mega:hover > .menu-item-inner {
position: absolute;
left: 0;
width: 100%;
min-height: 0;
}
/*sticky menu*/
.main-menu.sticky-menu {
position: fixed;
left: 0;
top: 0;
width: 100%;
box-shadow: 0 0 10px #ccc;
border-bottom: 1px solid #ddd;
opacity: 0.95
}
.admin-bar .main-menu.sticky-menu {
top: 32px;
}
.main-menu.sticky-menu > ul.menu {
margin: auto;
position: relative;
}
.main-menu .sticky-menu-logo,
.main-menu .sticky-menu-logo-item {
display: none!important;
}
.main-menu.sticky-menu .sticky-menu-logo,
.main-menu.sticky-menu .sticky-menu-logo-item {
display: block!important;
padding: 0!important;
background: none!important;
}
.main-menu.sticky-menu .sticky-menu-logo img {
max-height: 32px;
width: auto;
height: auto;
display: block;
padding: 4px 0;
margin: 0px 20px 0 0;
}
/* search form*/
.search-form-wrapper {
background: black;
background: rgba(0,0,0,0.8);
z-index: 99;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: none;
}
.search-form-wrapper .search-form {
position: absolute;
width: 100%;
height: 1px;
left: 0;
top: 40%;
text-align: center;
}
.search-form-wrapper .search-form-label {
position: absolute;
bottom: 100%;
width: 100%;
display: block;
left: 0;
color: white;
font-size: 40px;
font-weight: normal;
}
.search-form-wrapper .search-text {
position: absolute;
top: 100%;
width: 50%;
left: 0;
right: 0;
margin: 20px auto 0 auto;
background: none;
border: none;
border-bottom: 1px dashed #ddd;
font-size: 60px;
color: white;
text-align: center;
outline: none;
min-width: 300px;
}
.search-form-wrapper .search-form-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.search-form-wrapper .search-submit {
display: none;
}
.widget.widget_search label.search-form-label {
display: none;
}
.widget form.search-form {
border: 1px solid #ddd;
position: relative;
}
.widget input.search-text {
border: none;
display: block;
padding: 10px 50px 10px 10px;
outline: none;
width: 100%;
}
.widget button.search-submit {
position: absolute;
background: none;
border: none;
top: 9px;
right: 9px;
cursor: pointer;
}
/*header social icons*/
.header-social-icons {
float: right;
}
.header-social-icons ul {
padding: 0;
margin: 0;
}
.header-social-icons ul li {
display: block;
font-size: 20px;
margin: 0 15px 0 0;
height: 55px;
line-height: 55px;
float: right;
padding: 0;
}
.header-social-icons ul li a {
display: block;
color: black;
margin: 2px 0 0 0;
}
/*Primary Layout*/
#content {
float: left;
width: 69%;
}
#content > .content-inner {
margin-right: 30px;
}
.sidebar-left #content > .content-inner {
margin-right: 0;
margin-left: 30px;
}
.main-sidebar {
float: right;
width: 31%;
}
#primary .widget {
margin-top: 30px;
display: block;
}
body.sidebar-full #content {
float: none;
width: 100%;
}
body.sidebar-full #content .content-inner {
margin: 0;
}
body.sidebar-left .main-sidebar {
float: left;
}
body.sidebar-left #content {
float: right;
}
.column .main-sidebar {
float: none;
width: 100%;
}
/*WordPress Widgets*/
.widget[class*="widget_"] {
line-height: 1.5em
}
.widget[class*="widget_"] * {
line-height: 1.5em;
box-sizing: border-box;
}
.widget[class*="widget_"] ul {
padding: 0 0 0 20px;
margin: 5px 0 0 0;
}
.widget[class*="widget_"] ul li {
padding: 0 0 10px 0;
}
.widget[class*="widget_"] form * {
max-width: 100%;
}
.widget[class*="widget_"] label {
display: block;
margin: 0 0 5px 0;
}
.widget[class*="widget_"] select {
display: block;
width: 100%;
border: 1px solid #ddd;
padding: 10px;
}
.widget_rss .rss-date,
.widget_recent_entries .post-date {
display: inline-block;
font-size: 10px;
padding: 0 5px;
}
.widget_calendar table {
line-height: 2;
margin: 0;
width: 100%;
}
.widget_calendar caption {
color: black;
font-weight: 700;
line-height: 1.7142857142;
margin-bottom: 18px;
text-align: left;
text-transform: uppercase;
}
.widget_calendar thead th {
background-color: rgba(255, 255, 255, 0.1);
}
.widget_calendar tbody td,
.widget_calendar thead th {
text-align: center;
}
.widget_calendar tbody a {
background-color: lightyellow;
display: block;
}
.widget_calendar tbody a:hover {
background-color: yellow;
}
.widget_calendar #prev {
padding-left: 5px;
}
.widget_calendar #next {
padding-right: 5px;
text-align: right;
}
.widget_calendar table thead {
background: #f8f8f8;
}
.widget_calendar #calendar_wrap {
font-size: 12px;
}
.widget_calendar tbody td#today {
background: #eee;
}
/*widget_search*/
.widget_search #searchform #s {
border: 1px solid #ddd;
width: 100%;
display: block;
padding: 10px 80px 10px 10px;
}
.widget_search #searchsubmit {
position: absolute;
right: 5px;
bottom: 5px;
border: 1px solid #eee;
background: #f0f0f0;
color: #999;
padding: 5px 10px;
cursor: pointer;
}
.widget_search #searchform {
position: relative;
}
.widget_search #searchform label {
position: relative;
display: none;
}
.widget_search #searchsubmit:hover {
color: white;
background: #333;
}
/*FEED WIDGETS*/
/*///////////////////////*/
.feed.widget {
position: relative;
overflow: hidden;
}
.feed-widget-header {
position: relative;
}
.feed-widget-header .widget-title {
font-weight: normal;
margin: 0 10px 5px 0;
float: left;
}
.feed-widget-header .feed-widget-viewall {
float: right;
margin: 5px 0 0 0;
}
.main-sidebar .feed.widget .feed-widget-header {
border-color: #eee;
}
.main-sidebar .feed.widget .feed-widget-header .widget-title a {
color: #666;
font-weight: 300;
}
.feed.widget .item-title {
line-height: 1.3em;
margin: 0;
}
.feed.widget .item-review {
font-size: 0.8em;
display: block;
}
.feed.widget .item-main {
overflow: hidden;
position: relative;
}
.feed.widget .item .thumbnail img {
-moz-transition:opacity 0.2s ease-in;
-webkit-transition:opacity 0.2s ease-in;
-o-transition:opacity 0.2s ease-in;
}
.feed.widget .item:hover .thumbnail img.optimized {
opacity: 0.8!important;
}
.feed-widget-labels {
float: left;
margin: 6px 0 0 0;
}
.feed-widget-labels.listing {
min-height: 1.6em;
}
.feed-widget-labels ul {
padding: 0;
margin: 0;
}
.feed-widget-labels li {
display: block;
margin: 0;
padding: 0;
}
.feed-widget-labels a {
color: #FFF;
display: none;
line-height: 1;
padding: 3px 7px;
white-space: nowrap;
}
.feed-widget-labels a .down,
.feed-widget-labels a .check {
display: none;
}
.feed-widget-labels a.active {
display: block;
}
.feed-widget-labels.listing a.active .check,
.feed-widget-labels a.active .down {
display: inline;
}
.feed-widget-labels.listing a.active .down {
display: none;
}
.feed-widget-labels.listing ul {
position: absolute;
z-index: 99;
}
.feed.widget .thumbnail {
background: black;
}
.feed.widget .item-thumbnail img {
opacity: 0;/*this to prevent movement effect when resize for item-thumbnail*/
}
.feed.widget .item-thumbnail img.optimized {
opacity: 1;
}
.feed.widget .meta-items {
clear: both;
}
.feed.widget .meta-item {
/*white-space: nowrap;*/
display: inline-block;
}
.feed.widget .item-labels a:hover {
text-decoration: underline;
}
.feed.widget .item-labels a {
text-transform: uppercase;
font-size: 10px;
display: inline-block;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.5em;
}
.feed.widget .item-content {
z-index: 10;
}
.feed.widget .item-content.gradident {
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.8) 100%);
width: 100%;
box-sizing: border-box;
}
/*feed widget pagination*/
.feed-widget-pagination {
line-height: 60px;
position: relative;
}
a.feed-widget-pagination-button {
background: white;
padding: 6px 10px;
margin: 0 12px 0 0;
border: 1px solid white;
}
a.feed-widget-pagination-button:hover {
color: white;
background: #333;
}
a.feed-widget-pagination-button.active {
background: #f0f0f0;
border: 1px solid #ccc;
color: black;
box-shadow: none;
}
span.feed-widget-pagination-separator {
margin: 0 15px 0 0;
display: inline!important;
}
span.feed-widget-pagination-info {
color: #666;
}
a.feed-widget-pagination-load-more-button {
display: block;
text-align: center;
line-height: 1em;
padding: 15px;
margin: 20px 0 10px 0;
}
a.feed-widget-pagination-load-more-button.shad.white:hover {
background: #333;
color: white;
}
.feed-widget-pagination-nextprev a {
position: absolute;
height: 30px;
top: 15px;
line-height: 30px;
padding: 0 10px;
margin: 0;
}
.feed-widget-pagination-older-button {
right: 0;
}
.feed-widget-pagination-newer-button {
left: 0;
}
.feed-widget-pagination-nextprev .feed-widget-pagination-info {
display: block;
text-align: center;
}
.feed-widget-pagination-nextprev .feed-widget-pagination-info.text-align-left {
text-align: left;
}
.feed-widget-pagination-nextprev .feed-widget-pagination-info.text-align-right {
text-align: right;
}
.feed-widget-pagination-loading {
font-size: 24px;
text-align: center;
}
.feed.widget .meta-item-author img {
vertical-align: middle;
}
.solid-wrapper a.feed-widget-pagination-button {
border: 1px solid #ddd;
}
.feed.widget .item-readmore {
font-weight: bold;
}
.feed.widget .item-readmore:hover {
text-decoration: underline;
}
.main-sidebar .feed-widget-pagination-nextprev a.feed-widget-pagination-button {
border: 1px solid #e0e0e0;
}
.main-sidebar .feed-widget-pagination.feed-widget-pagination-nextprev {
margin: 0 20px;
border-top: 1px solid #eee;
}
/*feed widget icon*/
.feed.widget .item-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 19;
font-size: 40px;
opacity: 0;
}
.feed.widget .item-icon:hover {
transition:opacity 0.3s linear;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
-ms-transition:opacity 0.3s linear;
opacity: 1;
}
.feed.widget .item-icon .item-icon-inner {
display: block;
position: absolute;
top: 50%;
width: 100%;
text-align: center;
height: 1em;
}
.feed.widget .item-icon i.fa {
display: block;
line-height: 1em;
margin-top: -0.5em;
color: white;
opacity: 0.6;
font-size: 60px;
}
.feed.widget .item-icon:hover i.fa {
transition:font-size 0.3s linear;
-webkit-transition:font-size 0.3s linear;
-moz-transition:font-size 0.3s linear;
-o-transition:font-size 0.3s linear;
-ms-transition:font-size 0.3s linear;
font-size: 40px;
}
.feed.widget.under-title .feed-widget-header {
border-bottom-width: 1px;
border-bottom-style: solid;
margin: 0 0 10px 0;
}
.feed.widget.head-title .feed-widget-header {
border-left-width: 10px;
border-left-style: solid;
padding-left: 7px;
}
.feed.widget .thumbnail-overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
opacity: 0.6;
box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
}
.feed.widget .item:hover .thumbnail-overlay {
opacity: 0.8;
}
.solid-wrapper .feed.widget .item.shad {
box-shadow: none!important;
}
.feed.widget .item-content.gradient {
background: -webkit-linear-gradient(top, rgba(25,35,45,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(25,35,45,0) 0%,rgba(0,0,0,0.8) 100%);
box-sizing: border-box;
width: 100%;
}
/*list*/
.feed.widget.list .item {
background: white;
border-bottom: 1px solid #ddd;
box-shadow: none!important;
}
.feed.widget.list .meta-item.meta-item-views {
font-weight: bold;
margin: 0 0 0 0.5em;
}
.main-sidebar .feed.widget.list .item {
padding-top: 20px;
border: none;
border-top: 1px solid #DDD;
margin-top: 15px;
}
.main-sidebar .feed.widget.list .item-0 {
padding-top: 0;
border: none;
margin-top: 0;
}
.main-sidebar .feed.widget.list .widget-content {
padding: 20px;
}
.main-sidebar .feed.widget.list .td.item-index,
.main-sidebar .feed.widget.list .td.item-readmore {
width: 1em;
}
.main-sidebar .feed.widget.list .td.item-readmore {
text-align: right;
}
.feed.widget.list .item-title {
font-size: 14px;
font-weight: normal;
line-height: 1.5em;
margin: 0;
}
.feed.widget.list .item-title a {
color: #333;
word-break: break-word;
}
.feed.widget.list .meta-item-author {
color: black;
font-weight: bold;
}
.feed.widget.list .meta-item-date {
font-size: 10px;
font-style: italic;
color: #999;
text-transform: capitalize;
}
.feed.widget.list .td {
padding: 12px 20px;
}
.feed.widget.list .td.item-readmore {
padding-left: 0;
font-size: 30px;
padding-right: 0;
width: 1em;
}
.feed.widget h2.widget-title.box-title {
padding: 5px 7px;
margin: 0 7px 0 0;
color: white;
font-weight: normal;
font-size: 16px;
}
.feed.widget h2.widget-title.box-title a {
color: white;
line-height: 1em;
display: block;
}
.main-sidebar .feed.widget.list .td {
text-align: left;
padding: 0;
}
.feed.widget.list .td.item-index {
padding: 15px 0 0 20px;
font-size: 24px;
line-height: 1em;
color: black;
font-weight: 300;
}
.main-sidebar .feed.widget.list .td.item-index {
padding: 3px 10px 0 0;
vertical-align: top;
font-size: 20px;
font-weight: 400;
}
.solid-wrapper .feed.widget.list .widget-content {
padding: 20px 0;
}
.solid-wrapper .feed.widget.list .td {
padding-left: 0;
}
.solid-wrapper .feed.widget.list .td.item-readmore {
text-align: right;
}
.solid-wrapper #content .feed.widget.list .widget-content {
padding-top: 0;
}
.solid-wrapper .feed.widget.list .item-0 {
padding-top: 15px;
}
/*ticker*/
.feed.widget.ticker .widget-content {
background: white;
position: relative;
box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
overflow: hidden;
}
.main-sidebar .feed.widget.ticker .widget-content {
padding: 0;
}
.ticker-item {
font-size: 12px;
padding: 15px 30px 15px 15px;
display: none;
}
.owl-item .ticker-item {
display: block;
}
.ticker-item a.thumbnail {
float: left;
width: 30%;
height: 50px;
}
.ticker-item-content {
float: left;
width: 63%;
position: relative;
margin-left: 7%;
top: -4px;
}
.ticker-item .item-labels {
background: none;
}
.feed.widget.ticker .item-title a {
color: black;
font-weight: normal;
font-size: 12px;
display: block;
width: 100%;
}
.feed.widget.ticker .owl-controls {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0;
}
.ticker-button-left,
.ticker-button-right {
position: absolute;
margin-top: -15px;
height: 30px;
line-height: 30px;
background: currentColor;
padding: 0 8px;
text-align: center;
}
.ticker-button-left {
left: 0;
}
.ticker-button-right {
right: 0;
}
.ticker-button-left i,
.ticker-button-right i {
color: white;
font-size: 28px;
}
.feed.widget.ticker .item-icon {
width: 30%;
}
.feed.widget.ticker .ticker-item:hover .item-icon:hover i.fa {
font-size: 20px;
}
.solid-wrapper .ticker-item {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.solid-wrapper .ticker-button-right {
bottom: 10px;
}
.solid-wrapper .feed.widget.ticker .widget-content {
height: 50px;
box-shadow: none;
}
/*grid*/
.grid-sub {
float:left;
position: relative;
overflow: hidden;
width: 100%;
height: 400px;
}
.grid-sub-wide {
width: 55%;
}
.grid-sub-narrow {
width: 45%;
}
.feed.widget.grid .item-labels {
display: inline-block;
color: white;
padding: 3px 6px;
text-shadow: none;
line-height: 1em;
font-size: 12px;
margin: 0 0 5px 0;
}
.feed.widget.grid .item-labels span {
opacity:0.5;
}
.feed.widget.grid .item-labels a {
color: white;
}
.grid-item .item-thumbnail {
height: 100%;
width: 100%;
position: relative;
}
.grid-item {
widht: 100%;
height: 50%;
position: relative;
overflow: hidden;
}
.grid-item-content {
position: absolute;
bottom: 0;
text-align: left;
padding: 0 25px 25px 25px;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
width: 100%;
z-index: 9;
box-sizing: border-box;
}
.grid-item .meta-item {
margin: 0 2em 0 0;
font-size: 12px;
}
.grid-item .meta-item .fa {
font-size: 16px;
}
.grid-item .meta-item span {
vertical-align: 2px;
color: white;
}
.grid-item .meta-item.meta-item-views {
color: #fff;
text-shadow: 0 0 5px rgba(0,0,0,0.5), 2px 2px 5px rgba(0,0,0,0.5);
}
.feed.widget.grid .grid-item .item-title a {
font-weight: normal;
color: white;
display: block;
font-size: 18px;
line-height: 1.3em;
text-shadow: 0 0 5px rgba(0,0,0,0.5), 2px 2px 5px rgba(0,0,0,0.5);
}
.grid-item .item-snippet {
color: white;
font-size: 13px;
opacity: 0.9;
margin: 10px 0 20px 0;
line-height: 1.5em;
}
.grid-item .item-readmore-wrapper {
margin-top: 30px;
display: block;
}
.grid-item .item-readmore {
border: 1px solid white;
padding: 10px 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: white;
background: rgba(0,0,0,0.3);
text-transform: uppercase;
}
.grid-item-inner {
height: 100%;
position: relative;
}
.main-sidebar .grid-sub {
height: 200px;
}
.main-sidebar .feed.widget.grid .grid-item .item-title a {
font-size: 16px;
}
.grid-sub-1 .grid-item {
height: 100%;
}
.grid-sub-4 .grid-sub-item-0,
.grid-sub-3 .grid-sub-item-1,
.grid-sub-4 .grid-sub-item-1,
.grid-sub-item-2,
.grid-sub-item-3 {
float: left;
width: 50%;
}
.feed.widget.grid .grid-sub-1 .grid-item .item-title a {
font-size: 26px;
}
.main-sidebar .feed.widget.grid .widget-content{
padding: 0;
}
.feed.widget.grid .grid-sub-item-1 .item-title a,
.feed.widget.grid .grid-sub-item-2 .item-title a {
font-size: 14px;
padding-right: 20px;
}
/*slider*/
.feed.widget.slider .item-labels {
display: inline-block;
color: white;
padding: 0 5px 2px 5px;
margin: 0 0 10px 0;
text-shadow: none;
}
.feed.widget.slider .item-labels span {
opacity:0.5;
}
.feed.widget.slider .item-labels a {
color: white;
}
.slider-item, .slider-item .item-thumbnail {
height: 400px;
}
.slider-item {
position: absolute;
overflow: hidden;
height: 0;
}
.slider-item-0,
.owl-item .slider-item {
position: relative;
height: auto;
}
.slider-item-content {
position: absolute;
text-align: center;
padding: 0 8%;
text-shadow: 0 0 5px rgba(0,0,0,0.5), 1px 1px 3px #000;
width: 84%;
z-index: 10;
text-align: left;
bottom: 20%;
}
.slider-item .meta-item {
margin: 0 2em 0 0;
font-size: 12px;
}
.slider-item .meta-item .fa {
font-size: 16px;
text-shadow: none;
}
.slider-item .meta-item span {
vertical-align: 2px;
color: white;
}
.slider-item .item-title {
font-size: 30px;
}
.slider-item .item-title a {
font-weight: normal;
color: white;
display: block;
line-height: 1.1em;
margin: 10px 0 0 0;
}
.slider-item-sub {
border-left: 1px solid rgba(255,255,255,0.6);
font-size: 14px;
opacity: 0.9;
margin: 10px 0 20px 0;
font-weight: 400;
line-height: 1.5em;
padding: 10px;
color: #FFF;
text-shadow: none;
background: rgba(0,0,0,0.4);
text-align: justify;
}
.slider-item .item-readmore-wrapper {
display: inline;
margin: 0;
}
.owl-nav {
position: absolute;
bottom: 0;
width: 100%;
}
a.slider-button {
color: white;
opacity: 0.8;
font-size: 30px;
bottom: 0;
position: absolute;
padding: 0 2%;
}
a.slider-button:hover {
opacity: 1;
}
a.slider-button-right {
right: 0;
}
a.slider-button-left {
left: 0;
}
.owl-dots {
position: absolute;
bottom: 3%;
width: 60%;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.owl-dot {
background: white;
height: 10px;
width: 10px;
display: inline-block;
margin: 0 5px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
opacity: 0.6;
}
.owl-dot:hover {
opacity: 1;
}
.owl-dot.active {
opacity: 1;
}
.main-sidebar .slider-item .item-title a {
font-size: 20px;
}
.main-sidebar .feed.widget.slider .widget-content {
padding: 0;
}
.main-sidebar .slider-item .item-snippet {
font-size: 12px;
}
/*sticky*/
.feed.widget.sticky .item {
float: right;
width: 37.5%;
clear: right;
margin-top: 20px;
}
.feed.widget.sticky .item-0,
.feed.widget.sticky .item-1 {
margin-top: 0;
}
.feed.widget.sticky .item-main {
position: relative;
}
.feed.widget.sticky .item-content {
position: absolute;
bottom: 0;
padding: 0 25px;
}
.feed.widget.sticky .item-thumbnail {
height: 140px;
}
.feed.widget.sticky .item.than-0 .item-thumbnail {
height: 140px!important;
}
.feed.widget.sticky .item-0 .item-thumbnail {
height: 310px;
}
.feed.widget.sticky .item-labels {
color: white;
display: inline-block;
padding: 3px 6px;
text-shadow: none;
line-height: 1em;
margin: 0 0 20px 0;
}
.feed.widget.sticky .item-labels span {
opacity: 0.8
}
.feed.widget.sticky .item-labels a {
color: white;
}
.feed.widget.sticky .item-title {
display: block;
margin: -10px 0 20px 0;
line-height: 1.3em;
max-height: 3.9em;
overflow: hidden;
position: relative;
}
.feed.widget.sticky .item-title a {
font-size: 16px;
color: white;
font-weight: normal;
}
.feed.widget.sticky .item-main .item-title a {
text-shadow: 0 0 5px rgba(0,0,0,0.5), 2px 2px 5px rgba(0,0,0,0.5);
}
.feed.widget.sticky .item-0 .item-title a {
font-size: 26px;
line-height: 1.2em;
}
.feed.widget.sticky a.meta-item {
color: white;
font-size: 12px;
margin: 0 2em 0 0;
}
.feed.widget.sticky a.meta-item-author .avatar {
opacity: 0.8;
font-style: italic;
}
.feed.widget.sticky .item-sub {
padding: 25px;
color: white;
line-height: 1.7em;
font-size: 14px;
font-weight: normal;
}
.feed.widget.sticky .item-snippet {
line-height: 1.5em;
opacity: 0.8;
}
.feed.widget.sticky .meta-items {
margin-top: 14px;
opacity: 0.6;
}
.feed.widget.sticky .item-0 {
float: left;
width: 59%;
clear: left;
}
.feed.widget.sticky .item-extra {
width: 100%;
clear: both;
float: none;
}
.feed.widget.sticky .item-extra .item-thumbnail {
height: 250px;
}
.feed.widget.sticky .item-extra .item-title a {
font-size: 30px;
line-height: 1.3em;
}
.feed.widget.sticky.no-spacing .item {
width: 40%;
margin-top: 0;
}
.feed.widget.sticky.no-spacing .item-0 {
width: 60%;
}
.feed.widget.sticky.no-spacing .item-extra {
width: 100%;
}
.feed.widget.sticky.no-spacing .item-0 .item-thumbnail {
height: 269px;
}
.feed.widget.sticky .item.than-0 .item-sub .item-title {
margin: 0;
}
.feed.widget.sticky .item.than-0 .item-sub {
padding: 20px;
background: white;
}
.feed.widget.sticky .item.than-0 .item-sub .item-title a {
color: black;
}
/*three columns*/
.feed.widget.three.fix-height .item,
.feed.widget.three .three-col {
float: left;
width: 31%;
margin: 20px 0 0 3.5%;
}
.feed.widget.three .three-col {
margin-top: 0;
background: none;
}
.feed.widget.three .three-col .item {
margin-top: 20px;
}
.feed.widget.three .item {
background: white;
}
.feed.widget.three.fix-height .item-three,
.feed.widget.three .three-col.col-1 {
clear: left;
margin-left: 0;
}
.feed.widget.three.fix-height .item-0,
.feed.widget.three.fix-height .item-1,
.feed.widget.three.fix-height .item-2,
.feed.widget.three .three-col .item-0,
.feed.widget.three .three-col .item-1,
.feed.widget.three .three-col .item-2 {
margin-top: 0;
}
.feed.widget.three .item-main {
position: relative;
}
.feed.widget.three .item-main .item-title a {
text-shadow: 0 0 5px rgba(0,0,0,0.5), 2px 2px 5px rgba(0,0,0,0.5);
}
.feed.widget.three .item-thumbnail {
height: 150px;
position: relative;
z-index: 0;
}
.feed.widget.three .item-content {
position: absolute;
bottom: 0;
z-index: 99;
padding: 15px;
}
.feed.widget.three .item-labels {
display: inline-block;
padding: 3px 6px;
text-shadow: none;
line-height: 1em;
font-size: 12px;
}
.feed.widget.three .item-labels a {
color: white;
}
.feed.widget.three .item-title {
font-size: 16px;
font-weight: normal;
margin: 5px 0 0 0;
}
.feed.widget.three .item-title a {
color: white;
}
.feed.widget.three .item-sub {
padding: 15px;
}
.feed.widget.three .item-sub .item-title {
margin: 0 0 20px 0;
}
.feed.widget.three .item-sub .item-title a {
color: black;
}
.feed.widget.three .item-snippet {
display: inline;
font-size: 13px;
color: #999;
}
.feed.widget.three .item-readmore {
font-size: 13px;
}
.item-readmore-wrapper {
display: inline;
margin: 0 0 0 0.3em;
}
.feed.widget.three .meta-items {
margin: 15px 0 0 0;
padding: 10px 0 0 0;
border-top: 1px solid #ddd;
font-size: 12px;
}
.feed.widget.three .meta-item {
display: block;
color: black;
margin: 5px 0 0 0;
}
.feed.widget.three .three-col-mobile .item {
margin-top: 20px;
}
.feed.widget.three.no-spacing .item {
margin: 0;
width:33.3333%
}
.feed.widget.three.no-spacing.auto-height .item {
width: 100%;
}
.feed.widget.three.no-spacing .item-sub {
border-right: 1px solid #ddd
}
.solid-wrapper .feed.widget.three .item-sub {
padding: 15px 0;
}
/*complex*/
.feed.widget.complex .item {
float: left;
width: 48%;
margin: 20px 0 0 4%;
background: white;
}
.feed.widget.complex .item-0,
.feed.widget.complex .item-1 {
margin-top: 0;
}
.feed.widget.complex .item-two {
margin-left: 0;
}
.feed.widget.complex .item-2 {
margin: 20px 0 0 4%;
}
.feed.widget.complex .item-main {
padding: 20px;
}
.feed.widget.complex .than-0 .item-labels {
background: none;
}
.feed.widget.complex .item-title {
font-size: 16px;
font-weight: 500;
line-height: 1.45em;
}
.feed.widget.complex .item-0 .item-main {
padding: 0;
position: relative;
}
.feed.widget.complex .item-0 .item-main .item-title a {
text-shadow: 0 0 5px rgba(0,0,0,0.5), 2px 2px 5px rgba(0,0,0,0.5);
}
.feed.widget.complex .item-extra.item-four {
clear: left;
}
.feed.widget.complex .item-0 .item-thumbnail {
height: 180px;
}
.feed.widget.complex .item-0 .item-content {
position: absolute;
bottom: 0;
padding: 20px;
}
.feed.widget.complex .item-0 .item-labels {
display: inline-block;
padding: 3px 6px;
text-shadow: none;
line-height: 1em;
font-size: 12px;
}
.feed.widget.complex .item-0 .item-labels a {
color: white;
}
.feed.widget.complex .item-0 .item-title {
font-size: 20px;
line-height: 1.2em;
margin: 5px 0 0 0;
font-weight: normal;
}
.feed.widget.complex .item-0 .item-title a {
color: white;
}
.feed.widget.complex .item-0 .meta-item {
margin: 10px 2em 0 0;
color: black;
}
.feed.widget.complex .item-0 a.meta-item-author .avatar {
opacity: 0.8;
font-style: italic;
}
.feed.widget.complex .item-0 .item-sub {
padding: 20px;
}
.feed.widget.complex .item-0 .item-snippet {
font-size: 13px;
line-height: 1.6em;
color: #999;
display: inline;
}
.feed.widget.complex .item-0 .item-readmore {
font-size: 13px;
}
.feed.widget.complex .item-0 .meta-items {
margin: 20px 0 0 0;
font-size: 12px;
}
.feed.widget.complex .item-title a {
color: black;
}
.feed.widget.complex.no-spacing .item {
width: 50%;
margin: 0;
border-bottom: 1px solid #ddd;
}
.feed.widget.complex.no-spacing .item-main,
.feed.widget.complex.no-spacing .item-sub {
border-right: 1px solid #ddd;
}
.feed.widget.complex.no-spacing .item-0 .item-thumbnail {
height: 142px;
}
.main-sidebar .feed.widget.complex.has-title .item-0 .item-sub {
padding: 15px 0 0 0;
}
.main-sidebar .feed.widget.complex.has-title .item.than-0 .item-main {
padding: 20px 0 0 0;
}
.main-sidebar .feed.widget.complex.has-title .item.than-0 {
margin: 20px 0 0 0;
}
.solid-wrapper .feed.widget.complex .item-0 .item-sub {
padding: 10px 0 0 0;
}
.solid-wrapper .feed.widget.complex .item-main {
padding: 0 0 20px 0;
}
.solid-wrapper .feed.widget.complex .item-0 .item-main {
padding: 0;
}
.solid-wrapper .feed.widget.complex .item-extra .item-main {
padding: 20px 0 0 0;
}
.solid-wrapper .feed.widget.complex .item.than-0 {
border-bottom: 1px solid #ddd;
}
.solid-wrapper .feed.widget.complex .item.than-0.item-3 {
border-bottom: none;
}
.solid-wrapper .feed.widget.complex .item.than-0.item-extra {
border-bottom: none;
border-top: 1px solid #ddd;
}
.feed.widget.complex .item-0 .item-sub .item-title {
margin: 0 0 20px 0;
}
.feed.widget.complex .item-0 .item-sub .item-title a {
color: black;
}
/*carousel*/
.feed.widget.carousel .widget-content {
position: relative;
overflow: hidden;
}
.carousel-item {
position: absolute;
}
.carousel-item .meta-item {
color: white;
margin: 5px 1em 0 0;
font-size: 80%;
text-shadow: 0 0 1px #000, 0 0 2px #000, 1px 1px 0px #000, 1px 1px 2px #000;
}
.carousel-item.carousel-item-0 {
position: relative;
}
.owl-item .carousel-item {
position: relative;
}
.carousel-item-content {
position: absolute;
bottom: 0;
padding: 0 20px 30px 20px;
z-index: 10;
}
.carousel .item-labels a {
color: white;
}
.carousel .item-labels {
display: inline-block;
padding: 2px 5px;
text-shadow: none;
}
.carousel .item-title {
font-size: 18px;
font-weight: normal;
text-shadow: 0 0 1px #000, 0 0 2px #000, 1px 1px 0px #000, 1px 1px 2px #000;
margin: 10px 0 0 0;
}
.carousel .item-title a {
color: white;
}
.carousel .item-thumbnail {
height: 210px;
}
.carousel .owl-nav {
bottom: auto;
top: 0;
right: 0;
left: auto;
text-align: right;
}
a.carousel-button:link {
display: block;
position: absolute;
color: white;
opacity: 0.8;
font-size: 40px;
padding: 0 20px;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
a.carousel-button:hover {
opacity: 1;
}
.carousel .owl-nav > div {
display: inline;
}
a.carousel-button-left {
left: 0;
}
a.carousel-button-right {
right: 0;
}
.main-sidebar .feed.widget.carousel .widget-content {
padding: 0;
}
/*blogging*/
.feed.widget.blogging .widget-content {
background: white;
padding: 20px;
}
.feed.widget.blogging .item {
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #ddd;
box-shadow: none;
}
.feed.widget.blogging .widget-content {
box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
}
.main-sidebar .feed.widget.blogging.no-title .widget-content {
padding: 20px;
}
.feed.widget.blogging .item-0 {
margin: 0;
padding: 0;
border-top: none;
}
.feed.widget.blogging .thumbnail {
float: left;
width: 40%;
position: relative;
}
.main-sidebar .feed.widget.blogging .thumbnail {
width: 20%;
}
.feed.widget.blogging .item-thumbnail {
height: 180px;
}
.main-sidebar .feed.widget.blogging .item-thumbnail {
margin-top: 0.3em;
}
.feed.widget.blogging .item-content {
margin-left: 43%;
}
.main-sidebar .feed.widget.blogging .item-content {
margin-left: 24%;
}
.feed.widget.blogging .item.no-thumbnail .item-content {
margin-left: 0;
}
.feed.widget.blogging .item-labels {
display: inline;
background: none;
}
.feed.widget.blogging .item-title {
font-size: 24px;
font-weight: 500;
margin: 5px 0 10px 0;
}
.main-sidebar .feed.widget.blogging .item-title {
font-size: 14px;
}
.feed.widget.blogging .item-title a {
color: black;
}
.feed.widget.blogging .meta-items {
clear: none;
margin: 0 0 10px 0;
font-size: 12px;
}
.feed.widget.blogging .meta-item {
color: #666;
margin: 0 2em 0 0;
}
.feed.widget.blogging .item-snippet {
display: inline;
font-size: 13px;
line-height: 1.65em;
color: #999;
}
.feed.widget.blogging .item-readmore {
font-size: 13px;
}
.solid-wrapper .feed.widget.blogging .widget-content {
padding: 10px 0;
box-shadow: none;
}
/*left-right column*/
.feed.widget.simple-one .item {
background: white;
margin: 20px 0 0 0;
}
.feed.widget.simple-one .item-0 {
margin: 0;
}
.feed.widget.simple-one .item-0 .item-thumbnail {
height: 200px;
}
.feed.widget.simple-one .item-extra .item-main {
padding: 20px;
}
.feed.widget.simple-one .item-0 .item-main {
position: relative;
}
.feed.widget.simple-one .item-0 .item-content {
position: absolute;
bottom: 0;
padding: 20px;
}
.feed.widget.simple-one .item-extra .item-labels {
background: none;
}
.feed.widget.simple-one .item-0 .item-labels {
display: inline-block;
padding: 3px 6px;
text-shadow: none;
line-height: 1em;
font-size: 12px;
}
.feed.widget.simple-one .item-0 .item-labels a {
color: white;
text-shadow: none;
}
.feed.widget.simple-one .item-title {
font-size: 18px;
font-weight: 500;
margin: 5px 0 0 0;
}
.feed.widget.simple-one .item-title a {
color: black;
}
.feed.widget.simple-one .item-0 .item-title a {
color: white;
}
.feed.widget.simple-one .item-0 .item-sub .item-title {
margin: 0 0 20px 0;
}
.feed.widget.simple-one .item-0 .item-sub .item-title a {
color: black;
}
.feed.widget.simple-one .item-sub {
padding: 20px;
position: relative;
}
.feed.widget.simple-one .item-snippet {
font-size: 13px;
display: inline;
line-height: 1.5em;
color: #999;
}
.feed.widget.simple-one .item-readmore {
font-size: 13px;
}
.feed.widget.simple-one .meta-items {
margin: 10px 0 0 0;
}
.feed.widget.simple-one .meta-item {
margin: 10px 15px 0 0;
font-size: 12px;
color: #000;
}
.feed.widget.simple-one .meta-item-author .avatar {
font-style: italic;
opacity: 0.8
}
.feed.widget.simple-one.no-spacing .item {
margin: 0;
border-bottom: 1px solid #ddd
}
.main-sidebar .feed.widget.simple-one.has-title .item-0 .item-sub {
padding: 15px 0 0 0;
}
.main-sidebar .feed.widget.simple-one.has-title .item.than-0 .item-main {
padding: 20px 0 0 0;
}
.main-sidebar .feed.widget.simple-one.has-title .item.than-0 {
margin: 20px 0 0 0;
}
.solid-wrapper .feed.widget.simple-one .item-sub {
padding: 15px 0 0 0;
}
.solid-wrapper .feed.widget.simple-one .item-extra .item-main {
padding: 20px 0 0 0;
border-top: 1px solid #ddd;
}
/*One*/
.feed.widget.one .item {
background: white;
margin: 20px 0 0 0;
}
.main-sidebar .feed.widget.one .item {
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #ddd;
}
.feed.widget.one .item-0 {
margin: 0;
}
.feed.widget.one .item-thumbnail {
height: 370px;
}
.feed.widget.one .item-main {
position: relative;
}
.feed.widget.one .item-main .item-title a{
text-shadow: 0 0 5px rgba(0,0,0,0.5), 2px 2px 5px rgba(0,0,0,0.5);
}
.feed.widget.one .item-0 .item-main .item-title a {
text-shadow: 0 0 5px rgba(0,0,0,0.5), 2px 2px 5px rgba(0,0,0,0.5);
}
.feed.widget.one .item-content {
position: absolute;
bottom: 0;
padding: 30px;
}
.main-sidebar .feed.widget.one .item-content {
padding: 20px;
}
.feed.widget.one .item-labels {
display: inline-block;
padding: 3px 6px;
text-shadow: none;
line-height: 1em;
font-size: 12px;
}
.feed.widget.one .item-labels a {
color: white;
}
.feed.widget.one .item-title {
font-size: 30px;
font-weight: 300;
margin: 5px 0 0 0;
}
.main-sidebar .feed.widget.one .item-title {
font-size: 20px;
font-weight: 400;
}
.feed.widget.one .item-title a {
color: white;
}
.feed.widget.one .item-sub .item-title {
margin: 0 0 20px 0;
}
.feed.widget.one .item-sub .item-title a {
color: black;
}
.feed.widget.one .item-sub {
padding: 30px;
}
.feed.widget.one .item-readmore {
font-size: 15px;
}
.main-sidebar .feed.widget.one .item-readmore {
font-size: 13px;
}
.main-sidebar .feed.widget.one .item-sub {
padding: 20px 20px 30px 20px;
}
.main-sidebar .feed.widget.one.has-title .item-sub {
padding: 10px 0 0 0;
}
.feed.widget.one .meta-items {
margin: 0 0 20px 0;
}
.feed.widget.one .meta-item {
color: black;
margin: 0 2em 0 0;
}
.feed.widget.one .item-snippet {
display: inline;
font-size: 15px;
color: #999;
line-height: 1.7em;
}
.feed.widget.one.no-spacing .item {
margin: 0;
}
.main-sidebar .feed.widget.one .item-snippet {
font-size: 13px;
}
.main-sidebar .feed.widget.one .item.item-0 {
border: none;
margin: 0;
padding: 0;
}
.solid-wrapper .feed.widget.one .item-sub {
padding: 20px 0;
}
.solid-wrapper .feed.widget.one .meta-items {
margin: 0 0 15px 0;
}
/*two*/
.feed.widget.two .two-col-left {
float: left;
width: 48.5%;
}
.feed.widget.two .two-col-right {
float: right;
width: 48.5%;
}
.feed.widget.two .item {
background: white;
margin: 20px 0 0 0;
}
.feed.widget.two .item-0,
.feed.widget.two .item-1 {
margin: 0;
}
.feed.widget.two.fix-height .item {
float: right;
width: 48.5%;
}
.feed.widget.two.fix-height .item.item-two {
float: left;
}
.feed.widget.two .item-main {
position: relative;
}
.feed.widget.two .item-main .item-title a {
text-shadow: 0 0 5px rgba(0,0,0,0.5), 2px 2px 5px rgba(0,0,0,0.5);
}
.feed.widget.two .item-thumbnail {
height: 250px;
}
.feed.widget.two .item-content {
position: absolute;
bottom: 0;
padding: 20px;
}
.feed.widget.two .item-labels {
display: inline-block;
padding: 3px 6px;
text-shadow: none;
line-height: 1em;
font-size: 12px;
}
.feed.widget.two .item-labels a {
color: white;
}
.feed.widget.two .item-title {
font-size: 18px;
font-weight: normal;
margin: 5px 0 0 0;
}
.feed.widget.two .item-title a {
color: white;
}
.feed.widget.two .item-sub .item-title {
margin: 0 0 20px 0;
}
.feed.widget.two .item-sub .item-title a {
color: black;
}
.feed.widget.two .meta-items {
margin: 20px 0 0;
}
.feed.widget.two .meta-items a {
color: #333;
margin: 0 2em 0 0;
font-size: 12px;
}
.feed.widget.two .meta-item-author .avatar {
font-style: italic;
opacity: 0.8
}
.feed.widget.two .item-sub {
padding: 20px;
}
.feed.widget.two .item-snippet {
font-size: 13px;
line-height: 1.5em;
display: inline;
color: #999;
}
.feed.widget.two .item-readmore {
font-size: 13px;
}
.feed.widget.two.no-spacing .two-col,
.feed.widget.two.fix-height.no-spacing .item {
width: 50%;
}
.feed.widget.two.no-spacing .item,
.feed.widget.two .two-col .item:first-child {
margin: 0;
}
.solid-wrapper .feed.widget.two .item-sub {
padding: 15px 0;
}
.solid-wrapper .feed.widget.two .meta-items {
margin: 10px 0 0 0;
}
/*OTHER WIDGETS*/
/*/////////////*/
/*quote*/
.widget.quote {
position: relative;
background: black!important;
overflow: hidden;
}
.widget.quote .item-thumbnail {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.3;
}
.widget.quote > h2 {
background: rgba(0,0,0,0.3);
color: white!important;
border:none!important;
}
.widget.quote .widget-content {
position: relative;
z-index: 1;
color: white;
font-size: 18px;
font-weight: normal;
}
.widget.quote .quote-icon {
position: absolute;
bottom: 0;
left: 20px;
opacity: 0.2;
font-size: 70px;
}
.widget.quote .quote-author {
font-size: 14px;
text-align: right;
font-weight: bold;
letter-spacing: 3px;
margin: 30px 0 0 0;
}
.widget.quote .quote-content {
line-height: 2em;
padding: 0 20px;
font-style: italic
}
/*SECTIONS*/
/*////////*/
/*sidebar*/
.main-sidebar .widget > h2,
.main-sidebar .feed-widget-header {
font-weight: 300;
letter-spacing: 1px;
color: #666;
box-shadow: 0px 3px 7px rgba(0,0,0,0.07);
padding: 15px 20px;
margin: 0;
border-bottom: 1px solid #eee;
z-index: 2;
position: relative;
}
.main-sidebar .feed-widget-viewall {
font-size: 11px;
margin: 3px 0 0 0;
}
.main-sidebar .feed-widget-header h2 {
margin: 0;
}
.main-sidebar .feed-widget-labels {
font-size: 11px;
padding: 0px;
margin: 0 0 0 5px;
}
.main-sidebar .widget {
box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
background: white;
}
.main-sidebar .feed.widget.has-title .item {
box-shadow: none!important;
}
.main-sidebar .widget-content {
padding: 20px;
}
.main-sidebar .widget.no-title .widget-content {
padding: 0;
}
.follow-by-email .desc {
font-size: 16px;
font-weight: normal;
margin: 0 0 20px 0;
}
.follow-by-email-inner {
margin: 2px 0 0 0;
position: relative;
}
.follow-by-email-address,
#mc_embed_signup input[type="text"],
#mc_embed_signup input[type="email"] {
border: 1px solid #ddd;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0 15px;
box-sizing: border-box;
line-height: 30px;
height: 32px;
font-size: 13px;
width: 100%;
}
.follow-by-email-submit,
#mc_embed_signup input[type="submit"]{
border: 1px solid #777;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: white;
padding: 8.5px 20px;
width: auto;
height: auto;
line-height: 1em;
margin: 0 0 0 8px;
cursor: pointer;
font-size: 13px;
z-index: 0;
}
#mc_embed_signup form {
padding: 20px 0 0 0!important;
border-top: 1px solid #ddd;
}
#mc_embed_signup input {
display: block;
margin-bottom: 10px;
}
#mc_embed_signup input[type="submit"] {
margin: 0;
}
#mc_embed_signup .asterisk {
color: #e85c41;
font-size: 150%;
font-weight: normal;
position: relative;
top: 5px;
}
#mc_embed_signup .indicates-required {
text-align: right;
font-size: 11px;
margin-right: 4%;
}
.widget.follow-by-email.no-title {
background: none;
box-shadow: none;
}
.widget.follow-by-email table {
width:100%;
border-spacing:0;
border-collapse:collapse;
}
.widget.follow-by-email table td {
padding: 0!important;
}
.solid-wrapper #primary .main-sidebar {
padding-top: 10px;
}
.solid-wrapper #primary .main-sidebar .widget {
margin: 20px 0 0 0;
box-shadow: none!important;
}
.solid-wrapper .main-sidebar .widget > h2,
.solid-wrapper .main-sidebar .feed.widget .feed-widget-header{
box-shadow: none!important;
padding: 0 0 10px 0;
color: black;
border-bottom: 1px solid black;
}
.solid-wrapper .main-sidebar .widget.image.quote > h2,
.solid-wrapper .main-sidebar .widget.image.quote .feed-widget-header {
padding: 15px 20px;
}
.solid-wrapper .main-sidebar .widget-content {
padding: 15px 0;
}
.solid-wrapper .main-sidebar .widget.quote .widget-content {
padding: 15px 20px;
}
/*tab widgets*/
.tab-title {
padding: 0!important;
display: block!important;
}
.tab-link {
display:inline-block;
text-align: center;
padding: 15px 0;
position: relative;
letter-spacing: 0;
font-weight: normal;
}
.tab-link.active {
color: #666;
font-weight: normal;
}
.tab-link.active .tab-link-arrow {
position: absolute;
width: 0;
height: 0;
left: 0;
right:0;
bottom:-1px;
margin:auto;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ddd;
}
.solid-wrapper .tab-link.active .tab-link-arrow {
border-bottom-color: black;
}
.tab-link-inner {
padding: 0 3px;
vertical-align: middle;
display:inline-block;
}
/*social counter*/
.main-sidebar .widget.social_counter .widget-content ,
.widget.social_counter .widget-content {
padding-top: 10px;
padding-bottom: 10px;
}
a.social-counter {
display: block;
width: 100%;
border-top: 1px solid #DDD;
padding: 10px 0;
}
a.social-counter.item-0 {
border: none;
}
a.social-counter > span{
display: block;
float: left;
line-height: 20px;
height: 20px;
font-size: 12px;
}
a.social-counter > span.icon {
font-size: 20px;
width: 40px;
text-align: center;
}
a.social-counter > span.count {
font-weight: bold;
color: #202020;
}
a.social-counter > span.text {
color: #999;
font-style: italic;
margin: 0 0 0 0.3em;
}
a.social-counter > span.button {
float: right;
color: #FFF;
background: none;
}
a.social-counter > span.button > span {
display: block;
font-size: 10px;
font-weight: bold;
line-height: 1em;
padding: 2.5px 3px;
margin: 2.5px 0 0 0;
}
a.social-counter span.button span.go {
position: relative;
width: 0;
overflow: hidden;
text-align: right;
display: block;
float: right;
-webkit-transition: width 200ms ease-in-out;
-moz-transition: width 200ms ease-in-out;
-o-transition: width 200ms ease-in-out;
transition: width 200ms ease-in-out;
}
a.social-counter:hover span.button span.go {
width: 1em;
-webkit-transition: width 100ms ease-in-out;
-moz-transition: width 100ms ease-in-out;
-o-transition: width 100ms ease-in-out;
transition: width 100ms ease-in-out;
}
a.social-counter span.clear {
display: block;
float: none;
line-height: 0;
height: 0;
}
.social_counter a.facebook-color, .facebook-color {color: #45619D} a.facebook-bg, .facebook-bg {background: #45619D}
.social_counter a.twitter-color, .twitter-color {color: #55ACEE} a.twitter-bg, .twitter-bg {background: #55ACEE}
.social_counter a.google-plus-color, .google-plus-color {color: #D73D32} a.google-plus-bg, .google-plus-bg {background: #D73D32}
.social_counter a.rss-color, .rss-color {color: #FB9D3A} a.rss-bg, .rss-bg {background: #FB9D3A}
.social_counter a.youtube-color, .youtube-color {color: #CC181E} a.youtube-bg, .youtube-bg {background: #CC181E}
.social_counter a.vimeo-color, .vimeo-color {color: #44BBFF} a.vimeo-bg, .vimeo-bg {background: #44BBFF}
.social_counter a.dribbble-color, .dribbble-color {color: #ED669A} a.dribbble-bg, .dribbble-bg {background: #ED669A}
.social_counter a.soundcloud-color, .soundcloud-color {color: #FF5500} a.soundcloud-bg, .soundcloud-bg {background: #FF5500}
.social_counter a.behance-color, .behance-color {color: #026BFA} a.behance-bg, .behance-bg {background: #026BFA}
.social_counter a.instagram-color, .instagram-color {color: #9E7144} a.instagram-bg, .instagram-bg {background: #9E7144}
.social_counter a.delicious-color, .delicious-color {color: #3399FF} a.delicious-bg, .delicious-bg {background: #3399FF}
.social_counter a.pinterest-color, .pinterest-color {color: #BE061A} a.pinterest-bg, .pinterest-bg {background: #BE061A}
.social_counter a.linkedin-color, .linkedin-color {color: #1C87BD} a.linkedin-bg, .linkedin-bg {background: #1C87BD}
/*footer*/
.section.footer-wide .widget {
margin-top: 30px;
}
.footer-inner {
background-color: white;
margin: 30px 0 0 0;
padding: 35px 15px 0 15px;
}
.footer-col {
float: left;
width: 33.3333%;
min-height : 1px;
}
.footer-col > .section {
padding: 0 30px;
}
/*footer widget*/
/*footer widget common*/
#footer .widget {
padding: 0 0 25px 0;
}
#footer .widget-title {
font-size: 20px;
font-weight: 300;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc;
color: #666;
line-height: 1.5em;
}
.branding-line {
margin: 0 0 15px 0;
}
.branding-line.branding-logo {
padding: 5px 0 0 0;
}
.branding-about {
color: #999;
}
/*footer widget menu*/
#footer .widget_nav_menu ul.menu {
margin: 0;
padding: 0;
}
#footer .widget_nav_menu ul.sub-menu {
display:none;
}
#footer .widget_nav_menu ul.menu li {
display: inline-block;
margin: 0 2em 0 0;
}
#footer .widget_nav_menu ul.menu li a {
color: #333;
font-weight: bold;
}
#footer .widget_nav_menu ul.menu li a:hover {
text-decoration: underline;
}
/* social icon*/
.widget.social_icons ul {
margin: -5px -40px 0 0;
padding:0;
}
.widget.social_icons li {
display: inline;
}
.widget.social_icons li a.social-icon {
font-size: 20px;
color: #333;
margin: 0 1em 0 0;
display: inline;
}
#footer .widget.social_icons li a.social-icon {
margin: 0 1.5em 0 0;
}
.solid-wrapper .footer-inner {
border: 1px solid #ddd;
}
#magone-copyright {
margin: 20px 0 0 0;
font-size: 12px;
color: #666;
}
/*SINGULAR*/
h4.post-section-title {
font-size: 20px;
font-weight: normal;
padding: 0 10px 0 0;
display: block;
float: left;
margin: 0.2em 0 0 0;
text-transform: uppercase;
}
.post-section {
clear: both;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #DDD;
}
/*pager*/
.blog-pager-item {
display: block;
vertical-align: top;
width: 50%;
float: left;
text-align: left;
margin: 20px 0 0 0;
font-size: 14px;
color: #999;
}
.blog-pager-item.older {
float: right;
text-align: right;
}
.blog-pager-item-inner {
margin-right: 10px;
}
.blog-pager-item.older .blog-pager-item-inner {
margin-right: 0;
margin-left: 10px;
}
.blog-pager-item a {
font-weight: bold;
font-size: 15px;
line-height: 1.3em;
margin: 0.3em 0 0;
display: block;
}
.blog-pager-item .text {
font-size: 12px;
font-weight: 300;
letter-spacing: 2px;
}
.blog-pager-item a:hover {
text-decoration: underline;
}
/*comments*/
#comments {
padding: 15px 0 0 0;
}
.comments {
margin: 0;
display: none;
clear: left;
}
.comments.active {
display: block;
}
ul.main-comments {
padding: 0;
}
li.comment,
li.pingback {
display: block;
padding: 20px 0 0 0;
border-top: 1px solid #DDD;
margin: 20px 0 0 0;
}
li.comment-0 {
margin: 0;
border: none;
}
.wordpress-comments-holder .children {
padding: 0 0 0 58px;
}
.wordpress-comments-holder > li:first-child {
border-top: 0;
margin-top: 0;
}
.comment-avatar {
float: left;
width: 48px;
height: 48px;
display: block;
}
.comment-avatar img {
display: block;
width: 48px;
height: 48px;
}
.comment-content {
margin: 0 0 0 58px;
}
.comment-name {
font-size: 14px;
font-weight: bold;
}
span.comment-name {
color: black;
}
a.comment-date {
font-size: 10px;
color: #666;
margin: 0 0 0 0.5em;
}
.comment-body {
margin: 10px 0 0 0;
color: #333;
font-size: 14px;
line-height: 1.3em;
}
.comment-footer {
margin: 10px 0 0 0;
}
.comment-footer a {
text-transform: uppercase;
font-size: 11px;
margin: 0 1em 0 0;
}
.comment-footer a span {
color: black;
font-weight: bold;
}
.comment-form-wrapper {
margin: 20px 0 0 0;
position: relative;
overflow: hidden;
}
.comment-form-holder .comment-form-wrapper {
margin-left: 58px;
}
.comment-form-message {
background-color: white;
border: 1px solid #E5E5E5;
padding: 20px 22px 0 22px;
position: relative;
z-index: 1;
border-bottom: 0;
line-height: 1.5em;
font-size: 16px;
font-weight: normal;
}
.wordpress-comments-holder .children .comment-avatar,
.wordpress-comments-holder .children .comment-avatar img {
width: 36px;
height: 36px;
}
.wordpress-comments-holder .children .comment-content {
margin-left: 46px;
}
.wordpress-comments-holder .children .children {
padding-left: 46px;
}
.facebook-comments {
position: relative;
overflow: hidden;
padding: 5px 0 0 2.5%;
background-color: white;
border: 1px solid #e5e5e5;
margin: 0 0 20px 0;
border-top: none;
top: -3px;
}
span.noNewComments {
display: block;
padding: 20px 0;
font-size: 20px;
font-weight: normal;
color: #666;
font-style: italic;
}
#comments-title-tabs {
clear: both;
margin: 20px 0 0 0;
}
.comments-title-tab {
display: block;
height: 40px;
line-height: 40px;
float: left;
position: relative;
z-index:1;
}
.comments-title-tabs-hr {
border-top: 1px solid #ccc;
margin: -4px 0 0 0;
position: relative;
z-index: 0;
}
a.comments-title {
font-size: 12px;
font-weight: normal;
color: #666;
padding: 0 10px;
}
a.comments-title.active {
border: 1px solid #ccc;
font-weight: bold;
color: black;
position: relative;
z-index: 1;
outline: none;
border-bottom: none;
}
a.comments-title:hover {
color: black;
}
a.facebook-comments-title.active {
background-color: white!important;
border-bottom-color: white!important;
}
.comment-media {
display: block;
}
#respond {
box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
background: white;
margin: 20px 0 0 0;
}
.solid-wrapper #respond {
box-shadow: none;
}
#reply-title {
padding: 15px;
border-bottom: 1px solid #eee;
margin: 0;
}
#commentform {
padding: 15px;
}
#commentform p {
margin: 0;
}
.comment-notes {
font-style: italic;
padding: 0 0 15px 0;
}
#commentform label {
display: block;
color: #666;
margin: 0 0 5px 0;
cursor: pointer;
}
.comment-form-author {
float: left;
width: 48.5%;
}
.comment-form-email {
float: right;
width: 48.5%;
}
.comment-form-author input,
.comment-form-email input {
display: block;
padding: 10px;
border: 1px solid #ddd;
width: 100%;
box-sizing: border-box;
}
.comment-form-url,
.comment-form-comment {
display: block;
clear: both;
padding: 15px 0 0 0;
}
.comment-form-url input,
.comment-form-comment textarea {
width: 100%;
padding: 10px;
box-sizing: border-box;
border: 1px solid #ddd;
}
.comment-form-comment {
display: block;
clear: both;
padding: 15px 0 0 0;
}
#respond .form-submit input {
display: block;
width: 100%;
padding: 15px 0;
margin: 15px 0 0 0;
color: white;
border: none;
cursor: pointer;
}
.fb-comments,
.fb-comments iframe[style],
.fb-comments span {
width: 100% !important;
}
.solid-wrapper #reply-title {
padding: 15px 0;
}
.solid-wrapper #commentform {
padding: 15px 0;
}
p.must-log-in {
padding: 15px;
margin: 0;
}
/*post*/
.post-feature-media-wrapper {
position: relative;
}
.post-feature-media-wrapper img,
.post-feature-media-wrapper iframe {
display: block;
margin: 0 0 15px 0;
width: 100%;
height: auto;
}
.post-feature-media {
display: block;
}
.post-feature-media-wrapper .post-feature-caption {
position: absolute;
right: 0;
bottom: 0;
color: white;
padding: 10px 15px;
background: #000;
background: rgba(0,0,0,0.8);
}
.post-breadcrumb {
margin: 0 0 10px 0;
color: #666;
}
.post-breadcrumb > * {
display: inline-block;
margin: 0 1em 0 0;
font-size: 14px;
}
h1.post-title {
margin: 0 0 10px 0;
line-height: 1.2em!important;
font-weight: normal;
}
span.custom-post-title,
.post-sub-title,
.post-sub-title strike,
span.custom-post-title strike {
text-decoration: none;
font-weight: normal!important;
}
.post-sub-title {
font-size: 30px;
font-weight: normal;
margin: 0 0 10px 0;
color: #333;
}
.post-meta-wrapper {
margin: 0 0 10px 0;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
}
a.post-meta {
margin: 0 1.5em 0 0;
color: #666;
font-weight: normal;
display: inline-block;
font-size: 12px;
height: 20px;
line-height: 20px;
}
a.post-meta i {
font-size: 14px;
vertical-align: text-bottom;
}
.post-comment-counter {
display: none;
}
/*post-body content template*/
.content-template p {
margin: 0 0 1em 0;
}
.content-template blockquote {
background-color: #333;
position: relative;
margin: 0.5em 0 1.5em 0;
padding: 20px 20px 20px 70px;
color: white;
font-size: 16px;
font-weight: normal;
line-height: 1.5em;
font-style: italic;
display: block;
clear: both;
}
.content-template blockquote p {
margin: 0.5em 0;
}
.content-template blockquote .blockquote-icon {
position: absolute;
left: 20px;
top: 20px;
font-size: 30px;
}
.content-template table {
border-spacing: 0;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.content-template table thead {
background: #f0f0f0;
}
.content-template table tr {
padding: 0;
}
.content-template table th,
.content-template table td {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 5px;
}
.content-template dt {
font-size: 1.4em;
margin: 20px 0 5px 0;
}
.content-template dd {
padding-left: 20px;
margin: 0 0 20px 10px;
border-left: 1px solid #ccc;
display: block;
}
.post-body-inner {
color: #333;
line-height: 1.7em!important;
font-size: 16px;
font-weight: 300;
}
.post-body-inner p {
margin-bottom: 1.7em;
}
/*post body extra*/
.attachment .post-body img {
display: block;
margin: auto;
}
.post-ads {
float: left;
margin: 0 15px 15px 0;
width: 300px;
position: relative;
overflow: hidden;
}
.post-right {
margin-left: 320px;
}
.wide-right .post-right {
margin: 0;
padding: 0 0 10px 0;
}
p.post-excerpt {
margin: 0 0 15px 0;
padding: 15px 20px;
background-color: #e8e8e8;
font-size: 16px;
font-weight: normal;
line-height: 1.5em;
}
.post-break-link {
line-height: 1.5em;
margin: 0 0 10px 0;
color: #666;
padding: 0 0 0 15px;
position: relative;
font-size: 14px;
letter-spacing: 0.5px;
}
.post-break-link a:hover {
text-decoration: underline;
}
.post-break-link i {
position: absolute;
left: 0;
top: 2px;
margin: 0 5px 0 0;
}
.break-link-after-more-tag {
margin-top: 1em;
}
/*post rating*/
.post-review-main {
background: #333;
color: white;
}
.post-review-conclusion {
background: #222;
color: #ddd;
font-style: italic;
font-size: 14px;
padding: 30px;
}
.post-review-star-bar {
font-size: 15px;
}
.post-review-item-user .post-review-star-bar-top {
-webkit-transition: width 100ms;
-moz-transition: width 100ms;
-o-transition: width 100ms;
transition: width 100ms;
}
.post-review-star-bar-bottom {
color: #444;
}
.post-review-line-bar {
background: black;
height: 4px;
border-radius: 100px;
padding: 2px;
margin: 5px 0 0 0;
}
.post-review-line-bar-top {
width: 0;
height: 100%;
border-radius: 100px;
}
.post-review-item-user .post-review-line-bar-top {
-webkit-transition: width 100ms;
-moz-transition: width 100ms;
-o-transition: width 100ms;
transition: width 100ms;
}
.post-review-average {
float: left;
width: 200px;
text-align: center;
padding: 40px 0 0 0;
overflow: hidden;
}
.post-review-average .post-review-star-bar {
margin: auto;
font-size: 25px;
}
.post-review-average-value-text {
font-size: 70px;
line-height: 1.3em;
}
.post-review-average-value[data-type="point"] .post-review-average-value-text,
.post-review-average-value[data-type="percent"] .post-review-average-value-text{
height: 2.7em;
width: 2.7em;
position: relative;
display: block;
margin: auto;
padding: 0.2em;
background: #222;
border-radius: 100%;
font-size: 50px;
border: 2px dashed #555;
margin-bottom: 15px;
}
.post-review-average-value-text .sneeit-percent > * {
border-width: 0.15em;
border-radius: 100%;
top: 0;
left: 0;
height: 2.7em;
width: 2.7em;
line-height: 2.5em;
}
.post-review-average-label {
font-size: 10px;
margin: 7px 0 0 0;
letter-spacing: 2px;
}
.post-review-items {
margin-left: 200px;
padding: 40px 0;
}
.post-review-items-inner {
padding: 0 40px;
border-left: 1px solid #444;
}
.post-review-item {
margin: 20px 0 0 0;
}
.post-review-items-inner .post-review-star-bar {
float: left;
margin: 0 10px 0 0;
}
.post-review-item-0 {
margin: 0;
}
.post-review-item-user-note {
font-style: italic;
color: #999;
margin: 5px 0 0 0;
}
.post-review-average-value-canvas {
left: 0.2em;
top: 0.2em;
}
.item-score {
display: block;
position: absolute;
right: 0;
top: 0;
color: #FFF;
z-index: 9;
text-align: center;
font-weight: bold;
font-size: 14px;
}
.item-score.star > span {
display: block;
position: relative;
width: 4em;
height: 4em;
line-height: 4em;
}
.item-score.star b {
position: absolute;
top: 0;
left: 0;
z-index: -1;
font-size: 4em;
display: block;
width: 1em;
height: 1em;
}
/*post bottom media ( ads - bottom break links)*/
.post-bot-media {
margin-top: 1.5em;
}
.post-bot-media.post-bot-ads.post-bot-break .post-ads-bottom {
float: left;
width: 300px;
}
.post-bot-media.post-bot-ads.post-bot-break .break-link-after-content {
margin-left: 320px;
}
/*post label / tags / categories*/
.post-labels.post-section {
padding-top: 0;
}
a.post-label .label-name {
display: inline-block;
color: white;
padding: 2px 6px 4px 6px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 1em;
vertical-align: middle;
font-size: 12px;
}
a.post-label {
margin: 15px 1em 0 0;
display: block;
float: left;
}
a.post-label:hover {
opacity: 0.9;
}
.post-label span.label-count {
position: relative;
display: inline-block;
margin: 0 0 0 5px;
}
.post-label span.label-count-value {
background: #ddd;
color: #333;
padding: 2px 5px;
font-size: 10px;
line-height: 1em;
display: inline-block;
vertical-align: text-bottom;
}
.post-label span.label-count-arrow {
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-right: 7px solid #ddd;
display: block;
position: absolute;
height: 0;
widht: 0;
top: 0.6em;
left: -5px;
}
.post-page {
display: none;
}
.post-page.active {
display: block;
}
.post-page-buttons {
margin-top: 20px;
}
.post-page-buttons > a,
.post-page-buttons > span {
display: inline-block;
font-size: 16px;
line-height: 1;
padding: 2px 7px;
background: white;
border: 1px solid #ddd;
margin: 0 5px 0 5px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post-page-buttons > span {
color: #666;
background: none;
}
.post-page-buttons > a:hover {
text-decoration: underline;
}
.post-page-buttons > span:hover {
text-decoration: none;
}
.post-rection-wrapper {
float: left;
height: 20px;
margin-top: 6px;
min-width: 320px;
}
.post-location a {
display: block;
float: left;
margin-top: 7px;
font-size: 14px;
}
.post-location a:hover {
text-decoration: underline;
}
.post-share-buttons {
width: 100%;
}
.post-share-buttons-url {
display: block;
width: 100%;
box-sizing: border-box;
padding: 10px;
margin-top: 10px;
border: 1px solid #ccc;
font-size: 16px;
outline: none;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post-share-buttons-holder {
display: inline-block;
}
.post-share-buttons-holder a.at-share-btn {
-o-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post-share-buttons-holder .at_flat_counter {
background: #e0e0e0;
}
.post-share-buttons-holder .at_flat_counter:hover {
background: #e5e5e5;
}
.post-share-buttons-holder .at_flat_counter:after {
border-color: rgba(0, 0, 0, 0) #e0e0e0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.post-share-buttons-holder .at_flat_counter:hover:after {
border-color: rgba(0, 0, 0, 0) #e5e5e5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.header-post-sharing-buttons .post-share-buttons-url {
display: none;
}
.header-post-sharing-buttons {
border-bottom: 1px solid #ddd;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
.author-profile img {
width: 50px;
height: 50px;
float: left;
border: none;
margin-right: 0;
}
.author-profile-description {
font-size: 16px;
color: #666;
font-style: italic;
margin-left: 65px;
}
.author-profile {
margin: 10px 0 0 0;
}
.author-social-icon-links a {
display: inline-block;
margin: 0 10px 0 0;
}
/*post related box*/
.post-related {
position: relative;
z-index: 0;
}
.post-related-inner {
margin: 25px 0 0 0;
}
.solid-wrapper .post-related-inner.shad {
box-shadow: none;
}
.post-related-header h4 {
position: relative;
z-index: 0;
margin: 0;
}
a.post-related-random-button {
position: absolute;
font-size: 20px;
right: 20px;
top: 20%;
z-index: 1;
}
.post-related-header {
padding: 15px;
border-bottom: 1px solid #eee;
position: relative;
}
.post-related-content {
padding: 20px;
}
.post-related-item {
float: left;
width: 48%;
margin-left: 4%;
position: relative;
margin-top: 20px;
}
.post-related-item.item-two {
margin-left: 0;
}
.post-related-item-0 {
margin-left: 0;
margin-top: 0;
}
.post-related-item-1 {
margin-top: 0;
}
.post-related-item .item-thumbnail {
height: 180px;
background-color: black;
}
.post-related-item-wide {
width: 100%;
}
.post-related-item-wide .item-thumbnail {
height: 210px;
}
.post-related-item .item-thumbnail img {
opacity: 0.8;
}
.post-related-item .item-title {
position: absolute;
bottom: 0;
padding: 15px;
line-height: 1.3em;
font-size: 18px;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
font-weight: 400;
z-index: 19;
margin: 0;
background: -webkit-linear-gradient(top, rgba(25,35,45,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(25,35,45,0) 0%,rgba(0,0,0,0.8) 100%);
}
.post-related-item .item-title a {
color: white;
}
.solid-wrapper .post-related-content {
padding: 20px 0;
}
.solid-wrapper .post-related-header {
padding: 15px 0;
border-bottom: 1px solid #ccc;
box-shadow: none
}
.solid-wrapper a.post-related-random-button {
right: 0;
}
/*SHORTCODES*/
/*##########*/
/*contact*/
#magone-simple-contact-form, div.wpcf7 {
padding: 15px;
margin: 10px 0 20px 0;
}
div.wpcf7 {
background: #FFF;
box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
}
#magone-simple-contact-form p, div.wpcf7 p {
margin: 0;
}
#magone-simple-contact-form label, div.wpcf7 p {
display: block;
color: #666;
margin: 0 0 5px 0;
cursor: pointer;
}
.magone-simple-contact-form-name {
float: left;
width: 48.5%;
}
.magone-simple-contact-form-email {
float: right;
width: 48.5%;
}
.magone-simple-contact-form-name input,
.magone-simple-contact-form-email input,
.wpcf7-form-control {
display: block;
padding: 10px;
border: 1px solid #ddd;
width: 100%;
box-sizing: border-box;
}
.wpcf7-form-control {
margin: 3px 0 15px 0;
}
.magone-simple-contact-form-url,
.magone-simple-contact-form-content {
display: block;
clear: both;
padding: 15px 0 0 0;
}
.magone-simple-contact-form-url input,
.magone-simple-contact-form-content textarea {
width: 100%;
padding: 10px;
box-sizing: border-box;
border: 1px solid #ddd;
}
.magone-simple-contact-form-content {
display: block;
clear: both;
padding: 15px 0 0 0;
}
#magone-simple-contact-form-submit, .wpcf7-form-control[type="submit"] {
display: block;
width: 100%;
padding: 15px 0;
margin: 15px 0 0 0;
color: white;
border: none;
cursor: pointer;
}
.magone-simple-contact-form-successful {
padding: 20px;
}
.magone-simple-contact-form-error {
color: red;
font-weight: bold;
font-size: 14px;
margin: 10px 0;
display: block;
}
/*gallery*/
.gallery {
max-width: 100%;
clear: both;
margin: 0 auto 1em 0;
}
.gallery img {
border: none!important;
display: block;
width: 100%!important;
}
.gallery-item dt {
display: block;
line-height: 1;
margin: 0;
font-size: 1em;
}
.gallery-item {
margin: 0!important;
position: relative;
width: 100%!important;
}
.gallery-caption {
display: none!important;
position: absolute;
margin: 0!important;
width: 100%;
padding: 10px 0!important;
box-sizing: border-box;
background: rgba(0,0,0,0.4);
color: white;
z-index: 1;
bottom: 0;
opacity: 0;
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
border: none!important;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-item .gallery-icon {
position: relative;
z-index: 1;
opacity: 0.9;
}
.gallery-item:hover .gallery-icon {
box-shadow: 0 0 5px #000;
z-index: 10;
opacity: 1;
}
.gallery-columns-1.gallery-size-thumbnail {
width: 150px;
}
.gallery-columns-1.gallery-size-medium {
width: 300px;
}
.gallery-columns-1.gallery-size-large {
width: 640px;
}
.gallery-columns-2.gallery-size-thumbnail {
width: 300px;
}
.gallery-columns-2.gallery-size-medium {
width: 600px;
}
.gallery-columns-3.gallery-size-thumbnail {
width: 450px;
}
.gallery-columns-3.gallery-size-medium {
width: 900px;
}
.gallery-columns-4.gallery-size-thumbnail {
width: 600px;
}
.gallery-columns-5.gallery-size-thumbnail {
width: 750px;
}
.gallery-columns-6.gallery-size-thumbnail {
width: 900px;
}
.gallery-columns-7.gallery-size-thumbnail {
width: 1050px;
}
.gallery-column {
float: left;
}
#TB_window {
background: #000!important;
color: #FFF;
}
#TB_window img#TB_Image {
border: none!important;
margin: 0!important;
width: 100%!important;
}
#TB_ImageOff .screen-reader-text {
display: none;
}
.tb-close-icon {
display: none;
}
#TB_caption {
padding: 5px 10px!important;
height: auto!important;
font-size: 11px;
font-style: italic;
}
#TB_secondLine {
color: #999;
font-style: normal;
margin: 3px 0 0 0;
}
#TB_secondLine a:hover {
opacity: 1;
}
#TB_secondLine a {
font-weight: bold;
opacity: 0.9;
text-transform: uppercase;
font-size: 10px;
margin: 0 0 0 10px;
}
#TB_closeWindow {
text-transform: uppercase;
line-height: 25px;
padding: 10px 15px;
}
/*.column*/
.column {
display: inline-block;
vertical-align: top;
*display: inline;
zoom: 1;
}
/*locked content*/
.locked-content {
position: relative;
padding: 15px;
z-index: 9;
margin: 10px 0 20px 0;
}
.locked-content .fb_iframe_widget iframe {
max-width: none!important;
z-index: 2;
}
.locked-content .overlay {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.1;
z-index: 0;
}
.locked-content .inner {
position: relative;
text-align: center;
}
.locked-content i.fa {
font-size: 60px;
padding: 30px 0 0 0;
}
h2.locked-content-title {
margin: 10px 0;
font-size: 20px;
}
h3.locked-content-sub-title {
font-size: 16px;
margin: 10px 0;
}
.locked-content-actions {
position: relative;
z-index: 1;
}
.locked-content-action {
display: inline-block;
vertical-align: top;
padding: 10px 5px 20px 5px;
}
.locked-content-action .fb-like {
margin: -3px 0 0 0;
display: block;
}
/*contact form*/
.contact-form-name, .contact-form-email, .contact-form-email-message {
max-width: 100%;
margin: 0 0 10px 0;
}
.contact-form-button {
font-size: 16px;
font-weight: normal;
height: auto;
padding: 10px 50px;
}
/*button shortcode*/
a.button {
display: inline-block;
line-height: 1em;
padding: 0.5em 0.7em 0.7em 0.7em;
background: white;
position: relative;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*display: inline;
zoom: 1;
}
a.button span {
line-height: 1em;
}
a.button span.button-overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-sizing: border-box;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid black;
border-bottom-width: 0.2em;
opacity: 0.2;
filter: alpha(opacity=20);
}
a.button:hover .button-overlay {
background: white;
opacity: 0.15;
filter: alpha(opacity=15);
}
a.button:active .button-overlay {
border-bottom-width: 1px;
}
/*dropcap shortcode*/
span.dropcap,
span.firstcharacter {
display: block;
float: left;
font-size: 5em;
line-height: 1em;
margin: 0 0.2em 0 0;
}
/*message box shortcode*/
.shortcode-message {
margin: 10px 0;
display: block;
position: relative;
overflow: hidden;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.shortcode-message .message-title {
background: #ddd;
font-weight: bold;
font-size: 1.2em;
}
.shortcode-message .message-content {
background: white;
}
.shortcode-message > div {
display: block;
margin: 0;
padding: 10px 15px;
}
/*tab shortcode*/
.shortcode-tab, .shortcode-vtab,
.shortcode-tab.ui-widget.ui-widget-content,
.shortcode-vtab.ui-widget.ui-widget-content {
padding: 0 20px 15px 20px;
background: white;
box-shadow: -1px -1px 2px rgba(0,0,0,0.05), 2px 2px 4px rgba(0,0,0,0.1);
margin: 0.5em 0 1em 0;
border: none;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.shortcode-vtab,
.shortcode-vtab.ui-widget.ui-widget-content {
padding: 15px 0;
}
.shortcode-tab ul.tab-header,
.shortcode-vtab ul.tab-header {
display: block;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
border: none;
background: none;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.shortcode-vtab ul.tab-header {
float: left;
width: 25%;
}
.shortcode-tab ul.tab-header li,
.shortcode-vtab ul.tab-header li,
.shortcode-tab.ui-tabs ul.tab-header.ui-tabs-nav li,
.shortcode-vtab.ui-tabs ul.tab-header.ui-tabs-nav li {
display: block;
margin: 0;
padding: 0;
float: left;
border: none;
background: none;
outline: none;
line-height: inherit;
}
.shortcode-vtab ul.tab-header li,
.shortcode-vtab.ui-tabs ul.tab-header.ui-tabs-nav li {
float: none;
border-right: 1px solid #ddd;
}
.shortcode-tab ul.tab-header li a,
.shortcode-vtab ul.tab-header li a,
.shortcode-tab.ui-tabs ul.tab-header.ui-tabs-nav .ui-tabs-anchor,
.shortcode-vtab.ui-tabs ul.tab-header.ui-tabs-nav .ui-tabs-anchor {
display: block;
padding: 15px 0;
margin: 0 20px -1px 0;
font-weight: bold;
outline: none;
font-size: 14px;
line-height: inherit;
float: none;
}
.shortcode-vtab ul.tab-header li a,
.shortcode-vtab.ui-tabs ul.tab-header.ui-tabs-nav .ui-tabs-anchor {
padding: 8px 20px;
margin: 0 -1px 0 0;
}
.shortcode-tab ul.tab-header li.ui-state-active a {
border-bottom: 1px solid #333;
color: #333!important;
}
.shortcode-vtab ul.tab-header li.ui-state-active a {
border-right: 1px solid #333;
color: #333!important;
}
.shortcode-tab.ui-tabs .tab-content.ui-widget-content {
clear: both;
border: none;
border-top: 1px solid #ddd;
padding: 0;
padding-top: 15px;
position: relative;
z-index: 0;
font-size: inherit;
font-family: inherit;
}
.shortcode-vtab .tab-content {
border: none;
padding: 0;
position: relative;
z-index: 0;
float: left;
width: 75%;
}
.shortcode-vtab .tab-content .inner {
padding: 0 20px;
}
/*accordion shortcode*/
.shortcode-accordion,
.shortcode-accordion.ui-widget {
padding: 0 20px;
background: white;
position: relative;
box-shadow: -1px -1px 2px rgba(0,0,0,0.05), 2px 2px 4px rgba(0,0,0,0.1);
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.shortcode-accordion h3,
.shortcode-accordion.ui-accordion h3.ui-accordion-header {
margin: 0;
padding: 0;
font-size: inherit;
border: none;
background: none;
font-weight: bold;
}
.shortcode-accordion .ui-icon {
display: none;
}
.shortcode-accordion .accordion-title {
display: block;
position: relative;
font-size: 14px;
line-height: 1;
padding: 15px 0 0 0;
border-top: 1px solid #ddd;
}
.shortcode-accordion .accordion-title-0 {
border-top: 1px solid white;
}
.shortcode-accordion .ui-state-active a.accordion-title {
color: #333!important;
border-bottom: 1px solid #ddd;
}
.shortcode-accordion .accordion-title-text {
display: inline-block;
padding: 0 0 15px 0;
line-height: 1.5em;
margin: 0 0 -1px 0;
*display: inline;
zoom: 1;
}
.shortcode-accordion .ui-state-active .accordion-title-text {
border-bottom: 1px solid #333;
}
.shortcode-accordion .accordion-title-icon {
position: absolute;
right: 0;
font-size: 20px;
display: none;
}
.shortcode-accordion .accordion-title-icon-inactive {
display: inline-block;
*display: inline;
zoom: 1;
}
.shortcode-accordion .ui-state-active .accordion-title-icon-active {
display: inline-block;
*display: inline;
zoom: 1;
}
.shortcode-accordion .ui-state-active .accordion-title-icon-inactive {
display: none;
}
.shortcode-accordion .accordion-content,
.shortcode-accordion.ui-accordion .accordion-content.ui-accordion-content {
padding: 15px 0;
border: none;
}
.shortcode-accordion.ui-accordion .ui-accordion-header.clear {
border: none;
padding: 0;
background: none;
}
/*column shortcode*/
.shortcode-col .col {
float: left;
margin-left: 20px;
}
.shortcode-col .col.col-0 {
margin-left: 0;
}
/*codebox*/
pre.code-box {
color: #333;
font: 11px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
white-space: pre-wrap;
word-wrap: break-word;
background-color: #f4f4f4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #f4f4f4), color-stop(50%, #e5e5e5));
background-image: -webkit-linear-gradient(#f4f4f4 50%,#e5e5e5 50%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f4f4f4), color-stop(50%, #e5e5e5));
background-image: -webkit-linear-gradient(#f4f4f4 50%, #e5e5e5 50%);
background-image: linear-gradient(#f4f4f4 50%,#e5e5e5 50%);
-webkit-background-size: 38px 38px;
background-size: 38px 38px;
border: 1px solid #c5c5c5;
display: block;
line-height: 19px!important;
margin: 0 0 1em 0px;
overflow: visible;
overflow-y: hidden;
padding: 0 0 0 4px;
position: relative;
z-index: 0;
}
pre.code-box span, pre.code-box div, pre.code-box pre {
line-height: 19px!important;
margin-top: 0!important;
margin-bottom: 0!important;
padding-top: 0!important;
paddding-bottom: 0!important;
border-top: 0!important;
boder-bottom: 0!important;
}
pre.code-box br {
line-height: 0px!important;
display: none!important;
height: 0!important;
}
.pre-header {
position: relative;
z-index: 1;
width: auto;
}
.pre-header a {
color: white;
padding: 5px 10px;
line-height: 1em;
font-size: 12px;
display: inline-block;
*display: block;
zoom: 1;
}
.pre-header a:hover {
color: white!important;
}
.pre-header .copy-all-message {
position: absolute;
top: 100%;
background: #83CC40;
color: white;
width: 100%;
font-size: 12px;
padding: 0 10px;
box-sizing: border-box;
}
/*ARCHIVE PAGES*/
.archive-page-title {
font-weight: normal;
font-size: 20px;
font-weight: normal;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc;
color: #333;
}
.archive-page-pagination {
margin: 20px 0;
position: relative;
min-height: 20px;
}
.archive-page-pagination .page-numbers {
border: 1px solid #ccc;
padding: 5px 10px;
background: white;
margin: 0 1em 0 0;
display: block;
float: left;
font-size: 16px;
}
.archive-page-pagination .page-numbers:hover {
border-color: #999;
}
.archive-page-pagination .page-numbers.current {
background: none;
color: #333;
box-shadow: none;
}
.archive-page-pagination .page-numbers.current:hover {
border-color: #ccc;
}
span.archive-page-pagination-info {
position: absolute;
right: 0;
color: #999;
top: 5px;
}
span.archive-page-pagination-separator {
float: left;
margin: 0 15px 0 0;
font-size: 20px;
color: #999;
}
.archive-page-pagination .page-numbers.dots {
border: none;
background: none;
}
.author-page-avatar {
float: left;
margin: 0 15px 0 0;
}
.archive-page-description {
line-height: 1.7em;
}
#magone-archive-blog-rolls {
margin: 0!important;
}
/*404*/
.error_page .main-sidebar {
display: none;
}
.error_page #content {
float: none;
width: 100%;
}
.post-404 {
text-align: center;
}
.post-404 .title {
font-size: 300px;
font-weight: normal;
color: #999;
line-height: 1em;
}
.post-404 .link {
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
}
/*scroll up*/
.error_page a.scroll-up {
display: none;
}
a.scroll-up {
z-index:99;
width:40px;
height:40px;
font-size: 25px;
text-align: center;
line-height: 40px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position:fixed;
bottom:10px;
right:10px;
cursor:pointer;
overflow:font-size;
background: white;
border: 1px solid;
}
.solid-wrapper a.scroll-up {
border: 1px solid;
}
a.scroll-up:hover {
background: currentColor;
}
a.scroll-up:hover i {
color: white;
}
/* ###################### */
/* RESPONSIVE */
/* ###################### */
.wide {
max-width: 100%
}
.mobile {
display: none;
}
#header .mobile-menu .menu {
display: none;
}
.mobile-menu .menu {
margin: 0;
padding: 0;
}
.mobile-menu .menu ul {
margin: 0;
padding: 0;
}
.mobile-menu .menu li {
display: block;
position: relative;
}
.mobile-menu .menu li a {
display: block;
padding: 10px 10px;
color: black;
background: #fff;
border-bottom: 1px solid #ddd;
font-size: 14px;
}
.mobile-menu .menu .sub-menu li a {
padding-left: 8%;
font-size: 12px;
color: #333;
}
.mobile-menu .menu .sub-menu .sub-menu li a {
padding-left: 16%;
font-size: 11px;
font-weight: normal;
}
.mobile-menu-fold .menu-item-inner {
display: none;
}
.mobile-menu .menu-item > .toggle {
position: absolute;
right: 0;
top: 0;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
font-size: 20px;
cursor: pointer;
z-index: 2;
}
.mobile-menu .menu-item > .expand {
display: block;
}
.mobile-menu .menu-item > .collapse {
display: none;
}
.mobile-menu.mobile-menu-fold .menu-item.expanded > .expand {
display: none;
}
.mobile-menu.mobile-menu-fold .menu-item.expanded > .collapse {
display: block;
}
/*
################
FIREFOX BUG FIX
################
*/
@-moz-document url-prefix() {
.post-body-inner table.tr-caption-container,
.post-body-inner table.tr-caption-container * {
max-width: 100%;
display:block;
box-sizing:border-box
}
.is-firefox {
display: block;
}
}