/*
Theme Name: NicheSmart V301
Theme URI: http://www.labs6.adsensia.com/
Author: AdSensia.com
Author URI: http://www.adsensia.com/
Description: NIcheSmart is a fluid responsive theme that is multipurpose and flexible. Through the advanced options panel, you can choose from multiple site layouts, unlimited backgrounds and color schemes, as well as control specific features of the theme. It includes 6 custom widgets, an author box and related posts widget, ad management, browser compatibility,, all search engine optimized. Advanced options panel with ability to upload logo, favicon, customize settings and more.
Version: 301
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, popular views, custom-background, custom-colors, two-columns, right or left sidebar, theme-options,theme-options and more.
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html {
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q {
quotes: none;
font-family: georgia;
font-size: 18px;
font-style: italic;
}
blockquote:before, q:before, q:after {
content: '';
content: none;
}
sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
font-size: 10px;
}
sup { bottom: 1ex }
sub { top: .5ex }
table {
border-collapse: collapse;
border-spacing: 0;
}
button, input, select, textarea { margin: 0 }
:focus { outline: 0 }
img, video, object {
max-width: 100%;
height: auto!important;
}
iframe { max-width: 100% }
blockquote {
border-bottom: 1px solid #dfdfdf;
border-top: 1px solid #dfdfdf;
font-family: Titillium;
font-size: 16px;
font-style: italic;
font-weight: normal;
margin-bottom: 20px;
position: relative;
}
blockquote p { margin-bottom: 10px }
strong, b { font-weight: bold }
em, i, cite { font-style: italic }
small { font-size: 100% }
figure { margin: 10px 0 }
code, pre {
font-weight: normal;
font-style: normal;
}
pre {
line-height: 1.3;
overflow: auto;
background: #F7F7F7 url('images/code.png') 10px 2px no-repeat;
padding: 2em 1em 1em 1em;
border: 1px solid #DDD;
margin: 15px 0;
}
code {
padding: 0 8px;
line-height: 1.5;
}
mark {
padding: 1px 6px;
margin: 0 2px;
color: black;
background: #FFE974;
}
address {
margin: 10px 0;
font-style: italic;
}
.wp-caption {
background: #EEE;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.sticky {
}
.gallery-caption {
}
.gallery dt {
width: auto;
text-align: center;
float: none;
}
.gallery img { border: 0!important }
.bypostauthor {
}
.wp-caption-text {
margin-bottom: 0;
text-align: center;
}
dl {
}
dt {
float: left;
clear: left;
width: 100px;
text-align: right;
font-weight: bold;
}
dd {
margin: 0 0 0 110px;
padding: 0 0 0.5em 0;
overflow: hidden;
}
/*-[ Framework ]--------------------*/
body {
font-family: roboto;
color: #000000;
line-height: 22px;
background-color: #FFFFFF;
}
@font-face {
font-family: 'Titillium';
src: url('fonts/titillium-light-webfont.eot');
src: url('fonts/titillium-light-webfont.svg#titillium-light-webfont') format('svg'),
url('fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/titillium-light-webfont.woff') format('woff'),
url('fonts/titillium-light-webfont.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Titillium';
src: url('fonts/titillium-lightitalic-webfont.eot');
src: url('fonts/titillium-lightitalic-webfont.svg#titillium-lightitalic-webfont') format('svg'),
url('fonts/titillium-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/titillium-lightitalic-webfont.woff') format('woff'),
url('fonts/titillium-lightitalic-webfont.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Titillium';
src: url('fonts/titillium-regular-webfont.eot');
src: url('fonts/titillium-regular-webfont.svg#titillium-regular-webfont') format('svg'),
url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/titillium-regular-webfont.woff') format('woff'),
url('fonts/titillium-regular-webfont.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Titillium';
src: url('fonts/titillium-regularitalic-webfont.eot');
src: url('fonts/titillium-regularitalic-webfont.svg#titillium-regular-webfont') format('svg'),
url('fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/titillium-regularitalic-webfont.woff') format('woff'),
url('fonts/titillium-regularitalic-webfont.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Titillium';
src: url('fonts/titillium-semibold-webfont.eot');
src: url('fonts/titillium-semibold-webfont.svg#titillium-semibold-webfont') format('svg'),
url('fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/titillium-semibold-webfont.woff') format('woff'),
url('fonts/titillium-semibold-webfont.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
::-moz-selection {
background: #222;
color: white;
text-shadow: none;
}
::selection {
background: #222;
color: white;
text-shadow: none;
}
#page, .container {
position: relative;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 12px;
color: #2A2A2A;
}
h1 {
font-size: 28px;
line-height: 1.4;
}
h2 {
font-size: 24px;
line-height: 1.4;
}
h3 {
font-size: 22px;
line-height: 1.4;
}
h4 {
font-size: 20px;
line-height: 1.4;
}
h5 {
font-size: 18px;
line-height: 1.4;
}
h6 {
font-size: 16px;
line-height: 1.4;
}
.sub-title { font-size: 12px }
p { margin-bottom: 20px }
a {
text-decoration: none;
color: #38B7EE;
transition: background-color, color 0.2s linear;
}
a:hover { color: #38B7EE }
a:link, a:visited, a:active { text-decoration: none }
/*-[ Main container ]---------------*/
.main-container {
width: 980px;
margin: 0 auto;
overflow: hidden;
padding: 0;
background: #fff;
position: relative;
}
#page, .container {
max-width: 940px;
min-width: 230px;
overflow: visible;
}
#page {
min-height: 100px;
clear: both;
width: 96%;
padding: 0;
padding-top: 24px;
max-width: 940px;
overflow: hidden;
}
#page .content {
width: 100%;
display: block;
float: left;
}
#page.single { }
/*-[ Header ]-----------------------*/
body > header {
float: left;
width: 100%;
position: relative;
}
.main-header {
position: relative;
margin: 0 auto;
width: 100%;
z-index: 99;
max-width: 980px;
float: none;
display: block;
min-height: 50px;
}
#header {
/*border-bottom: 1px solid #dddddd;*/
border-bottom:none;
position: relative;
width: 98.1%;
float: left;
padding: 0 0 0 2%;
}
#header:after {
border-bottom: 1px solid #dddddd;
content: "";
position: absolute;
width: 100%;
height: 0px;
background: #E2E2E2;
bottom: 0px;
left: 0;
}
#header h1, #header h2 {
font-size: 26px;
float: left;
display: inline-block;
line-height: 1;
margin: 20px 0;
}
#header .image-logo { margin: 11px 0 }
#logo a {
float: left;
color: #EFEFEF;
font-weight: bold;
}
#logo a img { float: left }
#header-widget-container {
width: 96%;
max-width: 940px;
margin: 0 auto;
overflow: hidden;
margin-top: 24px;
}
.widget-header img { float: center; }
/*-[ Navigation ]-----------------*/
.secondary-navigation {
display: block;
margin: 0 auto;
max-width: 100%;
float: right;
}
.secondary-navigation a {
color: #ffffff;
font-size: 15px;
line-height: 1.4;
padding: 18px 30px 10px 10px;
text-align: left;
text-decoration: none;
}
.secondary-navigation li li a { line-height: 1 }
.secondary-navigation a .sub {
font-size: 12px;
font-weight: normal;
color: #7d7d7d;
text-transform: none;
}
.menu-item-has-children > a:after {
content: "\2630";
font-size: 10px;
color: #ffffff;
position: absolute;
right: 12px;
top: 22px;
}
.footer-navigation .menu-item-has-children > a:after { }
.sub-menu .menu-item-has-children>a:after {
right: 0;
top: 17px;
}
.menu .current-menu-item > a:after {
content: "";
position: absolute;
width: 100%;
height: 0px;
bottom: 0px;
left: 0;
z-index: 1;
}
#navigation {
margin: 0 auto;
font-size: 13px;
width: 100%;
float: left;
}
#navigation ul { margin: 0 auto }
#navigation .menu { float: left }
#navigation ul li {
float: left;
position: relative;
margin-left: 0;
}
#navigation > ul li:first-child a { border-left: }
#navigation > ul li:last-child a { border-right: 0 }
#navigation ul .header-search { float: right }
#navigation > ul > li:last-child { border-right: none }
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited { display: block }
#navigation > ul > .current a {
background: transparent;
color: #5a5a5a !important;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {
opacity: 1;
left: -228px;
top: 0;
}
#navigation ul ul {
position: absolute;
width: 226px;
z-index: 400;
font-size: 12px;
color: #798189;
padding: 0;
}
#navigation ul ul li {
margin-left: 0;
padding: 0 10%;
width: 80%;
color: #232323;
}
#navigation ul ul a, #navigation ul ul a:link, #navigation ul ul a:visited {
padding: 12px 0;
position: relative;
border-left: 0;
background: transparent;
border-right: 0;
text-transform: none;
line-height: 1.4;
margin-right: 0;
min-height: 100%;
}
#navigation ul ul li:last-child a { border-bottom: none }
#navigation ul ul {
opacity: 0;
left: -999em;
}
#navigation ul li:hover ul {
left: -1px;
opacity: 1;
top: 46px;
}
#navigation ul ul li:hover ul {
top: -1px;
left: -228px;
padding-top: 0;
}
#navigation ul ul ul:after { border-color: transparent }
.sub-menu {
top: 22px;
background: #222;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }
nav a#pull { display: none }
.crumbs {
font-size: 14px;
}
.crumbs a {
margin-bottom : 15px;
font-size: 14px;
}
/*-[ Content ]--------------------*/
.article {
width: 66%;
float: left;
margin-bottom: 10px;
padding: 0;
}
.article-full{
width: 100%;
text-align: center;
margin-bottom: 10px;
padding: 0;
}
#content_box {
float: left;
width: 95.2%;
}
.page #content_box { width: 100% }
.single #content_box { width: 100% }
.content .post_box_reg .excerpt:nth-last-child(2), .content .post_box_reg .excerpt:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.content .post_box_reg .excerpt:last-child { float: right }
#content_box #content {
float: left;
display: block;
width: 100%;
}
.post {
float: left;
width: 100%;
}
.postauthor-container {
clear: both;
float: left;
margin-top: 20px;
width: 100%;
}
.postauthor-container h4 {
margin-bottom: 10px;
font-size: 18px;
}
.post-content {
padding-bottom: 15px;
margin-bottom: 15px;
}
.post.excerpt .post-content {
margin-bottom: 0;
padding-bottom: 0;
text-align: justify;
}
.post-single-content { overflow: hidden }
.readMore {
float: right;
color: #38B7EE;
font-size: 13px;
}
.readMore a { color: #EE210B }
.ss-full-width {
overflow: hidden;
margin-bottom: 10px;
}
.ss-full-width #content_box {
padding-right: 0;
padding-left: 0;
}
.ss-full-width .post-content {
margin-bottom: 0;
padding-bottom: 0;
}
.post.excerpt {
overflow: hidden;
margin-bottom: 24px;
border-bottom: 1px solid #e2e2e2;
}
.wp-post-image { float: left }
.featured-thumbnail {
float: left;
max-width: 100%;
}
#featured-thumbnail {
float: left;
max-width: 220px;
margin-top: 4px;
margin-bottom: 0;
margin-right: 3%;
width: 36%;
position: relative;
}
.featured-thumbnail img {
margin-bottom: 0;
width: 100%;
transition: all 0.25s linear;
}
.single-thumbnail {
float: left;
max-width: 100%;
}
#single-thumbnail {
float: left;
max-width: 620px;
margin-top: 4px;
margin-bottom: 0px;
margin-right: 3%;
width: 100%;
position: relative;
}
.single-thumbnail img {
margin-bottom: 0;
width: 100%;
transition: all 0.25s linear;
}
.title {
font-size: 22px;
line-height: 1.4;
clear: both;
margin-bottom: 0;
}
.single-title {
padding: 0 0 0 0;
font-size: 22px;
line-height: 1.1;
margin-top: 10px;
}
.title a { color: #2A2A2A }
.page h1.title {
margin-bottom: 5px;
padding-top: 0;
font-size: 22px;
line-height: 1.2;
padding: 0;
}
.post-info {
display: block;
font-size: 13px;
color: #333333;
margin-top: 3px;
width: 100%;
}
.post-info span { margin-right: 3px }
.post-info span { margin-left: 3px }
.post-info span:first-child { margin-left: 0 }
article header {
margin-bottom: 2px;
overflow: hidden;
}
.single article header { margin-bottom: 10px }
.error404 .single_post { width: 100% }
.single_post .post-info a, .post-info a { color: #EE210B }
.article img.left, .article img.alignleft, .wp-caption.alignleft {
margin: 0.3em 1.571em 0.5em 0;
display: block;
float: left;
}
.article img.right, .article img.alignright, .wp-caption.alignright {
margin: 0.3em 0 0.5em 1.571em;
display: block;
float: right;
}
.article img.center, .article img.aligncenter, .wp-caption.aligncenter {
margin: 0.3em auto 1em auto;
display: block;
}
.article img.aligncenter, .article img.alignnone {
margin-top: 1em;
margin-bottom: 1em;
display: block;
clear: both;
}
.article ul {
margin: 1.5em 0 1.571em 1.9em;
list-style-type: circle;
}
.article ol {
margin: 1.5em 0 1.571em 1.9em;
list-style-type: decimal;
}
.article ul ul, .article ol ol, .article ul ol, .article ol ul {
margin-top: 0;
margin-bottom: 0;
}
/*-[ Featured ]---------------------------*/
.featured-excerpt {
position: absolute;
bottom: 0;
width: 94%;
margin: 0;
padding: 3%;
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
}
.featured-title {
font-size: 18px;
clear: both;
display: block;
margin-bottom: 3px;
}
.secondpost .featured-title {
font-size: 14px;
line-height: 1.3;
}
.f-excerpt { font-size: 14px }
.thirdpost .featured-title {
font-size: 10px;
line-height: 1.3;
}
.frontTitle {
background: #E2E2E2;
color: #2A2A2A;
line-height: 36px;
font-size: 18px;
margin-bottom: 28px;
padding: 2px 0 2px 15px;
}
/*-[ Custom Nav Widget ]---------------------------*/
.widget.widget_nav_menu li {
position: relative;
margin-left: 17px;
border-bottom: 0;
border-top: 0;
}
.widget_nav_menu .sub-menu {
margin-top: 8px;
background: transparent;
box-shadow: none;
margin-left: 0;
list-style-type: circle;
}
/*-[ Tab widget ]------------------------------*/
.widget .wpt_widget_content #tags-tab-content ul li { float: left }
.widget li .meta {
display: block;
font-size: 12px;
color: #999;
margin-top: 2px;
text-transform: none;
}
/*-[ Meta ]---------------------------*/
.meta, .meta a {
color: #999;
font-size: 12px;
}
/*-[ Form Input ]------------------*/
input, textarea, select {
padding: 8px 12px;
font-size: 13px;
color: #B1B1B1;
border: 1px solid #D1D1D1;
}
textarea {
overflow: auto;
resize: vertical;
}
select { padding: 5px }
input:focus, textarea:focus {
}
/*-[ Tables ]--------------------*/
table {
width: 100%;
text-align: left;
margin-bottom: 25px;
border: 1px solid #DDDDDD;
}
thead {
background: #2A2A2A;
font-size: 14px;
color: #fff;
border: 0;
}
table th, table td {
padding: 7px 15px;
text-align: left;
}
thead th { padding: 14px }
tbody th { font-weight: normal }
/*-[ Line ]---------------------*/
hr {
border: none;
border-bottom: 1px solid #E5E5E5;
border-bottom: 1px solid rgba(0,0,0,0.1);
width: 297px;
margin: 35px 0;
clear: both;
position: relative;
}
/*-[ Search Form ]------------------*/
#searchform {
padding: 0;
float: left;
clear: both;
width: 100%;
}
#searchform fieldset {
float: left;
position: relative;
width: 100%;
}
.article #searchform fieldset {
float: none;
max-width: 300px;
}
.article #searchform .icon-search {
height: 28px;
width: 13%;
}
.sbutton {
border: 0;
width: 32px;
height: 17px;
position: absolute;
cursor: pointer;
padding: 0;
color: white;
transition: all 0.25s linear;
z-index: 1;
background: url(images/sprite.png) no-repeat center center;
background-position: 2px -71px;
text-indent: -999em;
right: 3px;
border-left: 1px solid #D8D8D8!important;
margin-top: 11px;
}
footer .sbutton {
width: 19.4%;
height: 38px;
}
#s {
width: 100%;
border: 1px solid #E2E2E2;
float: left;
padding: 7px 0;
height: 38px;
text-indent: 10px;
opacity: 1;
transition: all 0.25s linear;
background: #F5F5F5;
position: relative;
z-index: 1;
box-sizing: border-box;
}
/*-[ Read More ]-------------------*/
.read-more {
margin: 0 0 0 10px;
line-height: 1.4;
background: none;
padding: 0;
}
/*-[ Top Ad in Post ]-------------------------------------*/
.topad {
margin-bottom: 2px;
}
.homead {
margin-bottom: 5px;
}
.homead {
width: 99%;
float: left;
padding-bottom: 10px;
}
.homead2 {
clear: both;
overflow: hidden;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
/*-[ Bottom Ad in post ]-----------*/
.bottomad {
float: left;
clear: both;
margin-top: 10px;
margin-bottom: 10px;
}
.attachads{
clear: both;
margin-top: 10px;
margin-bottom: 10px;
}
.solidpost{border-bottom:1px solid;margin-bottom:10px;}
/*-[ Sidebar ]---------------------*/
.sidebar.niche-3 {
float: right;
width: 32%;
padding: 0;
line-height: 20px;
max-width: 300px;
}
.sidebar.niche-3 a { color: #2A2A2A }
.widget {
margin-bottom: 30px;
float: left;
width: 100%;
list-style: none;
}
.widget .title {
font-weight: bold;
color: #545E68;
font-size: 12px;
}
.widget li {
list-style-type: square;
margin-left: 17px;
margin-bottom: 7px;
}
.widget li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.widget h3 {
color: #0000000;
font-size: 22px;
line-height: 20px;
padding: 5px;
border-bottom: 1px solid;
}
.popular_views {
border-bottom: 1px solid;
}
sidebartextviews {
font-size: 10px;
}
/*-[ WP Review ]--------------------------------*/
.latestPost-review-wrapper {
position: absolute;
bottom: 0;
right: 0;
background: #FFF;
padding: 2px 8px;
}
.latestPost-review-wrapper .review-total-star { margin: 4px 0 }
.latestPost-review-wrapper .percentage-icon {
top: 0;
font-size: inherit;
font-style: normal;
}
.bar-point .review-result, .percentage-point .review-result { z-index: 1 }
.widget .review-total-only .review-total-star { position: relative }
/*-[ Social Profile Widget ]--------------------------*/
.social-profile-icons { overflow: hidden }
.social-profile-icons ul li {
background: none;
border: none;
float: left;
list-style-type: none;
margin: 0 3px 7px;
padding: 0;
text-indent: -999em;
}
.social-profile-icons ul li a {
display: block;
width: 43px;
height: 43px;
transition: all 0.25s linear;
}
.social-profile-icons ul li a:hover { opacity: 0.7 }
.social-dribbble a { background: url(images/social-dribbble.png) no-repeat }
.social-email a { background: url(images/social-mail.png) no-repeat }
.social-facebook a { background: url(images/social-facebook.png) no-repeat }
.social-gplus a { background: url(images/social-googleplus.png) no-repeat }
.social-linkedin a { background: url(images/social-linkedin.png) no-repeat }
.social-pinterest a { background: url(images/social-pinterest.png) no-repeat }
.social-rss a { background: url(images/social-rss.png) no-repeat }
.social-stumbleupon a { background: url(images/social-stumbleupon.png) no-repeat }
.social-twitter a { background: url(images/social-twitter.png) no-repeat }
.social-youtube a { background: url(images/social-youtube.png) no-repeat }
.social-flickr a { background: url(images/social-flickr.png) no-repeat }
.social-lastfm a { background: url(images/social-lastfm.png) no-repeat }
.social-tumblr a { background: url(images/social-tumblr.png) no-repeat }
.social-vimeo a { background: url(images/social-vimeo.png) no-repeat }
/*-[ Footer ]-------------------*/
body > footer {
overflow: hidden;
float: left;
width: 100%;
display: block;
clear: both;
font-size: 14px;
line-height: 1.8;
margin-top: 20px;
background: #EFEFEF;
color: #555;
}
body > footer .widget { padding: 2px 0 0 0 }
body > footer .sidebar .widget .title {
font-size: 135%;
color: #D4D8DB;
}
footer .widget { margin-bottom: 0px }
footer .widget li a { color: #EE210B }
footer .widget li a:hover { color: #222 }
footer {
position: relative;
overflow: hidden;
clear: both;
line-height: 20px;
}
footer .container { max-width: 100% }
.carousel {
background: #dddddd;
padding: 0 2.2% 0 2.2%;
overflow: hidden;
}
.carousel .excerpt {
float: left;
max-width: 140px;
margin-right: 2%;
width: 15%;
}
.carousel .excerpt:last-child { margin-right: 0 }
.carousel a { color: #2a2a2a }
.carousel .featured-title {
font-size: 13px;
font-family: open sans;
}
.carousel .excerpt div.hover {
opacity: 0;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
transition: all 0.20s linear;
}
.carousel .excerpt:hover div.hover {
background-color: rgba(0, 0, 0, 0.4);
opacity: 1;
}
.carousel a div {
overflow: hidden;
position: relative;
}
footer .carousel img { margin-top: 0 }
.carousel .excerpt:hover div.hover { opacity: 1 }
.carousel .excerpt div.hover span {
position: absolute;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
top: 50%;
left: 50%;
text-align: center;
color: #fff;
background: url('images/sprite.png') center no-repeat;
}
.copyright-left-text {
float: left;
padding-top: 12px;
}
.copyright-text {
float: left;
padding-top: 12px;
margin-left: 5px;
}
.footer-navigation {
float: right;
margin: 10px 0;
}
.footer-navigation ul li { float: left }
.footer-navigation ul ul { display: none }
.footer-navigation a {
color: #ffffff;
padding: 0 0 0 25px;
}
.footer-navigation ul li:first-child a { padding-left: 0 }
.footer-navigation .menu .current-menu-item > a { background: transparent }
.copyrights {
float: left;
width: 95.7%;
clear: both;
padding: 20px 2.2% 10px 2.2%;
margin-top: 0px;
color: #ffffff;
font-size: 14px;
position: relative;
}
#copyright-note {
width: 1060px;
margin: 0 auto;
clear: both;
max-width: 100%;
}
#copyright-note span {
vertical-align: text-top;
float: left;
line-height: 2;
}
#copyright-note span a:first-child {
float: left;
margin-right: 5px;
}
.toplink .icon-long-arrow-up {
font-size: 15px;
position: absolute;
right: 0;
top: 6px;
}
#sidebars .wp-post-image, footer .wp-post-image {
margin-bottom: 0;
margin-top: 5px;
margin-right: 15px;
}
.postsby {
margin-bottom: 20px;
font-size: 26px;
line-height: 1.2;
}
/*-[ Hover transition ]---------------------------*/
.mts-subscribe input[type="submit"], .readMore a, #commentform input#submit { transition: all 0.25s linear }
/*-[ Related Posts ]---------------------------*/
.related-posts {
margin-top: 15px;
float: left;
width: 100%;
}
.related-title {
font-size: 20px;
}
.related-title:hover {
text-decoration: underline;
}
.related-excerpt {
font-size: 16px;
color: #606060;
}
.related-posts .meta {
margin-top: 0;
line-height: 1;
margin-top: 5px;
}
.related-posts li {
width: 100%;
margin-right: 3%;
float: left;
list-style: none;
padding-top: 10px;
padding-bottom: 12px;
}
.single_post .related-posts a { color: #2A2A2A }
.single_post .related-posts .meta a { color: #999 }
.rthumb {
float: left;
margin-right: 10px;
}
.related-posts .last {
margin-right: 0;
float: right;
}
.related-posts ul {
margin-left: 0;
padding: 0;
margin: 0;
overflow: hidden;
margin-top: 0;
}
.related-posts h5 {
padding-left: 80px;
color: #919191;
font-size: 14px;
}
.related-posts h3 {
font-size: 18px;
margin: 0;
line-height: 1;
border-bottom: 1px solid #d8d7d7;
padding-bottom: 6px;
}
.relatedthumb img { margin-top: 4px }
/*-[ Related Posts type 2 ]---------------------------*/
.related-posts2 {
margin-top: 15px;
float: left;
width: 100%;
}
.related-title2 a {
font-size: 16px;
}
.related-title2:hover {
text-decoration: underline;
}
.related-posts2 .meta {
margin-top: 0;
line-height: 1;
margin-top: 5px;
}
.related-posts2 li {
width: 100%;
margin-right: 3%;
float: left;
list-style: none;
padding-top: 10px;
padding-bottom: 12px;
}
.related-posts2 li {
width: 48.5%;
margin-right: 3%;
float: left;
list-style: none;
padding-top: 10px;
padding-bottom: 12px;
}
.single_post .related-posts2 a { color: #2A2A2A }
.single_post .related-posts2 .meta a { color: #999 }
.rthumb {
float: left;
margin-right: 10px;
}
.related-posts2 .last {
margin-right: 0;
float: right;
}
.related-posts2 ul {
margin-left: 0;
padding: 0;
margin: 0;
overflow: hidden;
margin-top: 0;
}
.related-posts2 h5 {
padding-left: 80px;
color: #919191;
font-size: 14px;
}
.related-posts2 h3 {
font-size: 18px;
margin: 0;
line-height: 1;
border-bottom: 1px solid #d8d7d7;
padding-bottom: 6px;
}
/*-[ Author Box ]---------------------------*/
.postauthor p {
padding-top: 0px;
font-size: 15px;
margin-bottom: 0;
}
.postauthor-top span {
display: block;
line-height: 1.5;
}
.postauthor-top .thetime {
font-weight: normal;
font-size: 12px;
color: #999;
display: inline-block;
text-transform: none;
line-height: 1;
}
.postauthor {
min-height: 125px;
float: left;
clear: both;
padding: 15px 2.4% 0 2.4%;
border: 1px solid #E1E1E1;
width: 94.8%;
}
.postauthor h4 {
font-weight: bold;
font-size: 18px;
}
.postauthor h5 {
display: inline-block;
text-transform: capitalize;
font-size: 18px;
padding: 0;
margin: 0;
margin-bottom: 5px;
}
.postauthor img {
float: left;
margin: 5px 20px 15px 0;
}
.postauthor h4 a { color: #473636 }
/*-[ Tags ]---------------------------*/
.tags {
margin: 5px 0 10px 0;
width: 100%;
float: left;
}
.tags a { margin-left: 5px }
/*-[ Misc ]---------------------------*/
.clear { clear: both }
.left, .alignleft { float: left }
.right, .alignright { float: right }
.navigation .alignright, .navigation .alignleft { margin-bottom: 15px }
.last, .post.excerpt.last {
margin-right: 0;
clear: none;
}
/*-[ Tag widget ]------------------------------*/
.tagcloud a {
font-size: 14px!important;
padding: 2px 7px;
margin-bottom: 5px;
float: left;
margin-right: 5px;
background: #eee;
color: #FFF!important;
transition: all 0.25s linear;
}
.tagcloud a:hover {
color: #fff!important;
background: #2a2a2a;
}
/*-[ Custom Nav Widget ]---------------------------*/
.widget_nav_menu .fa, .widget_nav_menu .fa { display: list-item }
.widget_nav_menu .fa > a, .widget_nav_menu .fa > a { padding-left: 5px }
.widget_nav_menu .sub-menu { margin-top: 8px }
/*-[ Subscribe Widget ]------------------------*/
.mts-subscribe { position: relative }
.mts-subscribe form { position: relative }
.mts-subscribe input[type="text"] {
border: 1px solid #E2E2E2;
transition: all 0.25s linear;
box-sizing: border-box;
width: 66.6%;
height: 38px;
float: left;
padding: 9px 0;
text-indent: 10px;
background: #F5F5F5;
border-right: 0;
}
footer .mts-subscribe input[type="text"] { width: 80% }
.mts-subscribe input[type="submit"] {
cursor: pointer;
color: white!important;
padding: 10px 0;
border: 0;
float: left;
height: 38px;
width: 33%;
position: absolute;
z-index: 1;
background: #38B7EE;
}
.mts-subscribe input[type="submit"]:hover { background: #2a2a2a }
footer .mts-subscribe input[type="submit"] { width: 19.6% }
footer .mts-subscribe .icon-envelope {
width: 19.6%;
height: 32px;
right: 1px;
}
/*-[ Ad Widgets ]------------------------------*/
.ad-125 ul {
float: left;
width: 100%;
margin: 0;
list-style: none;
max-width: 100%;
}
.ad-125 li {
float: left;
border: none;
list-style: none!important;
padding-left: 0;
background: none;
margin-bottom: 15px;
margin-left: 0;
max-width: 45%;
}
.ad-125 .evenad { float: right!important }
.ad-125 li:nth-last-child(2), .ad-125 li:last-child { margin-bottom: 0 }
/*-[ Calender Widget ]-------------------------*/
#wp-calendar {
margin-bottom: 0;
border: 0;
}
#wp-calendar td {
text-align: center;
padding: 7px 0;
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-right: 1px solid rgba(0, 0, 0, 0.05);
}
#wp-calendar tbody {
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.05);
border-top: 0;
}
#wp-calendar tbody th { border-bottom: 1px solid #CFCFCF }
#wp-calendar caption {
font-size: 16px;
padding-bottom: 10px;
font-weight: bold;
}
#wp-calendar #prev {
text-align: left;
padding-left: 12px;
}
#wp-calendar thead th {
padding: 10px 0;
text-align: center;
}
#wp-calendar tfoot {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.05);
border-top: 0;
}
/*-[Comments]--------------*/
.total-comments {
font-size: 18px;
line-height: 32px;
color: #343434;
font-weight: bold;
border-bottom: 1px solid #D8D7D7;
}
.cnumber { color: #2DB2EB }
#comments {
padding: 0;
background-color: transparent;
margin-top: 25px;
float: left;
clear: both;
width: 100%;
}
#commentsAdd {
background-color: transparent;
width: 100%;
float: left;
clear: both;
margin-bottom: 20px;
}
#comments .avatar {
float: left;
margin-right: 20px;
width: 11.3%;
}
.comment time {
border-left: 1px solid #B3B3B3;
margin-left: 5px;
padding-left: 12px;
color: #939291;
font-size: 13px;
}
ul.children .commentImageLeft {
width: 60px;
height: 90px;
border-left: 1px solid #c1bbb6;
border-bottom: 1px solid #c1bbb6;
position: absolute;
top: -50px;
left: -70px;
}
input.text-input, #commentform input { padding: 10px }
input#author, input#email, input#url {
width: 360px;
border: 1px solid #E1E1E1;
background: #fff;
font-size: 14px;
display: block;
max-width: 85%;
float: right;
padding: 10px 2%;
}
input#author, input#email, input#url, #comment { transition: all 0.25s ease-in-out }
.contactform input[type="text"] { width: 380px }
#cancel-comment-reply-link {
float: right;
line-height: 24px;
margin-top: 0;
}
.contact-submit, #cancel-comment-reply-link {
color: red;
cursor: pointer;
margin-right: 5px;
margin-bottom: -25px;
text-decoration: underline;
z-index: 100;
position: relative;
}
#commentform {
border: 1px solid #E1E1E1;
overflow: hidden;
padding: 10px 5%;
width: 89.6%;
}
#commentform input#submit {
line-height: 1;
padding: 12px 15px 11px;
color: #fff;
text-decoration: none;
float: right;
cursor: pointer;
display: inline-block;
border: 0;
font-size: 16px;
font-weight: 700;
transition: all 0.2s linear;
font-family: inherit;
}
#commentform input#submit:hover {
color: #fff;
background: #2a2a2a;
}
ol.commentlist {
margin-left: 0;
overflow: hidden;
}
.commentlist li {
list-style: none;
margin: 0 0 20px 0;
padding-left: 0;
float: left;
width: 100%;
}
.commentlist p { margin-bottom: 1em }
.commentlist p:last-child { margin-bottom: 0 }
.comment-author { position: relative }
.comment-author:before {
border-color: rgba(0, 0, 0, 0) #D2D2D2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 14px 15px 15px;
bottom: 21px;
content: " ";
left: 10.8%;
position: absolute;
}
.comment-author:after {
border-color: rgba(0, 0, 0, 0) #F7F5F6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 12px 14px 15px;
bottom: 21px;
content: " ";
left: 11.2%;
position: absolute;
}
.fn {
color: #939291;
font-size: 13px;
line-height: 1.375em;
}
.fn a { color: #939291 }
.comment-meta {
font-size: 12px;
font-style: italic;
}
.comment-meta a { color: #888 }
.commentmetadata {
background: #EEEEEE;
border: 1px solid #D2D2D2;
border-top: 1px solid #D2D2D2;
overflow: hidden;
padding: 12px;
}
.commentmetadata ul, .commentmetadata ol, .commentmetadata ul ol, .commentmetadata ol ul { margin-top: 0 }
.commentmetadata li {
border: 0;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
list-style: circle;
}
.commentmetadata ol li { list-style: decimal }
.comment-metadata {
background: #F7F5F6;
border: 1px solid #D2D2D2;
border-bottom: 0;
overflow: hidden;
padding: 15px 12px;
position: relative;
}
.reply { float: right }
.reply a {
float: right;
font-size: 13px;
line-height: 22px;
}
.commentlist .children {
margin-left: 17%;
margin-bottom: 0;
margin-top: 0;
float: left;
width: 83%;
}
.commentlist .children li {
}
.avatar { float: left }
#respond h3 { margin: 0 }
.comment-respond { margin-top: 30px }
#respond h4 {
font-size: 18px;
line-height: 32px;
color: #343434;
font-weight: bold;
border-bottom: 1px solid #D8D7D7;
margin-bottom: 25px;
}
.cancel-comment-reply a {
float: right;
margin-top: -8px;
font-size: 14px;
}
.comment-awaiting-moderation {
font-style: italic;
font-weight: bold;
}
/*-[ Comment Form ]----------------------------*/
#commentform textarea {
width: 360px;
border: 1px solid #E1E1E1;
background: #fff;
font-size: 14px;
padding: 2%;
line-height: 25px;
font-family: inherit;
float: right;
max-width: 85%;
}
#commentform p {
margin-bottom: 15px;
float: left;
width: 100%;
clear: both;
}
#commentform p label {
display: inline-block;
margin-bottom: 2px;
padding-bottom: 5px;
padding-top: 5px;
float: left;
}
.required {
color: #a8a8a8;
font-size: 16px;
font-style: italic;
padding: 0;
line-height: 1;
}
.comment-notes .required {
padding-left: 0;
padding-top: 3px;
}
.comment-notes, .logged-in-as { margin-top: 15PX }
.comment-form-left {
float: left;
width: 50%;
}
.comment-form-right {
float: right;
width: 50%;
}
input#author:focus, input#email:focus, input#url:focus, #contactForm textarea:focus, #commentform textarea:focus { border-color: #c9a096 }
/*-[ pagination ]------------------*/
.pagination {
clear: both;
overflow: hidden;
width: 100%;
margin-top: 5px;
text-align: center;
}
.single .pagination {
border: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin-top: 0;
padding: 2.2% 0;
width: 100%;
}
.pagination ul {
list-style: none;
margin: 0;
display: inline-block;
}
.pagination ul li {
float: left;
margin-bottom: 5px;
}
.currenttext, .pagination a:hover {
color: #fff;
margin: 0 5px 0 0;
display: inline-block;
float: left;
line-height: 1;
text-decoration: none;
padding: 10px 13px;
background: #2a2a2a;
font-weight: bold;
margin-bottom: 10px;
}
.single .pagination a .currenttext {
padding: 0;
background: transparent;
color: #FFF;
margin-right: 0;
margin-bottom: 0;
}
.single .pagination a:hover .currenttext { color: #fff }
.pagination a {
background: #38B7EE;
margin: 0 5px 0 0;
display: inline-block;
float: left;
line-height: 1;
text-decoration: none;
color: #fff;
padding: 10px 13px;
transition: all 0.25s linear;
font-weight: bold;
margin-bottom: 10px;
}
.pagination ul li:last-child a { margin-right: 0 }
.pagination a:hover { color: #fff }
.pnavigation2 {
display: block;
width: 100%;
overflow: hidden;
padding: 10px 0;
float: left;
margin-top: 20px;
}
.pagination .nav-previous { float: left }
.pagination .nav-next { float: right }
.pagination .nav-previous a, .pagination .nav-next a { color: #fff!important }
.pagination .nav-previous a:hover, .pagination .nav-next a:hover { background-color: #222 }
.single .currenttext { margin-bottom: 0 }
.pagination .current .currenttext { margin-bottom: 10px }
/*-[ Tab widget ]------------------------------*/
.widget .wpt_widget_content #tags-tab-content ul li { float: right }
.widget li .meta {
display: block;
font-size: 12px;
color: #999;
margin-top: 2px;
text-transform: none;
}
.tabli {font-size: 14px;}
.advanced-recent-posts li, .popular-posts li, .category-posts li {
list-style: none!important;
margin: 0;
overflow: hidden;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
transition: all 0.25s linear;
color:#aaa;
padding-left: 0;
background: none;
margin-bottom: 10px;
}
.advanced-recent-posts p, .popular-posts p, .category-posts p {
margin:0;
}
.picnav {
margin: 0px;
float: left;
width: 100%;
}
.picnav img {
margin: 1px;
padding: 1px;
}
.posttittleattach2 {
size: 16px;
margin-bottom: 10px;
}
.imagetitleattach { margin-bottom: 5px;}
.single-galery{margin-bottom: 20px; text-align: center;}
.single-galery img{
height: 100px;
margin-right: 10px;
width: 140px;
}
/*social sharing buttons*/
.social {margin-top: 10px;}
.linesocial{
margin-top: 5px;
margin-bottom: 10px;
border-top: 1px solid;
}
.social a{
display: inline-block;
font-size: 12px;
margin-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
text-align: center;
}
.twitter, .facebook, .google-plus, .linkedin, .stumbleupon, .reddit, .digg, .pinterest, .delicious {
border: 1px dotted #333333;
}
/*Twitter*/
.twitter {
border: 1px dotted #069BC9;
background: #A5A5A5
color: #9AE4E8;
}
.twitter:hover {
border: 1px dotted #9AE4E8;
background: #9AE4E8;
color: #ffffff;
}
/*Facebook*/
.facebook{
border: 1px dotted #3B5998;
color: #3B5998;
}
.facebook:hover {
border: 1px dotted #3B5998;
background: #3B5998;
color: #ffffff;
}
/*Google Plus*/
.google-plus {
border: 1px dotted #D34836;
color: #D34836;
}
.google-plus:hover {
border: 1px dotted #D34836;
background: #D34836;
color: #ffffff;
}
/*LinkedIn*/
.linkedin {
border: 1px dotted #0e76a8;
color: #0e76a8;
}
.linkedin:hover {
border: 1px dotted #0e76a8;
background: #0e76a8;
color: #ffffff;
}
/*StumbleUpon*/
.stumbleupon {
border: 1px dotted #EF4916;
color: #EF4916;
}
.stumbleupon:hover {
border: 1px dotted #EF4916;
background: #EF4916;
color: #ffffff;
}
/*Reddit*/
.reddit {
border: 1px dotted #333333;
color: #333333;
}
.reddit:hover {
border: 1px dotted #CEE3F8;
background: #CEE3F8;
color: #333333;
}
/*Digg*/
.digg {
border: 1px dotted #1B5790;
color: #1B5790;
}
.digg:hover {
border: 1px dotted #1B5790;
background: #1B5790;
color: #ffffff;
}
/*Pinterest*/
.pinterest {
border: 1px dotted #C92228;
color: #C92228;
}
.pinterest:hover {
border: 1px dotted #C92228;
background: #C92228;
color: #ffffff;
}
/*Delicious*/
.delicious {
border: 1px dotted #0b79e5;
color: #0b79e5;
}
.delicious:hover {
border: 1px dotted #0b79e5;
background: #0b79e5;
color: #ffffff;
}