Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*!
- * Theme Name: MagNow
- * Theme URI: http://www.theme-junkie.com/themes/magnow
- * Description: MagNow is a fully customizable Magazine WordPress theme. It comes with responsive and tons of options to choose.
- * Version: 1.0.2
- * Author: Theme Junkie
- * Author URI: http://www.theme-junkie.com/
- * Tags: blue, two-columns, right-sidebar, left-sidebar, responsive-layout, custom-background, custom-menu, editor-style, threaded-comments, translation-ready
- * Text Domain: magnow
- *
- * License: GNU General Public License v2.0 or later
- * License URI: http://www.gnu.org/licenses/gpl-2.0.html
- *
- * MagNow WordPress Theme, Copyright 2015 http://www.theme-junkie.com/
- * MagNow is distributed under the terms of the GNU GPL
- *
- * Please DO NOT EDIT THIS FILE, if you want to customize the styles, you can create a child theme
- * See: http://codex.wordpress.org/Child_Themes
- */
- .bg1 {
- background-color: #0af;
- }
- .bg2 {
- background-color: #eb1e00;
- }
- .bg3 {
- background-color: #00a53c;
- }
- .bg4 {
- background-color: #9600b4;
- }
- .bg5 {
- background-color: #00c3c3;
- }
- .bg6 {
- background-color: #fa5f00;
- }
- /* Reset */
- html,
- body,
- div,
- span,
- object,
- iframe,
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- p,
- blockquote,
- pre,
- abbr,
- address,
- cite,
- code,
- del,
- dfn,
- em,
- img,
- ins,
- kbd,
- q,
- samp,
- small,
- strong,
- sub,
- sup,
- var,
- b,
- i,
- dl,
- dt,
- dd,
- ol,
- ul,
- li,
- fieldset,
- form,
- label,
- legend,
- table,
- caption,
- tbody,
- tfoot,
- thead,
- tr,
- th,
- td,
- article,
- aside,
- canvas,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- menu,
- nav,
- section,
- summary,
- time,
- mark,
- audio,
- video {
- font-size: 100%;
- margin: 0;
- padding: 0;
- vertical-align: baseline;
- border: 0;
- outline: 0;
- background: transparent;
- }
- body {
- line-height: 1;
- }
- article,
- aside,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- menu,
- nav,
- section,
- main {
- display: block;
- }
- nav ul {
- list-style: none;
- }
- blockquote,
- q {
- quotes: none;
- }
- blockquote:before,
- blockquote:after,
- q:before,
- q:after {
- content: '';
- content: none;
- }
- a {
- font-size: 100%;
- margin: 0;
- padding: 0;
- vertical-align: baseline;
- background: transparent;
- }
- ins {
- text-decoration: none;
- color: #000;
- }
- mark {
- font-weight: bold;
- font-style: italic;
- color: #000;
- background-color: #ff9;
- }
- del {
- text-decoration: line-through;
- }
- abbr[title],
- dfn[title] {
- cursor: help;
- border-bottom: 1px dotted;
- }
- table {
- border-spacing: 0;
- border-collapse: collapse;
- }
- hr {
- display: block;
- height: 1px;
- margin: 1em 0;
- padding: 0;
- border: 0;
- border-top: 1px solid #e9e9e9;
- }
- input,
- select {
- vertical-align: middle;
- }
- sup {
- top: -.5em;
- }
- sub,
- sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
- .no-list-style {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- figure > img {
- display: block;
- }
- img {
- max-width: 100%;
- height: auto;
- }
- img[class*='align'],
- img[class*='attachment-'] {
- height: auto;
- }
- embed,
- iframe,
- object {
- width: 100%;
- max-width: 100%;
- }
- /* Shared */
- body {
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 14px;
- font-weight: 400;
- font-style: normal;
- line-height: 1.4285714286em;
- color: #666;
- background: #eee;
- }
- /**
- * Selection Color.
- */
- ::-moz-selection {
- color: #fff;
- background: #0af;
- text-shadow: none;
- }
- ::selection {
- color: #fff;
- background: #0af;
- text-shadow: none;
- }
- ::-moz-selection {
- color: #fff;
- background: #0af;
- text-shadow: none;
- }
- input[type='text'] {
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 13px;
- height: 32px;
- padding: 0 10px;
- border: 1px solid #e6e6e6;
- border-radius: 3px;
- }
- input:focus,
- input:hover {
- outline: none;
- }
- textarea {
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 13px;
- padding: 10px;
- border: 1px solid #e6e6e6;
- border-radius: 3px;
- }
- textarea:focus {
- outline: none;
- }
- button {
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 11px;
- height: 34px;
- padding: 0 10px;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- white-space: nowrap;
- letter-spacing: 1px;
- text-transform: uppercase;
- color: #666;
- border: 1px solid #d5d5d5;
- border-radius: 3px;
- background-color: #eee;
- background-image: -webkit-linear-gradient(#fcfcfc, #eee);
- background-image: linear-gradient(#fcfcfc, #eee);
- background-repeat: repeat-x;
- text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
- -webkit-appearance: none;
- }
- button:hover {
- text-decoration: none;
- border-color: #ccc;
- background-color: #ddd;
- background-image: -webkit-linear-gradient(#eee, #ddd);
- background-image: linear-gradient(#eee, #ddd);
- background-repeat: repeat-x;
- }
- table {
- width: 100%;
- margin-bottom: 2.618em;
- }
- table th,
- table td {
- padding: 1em;
- text-align: left;
- vertical-align: top;
- border-bottom: 1px solid #e8e4e3;
- }
- table th {
- text-transform: uppercase;
- border-bottom: 1px solid #e8e4e3;
- }
- table tr th:first-child,
- table tr td:first-child {
- padding-left: 0;
- }
- table tr th:last-child,
- table tr td:last-child {
- padding-right: 0;
- }
- .alignleft {
- float: left;
- margin-right: 1.5em;
- }
- .alignright {
- float: right;
- margin-left: 1.5em;
- }
- .aligncenter {
- clear: both;
- }
- .alignnone {
- display: block;
- }
- .clearfix:before,
- .clearfix:after {
- display: table;
- content: '';
- }
- .clearfix:after {
- clear: both;
- }
- .clearfix {
- clear: both;
- }
- .screen-reader-text {
- position: absolute;
- clip: rect(1px, 1px, 1px, 1px);
- }
- .gray-link a:link,
- .comment-date a:link,
- .single .entry-meta .entry-author a:link,
- .gray-link a:visited,
- .comment-date a:visited,
- .single .entry-meta .entry-author a:visited {
- color: #999;
- }
- .gray-link a:hover,
- .comment-date a:hover,
- .single .entry-meta .entry-author a:hover {
- color: #333;
- }
- .dark-link a:link,
- #site-bottom a:link,
- #footer-nav ul > li ul > li a:link,
- .dark-link a:visited,
- #site-bottom a:visited,
- #footer-nav ul > li ul > li a:visited {
- color: #666;
- }
- .dark-link a:hover,
- #site-bottom a:hover,
- #footer-nav ul > li ul > li a:hover {
- color: #0af;
- }
- .black-link a:link,
- .sidebar .widget a:link,
- #footer-nav ul > li a:link,
- .comment-name .name a:link,
- .section-title a:link,
- .black-link a:visited,
- .sidebar .widget a:visited,
- #footer-nav ul > li a:visited,
- .comment-name .name a:visited,
- .section-title a:visited {
- color: #333;
- }
- .black-link a:hover,
- .sidebar .widget a:hover,
- #footer-nav ul > li a:hover,
- .comment-name .name a:hover,
- .section-title a:hover {
- color: #0af;
- }
- /* Link Hover */
- a:hover,
- .listing-4-col a:hover .entry-title,
- .listing-3-col a:hover .entry-title,
- .listing-1-col a:hover .entry-title {
- color: #0af;
- }
- .sticky,
- .bypostauthor {
- font-size: inherit;
- }
- embed,
- iframe,
- object {
- width: 100%;
- max-width: 100%;
- }
- .wp-caption {
- max-width: 100%;
- margin-bottom: 24px;
- }
- .wp-caption img[class*='wp-image-'] {
- display: block;
- margin-bottom: 5px;
- }
- .wp-caption-text {
- font-style: italic;
- color: #999;
- }
- .wp-smiley {
- margin-top: 0;
- margin-bottom: 0;
- padding: 0;
- border: 0;
- }
- /**
- * Gallery
- * Taken from Twenty Fourteen theme.
- */
- .gallery {
- margin-bottom: 20px;
- }
- .gallery:before,
- .gallery:after {
- display: table;
- content: '';
- }
- .gallery:after {
- clear: both;
- }
- .gallery {
- clear: both;
- }
- .gallery-item {
- position: relative;
- float: left;
- overflow: hidden;
- margin: 0 4px 4px 0;
- }
- .gallery-icon a,
- .gallery-icon img {
- display: block;
- }
- #more-content .entry-content .gallery-icon img {
- margin-bottom: 0;
- }
- .gallery-columns-1 .gallery-item {
- max-width: 100%;
- }
- .gallery-columns-2 .gallery-item {
- max-width: 48%;
- max-width: -webkit-calc(50% - 4px);
- max-width: calc(50% - 4px);
- }
- .gallery-columns-3 .gallery-item {
- max-width: 32%;
- max-width: -webkit-calc(33.3% - 4px);
- max-width: calc(33.3% - 4px);
- }
- .gallery-columns-4 .gallery-item {
- max-width: 23%;
- max-width: -webkit-calc(25% - 4px);
- max-width: calc(25% - 4px);
- }
- .gallery-columns-5 .gallery-item {
- max-width: 19%;
- max-width: -webkit-calc(20% - 4px);
- max-width: calc(20% - 4px);
- }
- .gallery-columns-6 .gallery-item {
- max-width: 15%;
- max-width: -webkit-calc(16.7% - 4px);
- max-width: calc(16.7% - 4px);
- }
- .gallery-columns-7 .gallery-item {
- max-width: 13%;
- max-width: -webkit-calc(14.28% - 4px);
- max-width: calc(14.28% - 4px);
- }
- .gallery-columns-8 .gallery-item {
- max-width: 11%;
- max-width: -webkit-calc(12.5% - 4px);
- max-width: calc(12.5% - 4px);
- }
- .gallery-columns-9 .gallery-item {
- max-width: 9%;
- max-width: -webkit-calc(11.1% - 4px);
- max-width: calc(11.1% - 4px);
- }
- .gallery-columns-1 .gallery-item:nth-of-type(1n),
- .gallery-columns-2 .gallery-item:nth-of-type(2n),
- .gallery-columns-3 .gallery-item:nth-of-type(3n),
- .gallery-columns-4 .gallery-item:nth-of-type(4n),
- .gallery-columns-5 .gallery-item:nth-of-type(5n),
- .gallery-columns-6 .gallery-item:nth-of-type(6n),
- .gallery-columns-7 .gallery-item:nth-of-type(7n),
- .gallery-columns-8 .gallery-item:nth-of-type(8n),
- .gallery-columns-9 .gallery-item:nth-of-type(9n) {
- margin-right: 0;
- }
- .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
- .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
- .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
- .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
- clear: left;
- }
- .gallery-caption {
- font-size: 12px;
- line-height: 1.5;
- position: absolute;
- bottom: 0;
- left: 0;
- box-sizing: border-box;
- width: 100%;
- max-height: 50%;
- margin: 0;
- padding: 2px 8px;
- text-align: left;
- opacity: 0;
- color: #fff;
- background-color: #000;
- background-color: rgba(0, 0, 0, .7);
- }
- .gallery-caption:before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- min-height: 50px;
- content: '';
- }
- .gallery-item:hover .gallery-caption {
- opacity: 1;
- }
- .gallery-columns-7 .gallery-caption,
- .gallery-columns-8 .gallery-caption,
- .gallery-columns-9 .gallery-caption {
- display: none;
- }
- /* Placeholder */
- .aligncenter {
- display: block;
- margin-right: auto;
- margin-left: auto;
- }
- /* Typography */
- /**
- * Set link colors.
- */
- a {
- -webkit-transition: all 200ms ease-in-out 0s;
- transition: all 200ms ease-in-out 0s;
- text-decoration: none;
- color: #0af;
- }
- a:visited {
- color: #0099e6;
- }
- a:hover,
- a:visited:hover {
- text-decoration: none;
- color: #3bf;
- }
- /**
- * Headings.
- */
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 700;
- font-style: normal;
- /* margin: $base-line-height/2 0; */
- color: #323232;
- }
- h1,
- .h1 {
- font-size: 36px;
- line-height: 1.1em;
- }
- h2,
- .h2 {
- font-size: 30px;
- line-height: 1.2em;
- }
- h3,
- .h3 {
- font-size: 24px;
- line-height: 1.3em;
- }
- h4,
- .h4 {
- font-size: 20px;
- line-height: 1.3em;
- }
- h5,
- .h5 {
- font-size: 16px;
- }
- h6,
- .h6 {
- font-size: 14px;
- }
- p {
- margin: 0 0 20px;
- }
- /* Header */
- #masthead {
- height: 90px;
- background-color: #fff;
- }
- #masthead #logo {
- float: left;
- margin: 15px 0 0 0;
- }
- #masthead .site-title {
- font-size: 32px;
- padding: 15px 0;
- text-transform: uppercase;
- }
- #masthead .site-title a {
- color: #fff;
- }
- #masthead .container {
- position: relative;
- }
- #primary-bar {
- z-index: 100;
- display: block;
- width: 100%;
- height: 41px;
- margin-bottom: 40px;
- background: #141414;
- box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
- }
- .header-search {
- float: right;
- margin: 25px 0 0 0;
- }
- .header-search #search-form {
- position: relative;
- }
- .header-search #search-form input {
- font-size: 12px;
- line-height: 34px;
- width: 490px;
- height: 34px;
- -webkit-transition: border linear .2s, box-shadow linear .2s, width .7s ease 0s;
- transition: border linear .2s, box-shadow linear .2s, width .7s ease 0s;
- border: 1px solid #e5e5e5;
- border-radius: 3px;
- background-color: #fff;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
- }
- .header-search #search-form input:focus {
- border-color: #0af;
- }
- .header-search #search-form button {
- font-size: 14px;
- position: absolute;
- top: 1px;
- right: 5px;
- width: 30px;
- cursor: pointer;
- color: #0af;
- border: none;
- background: none !important;
- }
- .header-social {
- float: right;
- margin: 32px 0 0 90px;
- }
- .header-social a:link,
- .header-social a:visited {
- font-size: 11px;
- line-height: 1;
- line-height: 24px;
- display: inline-block;
- width: 24px;
- height: 24px;
- margin-left: 5px;
- text-align: center;
- color: #999;
- border-radius: 50%;
- background-color: #f9f9f9;
- }
- .header-social a:link .fa,
- .header-social a:visited .fa {
- width: 14px;
- text-align: center;
- }
- .header-social a:hover {
- color: #0af;
- }
- /* Login / Register Form */
- .user_login input[type='text'],
- .user_register input[type='text'] {
- display: block;
- width: 90%;
- height: auto;
- padding: 10px;
- color: #666;
- border: 1px solid #ddd;
- border-radius: 2px;
- }
- #lean_overlay {
- position: fixed;
- z-index: 100;
- top: 0;
- left: 0;
- display: none;
- width: 100%;
- height: 100%;
- background: #000;
- }
- .popupContainer {
- position: absolute;
- top: 80px;
- left: 45%;
- width: 330px;
- height: auto;
- background: #fff;
- }
- .btn1 {
- padding: 10px 20px;
- background: #f4f4f2;
- }
- .btn1:hover {
- background: #e4e4e2;
- }
- .btn1_red {
- color: #fff;
- background: #ed6347;
- }
- .btn1_red:hover {
- background: #c12b05;
- }
- a.btn1 {
- text-align: center;
- text-decoration: none;
- color: #666;
- }
- a.btn1_red {
- color: #fff;
- }
- .one_half {
- display: block;
- float: left;
- width: 50%;
- }
- .one_half.last {
- width: 45%;
- margin-left: 5%;
- }
- .popupHeader {
- font-size: 16px;
- font-weight: bold;
- position: relative;
- padding: 10px 20px;
- text-transform: uppercase;
- border-bottom: 1px solid #ddd;
- background: #f4f4f2;
- }
- .popupHeader .modal_close {
- font-size: 16px;
- position: absolute;
- top: 0;
- right: 0;
- padding: 10px 15px;
- cursor: pointer;
- color: #aaa;
- background: #e4e4e2;
- }
- .popupBody {
- padding: 20px;
- }
- .social_login .social_box {
- display: block;
- clear: both;
- overflow: hidden;
- margin-bottom: 10px;
- padding: 10px;
- background: #f4f4f2;
- }
- .social_login .social_box:hover {
- background: #e4e4e2;
- }
- .social_login .icon {
- font-size: 16px;
- display: block;
- float: left;
- width: 10px;
- margin-right: 10px;
- padding: 5px 10px;
- text-align: center;
- color: #fff;
- }
- .social_login .icon_title {
- font-size: 16px;
- font-weight: bold;
- display: block;
- float: left;
- padding: 5px 0;
- color: #777;
- }
- .social_login .fb .icon {
- background: #3b5998;
- }
- .social_login .google .icon {
- background: #dd4b39;
- }
- .centeredText {
- clear: both;
- overflow: hidden;
- margin: 20px 0;
- text-align: center;
- text-transform: uppercase;
- }
- .action_btns {
- clear: both;
- overflow: hidden;
- }
- .action_btns a {
- display: block;
- }
- .user_login label {
- display: block;
- margin-bottom: 5px;
- }
- .user_login input[type='checkbox'] {
- float: left;
- margin-right: 5px;
- }
- .user_login input[type='checkbox'] + label {
- float: left;
- }
- .user_login .checkbox {
- clear: both;
- overflow: hidden;
- margin-bottom: 10px;
- }
- .user_login form {
- overflow: hidden;
- }
- .user_login .login-remember {
- float: left;
- }
- .user_login .login-submit {
- float: right;
- }
- .user_login .login-submit .button-primary {
- padding: 10px 20px;
- cursor: pointer;
- color: #fff;
- border: 0;
- background-color: #ed6347;
- }
- .user_login .login-submit .button-primary:hover {
- background-color: #555;
- }
- .forgot_password {
- display: block;
- clear: both;
- overflow: hidden;
- margin: 20px 0 10px;
- text-decoration: none;
- color: #ed6347;
- }
- .user_register {
- display: none;
- }
- .user_register label {
- display: block;
- margin-bottom: 5px;
- }
- .user_register input[type='checkbox'] {
- float: left;
- margin-right: 5px;
- }
- .user_register input[type='checkbox'] + label {
- float: left;
- }
- .user_register .checkbox {
- clear: both;
- overflow: hidden;
- margin-bottom: 10px;
- }
- /* Navigation */
- .sf-menu,
- .sf-menu * {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .sf-menu li {
- position: relative;
- z-index: 100;
- }
- .sf-menu li:hover > ul {
- display: block;
- }
- .sf-menu li.sfHover > ul {
- display: block;
- }
- .sf-menu ul {
- position: absolute;
- top: 100%;
- left: 0;
- display: none;
- padding: 10px 0;
- background: #fff;
- }
- .sf-menu ul ul {
- top: 0;
- left: 225px;
- margin-top: -10px;
- }
- .sf-menu ul a {
- font-size: 1em;
- }
- .sf-menu ul li {
- width: 225px;
- }
- .sf-menu a {
- position: relative;
- display: block;
- padding: 0 20px;
- }
- .sf-menu > li {
- float: left;
- }
- .sf-arrows .sf-with-ul {
- padding-right: 30px !important;
- }
- .sf-arrows .sf-with-ul:after {
- position: absolute;
- top: 50%;
- right: 7px;
- width: 0;
- height: 0;
- margin-top: -2px;
- margin-right: 9px;
- content: '';
- border: 4px solid transparent;
- border-top-color: #fff;
- }
- .sf-arrows > li > .sf-with-ul:focus:after {
- border-top-color: #fff;
- }
- .sf-arrows > li:hover > .sf-with-ul:after {
- border-top-color: #fff;
- }
- .sf-arrows > .sfHover > .sf-with-ul:after {
- border-top-color: #fff;
- }
- .sf-arrows ul li > .sf-with-ul:focus:after {
- border-left-color: #fff;
- }
- .sf-arrows ul li:hover > .sf-with-ul:after {
- border-left-color: #fff;
- }
- .sf-arrows ul .sf-with-ul:after {
- margin-top: -5px;
- margin-right: 10px;
- border-color: transparent;
- border-left-color: #fff;
- }
- .sf-arrows ul .sfHover > .sf-with-ul:after {
- border-left-color: #fff;
- }
- /**
- * 5.1 Primary Navigation
- * -----------------------------------------------------------------------------
- */
- .color1 {
- border-top: 1px solid #0af !important;
- }
- .color1:hover {
- background-color: #0af !important;
- }
- .color2 {
- border-top: 1px solid #eb1e00 !important;
- }
- .color2:hover {
- background-color: #eb1e00 !important;
- }
- .color3 {
- border-top: 1px solid #00a53c !important;
- }
- .color3:hover {
- background-color: #00a53c !important;
- }
- .color4 {
- border-top: 1px solid #9600b4 !important;
- }
- .color4:hover {
- background-color: #9600b4 !important;
- }
- .color5 {
- border-top: 1px solid #00c3c3 !important;
- }
- .color5:hover {
- background-color: #00c3c3 !important;
- }
- .color6 {
- border-top: 1px solid #fa5f00 !important;
- }
- .color6:hover {
- background-color: #fa5f00 !important;
- }
- .sfHover .color1 {
- background-color: #0af !important;
- }
- .sfHover .color2 {
- background-color: #eb1e00 !important;
- }
- .sfHover .color3 {
- background-color: #00a53c !important;
- }
- .sfHover .color4 {
- background-color: #9600b4 !important;
- }
- .sfHover .color5 {
- background-color: #00c3c3 !important;
- }
- .sfHover .color6 {
- background-color: #fa5f00 !important;
- }
- #primary-nav {
- z-index: 50;
- }
- #primary-nav .sf-menu ul {
- background: #fff;
- box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
- }
- #primary-nav .home_item {
- border-left: 1px solid #343434;
- }
- #primary-nav ul li {
- border-right: 1px solid #343434;
- }
- #primary-nav ul li a {
- font-size: .83em;
- font-weight: bold;
- font-style: normal;
- line-height: 40px;
- display: block;
- height: 41px;
- padding: 0 20px;
- text-transform: uppercase;
- color: #fff;
- }
- #primary-nav ul li a:hover,
- #primary-nav ul li.current_item a,
- #primary-nav ul li.sfHover a {
- text-decoration: none;
- color: #fff;
- background-color: #343434;
- }
- #primary-nav ul.sf-menu li li {
- border: none;
- }
- #primary-nav ul.sf-menu li li a {
- font-size: 13px;
- font-weight: normal;
- line-height: 1 !important;
- height: auto !important;
- padding: 8px 20px;
- text-transform: none;
- color: #999;
- border: none !important;
- background: #fff;
- }
- #primary-nav ul.sf-menu li li a:hover {
- color: #0af;
- }
- /**
- * 5.3 Mega Menu
- * -----------------------------------------------------------------------------
- */
- #primary-nav {
- /* Links */
- /* Posts */
- }
- #primary-nav .sf-mega-parent {
- position: static;
- }
- #primary-nav .sf-mega {
- background-color: #fff;
- box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
- }
- #primary-nav .sf-mega {
- position: absolute;
- z-index: 999;
- left: 0;
- display: none;
- width: 100%;
- }
- #primary-nav .sf-mega ol {
- position: static;
- display: block;
- }
- #primary-nav .sf-mega li a {
- font-size: 13px !important;
- line-height: auto !important;
- height: auto !important;
- text-transform: none !important;
- }
- #primary-nav .sf-menu li:hover > .sf-mega,
- #primary-nav .sf-menu li.sfHover > .sf-mega {
- display: block;
- }
- #primary-nav .links {
- width: 100% !important;
- padding: 20px 0;
- }
- #primary-nav .links li {
- display: block;
- float: left;
- width: 172px !important;
- margin-right: 20px;
- padding-right: 20px;
- border-right: 1px dotted #e6e6e6 !important;
- }
- #primary-nav .links li:last-child,
- #primary-nav .links li:last-child > li {
- margin-right: 0 !important;
- padding-right: 20px !important;
- border-right: none !important;
- }
- #primary-nav .links li span.column-heading {
- font-weight: 700;
- display: block;
- margin-bottom: 20px;
- }
- #primary-nav .links li ol {
- display: block;
- margin: 0 20px 0 0 !important;
- }
- #primary-nav .links li ol li {
- margin: 0;
- border-right: none !important;
- background: none;
- }
- #primary-nav .links li ol li a {
- font-size: 13px !important;
- font-weight: normal !important;
- line-height: 1.4 !important;
- margin: 0 0 12px 0 !important;
- padding: 0 !important;
- border: none !important;
- background: #fff !important;
- }
- #primary-nav .links li ol li a:hover {
- color: #0af !important;
- }
- #primary-nav .links li ol li:last-child a {
- margin-bottom: 0 !important;
- }
- #primary-nav .posts {
- width: 100%;
- }
- #primary-nav .posts .sub-cats {
- float: left;
- width: 175px;
- min-height: 210px;
- text-align: right;
- background-color: #f5f5f5;
- }
- #primary-nav .posts .sub-cats li {
- border: none !important;
- background: none !important;
- }
- #primary-nav .posts .sub-cats li:first-child {
- margin-top: 20px;
- }
- #primary-nav .posts .sub-cats li:last-child {
- margin-bottom: 20px;
- }
- #primary-nav .posts .sub-cats li a {
- font-size: 13px !important;
- margin: 0 !important;
- padding: 8px 15px 8px 10px !important;
- color: #999 !important;
- border: none !important;
- background-color: #f5f5f5 !important;
- }
- #primary-nav .posts .sub-cats li a:hover {
- color: #0af !important;
- background-color: #fff !important;
- }
- #primary-nav .posts .sub-cats li a:after {
- font-family: FontAwesome;
- font-size: 9px !important;
- margin-left: 10px;
- content: '\f054';
- color: transparent;
- }
- #primary-nav .posts .sub-cats li:hover > a:after {
- color: #0af;
- }
- #primary-nav .posts .cat-posts {
- float: left;
- width: 860px;
- padding: 20px 0 20px 20px;
- }
- #primary-nav .posts .cat-posts .post-list {
- float: left !important;
- width: 200px;
- margin-right: 20px;
- }
- #primary-nav .posts .cat-posts .post-list:last-child {
- margin-right: 0;
- }
- #primary-nav .posts .cat-posts .post-list a {
- line-height: 1.6 !important;
- display: block;
- height: auto !important;
- margin: 0 !important;
- padding: 0 !important;
- border: none !important;
- background: none !important;
- }
- #primary-nav .posts .cat-posts .post-list a:hover {
- background: none !important;
- }
- #primary-nav .posts .cat-posts .post-list .entry-thumbnail {
- width: 100%;
- height: auto;
- margin: 0 0 5px 0;
- }
- #primary-nav .posts .cat-posts .post-list .entry-title {
- font-size: 13px;
- font-weight: normal;
- text-transform: none;
- color: #999;
- }
- #primary-nav .posts .cat-posts .post-list:hover .entry-title {
- color: #0af;
- }
- #primary-nav ul.nav-right {
- float: right;
- border-left: 1px solid #343434;
- }
- #primary-nav ul.nav-right .fa {
- font-size: 13px;
- margin-right: 2px;
- color: #999;
- }
- #primary-nav ul.nav-right li a {
- color: #999;
- }
- #primary-nav ul.nav-right li a:hover {
- color: #fff;
- }
- #primary-nav ul.nav-right li a:hover .fa {
- color: #fff;
- }
- #primary-nav ul.nav-right li a {
- line-height: 44px;
- height: 40px;
- padding: 0 15px !important;
- }
- /* Content */
- /* Site Content */
- .site-main {
- background-color: #fff;
- background-image: url('assets/img/bg-main.png');
- background-repeat: repeat-y;
- background-position: top right;
- }
- .container {
- width: 1060px !important;
- margin: 0 auto !important;
- }
- .content-area {
- float: left;
- width: 680px;
- height: auto;
- padding: 20px 19px 20px 20px;
- }
- .gradient {
- position: absolute;
- z-index: 2;
- bottom: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 60%;
- content: '';
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, .65)));
- background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .65) 100%);
- background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
- }
- .breadcrumbs {
- font-size: 18px;
- margin-bottom: 20px;
- padding-bottom: 10px;
- border-bottom: 1px solid #e9e9e9;
- }
- .hentry .entry-title {
- margin-bottom: 10px;
- }
- .entry-title a:link,
- .entry-title a:visited {
- display: block;
- color: #333;
- }
- /**
- * 6.2 Featured Content
- * -----------------------------------------------------------------------------
- */
- .entry-category {
- font-size: 11px;
- font-weight: bold;
- line-height: 1;
- position: absolute;
- top: 10px;
- left: 10px;
- padding: 3px 5px;
- text-transform: uppercase;
- color: #fff;
- }
- .post-link {
- display: block;
- width: 100%;
- height: 100%;
- }
- .entry-meta {
- font-size: 11px;
- color: #999;
- }
- .page-title {
- margin-bottom: 20px;
- }
- .black a:link,
- .black a:visited {
- color: #333;
- }
- .black a:hover {
- color: #141414;
- }
- .no-underline a:hover,
- .single .entry-share ul li a:hover {
- text-decoration: none;
- }
- .dropcap {
- font-size: 58px;
- line-height: 54px;
- float: left;
- margin-top: -2px;
- padding-top: 4px;
- padding-right: 10px;
- }
- .header-ad {
- width: 728px;
- height: 90px;
- margin: 0 auto 40px;
- }
- .header-ad img {
- width: 100%;
- }
- .layout-2c-r .site-main {
- background-position: top left;
- }
- .layout-2c-r .content-area {
- float: right;
- }
- .layout-2c-r .sidebar {
- float: left;
- }
- .layout-1c .site-main {
- background-image: none !important;
- }
- .layout-1c .content-area {
- width: 95%;
- }
- .btn {
- padding-right: 10px;
- padding-left: 10px;
- }
- /* Sidebar */
- /**
- * 7. Sidebar
- * -----------------------------------------------------------------------------
- */
- .sidebar {
- float: right;
- width: 300px;
- padding: 30px 20px;
- /* Ad Widget */
- }
- .sidebar .widget {
- margin-bottom: 30px;
- }
- .sidebar .widget .widget-title {
- font-size: 13px;
- line-height: 32px;
- height: 32px;
- margin: 0 0 15px 0;
- text-indent: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color: #333;
- background-color: #eee;
- }
- .sidebar .widget .widget-title a {
- line-height: 32px;
- display: block;
- height: 32px;
- color: #333;
- color: #333;
- }
- .sidebar .widget p {
- margin-bottom: 15px;
- }
- .sidebar .widget ul > li {
- margin-bottom: 15px;
- padding-bottom: 15px;
- list-style: none;
- border-bottom: 1px solid #e9e9e9;
- }
- .sidebar .widget_ads {
- text-align: center;
- }
- .sidebar .widget_ads .widget-title {
- font-size: 10px;
- font-weight: normal;
- margin-bottom: 5px;
- padding: 0;
- text-align: center;
- letter-spacing: 1px;
- text-transform: uppercase;
- color: #9f9f9f;
- background: none;
- }
- .widget_posts ul > li {
- border-bottom: 1px solid #e9e9e9;
- }
- .widget_posts .entry-title {
- font-size: 16px;
- margin-bottom: 10px;
- }
- /* Newsletter Widget */
- .widget_newsletter p {
- margin-bottom: 15px;
- }
- .widget_newsletter input {
- width: 170px;
- background: #fff;
- }
- /* Tabs Widget */
- .widget_tabs {
- margin-bottom: 20px;
- }
- .widget_tabs .tabs-nav {
- overflow: visible;
- width: 100%;
- height: 32px;
- list-style: none;
- background-color: #eee;
- }
- .widget_tabs .tabs-nav li {
- position: relative;
- display: inline-block;
- overflow: hidden;
- width: 60px;
- margin: 0 !important;
- padding: 0 !important;
- list-style: none;
- text-align: center;
- border-bottom: none !important;
- }
- .widget_tabs .tabs-nav li.active a,
- .widget_tabs .tabs-nav li.active a:visited {
- line-height: 32px;
- z-index: 999;
- height: 32px;
- background-color: #e3e3e3;
- }
- .widget_tabs .tabs-nav li.active a .fa,
- .widget_tabs .tabs-nav li.active a:visited .fa {
- color: #0af;
- }
- .widget_tabs .tabs-nav li a {
- font-size: 12px;
- font-weight: bold;
- line-height: 32px;
- position: relative;
- display: block;
- height: 32px;
- text-transform: uppercase;
- color: #333;
- }
- .widget_tabs .tabs-nav li a:hover {
- text-decoration: none;
- color: #0af;
- }
- .widget_tabs .tab-content ul li {
- margin: 0;
- padding: 0;
- list-style: none;
- border-bottom: 1px solid #e9e9e9;
- }
- .widget_tabs .tab-content ul li .entry-thumbnail {
- float: left;
- width: 64px;
- height: 64px;
- margin: 0 10px 0 0;
- }
- .widget_tabs .tab-content ul li .entry-title {
- font-size: 14px;
- font-weight: 400;
- }
- .widget_tabs .tab-content ul li .entry-meta {
- font-size: 11px;
- margin-top: 5px;
- color: #9f9f9f;
- }
- .widget_tabs .tab-content ul li a {
- display: block;
- padding: 15px 0;
- }
- .widget_tabs .tab-content ul li a:hover {
- text-decoration: none;
- }
- .widget_tabs .tab-content ul li a:hover .entry-title {
- color: #0af;
- }
- .widget_tabs .tab-content ul li a:after {
- font-size: 0;
- display: block;
- visibility: hidden;
- clear: both;
- height: 0;
- content: ' ';
- }
- .widget_tabs #tab3 li a span {
- font-size: 12px;
- display: block;
- color: #999;
- }
- .widget_tabs #tab3 li a strong {
- display: block;
- margin-bottom: 5px;
- color: #333;
- }
- .widget_tabs #tab3 li a:hover strong {
- color: #0af;
- }
- .widget_tabs #tab4 {
- padding-top: 20px;
- }
- .widget_tabs #tab4 a {
- font-size: 12px;
- display: inline-block;
- margin: 0 3px 6px 0;
- padding: 5px 10px;
- text-transform: lowercase;
- color: #999;
- border-radius: 3px;
- background-color: #eee;
- }
- .widget_tabs #tab4 a:hover {
- text-decoration: none;
- color: #fff;
- background-color: #0af;
- }
- /* 125 Ad Widget */
- .widget_125 img {
- margin: 0 0 5px 0;
- padding: 9px;
- border: 1px solid #eee;
- border-radius: 3px;
- background: #fff;
- }
- .sidebar .widget_125 .img-right {
- float: right;
- }
- /* Twitter Widget */
- .widget_twitter ul li {
- padding-left: 26px !important;
- background: none !important;
- }
- .widget_twitter ul li .timestamp a:link,
- .widget_twitter ul li .timestamp a:visited {
- font-size: 11px;
- font-style: italic;
- color: #9f9f9f;
- }
- .widget_twitter ul li:before {
- font-family: 'FontAwesome';
- font-size: 14px;
- display: inline-block;
- float: left;
- width: 26px;
- margin-top: 0;
- margin-left: -26px;
- content: '\f099';
- color: #09c;
- }
- /* Posts Thumbnail Widget */
- .widget_posts_thumbnail {
- line-height: 1.3;
- }
- .widget_posts_thumbnail li:before,
- .widget_posts_thumbnail li:after {
- display: table;
- content: '';
- }
- .widget_posts_thumbnail li:after {
- clear: both;
- }
- .widget_posts_thumbnail .entry-thumbnail {
- float: left;
- max-width: 64px;
- margin: 0 15px 0 0;
- }
- .widget_posts_thumbnail .entry-meta {
- margin-top: 3px;
- color: #999;
- }
- /* Footer */
- /**
- * 8. Footer
- * -----------------------------------------------------------------------------
- */
- #footer {
- font-size: 13px;
- padding: 30px 0;
- background-color: #141414;
- }
- #footer .widget {
- color: #999;
- }
- #footer .widget a:link,
- #footer .widget a:visited {
- color: #999;
- }
- #footer .widget a:hover {
- color: #fff;
- }
- #footer .widget .widget-title {
- font-size: 13px;
- margin-bottom: 15px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color: #fff;
- }
- #footer .widget ul li {
- margin-bottom: 15px;
- list-style: none;
- }
- #footer .widget ul li a:hover {
- color: #fff;
- }
- #footer .widget ul li:last-child {
- margin-bottom: 0;
- padding-bottom: 0;
- border-bottom: none;
- }
- #footer .widget_newsletter {
- padding: 0;
- border: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- #footer .widget_newsletter input {
- width: 140px;
- margin: 0;
- background: #fff;
- }
- #footer .widget_posts_thumbnail .entry-meta {
- color: #666;
- }
- .footer-columns {
- margin-bottom: 20px;
- }
- .footer-columns .container {
- padding: 0 0 30px 0;
- border-bottom: 1px solid #343434;
- }
- .footer-column-1,
- .footer-column-2,
- .footer-column-3 {
- float: left;
- width: 22.5%;
- padding-right: 3%;
- }
- .footer-column-4 {
- float: left;
- width: 23.5%;
- padding-right: 0;
- }
- /* Site Bottom */
- #site-bottom {
- font-size: 13px;
- color: #666;
- }
- #site-bottom a:hover {
- color: #fff;
- }
- #site-bottom .footer-links ul li {
- line-height: 1;
- float: left;
- padding: 0 15px;
- list-style: none;
- border-right: 1px solid #343434;
- }
- #site-bottom .footer-links ul li:first-child {
- padding-left: 0;
- }
- #site-bottom .footer-links ul li:last-child {
- border-right-color: transparent;
- }
- #site-bottom .copyright {
- line-height: 1;
- float: right;
- margin-bottom: 0;
- }
- #footer-nav {
- padding-bottom: 30px;
- }
- #footer-nav ul > li {
- float: left;
- border-width: 2px;
- }
- #footer-nav ul > li a {
- font-size: 13px;
- font-weight: bold;
- display: block;
- width: 122.5px;
- margin-bottom: 20px;
- padding: 20px 10px 0 0;
- border-width: 2px !important;
- }
- #footer-nav ul > li a:hover {
- background: transparent !important;
- }
- #footer-nav ul > li ul > li {
- float: none;
- border-top: 0;
- }
- #footer-nav ul > li ul > li a {
- font-size: 13px;
- font-weight: normal;
- margin-bottom: 10px;
- padding: 0;
- }
- /* Comments */
- /**
- * 6.8 Comments
- * ----------------------------------------------------------------------------
- */
- /* Comment List */
- .comment-list,
- .comment-list ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .post-comment {
- margin: 0 0 52px;
- }
- .post-comment .post-subtitle span {
- margin-left: 5px;
- }
- .comment-list {
- margin: 0 0 52px;
- }
- .comment-list ul {
- margin-top: 30px;
- }
- .comment-list li {
- margin-bottom: 30px;
- }
- .comment-list > li:last-child {
- margin-bottom: 0;
- }
- .comment-avatar {
- margin: 0 0 30px;
- }
- .comment-avatar figure {
- width: 64px;
- height: 64px;
- margin-right: auto;
- margin-left: auto;
- }
- .comment-avatar figure img {
- width: 100%;
- height: auto;
- border-radius: 3px;
- }
- .comment-detail {
- position: relative;
- padding: 30px;
- border-radius: 3px;
- background-color: #f7f7f7;
- }
- .comment-detail:before {
- position: absolute;
- top: 0;
- left: 50%;
- width: 0;
- height: 0;
- margin-top: -10px;
- margin-left: -10px;
- content: '';
- border-right: 10px solid transparent;
- border-bottom: 10px solid #f7f7f7;
- border-left: 10px solid transparent;
- }
- .comment-name {
- font-weight: 700;
- margin: 0 0 10px;
- color: #474747;
- }
- .comment-date {
- font-size: .8571em;
- font-weight: 400;
- margin: 0 0 0 6px;
- }
- .comment-description {
- margin: 0 0 20px;
- }
- .comment-reply a,
- .comment-reply a:visited {
- font-size: 12px;
- -webkit-transition: color .2s ease-in-out;
- transition: color .2s ease-in-out;
- text-transform: uppercase;
- color: #999;
- }
- .comment-reply a:hover {
- text-decoration: none;
- color: #474747;
- }
- .comment-awaiting-moderation {
- color: red;
- }
- /* Comment Form */
- #respond .required {
- color: red;
- }
- #respond label {
- font-size: 13px;
- display: inline-block;
- margin-bottom: 5px;
- color: #877c78;
- }
- #respond #reply-title {
- font-size: 13px;
- margin-bottom: 30px;
- padding-bottom: 10px;
- text-transform: uppercase;
- border-bottom: 1px solid #e9e9e9;
- }
- #respond #reply-title small {
- font-size: .618em;
- margin-left: 10px;
- }
- #respond #commentform .comment-form-author,
- #respond #commentform .comment-form-email,
- #respond #commentform .comment-form-url {
- float: left;
- width: 31.33333%;
- margin-right: 3%;
- }
- #respond #commentform .comment-form-url {
- margin-right: 0;
- }
- #respond #commentform .comment-form-comment {
- clear: both;
- }
- #respond #commentform .comment-form-desc {
- font-size: 12px;
- font-style: italic;
- color: #999;
- }
- #respond #commentform .form-submit {
- display: none;
- }
- #respond #commentform .fa {
- margin-right: 5px;
- }
- #respond #commentform p {
- margin-bottom: 20px;
- }
- #respond #commentform input.txt,
- #respond #commentform textarea {
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 13px;
- width: 100%;
- height: 32px;
- padding-right: 0;
- padding-left: 0;
- border: none;
- border-bottom: 1px solid #e9e9e9;
- border-radius: 0;
- }
- #respond #commentform input.txt:focus,
- #respond #commentform textarea:focus {
- border-color: #333;
- }
- #respond #commentform .btn {
- height: auto;
- padding: 12px 15px;
- }
- .nav-previous {
- float: left;
- }
- .nav-next {
- float: right;
- }
- /* Homepage */
- #featured-content .entry-title {
- font-size: 32px;
- position: absolute;
- z-index: 2;
- right: 10px;
- bottom: 10px;
- left: 10px;
- padding: 10px;
- letter-spacing: -1px;
- color: #fff;
- text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
- }
- #featured-content .entry-thumbnail {
- width: 100% !important;
- height: auto;
- }
- #featured-content .featured-primary {
- position: relative;
- float: left;
- overflow: hidden;
- width: 720px;
- height: 399px;
- }
- #featured-content .featured-secondary {
- float: left;
- width: 340px;
- }
- #featured-content .featured-secondary .hentry {
- position: relative;
- display: block;
- overflow: hidden;
- height: 199px;
- margin-bottom: 1px;
- margin-left: 1px;
- }
- #featured-content .featured-secondary .hentry .entry-title {
- font-size: 20px;
- bottom: 0;
- }
- .listing-1-col ul li,
- .listing-2-col ul li,
- .listing-3-col ul li,
- .listing-4-col ul li {
- margin-bottom: 0;
- padding-bottom: 0;
- list-style: none;
- border-bottom: 0;
- }
- .section-title {
- font-size: 13px;
- margin-bottom: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- .listing-1-col ul li a {
- padding-bottom: 30px;
- }
- .listing-1-col .entry-thumbnail {
- float: left;
- margin: 0 15px 0 0;
- }
- .listing-1-col .entry-title {
- font-size: 16px;
- margin-bottom: 5px;
- }
- .listing-1-col .entry-summary {
- font-size: 13px;
- display: table;
- margin-bottom: 7px;
- color: #777;
- }
- .listing-1-col .entry-summary p {
- margin-bottom: 0;
- }
- .listing-1-col .entry-meta {
- margin-top: 5px;
- }
- .listing-1-col .entry-category {
- position: static;
- padding: 0;
- color: #00c3c3;
- }
- .listing-2-col {
- margin: 0 0 0 0;
- }
- .listing-2-col .box {
- width: 325px;
- margin: 0 0 30px 0;
- }
- .listing-2-col .box .category-title {
- font-size: 13px;
- line-height: 32px;
- display: block;
- height: 32px;
- margin: 0 0 1px 0;
- text-indent: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color: #fff;
- }
- .listing-2-col .box .category-title a {
- line-height: 32px;
- display: block;
- height: 32px;
- color: #fff;
- }
- .listing-2-col .box .primary {
- position: relative;
- height: 194px;
- margin: 0 0 15px 0;
- }
- .listing-2-col .box .primary .entry-title {
- font-size: 16px;
- position: absolute;
- z-index: 2;
- right: 10px;
- bottom: 10px;
- left: 10px;
- color: #fff;
- text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
- }
- .listing-2-col .box .primary .entry-thumbnail {
- width: 100%;
- height: auto;
- }
- @media only screen and (min-width: 1060px) {
- .listing-2-col .box .primary .gradient {
- bottom: -1px;
- }
- }
- .listing-2-col .box .secondary {
- padding-bottom: 15px;
- border-bottom: 1px solid #e9e9e9;
- }
- .listing-2-col .box .secondary .entry-thumbnail {
- float: left;
- margin: 0 10px 0 0;
- }
- .listing-2-col .box .secondary .entry-title {
- font-size: 14px;
- font-weight: normal;
- display: inline;
- }
- .listing-2-col .box .secondary .entry-meta {
- margin: 5px 0 0 0;
- color: #999;
- }
- .listing-2-col .box .secondary a:hover .entry-title {
- color: #0af;
- }
- .listing-2-col .box .list {
- padding: 10px 0;
- border-bottom: 1px solid #e9e9e9;
- }
- .listing-2-col .box .list a {
- font-size: 14px;
- display: block;
- color: #333;
- }
- .listing-2-col .box .list a:hover {
- color: #0af;
- }
- .listing-2-col .left {
- float: left;
- }
- .listing-2-col .right {
- float: right;
- }
- .listing-3-col {
- margin-bottom: 20px;
- padding-bottom: 20px;
- border-bottom: 1px solid #e9e9e9;
- }
- .listing-3-col ul li {
- position: relative;
- float: left;
- width: 208px;
- min-height: 200px;
- margin: 0 28px 28px 0;
- }
- .listing-3-col ul li:nth-of-type(3n) {
- margin-right: 0;
- }
- .listing-3-col ul li:nth-of-type(3n+1) {
- clear: left;
- }
- .listing-3-col ul li .entry-title {
- font-size: 14px;
- font-weight: normal;
- }
- .listing-3-col ul li .entry-thumbnail {
- margin-bottom: 3px;
- }
- .listing-4-col {
- margin-bottom: 30px;
- padding-bottom: 20px;
- border-bottom: 1px solid #e9e9e9;
- }
- .listing-4-col ul li {
- position: relative;
- float: left;
- width: 155px;
- margin-right: 20px;
- margin-bottom: 10px;
- }
- .listing-4-col ul li:nth-child(4n) {
- margin-right: 0;
- }
- .listing-4-col ul li .entry-title {
- font-size: 14px;
- font-weight: normal;
- }
- .listing-4-col ul li .entry-thumbnail {
- margin-bottom: 3px;
- }
- .line {
- display: block;
- width: 100%;
- height: 1px;
- margin-bottom: 20px;
- border-top: 1px solid #e9e9e9;
- }
- .content-loop {
- float: left;
- width: 680px;
- }
- .content-loop .hentry {
- margin-bottom: 20px;
- list-style: none;
- }
- .content-loop .hentry .entry-title a:hover {
- color: #0af;
- }
- .content-loop .hentry .entry-thumbnail {
- float: left;
- margin: 0 15px 0 0;
- }
- .content-loop .hentry .post-link {
- display: block;
- margin-bottom: 20px;
- }
- .content-loop .hentry .entry-category {
- position: static;
- padding: 0;
- }
- .content-loop .hentry .entry-category a {
- color: #00c3c3;
- }
- .content-loop .hentry .entry-summary {
- margin-bottom: 10px;
- }
- .content-loop .hentry .entry-summary p {
- margin-bottom: 0;
- }
- .content-loop.loop-list .entry-thumbnail {
- width: 35%;
- }
- .loop-list .hentry {
- padding-bottom: 20px;
- border-bottom: 1px solid #e9e9e9;
- }
- .loop-list .hentry .entry-title {
- font-size: 24px;
- }
- .loop-grid .hentry {
- float: left;
- width: 319px;
- padding-right: 20px;
- }
- .loop-grid .hentry:nth-of-type(2n) {
- padding-right: 0;
- padding-left: 20px;
- border-left: 1px solid #e9e9e9;
- }
- .loop-grid .hentry .entry-title {
- font-size: 20px;
- clear: right;
- margin-bottom: 15px;
- }
- .loop-grid .hentry .entry-thumbnail {
- margin-bottom: 15px;
- }
- .loop-grid .hentry .entry-summary {
- clear: both;
- }
- .loop-grid2 .entry-thumbnail {
- float: none;
- }
- /* Single Post */
- .single .hentry h1.entry-title {
- font-size: 40px;
- margin-bottom: 20px;
- color: #333;
- }
- .single .post-nav a {
- color: #999;
- }
- .single .entry-header {
- position: relative;
- margin-bottom: 20px;
- }
- .single .entry-footer {
- margin-bottom: 20px;
- }
- .single .entry-category a {
- font-size: 16px;
- text-transform: uppercase;
- color: #f3502a;
- border-bottom: 2px solid #f64;
- }
- .single .entry-category a:hover {
- text-decoration: none;
- }
- .single .entry-meta {
- font-size: 13px;
- margin-bottom: 15px;
- padding: 0;
- }
- .single .entry-meta .avatar {
- float: left;
- margin: 0 15px 0 0;
- }
- .single .entry-share {
- position: relative;
- margin-bottom: 20px;
- padding: 10px 0;
- border-top: 1px solid #e9e9e9;
- border-bottom: 1px solid #e9e9e9;
- }
- .single .entry-share ul {
- overflow: hidden;
- }
- .single .entry-share .entry-comment {
- position: absolute;
- top: 11px;
- right: 0;
- }
- .single .entry-share .entry-comment a {
- color: #0af;
- }
- .single .entry-share ul li {
- float: left;
- margin-right: 10px;
- padding-right: 10px;
- list-style: none;
- border-right: 1px solid #e9e9e9;
- }
- .single .entry-share ul li:last-child {
- border-right: none;
- }
- .single .entry-share ul li a {
- line-height: 24px;
- display: block;
- width: 24px;
- height: 24px;
- text-align: center;
- color: #fff;
- }
- .single .entry-share ul li a .fa {
- font-size: 15px;
- }
- .single .entry-share ul li.twitter a {
- background-color: #00aced;
- }
- .single .entry-share ul li.facebook a {
- background-color: #3b5998;
- }
- .single .entry-share ul li.google-plus a {
- background-color: #dd4b39;
- }
- .single .entry-share ul li.linkedin a {
- background-color: #007bb6;
- }
- .single .entry-share ul li.pinterest a {
- background-color: #c92228;
- }
- .single .entry-share ul li.email a {
- background-color: #aad450;
- }
- .entry-footer {
- margin: 30px 0 0 0;
- }
- /* Related Posts */
- .related-posts {
- width: 100%;
- margin-bottom: 40px;
- }
- .related-posts ul li {
- float: left;
- width: 31.3333%;
- padding-right: 3%;
- list-style: none;
- }
- .related-posts ul li:last-child {
- padding-right: 0;
- }
- .related-posts ul li img {
- width: 100%;
- margin-bottom: 5px;
- }
- .related-posts ul li a {
- display: block;
- }
- .related-posts ul li .entry-title {
- font-size: 16px;
- font-weight: bold;
- }
- .related-posts ul li .entry-summary {
- color: #999;
- }
- .entry-content h1,
- .entry-content h2,
- .entry-content h3,
- .entry-content h4,
- .entry-content h5,
- .entry-content h6 {
- margin-bottom: 15px;
- }
- .entry-content strong {
- font-weight: 700;
- }
- .entry-content p {
- margin-bottom: 15px;
- }
- .entry-content ul,
- .entry-content ol {
- margin: 0 0 20px 20px;
- }
- .entry-content ul li {
- margin: 10px 0;
- list-style: disc;
- }
- .entry-content ol li {
- margin: 10px 0;
- list-style: decimal;
- }
- blockquote {
- font-style: italic;
- line-height: 1.45;
- position: relative;
- margin: .5em 0 1em;
- padding: .25em 50px;
- color: #999;
- }
- blockquote:before {
- font-size: 80px;
- position: absolute;
- top: -20px;
- left: -10px;
- display: block;
- content: '\201C';
- color: #ccc;
- }
- blockquote cite {
- display: block;
- margin-top: 10px;
- color: #333;
- }
- blockquote cite:before {
- content: '\2014 \2009';
- }
- /* Members */
- .members {
- margin: 0 !important;
- padding: 0;
- }
- .members .member {
- float: left;
- width: 46%;
- padding: 2%;
- list-style: none;
- }
- .members .member:nth-of-type(2n+1) {
- clear: left;
- }
- .members .member .member-photo {
- float: left;
- width: 100px;
- max-width: 100%;
- margin-right: 30px;
- }
- .members .member .member-photo img {
- width: 100%;
- margin-bottom: 20px;
- border-radius: 50%;
- }
- .members .member .member-photo .member-social {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .members .member .member-photo .member-social li {
- font-size: 12px;
- display: inline-block;
- margin: 0 2px;
- }
- .members .member .member-content {
- position: relative;
- overflow: hidden;
- }
- .members .member .member-content:before {
- position: absolute;
- top: 0;
- width: 56px;
- height: 1px;
- content: '';
- background: #dededc;
- }
- .members .member .member-content .member-name {
- margin: 18px 0 0;
- }
- .members .member .member-content .member-position {
- color: #999;
- }
- .members .member .member-content .member-desc {
- line-height: 1.5em;
- }
- .block-title {
- font-size: 13px;
- margin-bottom: 30px;
- padding-bottom: 10px;
- text-transform: uppercase;
- border-bottom: 1px solid #e9e9e9;
- }
- /* Archive */
- .pagination {
- font-size: 12px;
- margin: 50px 0;
- text-align: center;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- .pagination .page-numbers {
- display: inline-block;
- margin: 0 1px;
- padding: 6px 11px;
- text-decoration: none;
- color: #999;
- border-radius: 3px;
- }
- .pagination .page-numbers:hover {
- background-color: #f0f0f0;
- }
- .pagination .page-numbers.current {
- font-weight: bold;
- color: #fff;
- background-color: #0af;
- }
- .pagination .prev,
- .pagination .next {
- background-color: #f0f0f0;
- }
- .pagination .prev:hover,
- .pagination .next:hover {
- color: #fff;
- background-color: #333;
- }
- /* State */
- .no-js .hide-if-no-js {
- display: none;
- }
- /**
- * Bootstrap hack
- */
- .col-xs-15,
- .col-sm-15,
- .col-md-15,
- .col-lg-15 {
- position: relative;
- min-height: 1px;
- padding-right: 10px;
- padding-left: 10px;
- }
- .col-xs-15 {
- float: left;
- width: 20%;
- }
- .col-xs-25 {
- float: left;
- width: 40%;
- }
- .col-xs-35 {
- float: left;
- width: 60%;
- }
- .col-xs-45 {
- float: left;
- width: 80%;
- }
- @media (min-width: 768px) {
- .col-sm-15 {
- float: left;
- width: 20%;
- }
- }
- @media (min-width: 992px) {
- .col-md-15 {
- float: left;
- width: 20%;
- }
- }
- @media (min-width: 1200px) {
- .col-lg-15 {
- float: left;
- width: 20%;
- }
- }
- .row.no-gutters {
- margin-right: 0;
- margin-left: 0;
- }
- .row.no-gutters > [class^='col-'],
- .row.no-gutters > [class*=' col-'] {
- padding-right: 0;
- padding-left: 0;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement