<data:blog.pageTitle/>
.title,
.intro-effect-push:not(.notrans) .blog-post-single > div {
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.intro-effect-push:not(.notrans) .modern-post-header {
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
.intro-effect-push .modern-post-header {
position: absolute;
z-index: 1500;
}
.intro-effect-push > .title {
position: relative;
top: auto;
left: auto;
}
.intro-effect-push .blog-post-single > div.title,
.intro-effect-push .blog-post-single > div{
}
.intro-effect-push > .title,
.intro-effect-push .blog-post-single > div.title,
.intro-effect-push .blog-post-single > div{
-webkit-transform: translateY(400px);
transform: translateY(400px);
opacity: 0;
}
.intro-effect-push.modify > .title,
.intro-effect-push.modify .blog-post-single > div.title,
.intro-effect-push.modify .blog-post-single > div{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.intro-effect-push.modify .modern-post-header {
opacity: 0;
-webkit-transform: translateY(-100%) scale(0.9);
transform: translateY(-100%) scale(0.9);
}
/* Delays */
.intro-effect-push.modify:not(.notrans) > .title {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.intro-effect-push.modify:not(.notrans) .blog-post-single > div{
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.modern-scroll-effect{
padding-top: 100px;
}
.modern .author-page-box{
margin-top: 100px;
}
.modern-read-down{
position:absolute;
bottom:0;
text-align:center;
width:100%;
padding-bottom:15px;
z-index: 999999;
}
.modern-read-down h4{
font-family: Open Sans !important;
font-weight: 600;
font-size: 13px;
color: #fff;
}
.modern-read-down i{
font-size: 35px;
color: #fff;
}
.parallax{
position: relative;
width: 100%;
background-attachment: fixed !important;
background-size: cover !important;
background-repeat: repeat-y;
background-position: top center;
}
.full-width{
margin-left:15px;
}
.classic .full-width{
margin-left:0px;
}
#loading-area {
position: fixed;
width: 100%;
height: 100%;
background: #fff !important;
z-index: 999999999999 !important;
overflow: hidden;
}
.loading {
position: absolute;
top: 45%;
left: 50%;
margin-left: -30px;
}
.loading:after {
content: ”;
position: absolute;
width: 60px;
height: 60px;
top: 0;
left: 0;
border-radius: 60px;
border: 1px solid transparent;
border-top-color: #303674;
border-left-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*———————————————————————————–*/
/* Grid Blog
/*———————————————————————————–*/
.grid-title {
padding: 155px 0;
}
.grid-title h1 {
font-size: 75px;
color: #FFF;
}
.grid-title hr {
height: 2px;
background: #FFF;
width: 30px;
margin-top: 30px;
}
.grdh-3 h2, .grdh-4 h2{
font-size: 30px;
line-height: 35px;
}
.grdh-5 h2, .grdh-6 h2{
font-size: 25px;
line-height: 30px;
}
.button-style {
margin-top: 20px;
display: block;
}
.button-style a {
background: #303674;
color: #FFF;
font-weight: 600;
font-size: 13px;
letter-spacing: 1px;
padding: 10px 17px;
}
.button-style a:hover {
background: #101010 !important;
}
/*———————————————————————————–*/
/* Load More
/*———————————————————————————–*/
.load-more-modern {
width: 100%;
background: #303674;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: all;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-o-transition-timing-function: linear, ease-in;
margin-bottom: 60px;
}
.load-more-modern a {
display: inline-block;
width: 100%;
height: 100%;
padding: 20px 0;
color: #FFF;
}
.load-more-modern:hover {
background: #000 !important;
}
.load-more-modern:hover a {
color: #303674;
}
#infscr-loading {
width: 125px;
text-align: center;
margin: 0px auto;
font-size: 12px;
color: #333 !important;
position: relative;
top: 50px;
}
#infscr-loading em{
text-decoration: none !important;
}
/*———————————————————————————–*/
/* Post Types
/*———————————————————————————–*/
/*———————————————————————————–*/
/* Quote
/*———————————————————————————–*/
.blog-post-quote {
margin-bottom: 60px;
position: relative;
}
.blog-post-quote blockquote {
padding: 90px 30px;
padding-top: 100px;
position: relative;
margin: 0;
background: rgba(0,0,0,0.5);
}
.blog-post-quote blockquote:before {
display: none;
}
.blog-post-quote blockquote p {
color: #FFF !important;
font-size: 40px;
line-height: 50px;
}
.blog-post-quote cite a, .blog-post-quote cite p {
color: #303674;
}
/*———————————————————————————–*/
/* Link
/*———————————————————————————–*/
.blog-post-link {
margin-bottom: 60px;
}
.link-background {
padding: 90px 30px;
padding-top: 100px;
position: relative;
margin: 0;
background: rgba(0,0,0,0.7);
}
.link-background {
position: relative;
padding-left: 150px;
}
.link-background:before {
content: “f08e”;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*–adjust as necessary–*/
color: #303674;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
left: 100px;
}
.blog-post-link a {
font-size: 18px;
color: #FFF;
}
.link-line {
border-top: solid 1px #e8e8e8;
}
/*———————————————————————————–*/
/* Chat
/*———————————————————————————–*/
.chat-format .excerpt p {
padding: 30px 20px;
margin-bottom: 20px;
font-weight: 600;
}
.chat-format .excerpt p:nth-child(2n) {
background: #f1f1f1;
text-align: right;
border-radius: 10px;
}
.chat-format .excerpt p:nth-child(2n-1) {
background: #FFF;
background: #f9f9f9;
text-align: left;
border-radius: 10px;
}
.chat-format .excerpt p:first-word {
font-weight: 700;
}
/*———————————————————————————–*/
/* Aside
/*———————————————————————————–*/
.aside {
font-size: 18px;
line-height: 35px;
}
.aside-post {
background: #FFF;
background: rgba(255, 255, 255, 0.9);
padding: 30px;
margin: 20px;
}
/*———————————————————————————–*/
/* Status
/*———————————————————————————–*/
.status {
font-size: 26px;
line-height: 35px;
font-weight: 300;
}
.status-post {
background: #FFF;
background: rgba(255, 255, 255, 0.9);
padding: 30px;
margin: 20px;
}
.aside-line {
border-bottom: solid 1px #e8e8e8;
}
.status-line {
border-bottom: solid 1px #e8e8e8;
}
/*———————————————————————————–*/
/* Sidebar
/*———————————————————————————–*/
.sidebar {
margin-bottom: 60px;
}
.sidebar .widget {
position: relative;
background: #FFF;
border: solid 1px #f1f1f1;
margin-bottom: 40px;
padding: 25px;
font-size: 13px;
}
.sidebar .widget h4, .sidebar .widget h2 {
color: white;
border-bottom: 1px solid #e8e8e8;
font-family: roboto;
font-size: 15px;
font-weight: bold;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
background-color:rgb(203, 1, 1);
text-transform: uppercase;
margin-bottom: 5px;
}
.sidebar .widget hr {
background: #e8e8e8;
margin: 0;
padding: 0;
margin: 12px 0;
margin-bottom: 20px;
}
.sidebar .widget a {
color: #666;
}
.sidebar .widget a:hover {
color: #303674;
}
.sidebar .widget ul li {
position: relative;
line-height: 31px;
padding-left: 15px;
}
.sidebar .widget ul li ul li a {
padding-left: 10px;
}
.sidebar .widget ul li ul li a:before {
content: “f105”;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*–adjust as necessary–*/
color: #dcdcdc;
font-size: 13px;
padding-right: 0.5em;
position: absolute;
left: 0;
left: 10px;
}
.sidebar .widget ul li a:before {
content: “f105″;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*–adjust as necessary–*/
color: #dcdcdc;
font-size: 13px;
padding-right: 0.5em;
position: absolute;
left: 0;
}
.flex-viewport ul li a:before {
display: none;
}
.sidebar .widget select {
width: 100%;
border: solid 1px #e8e8e8;
background: #FFF;
height: 40px;
}
.screen-reader-text {
display: none;
}
.searchform input {
margin-bottom: 0px;
}
.searchform input[type=”text”] {
width: 80%;
float: left;
border: solid 1px #e8e8e8;
height: 40px;
padding-left: 10px;
background: #FFF;
}
.comment-respond input {
margin-bottom: 15px;
}
.slidebar-close{
float: right;
color: #fff;
font-size: 15px;
display: none;
}
.classic .slidebar-close{
color: #303674;
}
.search-panel .slidebar-close{
margin-left: 10px;
margin-top: -1px;
}
.footer-container .widget .searchform input[type=”text”] {
width: 80%;
float: left;
border: solid 1px #222;
height: 40px;
padding-left: 10px;
background: #101010;
}
.searchform input[type=”submit”] {
width: 20%;
background: #303674;
font-size: 11px;
border: none;
color: #FFF !important;
float: none !important;
font-weight: 600 !important;
padding: 3px 5px;
display: inline-block;
letter-spacing: 0px;
}
::-webkit-input-placeholder {
font-style: italic;
font-size: 12px;
}
#recentcomments {
color: #888;
font-style: italic;
font-size: 12px;
}
#recentcomments a {
color: #666;
font-style: normal;
font-size: 12px;
}
.comments-post input, .comments-post textarea {
background: #f5f5f5;
margin-top: 5px;
margin-bottom: 10px;
}
#tags-tab-content .tagcloud a{
margin-right:8px;
margin-bottom:15px;
}
.tag-tab-box{
width: 320px;
}
.recent-post-box {
margin-top: 30px;
}
.recent-post-image img {
width: 80px;
height: 50px;
}
.recent-post-title-cont {
margin-left: 10px;
-ms-word-wrap: break-word;
word-wrap: break-word;
max-width: 240px;
}
.recent-post-materials ul li {
float: left;
padding: 0 !important;
padding-left: 5px !important;
position: relative;
}
.recent-post-materials ul li:after {
content: “.”;
padding-left: 5px;
position: absolute;
top: -3px;
}
.recent-post-materials ul li.recent-post-category{
margin-left: 8px;
}
.recent-post-materials ul li:last-child:after {
content: “”;
}
.recent-post-materials ul li:first-child {
padding-left: 0;
}
.recent-post-materials ul li a {
font-size: 10px;
color: #888;
}
.recent-comments ul li {
padding-left: 0;
}
.recent-post-materials ul li a:before {
display: none;
}
.recent-comments ul li a:before {
display: none;
}
.recent-comments ul li {
margin-top: 30px;
}
.recent-comments-title-cont a {
font-size: 13px;
color: #666;
}
.recent-comments-title-cont {
margin-left: 10px;
-ms-word-wrap: break-word;
word-wrap: break-word;
max-width: 240px;
}
.recent-post-materials p {
color: #888;
font-size: 12px;
line-height: 19px;
text-align: left;
}
.default-post {
background: #f3f3f3;
width: 100%;
height: 100%;
height: 50px;
width: 50px;
text-align: center;
padding-top: 12px;
}
.default-post i {
color: #303674;
}
.gallery-size-thumbnail {
font-size: 12px;
line-height: 19px;
font-style: italic;
}
#gallery-1 img {
border: solid 1px #e8e8e8 !important;
}
.post-password-form {
background: #f5f5f5;
padding: 30px;
text-align: center;
}
.post-password-form input[type=”password”] {
border: solid 1px #e8e8e8;
height: 40px;
}
.post-password-form input[type=”submit”] {
background: #303674;
border: none;
height: 38px;
color: #FFF;
padding: 0 10px;
}
.post-password-form input[type=”submit”]:hover {
background: #282828;
}
.link-background:hover > .link-more {
display: block;
}
.link-more {
display: none;
color: #FFF;
position: absolute;
right: 20px;
bottom: 10px;
}
.link-more a {
font-size: 10px;
}
.link-more a:hover {
text-decoration: underline;
}
.blog-post-quote:hover > .quote-more {
display: block;
}
.quote-more {
display: none;
color: #FFF;
position: absolute;
right: 20px;
bottom: 10px;
}
.quote-more a {
font-size: 10px;
color: #FFF;
}
.quote-more a:hover {
text-decoration: underline;
}
.quote-line {
border-top: solid 1px #e8e8e8;
}
.sidebar .widget .widget_wysija input[type=”text”]{
float: left;
}
.sidebar .widget .widget_wysija input[type=”submit”]{
float: left;
margin-top: 0;
padding-left: 8px;
padding-right: 8px;
margin-left:10px;
}
/*———————————————————————————–*/
/* Menu
/*———————————————————————————–*/
.logo {
padding-left: 30px;
}
.text-for-logo{
margin-top: -13px;
}
.menu-right {
padding-right: 20px;
}
p.blog-desc-title {
font-size: 12px;
}
.modern_logo h3 {
color: #FFF;
}
#navigation-menu ul li {
list-style: none !important;
}
.menu-container {
height: 105px;
padding-top: 24px;
width: 100%;
position: relative;
top: 0;
z-index: 99999999;
margin-bottom: 40px;
padding-right: 30px;
}
.menu-container-top {
width: 100%;
position: absolute;
top: 0;
left: 0;
padding-right: 10px;
z-index: 99999999;
background: rgba(0,0,0,0.4);
}
.menu {
padding-top: 17px;
margin-right: 40px;
}
.empty-menu {
padding: 0 20px;
}
.menu-container-top i {
color: #FFF;
}
.logo img {
height: 55px;
vertical-align: middle;
}
#panel i {
color: #303674;
padding-left: 10px;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 10px;
z-index: 99;
}
.sf-menu ul li ul {
position: absolute;
display: none;
top: -37px;
left: 100%;
z-index: 99;
}
.sf-menu li:hover > ul, .sf-menu li.sf-menuHover > ul {
display: block;
}
.sf-menu li {
white-space: nowrap;
-webkit-transition: background .2s;
transition: background .2s;
float: left;
padding-left: 30px;
letter-spacing: 1px;
}
.sf-menu li a {
display: block;
position: relative;
zoom: 1;
font-family: ‘Roboto’, sans-serif;
font-weight:900;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
}
.menu-container-top .sf-menu li a {
display: block;
position: relative;
zoom: 1;
font-family: novecento_demibold;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
color: #FFF;
}
.sf-menu li a:hover {
text-decoration: none;
color: #303674 !important;
}
.sf-menu ul li {
width: 100%;
min-width: 200px;
background: #101010;
padding: 10px;
border-bottom: 1px solid #222;
line-height: 30px;
padding: 10px 24px;
}
.sf-menu ul li:hover {
background: #222;
}
.sf-menu ul li:last-child {
border-bottom: 0;
}
.sf-menu ul li a {
color: #a8a8a8 !important;
font-size: 12px;
}
.sf-menu ul li a:hover {
color: #a8a8a8 !important;
font-size: 12px;
}
.sf-menu .menu-item-has-children ul {
float: none;
}
.sf-menu .menu-item-has-children {
position: relative;
margin-right: 20px;
}
.sf-menu .sub-menu .menu-item-has-children {
position: relative;
margin-right: 0px;
}
.sf-menu .menu-item-has-children:before {
content: “f078”;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #101010 !important;
font-size: 9px;
padding-right: 0.5em;
position: absolute;
top: 0px;
right: -23px;
}
.menu-container-top .sf-menu .menu-item-has-children:before {
content: “f078”;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff !important;
font-size: 9px;
padding-right: 0.5em;
position: absolute;
top: 0px;
right: -23px;
}
.sf-menu ul.sub-menu .menu-item-has-children:before {
content: “f054″;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #a8a8a8 !important;
font-size: 9px;
padding-right: 0.5em;
position: absolute;
top: 10px;
right: 10px;
background: #101010;
}
.sf-menu ul.sub-menu ul.sub-menu .menu-item-has-children:before {
display: none;
}
.sf-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu {
display: none !important;
}
ul.sub-menu li.menu-item-has-children:hover:before {
background: #222;
}
ul.sub-menu li ul li{
float: none !important;
}
.sf-menu .menu-item-has-children:hover:before {
color: #303674 !important;
}
.slicknav_menu {
display:none;
}
.headroom{
position: fixed;
}
.slide{
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
}
.slide–reset{
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
.slide–up{
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
}
.panel-opened-push{
left: -360px;
}
.panel-closed-push{
left: 0px;
}
/*———————————————————————————–*/
/* Paginate
/*———————————————————————————–*/
.post-paginate p {
color: #303674;
}
.post-paginate a {
color: #888;
}
.pagination {
background: #FFF;
width: 100%;
height: 50px;
position: relative;
margin-bottom: 60px;
}
.pagination ul {
display: inline-block;
}
.pagination ul li {
float: left;
margin-right: 5px;
padding-top: 12px;
height: 50px;
}
.pagination ul li.first {
left: 50px;
position: absolute;
border-right: solid 1px #F5F5F5;
padding-right: 50px;
}
.pagination ul li.last {
right: 50px;
position: absolute;
border-left: solid 1px #F5F5F5;
padding-left: 50px;
}
.pagination ul li:before {
display: none;
}
.pagination ul li a {
padding: 5px 12px;
font-size: 12px;
font-weight: 600;
}
.pagination ul li.active a {
background: #303674;
color: #fff;
border-radius: 5px;
}
.headroom–pinned {
display: block;
}
.headroom–unpinned {
display: none;
}
.headroom {
transition: transform 200ms linear;
}
.headroom–pinned {
transform: translateY(0%);
}
.headroom–unpinned {
transform: translateY(-100%);
}
/*———————————————————————————–*/
/* Author
/*———————————————————————————–*/
.author-post {
background: #FFF;
border: solid 1px #f1f1f1;
margin-top: 40px;
padding: 25px 0;
position: relative;
}
.author-img {
padding-left: 20px;
}
.author-img img {
width: 130px;
height: 130px;
}
.author-position {
font-size: 12px;
font-style: italic;
color: #888;
}
.author-title {
font-size: 13px;
line-height: 23px;
width: 500px;
top: 20px;
position: absolute;
left: 170px;
}
p.author-desc {
margin-top: 10px;
}
.author-social-media ul {
margin-top: 10px;
margin-left: -20px;
display: inline-block;
}
.author-social-media ul li {
float: left;
margin-left: 20px;
margin-top: 10px;
}
.author-social-media ul li:before {
display: none;
}
.author-social-media ul li i {
color: #c0c0c0;
}
.author .fa-search {
color: #FFF;
}
.author .logo h3 {
color: #FFF;
}
.tooltip-inner {
background: #282828;
border-radius: 5px;
font-size: 11px;
padding: 9px 10px;
min-width: 100px;
}
.tooltip .tooltip-arrow {
border-top-color: #272627 !important;
}
/*———————————————————————————–*/
/* Comments
/*———————————————————————————–*/
.comments-post {
background: #FFF;
border-left: solid 1px #f1f1f1;
margin-top: 40px;
padding: 20px;
margin-bottom: 60px;
}
.datetime.secondary-text > a {
color: #303674;
font-size: 11px !important;
margin-top: -5px;
margin-bottom: 20px;
float:right;
}
.comment-content p {
font-size: 13px;
}
.user-comment-box {
padding: 30px 0;
}
.comments-blog-post-top {
padding-bottom: 10px;
}
.comments-line {
height: 1px;
background: #d6d6d6;
}
.comments-title {
margin-top: 40px;
}
.comments ul{
margin-left: 20px;
}
ol.comment-list {
list-style: none;
}
ol.comment-list .children {
list-style: none;
}
ol.comment-list ol.children {
list-style: none;
}
.comment-list ul li:before {
display: none;
}
ol.comment-list li {
border-bottom: solid 1px #e8e8e8;
}
ol.comment-list li:last-child {
border-bottom: 0;
}
ol.comment-list ul li:last-child{
border-bottom: solid 1px #e8e8e8 !important;
}
.comment-respond{
margin-bottom: 10px;
}
p.logged-in-as {
font-size: 12px;
font-style: italic;
margin-top: 5px;
margin-bottom: 20px;
}
.comments .comment .comment-actions a {
font-size: 11px;
color: #888;
text-transform: uppercase;
}
.leave-a-comment {
padding-top: 10px;
}
a#cancel-comment-reply-link {
font-size: 11px !important;
float: right;
font-family: Open Sans;
font-weight: 600;
padding-top: 5px;
}
.leave-a-comment {
font-size: 15px;
}
.comment-notes {
font-size: 12px;
font-style: italic;
margin-bottom: 20px;
}
/*———————————————————————————–*/
/* Forms
/*———————————————————————————–*/
.contact-form-style .col-lg-6, .contact-form-style .col-lg-12 {
margin: 0;
padding: 0;
}
input {
font-size: 11px;
color: #333 !important;
padding-left: 5px;
width: 60%;
background: #f3f3f3;
border: none;
height: 40px;
}
textarea {
font-size: 11px;
color: #333 !important;
padding-left: 15px;
padding-top: 10px;
width: 100%;
background: #f3f3f3;
border: none;
height: 250px;
}
input[type=”submit”] {
width: auto;
background: #303674;
font-size: 11px;
border: none;
color: #FFF !important;
font-weight: 600 !important;
padding: 8px 30px;
display: inline-block;
letter-spacing: 2px;
margin-bottom: 0;
}
input[type=”submit”]:hover {
background: #282828;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
p.form-submit {
text-align: right;
}
/*———————————————————————————–*/
/* Related Post
/*———————————————————————————–*/
.related-title {
margin-top: 40px;
margin-bottom: 40px;
}
.related-posts {
width: 100%;
height: 275px;
border-radius: 5px;
}
.related-posts .cats {
font-size: 10px;
}
.background-related {
height: 275px;
border-radius: 5px;
}
.background-related img {
border-radius: 5px;
width: 100%;
height: 100%;
}
.related-posts .cats {
position: absolute;
top: 0;
}
.related-posts .cats-line {
position: absolute;
top: 30px;
}
.related-posts .cats ul li:before {
display: none;
}
.related-posts .cats ul {
margin-left: 20px;
}
.related-posts .cats ul li {
float: left;
margin-top: 5px;
}
.related-posts .cats ul li a {
color: #FFF;
font-weight: 700;
text-transform: uppercase;
}
.related-posts .cats ul li a:hover, .related-posts a:hover {
color: #303674;
}
.related-posts .title {
padding: 0 25px;
position: absolute;
bottom:25px;
}
.related-posts .title a {
display: inline-block;
}
.related-posts a {
color: #FFF;
}
.cats-line {
height: 1px;
width: 18px;
background: #FFF;
margin-left: 25px;
}
.noimage-ralated {
background: #000;
}
.media-materials, .related-posts {
overflow: hidden;
position: relative;
}
.media-materials img{
width: 100%;
height: 100%;
}
.media-materials img, .related-posts img {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-webkit-transition-delay: 0;
-webkit-transition-timing-function: ease-out;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 1s;
-moz-transition-delay: 0;
-moz-transition-timing-function: ease-out;
-ms-transition-property: -ms-transform;
-ms-transition-duration: 1s;
-ms-transition-delay: 0;
-ms-transition-timing-function: ease-out;
-o-transition-property: -o-transform;
-o-transition-duration: 1s;
-o-transition-delay: 0;
-o-transition-timing-function: ease-out;
transition-property: transform;
transition-duration: 1s;
transition-delay: 0;
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility-origin: hidden;
-ms-backface-visibility-origin: hidden;
-o-backface-visibility-origin: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 1000;
-moz-transform-origin: 1000;
-ms-transform-origin: 1000;
-o-transform-origin: 1000;
perspective: 1000;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.media-materials:hover img, .related-posts:hover img {
-webkit-transform: scale(1.03) rotate(0.1deg);
-moz-transform: scale(1.03) rotate(0.1deg);
-o-transform: scale(1.03) rotate(0.1deg);
-ms-transform: scale(1.03) rotate(0.1deg);
transform: scale(1.03) rotate(0.1deg);
}
/*———————————————————————————–*/
/* Audio Player
/*———————————————————————————–*/
.jp-gui {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
overflow: hidden;
width: 100%;
height: 80px;
}
.audio-player-widget .controls-wrapper {
width: 20%;
}
.audio-player-widget .progress-wrapper {
width: 55%;
}
.audio-player-widget .volume-wrapper {
width: 25%;
}
.audio-player-widget .jp-play {
width: 30px;
height: 10px;
}
.audio-player-widget .jp-pause {
width: 30px;
height: 10px;
}
.controls-wrapper {
float: left;
width: 15%;
padding-top: 20px;
text-align: center;
}
.controls-wrapper ul li a:before {
display: none !important;
}
.progress-wrapper {
float: left;
width: 70%;
padding-top: 40px;
position: relative;
}
.volume-wrapper {
float: left;
width: 15%;
padding-top: 40px;
}
.jp-jplayer,.jp-audio {
width: 100%;
margin: 50px auto;
}
.jp-controls {
padding: 0;
margin: 0;
list-style: none;
font-family: “FontAwesome”;
display: inline-block;
}
.jp-controls li {
display: inline;
}
.jp-controls li:before {
display: none;
}
.jp-controls a {
color: #fff;
}
.jp-play,.jp-pause {
width: 60px;
height: 40px;
display: inline-block;
text-align: center;
line-height: 43px;
font-size: 18px;
}
.jp-volume-bar {
width: 45px;
height: 1px;
background-color: #494949;
overflow: hidden;
margin: 0 auto;
}
.jp-volume-bar-value {
background-color: #fff;
height: 1px;
}
.jp-progress {
background-color: #494949;
overflow: hidden;
width: 100%;
}
.jp-play-bar {
height: 1px;
background-color: #FF2560;
}
.jp-progress:hover, .jp-volume-bar {
cursor: pointer;
}
.jp-time-holder {
color: #FFF;
font-size: 10px;
font-weight: 600;
line-height: 14px;
position: absolute;
right: 0px;
bottom: -20px;
width: 100%;
}
.jp-current-time {
float: left;
}
.jp-duration {
float: right;
}
.blog-post-audio {
position: relative;
min-height: 360px;
}
.audio-player-widget {
border-radius: 5px;
min-height: 220px;
position: relative;
}
.author-cover-background {
position: absolute;
margin-left: -25px;
top: 0;
width: 100%;
height: 140px;
}
.author-cover-background img {
position: absolute;
top: 90px;
left: 50%;
margin-left: -47px;
width: 95px;
height: 95px;
border: solid 4px #FFF;
}
.author-info {
margin-top: 12px;
}
.author-info small {
font-size: 12px;
font-style: italic;
}
.author-info small a {
color: #888;
margin-top: -5px;
display: inline-block;
}
.author-info p {
line-height: 20px;
}
.author-info a {
color: #303674;
}
.author-works {
position: relative;
border: solid 1px #f4f4f4;
border-radius: 5px;
margin: 30px;
margin-top: 40px;
padding: 10px;
margin-bottom: 10px;
}
.works-title {
position: absolute;
background: #FFF;
font-size: 10px;
color: #949393;
text-transform: uppercase;
margin-left: 2px;
padding: 0 10px;
top: -13px;
}
.works-details {
margin-top: 5px;
}
.works-details ul li {
line-height: 23px;
display: block;
}
.works-details ul li p {
font-size: 11px;
line-height: 23px;
}
.works-details ul li i {
padding-right: 14px;
vertical-align: middle;
}
.works-details ul li i.f-icon {
padding-right: 15px;
margin-left: 1px;
}
.works-details ul li i.f-icontwo {
padding-right: 16px;
margin-left: 2px;
}
.works-details ul li .fa-circle {
font-size: 5px;
color: #1dd21b;
}
/*———————————————————————————–*/
/* Widget
/*———————————————————————————–*/
/*———————————————————————————–*/
/* Social Links Widget
/*———————————————————————————–*/
.social-links ul li a:before {
display: none;
}
.social-links i {
font-size: 20px;
}
.social-links ul li:nth-child(4n) {
border: none;
}
.social-links ul li:last-child {
border: none;
}
.social-links .fa-behance {
color: #1769ff;
}
.social-links .fa-codepen {
color: #040404;
}
.social-links .fa-deviantart {
color: #4E6252;
}
.social-links .fa-dribbble {
color: #EA4C89;
}
.social-links .fa-facebook {
color: #3B5998;
}
.social-links .fa-flickr {
color: #FF0084;
}
.social-links .fa-foursquare {
color: #0072B1;
}
.social-links .fa-github {
color: #000;
}
.social-links .fa-googleplus {
color: #DD4B39;
}
.social-links .fa-instagram {
color: #3F729B;
}
.social-links .fa-linkedin {
color: #0976B4;
}
.social-links .fa-pinterest {
color: #CC2127;
}
.social-links .fa-soundcloud {
color: #FF8800;
}
.social-links .fa-tumblr {
color: #35465C;
}
.social-links .fa-twitter {
color: #55ACEE;
}
.social-links .fa-vimeo {
color: #1AB7EA;
}
.social-links .fa-vine {
color: #00B488;
}
.social-links .fa-youtube {
color: #E52D27;
}
.social-links .tooltip-inner {
margin-bottom: 10px;
}
.social-links .tooltip-arrow {
margin-bottom: 10px;
}
/*———————————————————————————–*/
/* Twitter Widget
/*———————————————————————————–*/
.tweet-content {
max-width: 240px;
padding-left: 10px;
}
.tweet-box {
margin-top: 30px;
}
.tweet-content .time {
font-size: 9px;
font-style: italic;
}
.user-twitter-avatar {
padding-top: 5px;
}
.tweet-title {
color: #666;
font-weight: 500;
}
.tweet-content p {
font-size: 12px;
color: #888;
line-height: 15px;
}
.follow-button {
margin-top: 20px;
}
.populer-post-widget-views {
font-size: 11px;
font-style: italic;
color: #888;
}
.wpt_widget_content {
position: relative;
background: #FFF;
border: solid 1px #f1f1f1;
margin-bottom: 40px;
font-size: 13px;
}
.wpt_widget_content ul {
margin-left: 0;
}
.footer-container .wpt_widget_content, .sb-slidebar .wpt_widget_content {
position: relative;
background: #101010;
border: solid 1px #333;
margin-bottom: 40px;
font-size: 13px;
margin-top: 40px;
}
.wpt_widget_content ul li a:before {
display: none;
}
.wpt_widget_content ul li {
padding: 15px 0;
border-bottom: solid 1px #e8e8e8;
border-left: solid 1px #e8e8e8;
text-align: center;
}
.footer-container .wpt_widget_content ul li, .sb-slidebar .wpt_widget_content ul li {
padding: 15px 0;
border-bottom: solid 1px #333;
border-left: solid 1px #333;
display: inline-block;
text-align: center;
}
.inside ul li {
border: none !important;
text-align: left;
}
.wpt_widget_content ul li:first-child {
border-left: none;
}
.wpt_widget_content li.selected {
border-bottom: none;
}
.wpt_widget_content .inside {
padding: 25px;
padding-top:0px;
}
.wpt_widget_content .selected a {
color: #303674;
}
.footer-container li.tab_title a {
color: #FFF;
}
.wpt_widget_content ul.has-4-tabs li {
float: left;
width: 25%;
}
.wpt_widget_content ul.has-3-tabs li {
float: left;
width: 33%;
}
.wpt_widget_content ul.has-2-tabs li {
float: left;
width: 50%;
}
.wpt_widget_content ul.has-1-tabs li {
float: left;
width: 100%;
}
.wpt_widget_content a {
color: #666;
}
#comments-tab-content {
margin-top: 20px;
}
/*———————————————————————————–*/
/* Flicker Widget
/*———————————————————————————–*/
#flickr-widget {
text-align: center;
}
.flickr_badge_image {
display: inline-block;
}
#flickr-widget img {
display: inline;
margin: 3px;
padding: 1px;
border: 1px solid #e8e8e8;
}
.footer-container .widget #flickr-widget img {
border: 1px solid #333;
}
/*———————————————————————————–*/
/* Author Page
/*———————————————————————————–*/
.author-page .menu-container {
background: rgba(255, 255, 255, 0.0) !important;
border-bottom: solid 1px #282828;
}
.author-page .menu-container ul li a {
color: #FFF;
}
.background-opacity {
background: rgba(0,0,0,0.3);
}
.author-page-box {
padding: 8% 0;
max-width: 700px;
margin: 0 auto;
}
.author-page-box h1 {
color: #FFF;
margin-top: 10px;
}
.author-page-box p.author-desc {
margin-top: 30px;
color: #d2d2d2;
}
.author-page-box .author-position {
font-size: 18px;
font-style: italic;
color: #FFF;
}
.author-pages {
width: 100%;
margin-top: 80px;
}
.author-pages {
border-top: solid 1px rgba(255,255,255,0.2);
}
.user-random-posts {
padding: 15px;
}
.user-random-posts i {
color: #FFF;
}
.pages-nav ul li {
float: left;
padding: 15px;
}
.pages-nav ul li a {
font-size: 12px;
font-family: novecento_bold;
color: #FFF;
}
.pages-nav ul li.active {
border-top: solid 1px #FF2560;
margin-top: -1px;
}
.pages-nav ul li.active a {
color: #fc0061;
}
.author-pages-info {
margin-top: 60px;
}
.author-pages-info h5 {
margin-bottom: 30px;
}
.media-materials {
overflow: hidden;
position: relative;
}
.media-materials img {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-webkit-transition-delay: 0;
-webkit-transition-timing-function: ease-out;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 1s;
-moz-transition-delay: 0;
-moz-transition-timing-function: ease-out;
-ms-transition-property: -ms-transform;
-ms-transition-duration: 1s;
-ms-transition-delay: 0;
-ms-transition-timing-function: ease-out;
-o-transition-property: -o-transform;
-o-transition-duration: 1s;
-o-transition-delay: 0;
-o-transition-timing-function: ease-out;
transition-property: transform;
transition-duration: 1s;
transition-delay: 0;
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility-origin: hidden;
-ms-backface-visibility-origin: hidden;
-o-backface-visibility-origin: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 1000;
-moz-transform-origin: 1000;
-ms-transform-origin: 1000;
-o-transform-origin: 1000;
perspective: 1000;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.media-materials:hover img {
-webkit-transform: scale(1.03) rotate(0.1deg);
-moz-transform: scale(1.03) rotate(0.1deg);
-o-transform: scale(1.03) rotate(0.1deg);
-ms-transform: scale(1.03) rotate(0.1deg);
transform: scale(1.03) rotate(0.1deg);
}
.post-gallery{
}
/*———————————————————————————–*/
/* Post Tools
/*———————————————————————————–*/
/*———————————————————————————–*/
/* Post Tools & Share
/*———————————————————————————–*/
.post-tools {
padding: 25px 0;
}
.post-tools .col-lg-6 {
padding: 0;
margin: 0;
}
.blog-post-tag {
color: #d6d6d6;
font-size: 11px;
height: auto;
display: inline-block;
}
.line-tag {
height: 1px;
width: 100%;
background: #e8e8e8;
margin-bottom: 30px;
}
.tag-title-post {
font-weight: 700;
color: #333;
font-size: 13px;
padding-left: 5px;
}
.post-tools i {
font-size: 12px;
color: #303674;
}
.blog-post-tag a {
font-size: 11px;
text-transform: uppercase;
margin: 0 10px;
color: #888;
}
.modern .blog-post-tag a{
background: #f1f1f1;
font-size: 11px;
padding: 5px 10px;
color: #666;
border-radius: 10px;
line-height: 35px;
margin:0 5px;
}
.blog-post-tag a:hover {
color: #303674;
}
.share-tools ul li {
float: left;
color: #d6d6d6;
font-size: 12px;
}
.share-tools i {
font-size: 13px;
}
.share-tools .fa-facebook {
color: #3b5998;
}
.share-tools .fa-twitter {
color: #55acee;
}
.share-tools .fa-instagram {
color: #3f729b;
}
.share-tools .fa-pinterest {
color: #cc2127;
}
.share-tools .fa-google-plus {
color: #cc2127;
}
.share-tools ul li:first-child{
padding-left: 20px;
}
.share-tools ul li:after {
content: “|”;
padding-left: 20px;
padding-right: 20px;
}
.share-tools ul li:last-child:after {
display: none;
}
.share-tools ul li:before {
display: none;
}
.social-links ul {
padding-top: 10px;
}
.social-links ul li {
float: left;
width: 25%;
border-right: solid 1px #e8e8e8;
text-align: center;
margin: 10px 0;
padding-left: 0;
}
.footer-container .widget .social-links ul li {
float: left;
width: 25%;
border-right: solid 1px #333;
text-align: center;
margin: 10px 0;
padding-left: 0;
}
.share-wrapper {
display: none;
height: 50px;
overflow: hidden;
}
.share-wrapper .share-tools ul {
padding-top: 2px;
}
.sizer-wrapper {
position: absolute;
width: 1px;
background: #eee;
left: -19px;
top: 2px;
z-index: 99;
}
.bigText {
font-family: “Georgia”,Serif;
border: 1px solid #eee;
width: 50px;
height: 50px;
display: inline-block;
background: #fff;
border-radius: 50%;
font-size: 30px;
color: #373737;
padding-top: 12px;
padding-left: 15px;
}
.smallText {
margin-left: 7px;
font-family: “Georgia”,Serif;
border: 1px solid #eee;
width: 36px;
height: 36px;
display: inline-block;
background: #fff;
border-radius: 50%;
font-size: 15px;
color: #939393;
padding-top: 5px;
padding-left: 13px;
}
.randomPost {
margin-left: 10px;
border: 1px solid #eee;
width: 30px;
height: 30px;
display: inline-block;
background: #fff;
border-radius: 50%;
font-size: 12px;
color: #666;
padding-top: 2px;
padding-left: 9px;
}
#text-exp{
position: static;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-left:-25px;
}
.scroll-to-fixed-fixed{
margin-left:0px !important;
}
.blog-content .scroll-to-fixed-fixed{
margin-left:0 !important;
}
.fixMargin{
margin-left: -25px !important;
}
/*———————————————————————————–*/
/* Scrollup
/*———————————————————————————–*/
.scrollup {
display: inline-block;
padding-top: 8px;
padding-left: 14px;
display: none;
width: 40px;
height: 40px;
position: fixed;
bottom: 50px;
right: 5%;
background-color: rgba(0,0,0, 0.1);
border-radius: 5px;
}
.scrollup i {
font-size: 20px;
color: #303674;
}
.scrollup:hover {
text-decoration: none;
background: rgba(0,0,0,1);
}
#blog {
position: relative;
overflow: hidden;
}
h1.background–light {
color: #000 !important;
}
h1.background–dark {
color: #fff !important;
}
h1.background–complex {
color: #888 !important;
}
.modern-blog-post-title-container.background–light h1 a, .modern-blog-post-title-container.background–light h2 a, .modern-blog-post-title-container.background–light p, .modern-blog-post-title-container.background–light ul li a, .modern-blog-post-title-container.background–light ul li, .related-post-container .background-related.background–light ul li a, .related-post-container .background-related.background–light h3 a, .back-check-img-wrap.background–light h1, .back-check-img-wrap.background–light h3, .back-check-img-wrap.background–light .modern-read-down a h4, .back-check-img-wrap.background–light .modern-read-down a i, .modern-blog-post-title-container.background–light a.blog-read-more, .modern-blog-post-title-container.background–light a.blog-read-more i, .logo.background–light p, .author-page-box.background–light h1, .author-page-box.background–light .author-desc, .author-page-box.background–light .author-social-media ul li i, .back-check-img-wrap.background–light .author-name-chck a, .author-page-box.background–light .author-position {
color: #000 !important;
}
.modern-blog-post-title-container.background–dark h1 a, .modern-blog-post-title-container.background–dark h2 a, .modern-blog-post-title-container.background–dark p, .modern-blog-post-title-container.background–dark ul li a, .modern-blog-post-title-container.background–dark ul li, .related-post-container .background-related.background–dark ul li a, .related-post-container .background-related.background–dark h3 a, .back-check-img-wrap.background–dark h1, .back-check-img-wrap.background–dark h3, .back-check-img-wrap.background–dark .modern-read-down a h4, .back-check-img-wrap.background–dark .modern-read-down a i, .modern-blog-post-title-container.background–dark a.blog-read-more, .modern-blog-post-title-container.background–dark a.blog-read-more i, .logo.background–dark p, .author-page-box.background–dark h1, .author-page-box.background–dark .author-desc, .author-page-box.background–dark .author-social-media ul li i, .back-check-img-wrap.background–dark .author-name-chck a, .author-page-box.background–dark .author-position{
color: #FFF !important;
}
.modern-blog-post-title-container.background–dark.background–complex h1 a, .modern-blog-post-title-container.background–dark.background–complex h2 a, .modern-blog-post-title-container.background–dark.background–complex p, .modern-blog-post-title-container.background–dark.background–complex ul li a, .modern-blog-post-title-container.background–dark.background–complex ul li, .related-post-container .background-related.background–dark.background–complex ul li a, .related-post-container .background-related.background–dark.background–complex h3 a, .back-check-img-wrap.background–dark.background–complex h1, .back-check-img-wrap.background–dark.background–complex h3, .back-check-img-wrap.background–dark.background–complex .modern-read-down a h4, .back-check-img-wrap.background–dark.background–complex .modern-read-down a i, .modern-blog-post-title-container.background–dark.background–complex a.blog-read-more, .modern-blog-post-title-container.background–dark.background–complex a.blog-read-more i, .logo.background–dark.background–complex p, .author-page-box.background–dark.background–complex h1, .author-page-box.background–dark.background–complex .author-desc, .author-page-box.background–dark.background–complex .author-social-media ul li i, .back-check-img-wrap.background–dark.background–complex .author-name-chck a, .author-page-box.background–dark.background–complex .author-position{
color: #a1a1a1 !important;
}
.modern-blog-post-title-container.background–light.background–complex h1 a, .modern-blog-post-title-container.background–light.background–complex h2 a, .modern-blog-post-title-container.background–light.background–complex p, .modern-blog-post-title-container.background–light.background–complex ul li a, .modern-blog-post-title-container.background–light.background–complex ul li, .related-post-container .background-related.background–light.background–complex ul li a, .related-post-container .background-related.background–light.background–complex h3 a, .back-check-img-wrap.background–light.background–complex h1, .back-check-img-wrap.background–light.background–complex h3, .back-check-img-wrap.background–light.background–complex .modern-read-down a h4, .back-check-img-wrap.background–light.background–complex .modern-read-down a i, .modern-blog-post-title-container.background–light.background–complex a.blog-read-more, .modern-blog-post-title-container.background–light.background–complex a.blog-read-more i, .logo.background–light.background–complex p, .author-page-box.background–light.background–complex h1, .author-page-box.background–light.background–complex .author-desc, .author-page-box.background–light.background–complex .author-social-media ul li i, .back-check-img-wrap.background–light.background–complex .author-name-chck a, .author-page-box.background–light.background–complex .author-position{
color: #333 !important;
}
.related-post-container .background-related.background–light .cats-line{
background-color: #000 !important;
}
.related-post-container .background-related.background–dark .cats-line{
background-color: #FFF !important;
}
.related-post-container .background-related.background–light.background–complex .cats-line{
background-color: #333 !important;
}
.related-post-container .background-related.background–dark.background–complex .cats-line{
background-color: #a1a1a1 !important;
}
.search-panel {
position: relative;
}
.content {
width: 100%;
background-color: #fff !important;
}
.bar {
width: 100%;
height: 200px;
background: pink;
}
.panel-wrapper {
padding: 0px 20px 0 20px;
color: #fff;
}
/*———————————————————————————–*/
/* Prev Next
/*———————————————————————————–*/
.prev-next a {
position: absolute;
top: 200px;
display: block;
outline: none;
text-align: left;
z-index: 99999999;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #fff !important;
width: 40px;
height: 90px;
}
#modern-post-effect .prev-next a{
z-index: 0 !important;
background: #fff !important;
top:300px;
}
.prev-next i {
font-size: 22px;
}
.prev-next a.prev {
left: 0;
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
}
.prev-next a.next {
right: 0;
border-top: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
}
.prev-next .icon-wrap {
position: relative;
display: block;
padding-top: 34px;
padding-left: 15px;
}
.prev-next {
overflow: hidden;
}
.prev-next i {
-webkit-transition: -webkit-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
fill: #fff;
}
.prev-next div {
position: absolute;
top: 0;
width: 200px;
height: 100%;
background-color: #939a9f;
-webkit-transition: -webkit-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.prev-next a.prev div {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.prev-next a.next div {
right: 0;
text-align: right;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.prev-next img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.prev-next h3 {
position: absolute;
top: 125%;
margin: 0;
padding: 0 15px;
width: 100%;
height: 30%;
background: #303674;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 1px;
font-size: 10px;
line-height: 26px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.prev-next a:hover i {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.prev-next a.prev:hover i {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.prev-next a.next:hover i {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.prev-next a:hover div {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.prev-next a:hover h3 {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/*———————————————————————————–*/
/* Progress
/*———————————————————————————–*/
.progress-container{
position: static;
z-index: 9999999999999;
width: 100%;
color: #303674;
height:2px;
}
.reading-progress-bar{
width:0%;
background: #303674;
height:2px;
}
/*———————————————————————————–*/
/* Search
/*———————————————————————————–*/
#modern-search-wrapper {
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999999999999;
background: rgba(0,0,0,0.7);
display: none;
padding-top: 20%;
padding-left: 20%;
}
#modern-search-wrapper input {
background: transparent;
height: 50px;
font-size: 40px;
color: #fff !important;
width: 450px;
border-bottom: 1px solid #f5f5f5;
border: 0;
font-family: novecento_demibold;
text-transform: uppercase;
letter-spacing: 1px;
}
#modern-search-wrapper input::-webkit-input-placeholder {
color: #f5f5f5;
font-family: novecento_demibold;
font-style: normal;
font-size:20px;
letter-spacing: 1px;
padding-top: 12px;
}
::-moz-placeholder {
color: #9e9e9e;
font-weight: 300;
}
:-ms-input-placeholder {
color: #9e9e9e;
font-weight: 300;
}
input:-moz-placeholder {
color: #9e9e9e;
font-weight: 300;
}
#modern-search-wrapper input:focus {
outline: 0;
}
#search-close {
position: absolute;
top: 10%;
right: 10%;
color: #fff;
font-size: 15px;
}
#search-button {
position: relative;
}
#search-button i {
position: absolute;
}
.open-search {
margin-top: 6px;
margin-left: -15px;
}
.close-search {
display: none;
margin-top: 6px;
margin-left: -15px;
}
#classic-search-wrapper {
position: absolute;
top: 0;
left: -300px;
top: 30px;
width: 315px;
background: #eee;
border-radius: 5px;
text-align: center;
padding: 10px 10px;
display: none;
}
#classic-search-wrapper input.s-input {
background: #FFF;
height: 40px;
min-width: 180px;
border: solid 1px #e8e8e8;
margin: 0;
padding: 0 5px;
font-size: 13px;
}
#classic-search-wrapper input.s-submit {
background: #303674 !important;
color: #FFF !important;
letter-spacing: 0;
}
.post-slider-wrapper {
width: 100%;
background: #383838;
}
/*———————————————————————————–*/
/* Shortcode
/*———————————————————————————–*/
/*———————————————————————————–*/
/* Sources Shortcode
/*———————————————————————————–*/
.sources {
background: #f8f8f8;
padding: 40px;
margin-top: 60px;
}
.sources h3 {
margin: 0;
padding: 0;
margin-bottom: 15px;
}
.sources a {
padding: 15px 8px;
line-height: 13px;
border-bottom: solid 1px #e5e5e5;
display: block;
padding-left: 0;
position: relative;
padding-right: 15px;
}
.sources a:after {
content: “f14c”;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*–adjust as necessary–*/
color: #303674;
font-size: 13px;
padding-right: 0.5em;
position: absolute;
top: 17px;
right: 0px;
}
/*———————————————————————————–*/
/* Skill Box Shortcode
/*———————————————————————————–*/
.skills-box {
width: 100%;
background-color: #f5f5f5;
border-top: 1px solid #f0f0f0;
padding-bottom: 60px;
margin-top: 60px;
}
.progress {
height: 10px;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
background-color: #eaeaea;
border: 0;
border-radius: 5px;
margin-top: -5px !important;
margin-bottom: 10px;
}
.bar-box {
text-transform: uppercase;
font-family: novecento_bold;
}
.bar-box p {
margin-bottom: 5px;
font-weight: 600;
font-size: 13px;
}
.progress-bar {
background-color: #303674;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
/*———————————————————————————–*/
/* Spoiler Shortcode
/*———————————————————————————–*/
.spoiler {
margin: 0 auto;
cursor: pointer;
position: relative;
font-size: .9em;
}
.spoiler.on {
color: rgba(0,0,0,0);
text-shadow: 0 0 10px #000;
}
.spoiler.on:before {
content: ‘Show Spoiler Text’;
position: absolute;
text-shadow: none;
color: #fff;
width: 190px;
height: 35px;
line-height: 35px;
letter-spacing: 1px;
text-align: center;
left: 50%;
top: 50%;
margin-left: -95px;
border-radius: 5px;
font-family: novecento_bold;
text-transform: uppercase;
font-size: 13px;
background-color: #303674;
margin-top: -17px;
}
.b_color {
padding: 20px;
}
p.cptch_block {
padding-bottom: 15px;
top: -15px;
position: relative;
}
/*———————————————————————————–*/
/* Dropcap Shortcode
/*———————————————————————————–*/
.dropcap p:first-child:first-letter {
float: left;
text-align: center;
border-radius: 50%;
font-size: 60px;
font-weight: 300;
line-height: 60px;
vertical-align: middle;
margin-right: 15px;
margin-top: 5px;
display: block;
}
.panel-title {
background: #101010;
border-radius: 1px;
color: #FFF;
font-size: 12px;
font-family: novecento_bold;
padding: 10px 15px;
}
.cllpse-active a {
color: #303674;
}
.collapse-blogy {
background: #FFF;
}
#accordion .panel {
margin-bottom: 6px;
border: 0;
}
.accordion-left-pad{
padding-left: 20px;
}
/*———————————————————————————–*/
/* Tab Shortcode
/*———————————————————————————–*/
.tab-style ul li {
float: left;
padding: 5px 12px;
}
.tab-style ul li a {
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.tabbed-area .active {
background: #303674;
}
.tabbed-area .active:hover {
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
background: #282828;
}
.tabbed-area .active a {
color: #FFF !important;
}
.contact-tabs-area .tabbed-area .active {
background: #f5f5f5 !important;
}
.tabbed-area li:before {
display: none;
}
ul.tabbed-area {
padding: 0;
margin: 0;
}
/*———————————————————————————–*/
/* 404
/*———————————————————————————–*/
#error-page {
margin-top: 8%;
margin-bottom: 8%;
}
.error-image {
text-align: center;
}
.error-image img {
display: inline-block;
margin-bottom: 20px;
}
.left-side {
border-right: solid 1px #e8e8e8;
height: 320px;
}
.right-side {
line-height: 460px;
vertical-align: middle;
}
.right-content {
text-align: left;
max-width: 270px;
margin: 0 auto;
font-size: 13px;
line-height: 22px;
}
.search-box {
margin-top: 60px;
}
#error-page h5 {
margin-bottom: 20px;
}
/*———————————————————————————–*/
/* Video Section
/*———————————————————————————–*/
.video-section {
width: 100%;
position: relative;
}
.video-section-home {
width: 100%;
position: relative;
}
.video-wrapper {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
background-color: rgb(0, 0, 0);
}
.video-wrapper .mediaElement {
margin-top: -20px;
}
.video-wrapper .vimeo-bg {
margin-top: -5px;
}
.video-wrapper .youtube-bg {
margin-top: -5px;
}
.video-content {
background: url(images/video_overlay.png);
position: absolute;
top: 0;
left: 0;
z-index: 10000;
}
.video-cover {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
display: none;
}
.video-cover {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
display: none;
}
/*———————————————————————————–*/
/* Social & Newsletter
/*———————————————————————————–*/
.social-area{
min-height: 380px;
}
.social-newsletter{
width:50%;
background: #f0f0f0;
height: auto;
}
.social-side{
width:50%;
background: #303674;
height: auto;
}
.newsletter-box{
max-width: 550px;
}
.social-box{
max-width: 550px;
}
.shortcode_wysija input[type=text]{
width:320px;
height: 70px;
border: 1px solid #c6c6c6;
background: #f0f0f0;
color: #9e9e9e !important;
font-size: 12px;
font-weight: 300;
font-style: italic;
padding-left: 15px;
}
.shortcode_wysija input[type=submit]{
width: 100%;
height: 100%;
text-indent: -99999px;
margin-top: 0;
padding: 0;
background: transparent !important;
border-radius: 50%;
position: relative;
z-index: 9;
}
.nws-input-wrapper{
width: 40px;
height: 40px;
position: relative;
background: transparent;
border: 1px solid #c6c6c6;
border-radius: 50%;
padding: 0;
margin-top: 49px;
margin-left:140px;
}
.nws-input-wrapper:before {
content:” “;
position: absolute;
top: -51px;
left: 19px;
width: 1px;
height: 50px;
background: #c6c6c6;
}
.nws-input-wrapper:after {
content: “f0e0”;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*–adjust as necessary–*/
color: #333;
font-size: 13px;
position: absolute;
top: 6px;
left: 13px;
}
.formErrorContent{
border: 0 !important;
background-color: #303674 !important;
}
.newsletter-wrapper{
width:320px;
margin: 0 auto;
}
.nwslttr-title hr{
height: 1px;
background: #000;
width: 45px;
margin-top: 10px;
border-top:0;
}
.social-title h3{
color: #fff;
}
.social-title hr{
height: 1px;
background: #fff;
width: 45px;
margin-top: 10px;
border-top:0;
}
.social-links-footer li a i{
font-size: 30px;
color: #fff;
}
.social-links-footer li{
float: left;
margin-right: 140px;
width: 40px;
}
.social-links-footer li .tooltip{
margin-top: -15px;
}
.social-links-footer li:nth-child(3n+3){
margin-right: 0px;
}
.social-links-footer li{
float: left;
margin-right: 140px;
margin-bottom: 50px;
}
.social-links-footer{
padding-left: 100px;
}
.widget_wysija_cont .updated{
border: 0;
background-color: #303674;
color: #fff;
}
.search-page .modern-grid-box{
height: 565px;
}
.classic .post-content-blog .excerpt .container{
width: 100% !important;
}
.newsletter-box{
padding-right: 170px;
}
/*———————————————————————————–*/
/* Footer
/*———————————————————————————–*/
.footer-container {
background: #101010;
}
.footer-container .widget {
margin-top: 40px;
position: relative;
font-size: 13px;
}
.footer-container .widget h4, .footer-container .widget h2 {
font-family: Open Sans;
font-weight: 600;
font-size: 13px;
text-transform: none;
color: #FFF;
padding-bottom:12px;
margin-bottom:20px;
border-bottom: 1px solid #333;
text-align: left;
line-height:24px;
}
.footer-container .widget hr {
border-top: solid 1px #333;
margin: 0;
padding: 0;
margin: 12px 0;
margin-bottom: 20px;
}
.footer-container .widget a, .footer-container .widget p {
color: #ddd;
}
.footer-container .widget a:hover {
color: #303674;
}
.footer-container .widget ul li {
position: relative;
padding-left: 15px;
line-height: 31px;
}
.footer-container .widget ul li ul li a {
padding-left: 10px;
}
.footer-container .widget ul li ul li a:before {
content: “f105”;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*–adjust as necessary–*/
color: #dcdcdc;
font-size: 13px;
padding-right: 0.5em;
position: absolute;
left: 0;
left: 10px;
}
.footer-container .widget ul li a:before {
content: “f105″;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*–adjust as necessary–*/
color: #dcdcdc;
font-size: 13px;
padding-right: 0.5em;
position: absolute;
left: 0;
}
.footer-container .widget .codepen i, .footer-container .widget .github i {
color: #FFF;
}
.footer-container .widget .author-info h2 {
color: #FFF;
}
.footer-container .widget .author-info {
margin-top: 200px;
}
.footer-container .widget .author-widget {
border: solid 1px #222;
padding-bottom: 30px;
}
.footer-container .widget .author-info p {
padding: 0 30px;
}
.footer-container .widget .author-works {
position: relative;
border: solid 1px #333;
border-radius: 5px;
margin: 30px;
margin-top: 40px;
padding: 10px;
margin-bottom: 10px;
}
.footer-container .widget .works-title {
position: absolute;
background: #101010;
font-size: 10px;
color: #949393;
text-transform: uppercase;
margin-left: 2px;
padding: 0 10px;
top: -13px;
}
.footer-container .widget .author-cover-background {
position: absolute;
left: 25px;
top: 0;
width: 100%;
height: 140px;
}
.footer-container .widget .author-cover-background img {
border: solid 4px #333333;
}
h1, h2, h3, h4 ,h5, h6, .pages-nav ul li a, .bar-box, .spoiler.on:before, .panel-title{
font-family: ‘Roboto’, sans-serif;
font-weight:900;
}
.post-slider-wrapper .blog-read-more, .sf-menu li a, .menu-container-top .sf-menu li a, #modern-search-wrapper input, #modern-search-wrapper input::-webkit-input-placeholder, .sidebar h4, .footer-container .widget h4 {
font-family: ‘Roboto’, sans-serif;
font-weight:900;
}
body, body p{
font-family: Open Sans !important;
font-weight: 400 !important;
color: #666 !important;
}
/* Background */
body{ background: #f0f0f0 !important; }
.logo img{
height: 48px !important;
}
.menu-container{
height: 97px !important;
}
.menu-container-top{
height: 97px !important;
}
.menu, .logo h3, .menu-container-top{
padding-top: 17px !important;
}
.sf-menu .menu-item-has-children ul{
padding-top: 36px !important;
}
.classic .sf-menu .menu-item-has-children ul{
padding-top: 30px !important;
}
.search-panel{
top: 17px !important;
}
table a, #wp-calendar a, #wp-calendar caption, caption, cite, var, .active-color, a:hover, .author-name a, .sticky-post i, .blog-classic-share a, .blog-content ul li:before, .blog-post-quote cite a, .blog-post-quote cite p, .link-background:before, .sidebar .widget a:hover,
.default-post i, .sf-menu li a:hover, .sf-menu .menu-item-has-children:hover:before, .post-paginate p, .blog-post-tag a:hover, .comment-time p, .related-posts .cats ul li a:hover, .related-posts a:hover, .author-info a, .wpt_widget_content .selected a,
progress, .modern-blog-post-title-container ul li.author a, .recent-post-materials li.author a,.load-more-modern:hover a, .sources a:after, #panel i, .scrollup i, .cllpse-active a, .progress-container, .progress-bar, .modern-blog-post-title-container ul.post-categories li a:hover, .modern-blog-post-title-container h1.checked-title a:hover, .recent-post-materials ul.recent-met li a:hover, .modern-blog-post-title-container.back-check a.blog-read-more:hover, .modern-blog-post-title-container.back-check a.blog-read-more:hover i{ color: #303674 !important; }
kbd, .searchform input[type=”submit”], .post-password-form input[type=”submit”], .pagination ul li.active a, input[type=”submit”], .prev-next h3, #classic-search-wrapper input.s-submit, .load-more-modern
,.button-style a,.progress-bar, .spoiler.on:before, .flex-control-paging li a.flex-active, .tabbed-area .active, .widget_wysija_cont .updated, .formErrorContent, .social-side{ background: #303674 !important; }
.continue-reading a, .loading:after { border-top-color: #303674 !important; }
h21.site-description{font-family:Open Sans;font-weight:400;font-style:normal;color:#666;}
@media only screen and (m
max-width: 1500px){
.modern-blog-post-title-container h1{font-size: 60px;line-height: 65px;}
}
@media only screen and (min-width: 1350px){
.sizer-wrapper{left:-60px;}
}
@media only screen and (max-width: 1200px){
.sizer-wrapper{display: none;}
.prev-next{display: none;}
.parallax{background-repeat: no-repeat !important;background-attachment:scroll !important;background-position:center !important;background-size: auto !important;}
.social-links-footer{padding-left:50px;}
.newsletter-box{padding-right: 90px;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
}
@media only screen and (max-width: 991px){
.js #nav{display:none;}
.js .slicknav_menu{display:block;}
.modern-scroll-effect{padding-top: 0;}
#nav-menu{position: absolute;}
.slides.grid-2 li div.grid-box, .slides.grid-3 li div.grid-box, .slides.grid-4 li div.grid-box, .slides.grid-5 li div.grid-box, .slides.grid-6 li div.grid-box{width: 100% !important;}
.social-links-footer li{margin-right: 50px;margin-bottom: 30px;}
.social-links-footer li:nth-child(3n+3){margin-right: 50px;}
.social-newsletter{width:100%;float: none;}
.social-side{width:100%;float: none;}
.newsletter-box{float:none !important;padding-right: 0 !important;max-width: 100% !important;padding-bottom: 50px;}
.social-box{max-width: 100% !important;padding-bottom: 50px;}
.grdh-1 h1{font-size: 30px;line-height: 35px;}
}
@media only screen and (max-width: 767px){
.modern-title h1{font-size: 35px;line-height: 40px;}
.modern-single-post .title h1{font-size: 35px;line-height: 40px;}
.modern-excerpt p{font-size: 20px;line-height: 28px;}
.sidebar .widget .widget_wysija input[type=”text”]{width:55%;}
.modern-grid-box {height: auto;}
.grid-title h1{line-height: 75px;}
.blog-post-share{padding-bottom: 30px;}
.related-post-container .related-posts{margin-bottom: 60px;}
.com-title h4{font-size: 15px;}
.com-info h5{font-size: 15px;padding-top:3px;}
}
/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px){
}
@media only screen and (min-width: 480px) and (max-width: 767px){
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.share-mobile-check .pull-right{float:left !important;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min–moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}
.flex-direction-nav {
position: absolute;
top: 48%;
width: 100%;
}
.comments .avatar-image-container img {
height: 85px;
width: 85px;
max-height: 85px;
max-width:85px;
}
.comments .avatar-image-container {
float: left;
max-height: 85px;
overflow: hidden;
width: 85px;
height:85px;
max-width:85px;
}
.comments .comment-block {
margin-left: 110px;
position: relative;
width: 83.3333%;
}
.author-cover-background{
background: url(‘http://4.bp.blogspot.com/-DHrUnQbjCVc/U60uWKDrF7I/AAAAAAAAArI/r_S_ibGTUQE/s1600/about-block-bg2.jpg’);
height: 110px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;}
.author-cover-background img {
position: absolute;
top: 40px;
left: 20%;
margin-left: -47px;
width: 95px;
height: 95px;
border: solid 4px #FFF;
}
.author-info {
margin-top: -25px;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.popular-block {
overflow:hidden;
}
.block-heading {
position: relative;
text-align:center;
font-size:26px;
letter-spacing:3px;
line-height:1em;
margin-bottom:30px;
}
.block-heading:before {
content: “”;
display: block;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 1;
}
.block-heading span {
padding: 0 26px;
position: relative;
z-index: 5;
display: none;
}
.popular-block .block-heading {
text-transform:uppercase;
font-size:24px;
}
.popular-item {
width:365px;
float:left;
margin-right:22px;
text-align:center;
}
.popular-item:nth-child(4) {
margin-right: 0;
}
.popular-item img {
margin-bottom:2px;
}
.popular-item span.cat a, .post.list .post-list-text span.cat a {
text-transform:uppercase;
font-weight:700;
color:#4fb8a6;
font-size:11px;
letter-spacing:1px;
display:inline-block;
margin-bottom:4px;
}
.popular-item h3 {
text-align: center;
margin-bottom: 12px;
bottom: 65px;
color: #fff;
background: rgba(0,0,0,0.4);
z-index: 500;
position: relative;
width: 359px;
}
.popular-item h3 a {
font-size:14px;
color:#fff;
letter-spacing:1px;
}
.popular-item span.date {
display:block;
margin-top:-4px;
color:#999;
font-size:10px;
letter-spacing:1px;
font-family:”Playfair Display”;
text-transform:uppercase;
}
/********************************/
/*** Footer Copyright ***/
/********************************/
#footer-copyright {
padding:18px 0;
background:#0b0b0b;
overflow:hidden;
font-family:”Open Sans”, sans-serif;
}
#footer-copyright p {
font-size:11px;
color:#888;
float:left;
}
#footer-copyright .to-top {
float:right;
margin-top:6px;
font-size:11px;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
color:#333;
}
#footer-copyright .to-top i {
font-size:14px;
margin-left:3px;
}
#footer-copyright .to-top:hover {
text-decoration:none;
}
footer#footer-copyright a {
color: #B2B2B2;
}
.col-lg-4{ float:right !important; width: 306px !important;}
]]>
<nav style="margin-bottom: 11px;margin-bottom: 11px;
background: #fff;
border-radius: 3px;" class="navbar navbar-expand-lg navbar-light bg-light">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<li style="padding: 17px; list-style:none;
font-weight: bold;" class="nav-item active">
<a class="nav-link" href="https://www.jaciveras.com.br/">PÁGINA INICIAL <span class="sr-only">(current)</span></a>
</li>
</div>
</nav>
Please Share a Your Opinion.
true
By
true
TextAndImage
-
Reaksi:
false
1x1
false
true
1
#ffffff
Link ke posting ini
true
#000000
true
#008000
true
#0000ff
#ffffff
true
Label:
true
false
false
Blogueira
Criador de Conteudo para internet, formador de opinião e membro da imprensa local.
Postagens Relacionadas
<iframe src="https://d36nr0u3xmc4mm.cloudfront.net/index.php/api/streaming/widget-meta-name/8078/708141c7855ab214483fb83a8b41d43f;ff0808;15/servidor31.brlogic.com" border="0" scrolling="no" frameborder="0" allowtransparency="true" style="background-color: none;" width="200px" height="14px"></iframe>
false
LAST_UPDATE_DESCENDING
0
false
true
true
false
10
true
true
LAST_MONTH
HIERARCHY
yyyy
true
MMMM
MMM dd
MM/dd
false
true
DAILY
▼
◄
►
<script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://draft.blogger.com/navbar.g?targetBlogIDx3d3284681213287746292x26blogNamex3dBlog+Jaci+Veras+++++++++++x26publishModex3dPUBLISH_MODE_HOSTEDx26navbarTypex3dDISABLEDx26layoutTypex3dLAYOUTSx26searchRootx3dhttps://www.jaciveras.com.br/searchx26blogLocalex3dpt_BRx26vx3d2x26homepageUrlx3dhttps://www.jaciveras.com.br/x26vtx3d-1070586678193990020',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
