/*
Theme Name: Wealthica`s Journey to $1B Theme
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 4.0 - Header
* 5.0 - Navigation
* 6.0 - Content
* 6.1 - Post Thumbnail
* 6.2 - Entry Header
* 6.3 - Entry Meta
* 6.4 - Entry Content
* 6.5 - Galleries
* 6.6 - Post Formats
* 6.7 - Post/Image/Paging Navigation
* 6.8 - Attachments
* 6.9 - Archives
* 6.10 - Contributor Page
* 6.11 - 404 Page
* 6.12 - Full-width
* 6.13 - Singular
* 6.14 - Comments
* 7.0 - Sidebar
* 7.1 - Widgets
* 7.2 - Content Sidebar Widgets
* 8.0 - Footer
* 9.0 - Featured Content
* 10.0 - Multisite
* 11.0 - Media Queries
* 12.0 - Print
* -----------------------------------------------------------------------------
*/
/**
* 1.0 Reset
*
* Resetting and rebuilding styles have been helped along thanks to the fine
* work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
*
* -----------------------------------------------------------------------------
*/
/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, 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 {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a img { border: none; }
/*****************************CSS Reset - Find ****************************************/
/* =Fonts
-------------------------------------------------------------- */
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit]
{
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
body,
input,
textarea {
color: #666;
font-size: 12px;
line-height: 18px;
}
hr {
background-color: #E7E7E7;
border:0;
height: 1px;
margin-bottom: 18px;
clear:both;
}
/* Text elements */
p {
margin-bottom: 18px;
}
ul {
list-style: disc;
margin: 0 0 18px 1.5em;
}
ol {
list-style: decimal;
margin: 0 0 18px 1.5em;
}
ol ol {
list-style:upper-alpha;
}
ol ol ol {
list-style:lower-roman;
}
ol ol ol ol {
list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom:0;
}
dl {
margin:0 0 24px 0;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 18px;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
big {
font-size: 131.25%;
}
ins {
background: #ffc;
text-decoration: none;
}
blockquote {
font-style: italic;
padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
input[type="text"],
textarea {
padding: 2px;
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
table {
border: 1px solid #e7e7e7;
text-align: left;
margin: 0 -1px 24px 0;
width: 100%;
}
tr th,
thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
tr.odd td {
background: #F2F7FC;
}
.attachment img {
max-width: 900px;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 4px;
align: center;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #ffffff;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 4px;
padding-right: 10px;
padding-top: 0;
padding-left: 0;
padding-bottom: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.wp-smiley {
margin:0;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
clear: both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
color: #000;
font-weight: bold;
font-size: 20px;
margin-bottom: 0;
}
h3#comments-title {
padding: 24px 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 56px;
position: relative;
}
.commentlist li:last-child {
border-bottom:none;
margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
}
.comment-author {
}
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
}
.comment-author .says {
font-style: italic;
}
.comment-meta {
font-size: 12px;
margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
color: #888;
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
font-size: 12px;
padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
color: #FF4B33;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li {
border: none;
margin: 0;
}
.nopassword,
.nocomments {
display: none;
}
#comments .pingback {
margin-bottom: 18px;
padding-bottom: 18px;
border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
color: #888;
font-size: 12px;
line-height: 18px;
display:block;
margin: 0;
}
#comments .pingback .url {
font-style: italic;
font-size: 13px;
}
/* Comments form */
input[type=submit] {
color: #333;
}
#respond {
margin: 24px 0;
border-top: 1px solid #e7e7e7;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: 18px 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 12px;
line-height: 18px;
font-weight: normal;
}
#respond .required {
color:#FF4B33;
font-weight:bold;
}
#respond label {
color: #888;
font-size: 12px;
}
#respond input {
margin:0 0 9px;
width:98%;
}
#respond textarea {
width:98%;
}
#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
width: auto;
font-size: 14px;
}
.clear{clear:both; line-height:1px; font-size:1px;}
.single_post h1 { font-size:30px; line-height:40px; text-align:center; }
.single_post h2 { font-size:24px; line-height:30px; padding-bottom:20px; padding-top:10px; text-align:center !important;}
.single_post h3 { font-size:18px; line-height:19px; padding-bottom:10px; color:#333333; text-align:center;}
.single_post h4 { font-size:16px; line-height:16px; padding-bottom:10px; color:#333333; text-align:center;}
.single_post h5 { font-size:14px; line-height:14px; padding-bottom:10px; color:#333333; text-align:center;}
.single_post h6 { font-size:12px; line-height:12px; padding-bottom:10px; color:#333333; text-align:center;}
.single_post p { font-size: 15px; line-height: 22px; color: #a8afc1; margin: 0; padding-bottom:10px; text-align:left; }
//.single_post li { font-size: 15px; line-height: 22px; color: #a8afc1; padding: 0; margin-bottom-bottom:10px; text-align:left;}
/***************************** WP CSS Reset - Find ****************************************/
body { font-family: 'Lato', sans-serif; font-size:12px; margin:0; padding: 0;}
#wrapper { width:100%; height:auto; margin:0 auto; padding:0;}
.container { width:100%; max-width: 1060px; margin: 0 auto; padding: 0;}
/***************************** header start here ****************************************/
#header { width: 100%; margin: 0; padding:35px 0 22px; position: absolute; top: 0; left: 0; z-index: 9;}
.left_hdr { float: left; margin: 0; padding: 0;}
.lft_logo { margin-right: 25px; padding: 0; float: left; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.lft_logo a { display: inline-block; text-decoration: none;}
.lft_logo a img { display: inline-block; width: 57px; height: auto; vertical-align: middle; margin-right: 5px;}
.lft_logo a span { display: inline-block; font-size: 15px; line-height: 15px; color: #ffffff; margin: 0; padding: 0; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: bold; vertical-align: middle; margin-left: .5rem;}
.lft_logo_lang { color: white; float: right; border-left: 1px solid white; line-height: 24px; text-decoration: none; margin-top: 5px; margin-left: 39px; padding-left: 10px; font-size: 15px; opacity: .7; transition: opacity .4s; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased;}
.lft_logo_lang:hover { opacity: 1; color: white;}
.lft_logo .logo_text { font-size: 16px; letter-spacing: 3px; }
.lft_logo .logo_text-render { height: 25px; width: auto;}
.lft_logo .logo_by { color: white; margin-left: 7px; font-size: 15px; vertical-align: middle;}
.lft_logo .logo_by:hover { text-decoration: underline }
.lft_logostick { margin-right: 20px; padding: 0; float: left; display: none}
.lft_logostick a { display: block; text-decoration: none;}
.lft_logostick a img { display: inline-block; width: auto; max-width: 100%; height: auto; vertical-align: middle;}
.lft_logostick a span { display: inline-block; font-size: 15px; line-height: 15px; color: #7d2160; margin: 0; padding: 0;
font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: bold; vertical-align: middle; margin-left: .5rem;}
.rightnav { float: left; margin: 3px 0 0 0; padding: 0;}
.rightnav ul { list-style: none; margin: 0; padding: 0;}
.rightnav ul li { float: left; margin-right: 30px; padding:0; position: relative;}
.rightnav ul li:first-child { padding-bottom: 20px;}
.rightnav ul li a { display: block; font-size: 15px; line-height: 15px; color: #e0d8dc; font-family: 'Lato', sans-serif; text-decoration: none; position: relative; font-weight: 600; padding-bottom: 0;}
.rightnav ul li a .fa { padding-left: 5px; color: #bc8faa;}
.rightnav ul li a:after { content: ''; position: absolute; left: 0; right: 0; width: 100%; border: 2px solid #ffab20; bottom: -34px; display: none;}
.rightnav ul li.active a:after { content: ''; position: absolute; left: 0; right: 0; width: 100%; border: 2px solid #ffab20; bottom: -34px; display: block;}
.rightnav ul li:last-child a { font-weight: normal;}
.rightnav ul li a:hover:after { display: block;}
.rightnav ul li a:hover { font-weight: 700; color: #ffffff;}
.rightnav ul li.active a { font-weight: 700; color: #ffffff;}
.rightnav ul li:first-child a:after { content: none;}
.rightnav ul li ul { width: 510px; background: #ffffff; margin:0 auto; top: 30px; padding:30px 0; border-radius: 8px; position: absolute; text-align: center; box-shadow: 1px 1px 13px #c5c5c5; z-index: 2; display: none;}
.rightnav ul li ul li { float: none; margin: 0; padding: 0;}
.rightnav ul li ul li .leftinr_menu { display:inline-block; margin: 0; padding: 0; width: 100%; vertical-align: top; }
.rightnav ul li ul li .leftinr_menu ul { list-style: none; margin: 0; padding: 0; width: auto; background: none; position: inherit; z-index: inherit; top: inherit;
box-shadow: none;}
.rightnav ul li ul li .leftinr_menu ul li { margin-bottom:5px; padding: 0; width: 45%; display: inline-block; }
.rightnav ul li ul li .leftinr_menu ul li img { display: block; width: auto; text-align: center; margin: 0 auto 10px; height: auto;}
.rightnav ul li ul li .leftinr_menu ul li h4 a { font-size: 14px; line-height: 14px; color:#40475a; margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-weight: 600; text-align: center;}
.rightnav ul li ul li .leftinr_menu ul li p a { font-size: 13px; line-height: 20px; color: #a8afc1; margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-weight: normal; text-align:center;}
.rightnav ul li ul li .leftinr_menu:last-child { border-right: 0;}
.rightnav ul li:hover ul { display: block;}
.rightnav ul li:nth-child(3) { position: relative;}
.rightnav ul li:nth-child(3):after { content: ''; position: absolute; right:-14px; top:-2px; width: 2px; height: 25px; background: #a15376;}
.rightnav ul li ul li:nth-child(3):after { content: none;}
.rightnav ul li:last-child { margin-right: 0;}
.rightnav ul li ul li .leftinr_menu ul li:nth-child(2) { border-right: 0;}
.rightnav ul li ul li .leftinr_menu ul li:nth-child(4) { border-right: 0;}
.rightnav ul li ul li .leftinr_menu ul li:last-child { border-right: 0;}
.rightnav ul li.active a { font-weight: 700; color: #ffffff;}
.rightnav ul li.active a:after { content: ''; position: absolute; left: 0; right: 0; width: 100%; border: 2px solid #ffab20; bottom: -42px; display: none;}
.righthdr { float: right; margin:-5px 0px 0 0; padding: 0;}
.righthdr a { font-size: 14px; line-height: 17px; letter-spacing: 0.6px; font-weight: 700; color: white; opacity: 0.7; transition: opacity .6s; font-weight: 400;}
.righthdr a:hover { opacity: 1; text-decoration: none;}
.righthdr .button-orange { font-size: 14px; opacity: 1; margin-left: 12px; letter-spacing: 1px;}
/***************************** header end here ****************************************/
/***************************** start container here ****************************************/
.bnr_wrpr { width: 100%; margin: 0; padding: 0; position: relative;}
.bnr_wrpr img { display: block; width: 100%; height: 950px; object-fit: cover; object-position: center bottom;}
.inrbrn_wrpr img { display: block; width: 100%; height: 590px; object-fit: cover; object-position: center bottom;}
.bnrcotnt_sec { position: absolute; top:183px; text-align: center; margin: 0 auto; width: 1060px;}
.bnrcotnt_sec h1 { font-size: 30px; line-height: 36px; color: #ffffff; margin: 0; padding-bottom: 20px; text-align: center; font-family: 'Lato', sans-serif; font-weight: bold; letter-spacing: .5px;}
.bnrcotnt_sec em { display: block; font-size: 18px; line-height:18px; color: white; opacity: .5; text-align: center; font-style: normal; font-family: 'Lato', sans-serif; padding-bottom: 60px; margin-left:0;}
.rangeslider_sec { width: 100%; max-width: 1060px; margin: 0; padding: 0; position: absolute; bottom: 10px}
.rangeslider_brdr { width: 98%; border-bottom: 4px solid rgba(255,255,255,.1); position: relative;}
.rangeslider_timeline { width: 98%; border: none; color: white; padding: 20px 0 0 !important;}
.rangeslider_timeline li { float: left; font-size: 15px; line-height: 18px; font-weight: 300; opacity: .5; border: none; width: 10%; margin: 0; text-align: right;}
.rangeslider_timeline .rangeslider_timeline_target { opacity: 1; font-size: 19px; line-height: 23px; font-weight: bold;}
.yllow_brdr { position: absolute; top: 0px; background: #FF9828; height: 4px; width: 27%;}
.rangeslider_sec ul { list-style: none; margin: 0; padding:40px 0 0 0; text-align: center;}
.rangeslider_sec ul li:last-child { margin-right: 0; font-weight: bold; color: #ffffff; font-size:18px; line-height: 18px;}
.tootip_sec { width: 150px; background: #ffffff; margin-left: -75px; padding:8px 0; border-radius: 5px; position: absolute; top: -76px; left: 27%;}
.tootip_sec:after { content: ''; position: absolute; bottom:-10px; left: 0; right: 0; text-align: center; margin: 0 auto; background: url('images/whte_arrow.png') no-repeat; width: 18px; height: 10px;}
.tootip_sec span { display: block; font-size: 13px; line-height: 16px; color: #a8afc1; margin: 0; padding-bottom: 5px; text-align: center; font-style: normal; font-family: 'Lato', sans-serif; font-weight: bold;}
.tootip_sec h3 { font-size: 19px; line-height: 18px; color:#484f64; margin: 0; padding: 0; text-align: center; font-family: 'Lato', sans-serif; font-weight: bold;}
.category_sec { margin: 40px 0 80px 0; padding: 0; position: relative;}
.ctgry_block { margin-bottom: 60px; padding: 0; width: 100%;}
.ctgry_block a { display: block; margin-bottom:0;}
.ctgry_block a img { display: block; width: 100%; height: auto; border-radius: 8px 8px 0 0;}
.btmctgry_sec { width: 100%; background: #ffffff; padding: 25px; border-radius: 0 0 8px 8px; box-shadow: 1px 1px 15px 0px #dddfe1; padding: 25px 25px 40px 25px; }
.btmctgry_sec span a { display: inline-block; font-size:14px; line-height: 14px; color:#ffab20; margin: 0; padding-right:20px; font-family: 'Lato', sans-serif; font-weight: 800; text-transform: uppercase; text-decoration: none;}
.btmctgry_sec em { display: inline-block; font-size:15px; line-height: 15px; color:#a8afc1; margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-weight: bold; text-transform: uppercase; font-style: normal; }
.ctgry_hdng { margin-bottom: 15px; padding: 0;}
.btmctgry_sec h2 a { font-size: 20px; line-height: 20px; color: #484f64; margin: 0; padding-bottom: 20px; font-family: 'Lato', sans-serif; font-weight: bold; text-decoration:none; display:block; text-align:left;}
.btmctgry_sec p { font-size: 17px; line-height: 25px; color: #a8afc1; font-family: 'Lato', sans-serif; margin: 0; padding: 0; text-align:left;}
.lftctgry_sec { width: 45%; float: left; margin-right: 85px; }
.lftctgry_sec:last-child { margin-right: 0;}
.rghtctgry_block { margin: 150px 0 0 0;}
.appstore_sec { width: 100%; margin:0; padding: 0; border-top: 1px solid #eff2f6;}
.appstore_sec .container { padding: 85px 0;}
.leftapp_sec { float: left; margin: 0; padding: 0;}
.leftapp_sec h2 { font-size: 30px; line-height: 30px; color: #484f64; margin: 0; padding-bottom: 15px; font-family: 'Lato', sans-serif; font-weight: bold; text-align:left;}
.leftapp_sec p { font-size: 15px; line-height: 25px; color: #a8afc1; margin: 0; padding: 0; font-family: 'Lato', sans-serif; text-align:left;}
.leftapp_sec p a { text-decoration: none; font-weight: bold; color: #a04ba4;}
.rghtapp_sec { float: right; margin:10px 0 0; padding: 0;}
.rghtapp_sec a { width: 150px; display: inline-block; vertical-align: middle; border-radius: 5px; background: #a04ba4; text-align: center; font-size: 13px; line-height: 14px; color:#ffffff; text-decoration: none; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: bold; height: 48px; padding:8px 0; margin-right: 20px;}
.rghtapp_sec a img { display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; top: -3px;}
.rghtapp_sec a:last-child { padding: 12px 0; background: #f8f3f8; color: #a04ba4; border: 1px solid #e8d9e9;}
.rghtapp_sec a:last-child { margin-right: 0;}
/***************************** start inner1 here ****************************************/
.blogpost_sec { width: 100%; margin-top: -340px;; padding: 0; position: relative;}
.blogpost_inn { width: 80%; margin: 0 auto; padding: 0; font-size: 19px; line-height: 29px; color: #8c919d; font-family: 'Lato', sans-serif;}
.postimg_sec { display: block; margin-bottom: 80px;}
.blogpost_inn a img { width: 100%; height: auto; display: block;}
.blogctgry_sec { margin-bottom:20px; padding: 0; text-align: center;}
.blogctgry_sec span a { display: inline-block; font-size:15px; line-height: 15px; color:#ffab20; margin: 0; padding-right:20px; font-family: 'Lato', sans-serif; font-weight: 800; text-transform: uppercase; text-decoration: none;}
.blogctgry_sec em { display: inline-block; font-size:15px; line-height: 15px; color:#a8afc1; margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-weight: bold; text-transform: uppercase; font-style: normal; }
.blogpost_inn h1 { font-size: 36px; line-height: 44px; color: #484f64; margin-right: 12%; margin-left: 12%; padding-bottom:50px; font-family: 'Lato', sans-serif; font-weight: 700; text-align: center;}
.blogpost_inn p { font-size: 19px; line-height: 31px; color: #8c919d; margin: 0; padding-bottom:30px; font-family: 'Lato', sans-serif;}
.blogpost_inn p a { margin: 0; display: inline-block; color: #a04ba4; font-style: italic;}
.blogpost_sec h2 { font-size: 20px; line-height: 25px; padding-bottom: 10px; text-align: left; color:#a8afc1;}
.financialtrack_sec { width: 95%; background: #ffffff; margin-bottom: 10px; padding:40px 0; margin-left: 20px;}
.financialtrack_sec p { font-size: 19px; line-height: 28px; color: #a8afc1; margin: 0; padding-bottom:40px; font-family: 'Lato', sans-serif; text-align: center; position: relative;}
.financialtrack_sec span { font-size: 14px; line-height: 16px; text-align: center; font-family: 'Lato', sans-serif; display: block; color: #a8afc1; }
.blogpost_inn h2 { font-size: 28px; line-height: 36px; color: #747f9b; margin-left: 12%; margin-right: 12%; padding-bottom: 40px; padding-top: 15px; font-family: 'Lato', sans-serif; font-weight: normal; text-align:left;}
.blogsocial_sec { margin: 60px 0 100px; padding: 0; text-align: center;}
.blogsocial_sec ul { list-style: none; margin: 0; padding: 0;}
.blogsocial_sec ul li { display: inline-block; vertical-align: top; margin-right:20px; padding: 0;}
.blogsocial_sec ul li a { background: #484f64; width: 32px; height: 32px; border-radius: 100%; display: inline-block; vertical-align: middle; font-size: 18px; color: #ffffff; padding: 4px 0; margin: 0; text-align:center;}
.blogsocial_sec ul li:last-child { margin-right: 0;}
.blogsocial_sec ul li a:hover { background: #944c98;}
.morepost_sec { margin: 0; padding: 0;}
.morepost_sec h3 { font-size: 17px; line-height: 17px; text-align: center; color: #484f64; margin: 0; padding-bottom:80px; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: bold; text-decoration: none; display: block;}
.post_bttn { text-align: center; margin: 0 auto 100px; padding: 0; width:545px;}
.morepost_sec a { margin: 0; padding: 0; display: block; font-size: 15px; color: #a8afc1; font-family: 'Lato', sans-serif;
text-decoration: none; position: relative;}
.morepost_sec a.prev { float: left; position: relative;}
.morepost_sec a.next { float: right; }
.morepost_sec a .fa { color: #944c98; font-size: 18px; line-height: 18px; position: relative; top: 2px;}
.morepost_sec a.prev .fa { padding-right: 10px;}
.morepost_sec a.next .fa { padding-left: 10px;}
.morepost_sec a { position: relative;}
.morepost_sec a.prev:after { content: ''; position: absolute; right:-35px; top:-30px; width: 1px; height:90px; background: #eef1f7;}
.fnclpara_sec { width:600px; position: relative; margin: 0 auto;}
.fnclpara_sec:before { content: ''; position: absolute; left:15px; top:-15px; background: url('images/borderleft_bg.png') no-repeat; width: 40px; height: 40px;}
.fnclpara_sec:after { content: ''; position: absolute; right:15px; bottom:0; background: url('images/rightbrder_bg.png') no-repeat; width: 40px; height: 40px;}
.financialtrack_sec blockquote { width:630px; position: relative; margin: 0 auto; font-style:normal;}
.financialtrack_sec blockquote:before { content: ''; position: absolute; left:15px; top:-15px; background: url('images/borderleft_bg.png') no-repeat; width: 40px; height: 40px;}
.financialtrack_sec blockquote:after { content: ''; position: absolute; right:15px; bottom:0; background: url('images/rightbrder_bg.png') no-repeat; width: 40px; height: 40px;}
.verticalQuote {
border-left: 2px solid #eee;
padding-left: 10px;
margin-bottom: 20px;
font-style: italic;
color: #a7adbc;
}
/***************************** end inner1 here ****************************************/
/***************************** end container here ****************************************/
/***************************** start footer here ****************************************/
#footer { width: 100%; margin: 0; padding: 0; background: #484f64;}
#footer .container { padding: 50px 0;}
.leftftr_sec { float: left; margin: 0; padding: 0;}
.leftftr_sec em { font-size: 13px; line-height: 15px; color: #ffffff; font-family: 'Lato', sans-serif; font-style: normal;}
.rghtftrnav_sec { float: right; margin: 0; padding: 0;}
.rghtftrnav_sec ul { list-style: none; margin: 0; padding: 0;}
.rghtftrnav_sec ul li { margin-right: 15px; padding: 0; display: inline-block; vertical-align: middle;}
.rghtftrnav_sec ul li a { font-size: 13px; line-height: 15px; color: #ffffff; font-family: 'Lato', sans-serif; text-decoration: none;}
.rghtftrnav_sec ul li a:hover { text-decoration: underline;}
.rghtftrnav_sec ul li:last-child { margin-right: 0;}
/***************************** end footer here ****************************************/
#header.top { background: #ffffff;}
#header.top .lft_logostick { display: block;}
#header.top .lft_logo { display: none;}
#header.top .rightnav ul li a { color: #000000;}
#header.top .righthdr span { color: #000000;}
#header.top .righthdr a { color: #000000; border:1px solid #ededed; border-radius: 3px; font-weight: bold;}
#header.top .righthdr a:hover { color:#7d2160; }
#header.top .righthdr a:last-child { color: #ffffff; background: #7d2160; }
#header.top .righthdr a:last-child:hover { background: #b5328c;}
#nav_list { display: none;}
.pushmenu { display: none;}
.rightnav ul li ul li .leftinr_menu ul li:hover h4 a { color:#96509a;}
.blogpost_cnt { width: 80%; margin: 0 auto;}
#header.top .righthdr span a:hover { background: none; border: 0; }
#header.top .righthdr span a { padding: 0; background: none !important; height: auto; width: auto; font-weight: normal; border: 0; color: #000000 !important;}
.blogpost_inn span { font-size: 16px; line-height: 26px; color: #a8afc1; margin: 0; padding-bottom:35px; font-family: 'Lato', sans-serif; display:inline-block;}
.list_sec { margin-bottom:40px; margin-top: 20px; padding:0;}
.list_sec ul { border: 1px solid #ddd; border-radius: 3px; list-style: none; margin: -20px; padding-top: 20px; padding-right: 20px; padding-left: 20px;}
.list_sec ul li { margin:0; padding:0; position:relative; font-size: 18px; line-height: 25px; color: #a8afc1; margin-bottom:15px; padding-bottom:0; font-family: 'Lato', sans-serif; padding-left: 20px;}
.list_sec ul li:before { content: "\f111"; position:absolute; left:0; top:0; font-size:10px; color:#a04ba4; font-family: 'FontAwesome';}
.rightnav ul li.current-menu-item a{
font-weight: 700;
color: #ffffff;
}
.rightnav ul li.menu-item:nth-child(2) a::after{ content: ''; position: absolute; left: 0; right: 0; width: 100%; border: 2px solid #ffab20; bottom: -34px; display: block;}
.rightnav ul li.active a::after{ content: ''; position: absolute; left: 0; right: 0; width: 100%; border: 2px solid #ffab20; bottom: -34px; display: block;}
.postimg_sec img { display:block; width:auto; max-width:100%;}
#respond input { border:1px solid #333333; border-radius:0; padding:8px; height:40px; font-family: 'Lato', sans-serif; outline:none;}
#respond .required { padding-bottom:0; font-family: 'Lato', sans-serif;}
#respond .form-submit input { background:#7d2160; color:#ffffff; border:0; font-family: 'Lato', sans-serif; outline:none;}
#respond label { font-family: 'Lato', sans-serif;}
.morepost_sec a.prev:after { }
#respond textarea { border:1px solid #333333; border-radius:0; padding:8px; height:40px; font-family: 'Lato', sans-serif; resize:none; height:160px; outline:none;}
.financialtrack_sec p:last-child { padding-bottom:0;}
.navigation {
margin-top: 60px;
text-align: center;
}
.button-orange { display: inline-block; padding: 14px 22px; border-radius: 25px; margin-left: 6px; letter-spacing: 1px;
line-height: 19px; opacity: 1; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none;
text-transform: uppercase; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; background: #FF9927;
border: none; white-space: nowrap; outline: 0; }
.button-orange:hover { text-decoration: none; color: white; background: #ffbe53; }
.button-orange:focus { text-decoration: none; outline: 0;}
.hero_menu { font-size: 17px; line-height: 21px; display: block; text-align: center; width: 720px; max-width: 98%;
background: rgba(255,255,255, .05); -webkit-border-radius:3px; -moz-border-radius:3px;
border-radius:3px; position: relative; margin: 0 auto 67px; }
.hero_menu ul { padding: 10px; overflow: hidden; margin-left: 0; }
.hero_menu .menu-item { display: inline-block; text-decoration: none; opacity: .5; list-style: none; position: relative; margin-right: 8px;}
.hero_menu .menu-item:before { content: ""; width: 3px; height: 3px; background: white; position: absolute; left: -3px; top: 20px;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;}
.hero_menu .menu-item a { display: inline-block; width: auto; padding: 10px 15px; color: white; }
.hero_menu .current-menu-item { font-weight: bold; opacity: 1;
}
body.home .bnr_wrpr { position: relative; }
body.home .bnr_wrpr img { height: 610px; }
body.home .bnr_wrpr_footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 125px; background: black; opacity: .1; z-index: 0; }
body.archive .category_sec { margin-top: -360px;}
body.page-id-821 .rss-aggregator { margin-left: 0;}
body.page-id-821 .rss-aggregator .feed-item { list-style: none; clear: both; margin-bottom: 20px; position: relative; }
body.page-id-821 .rss-aggregator .feed-item a{ color: #484F64; line-height: 25px; padding-left: 140px; display: inline-block;}
body.page-id-821 .rss-aggregator .feed-item .feed-date { color: #AFB8D4; font-size: 14px; line-height: 17px; font-weight: bold; padding: 6px 10px; background: #ECEEF5; border-radius: 2px; margin-right: 17px;}
body.page-id-821 .rss-aggregator .feed-item .wprss-feed-meta { position: absolute; left: 0; top: 0; }
body.page-id-821 .rss-aggregator .feed-item .feed-item_favicon { position: absolute; left: 105px; top: 2px; border: 6px solid #ECEEF5; border-top-width: 7px; border-radius: 2px; }
body.page-id-821 .page_subheading { text-align: center; text-transform: uppercase; font-weight: bold; font-size: 15px; color: #A8AFC1; margin-bottom: -30px;}
body.page-id-821 .page_buttons {text-align: center; margin-top: -12px; margin-bottom: 80px;}
body.page-id-821 .page_buttons .button { margin-bottom: 20px }
body.page-id-821 .button-email { margin-right: 10px; margin-left: 10px; }
.button-app { font-size: 15px; line-height: 18px; display: inline-block; text-align: center; border-radius: 3px; padding: 0px 14px;
box-sizing: border-box; height: 46px; line-height: 46px;}
.button-app:hover { text-decoration: none;}
.button-app .button_icon { vertical-align: middle; margin-right: 2px;}
.button-appstore { background: #A04BA4; color: white; border: 1px solid #A04BA4;padding-left:17px;padding-right:20px;}
.button-appstore:hover { background: #A04BA4; color: white;}
.button-appstore .button_icon { margin-top: -5px; margin-right: 13px;}
.button-googleplay { background: #F8F3F8; color: #A04BA4; border: 1px solid #E8D9E9; padding-left: 10px; padding-right: 10px;}
.button-googleplay:hover { background: #F8F3F8; color: #A04BA4;}
.section-add-download { border-top: 1px solid #EFF2F6; padding-top: 80px; padding-bottom: 60px; }
.section-add-download .column-first { float: left; width: 330px; }
.section-add-download .column-second { float: right; padding-right: 30px; }
.section-add-download .section_title { font-size: 31px; line-height: 38px; letter-spacing: 0.5px; color: #484F64; margin-bottom:15px; font-weight: bold;}
.section-add-download .section_body { font-size: 16px; line-height: 25px; color: #A8AFC1;}
.section-add-download .button-app { float: right; margin-top: 30px;}
.section-add-download .button-appstore { margin-right: 20px;}
.button { display: inline-block;}
.button:hover {text-decoration: none; }
.button:focus {text-decoration: none; outline: 0;}
.button-medium { font-size: 15px; padding: 0 14px; border-radius: 30px; line-height: 34px; height: 34px}
.button_icon {display: inline-block !important; vertical-align: middle}
.button-rss { background: #FF9927; color: white;}
.button-rss:hover, .button-rss:active, .button-rss:focus{background: #ffbe53; color: white;}
.button-rss .button_icon {width: 15px; height: 15px; margin-top:-8px; margin-right: 4px;}
.button-email { background: #8E46BA; color: white;}
.button-email:hover, .button-email:active, .button-email:focus {background: #ae65b2; color: white;}
.button-email .button_icon{ width: 23px; height: 16px; margin-right: 3px; margin-top: -6px;}
.button-twitter { background: #1784FF; color: white;}
.button-twitter:hover, .button-twitter:active, .button-twitter:focus{background: #00CDFC; color: white;}
.button-twitter .button_icon{ width: 22px; height: 18px; margin-right: 6px; margin-top: -4px;}
.button-sources {background: #1784FF; color: white;}
.button-sources:hover, .button-sources:active, .button-sources:focus {background: #00CDFC; color: white;}
.button-sources .button_icon { width: 16px; height: 16px; margin-right: 4px; margin-top: -4px;}
body.page-id-1684 .page_buttons {text-align: center; margin-top: -12px; margin-bottom: 60px;}
body.page-id-1684 .page_buttons .button { margin-bottom: 20px }
body.page-id-1684 .button-twitter { margin-right: 10px;}
.page-id-1684 .card-wrpr{
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.page-id-1684 .card {
width: 100%;
max-width: 320px;
float: left;
margin-right: 60px;
margin-bottom: 40px;
}
.page-id-1684 .card_img{
position: relative;
width: 100%;
box-sizing: border-box;
height: 95px;
background: #ECEEF5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.page-id-1684 .card_img img{
display: inline-block;
position: absolute;
left: 0px;
right: 0px;
top: 0;
bottom: 0;
margin: auto;
max-width: 90%;
}
.page-id-1684 .card_body{
color: #484F64;
font-weight: normal;
font-size: 14px;
line-height: 20px;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.page-id-1684 .card_header{
overflow: hidden;
padding: 15px 0 22px;
}
.page-id-1684 .card_header a{
float: left;
margin-right: 5px;
}
.page-id-1684 .card_header .popularity{
float: right;
margin-top: 4px;
}
.page-id-1684 .card a{
color: #8E46BA;
font-weight: bold;
font-size: 14px;
line-height:17px;
}
.page-id-1684 .card a:hover{
text-decoration: underline;
}
.page-id-1684 .card:nth-child(odd){
/*border: 1px solid green;*/
margin-right: 0;
float: right;
}
.page-id-1684 .card:nth-child(even){
clear: both;
float: left;
}
.page-id-1684 .card .popularity{
position: relative;
display: inline-block;
padding: 0;
width: 75px;
height: 10px;
background: #ECEEF5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.page-id-1684 .card .popularity:after{
content: " ";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 20px;
background: #F23434;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.page-id-1684 .card .popularity-0:after{
width: 0%;
}
.page-id-1684 .card .popularity-1:after{
width: 10%;
}
.page-id-1684 .card .popularity-2:after{
width: 20%;
}
.page-id-1684 .card .popularity-3:after{
width: 30%;
}
.page-id-1684 .card .popularity-4:after{
width: 40%;
background: #F5A623;
}
.page-id-1684 .card .popularity-5:after{
width: 50%;
background: #F5A623;
}
.page-id-1684 .card .popularity-6:after{
width: 60%;
background: #F5A623;
}
.page-id-1684 .card .popularity-7:after{
width: 70%;
background: #7ED321;
}
.page-id-1684 .card .popularity-8:after{
width: 80%;
background: #7ED321;
}
.page-id-1684 .card .popularity-9:after{
width: 90%;
background: #7ED321;
}
.page-id-1684 .card .popularity-10:after{
width: 100%;
background: #7ED321;
}
.page-id-1684 .card-wrpr .link-blue{
font-style: normal;
font-size: 15px;
line-height: 18px;
color: #596789;
margin-bottom: 15px;
}
.page-id-1684 .card-wrpr .icon-link-spreadsheet{
margin-right: 14px;
vertical-align: middle;
}
.page-id-1684 .card-wrpr .icon-link-news {
margin-right: 11px;
vertical-align: middle;
}
.card--featured .card_img:after{
content: ' ';
position: absolute;
z-index: 3;
right: 0;
top: 0;
width: 43px;
height: 43px;
background-image: url('/blog/wp-content/themes/Wealthica/images/icon-card-featured@2x.png');
background-size: cover;
}
.icon-link-spreadsheet {
display: inline-block;
padding: 0 !important;
width: 20px;
height: 24px;
background: url('/blog/wp-content/themes/Wealthica/images/icon-link-spreadsheet@2x.png');
background-size: cover;
}
.icon-link-news{
display: inline-block;
padding: 0 !important;
width: 23px;
height: 20px;
background: url('/blog/wp-content/themes/Wealthica/images/icon-link-news@2x.png');
background-size: cover; }
@media screen and (min-width: 700px) {
body.page-template-home-page-template .ctgry_block,
body.archive.category .ctgry_block,
body.archive.author .ctgry_block,
body.archive.date .ctgry_block
{
width: 48%;
float: left;
}
body.page-template-home-page-template .ctgry_block:nth-child(2),
body.archive.category .ctgry_block:nth-child(2),
body.archive.author .ctgry_block:nth-child(2),
body.archive.date .ctgry_block:nth-child(2){
margin-top: 150px;
}
body.page-template-home-page-template .ctgry_block:nth-child(2n),
body.archive.category .ctgry_block:nth-child(2n),
body.archive.author .ctgry_block:nth-child(2n),
body.archive.date .ctgry_block:nth-child(2n)
{
float: right;
margin-left: 4%;
}
}
@media screen and (min-width: 900px) {
body.page-template-home-page-template .ctgry_block,
body.archive.author .ctgry_block,
body.archive.category .ctgry_block,
body.archive.date .ctgry_block
{
width: 45%;
float: left;
}
body.page-template-home-page-template .ctgry_block:nth-child(2n),
body.archive.category .ctgry_block:nth-child(2n),
body.archive.author .ctgry_block:nth-child(2n),
body.archive.date .ctgry_block:nth-child(2n)
{
margin-left: 10%;
}
}